/* The first action introduces the packages without interrupting the page. */
.action.package-toggle{
 position:relative;isolation:isolate;overflow:hidden;gap:15px;padding:20px;
 border:1px solid #48c4f7;border-radius:16px;
 background:radial-gradient(ellipse at 0 0,#12618b80,transparent 75%),linear-gradient(120deg,#103b55,#102535);
 box-shadow:inset 0 1px 0 #b9ecff33,0 0 0 3px #249fd313,0 8px 25px #008bcb19;
 animation:package-entry-glow 4s ease-in-out 3;
}
.package-toggle>.brand-icon{width:36px;height:36px;filter:drop-shadow(0 0 8px #39baff55)}
.package-toggle>.label{position:relative;z-index:1}
.package-toggle .package-invitation{display:block;color:#a4e4ff;font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.8px;margin-bottom:6px}
.package-toggle .label strong{font-size:20px;line-height:1.2;color:#fff}
.package-toggle .label small{font-size:12px;line-height:1.45;color:#d3e6f0;opacity:1;margin-top:6px}
.package-toggle::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(110deg,transparent 42%,#ffffff0c 46%,#ffffff48 50%,#ffffff0c 54%,transparent 58%) 150% 0/250% 100% no-repeat;
 opacity:0;animation:package-entry-shine 4s ease-in-out 3;
}
.action.package-toggle:hover{border-color:#a1e5ff;background-color:#174562;box-shadow:inset 0 1px #d5f4ff44,0 0 0 3px #249fd329,0 8px 25px #008bcb30}
.action.package-toggle[aria-expanded="true"]{border-color:#b0ebff;background:linear-gradient(120deg,#155372,#153a50);box-shadow:inset 0 0 0 1px #b0ebff25,0 0 0 3px #249fd323}
.package-toggle[data-explored="true"],.package-toggle[data-explored="true"]::after{animation:none}
@keyframes package-entry-glow{0%,100%{box-shadow:inset 0 1px #b9ecff33,0 0 0 3px #249fd313,0 8px 25px #008bcb19}45%,60%{box-shadow:inset 0 1px #d5f4ff66,0 0 0 3px #249fd330,0 0 24px #199ed345}}
@keyframes package-entry-shine{0%,15%{background-position:150% 0;opacity:0}20%{opacity:1}60%{background-position:-50% 0;opacity:1}65%,100%{background-position:-50% 0;opacity:0}}
@media(max-width:359px){.action.package-toggle{gap:11px;padding:17px 14px}.package-toggle>.brand-icon{width:30px;height:30px}.package-toggle .label strong{font-size:19px}.package-toggle .package-invitation{font-size:9px;letter-spacing:.4px}}
@media(prefers-reduced-motion:reduce){.action.package-toggle,.package-toggle::after{animation:none}.package-toggle::after{opacity:0}.action.package-toggle:hover{transform:none}}