/* A single quiet glass capsule, shared by the product and stealth controls. */
.glass-control{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.glass-host{display:block;width:100%;height:50px;position:relative;isolation:isolate;border-radius:999px}
.glass-liquid{width:100%;height:100%;isolation:isolate;overflow:visible!important}
.glass-liquid>svg[data-gooey-svg]{opacity:var(--glass-opacity,.58);transition:opacity 200ms ease;pointer-events:none}
.glass-surface,.glass-surface>div{width:100%;height:100%}
.glass-control .glass-content{display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;width:100%;height:50px;padding:0 20px;border-radius:999px;background:linear-gradient(115deg,#fff5,#ffffff0b 60%,#fff3);box-shadow:inset 0 1px 0 #fffb,inset 0 -1px 0 #303a2010;overflow:hidden;color:var(--ink);white-space:nowrap}
.glass-content::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,transparent 10%,#fff9 45%,transparent 75%);opacity:0;transform:translateX(-25%);transition:transform 250ms var(--ease-out),opacity 200ms ease;pointer-events:none}
.glass-control .glass-label{display:block;font:inherit;font-size:14px;position:relative}
.glass-control .glass-arrow{display:inline-block;flex:none;font-size:21px;line-height:1;position:relative;transition:transform 200ms var(--ease-out)}
.glass-control:active .glass-host{transform:scale(.98)}
.glass-host{transition:transform 140ms var(--ease-out)}
.glass-control:focus-visible .glass-arrow{transform:translateX(2px) rotate(45deg)}
.glass-control:focus-visible .glass-liquid>svg[data-gooey-svg]{opacity:var(--glass-hover-opacity,.9)}
.crew-label{height:54px}
.crew-label .character-chip{display:block;width:212px;max-width:calc(100% - 28px);height:50px;min-width:0;margin:0;padding:0;border:0;background:var(--paper);border-radius:999px;box-shadow:0 0 0 10px var(--paper);isolation:isolate}
@media(hover:hover) and (pointer:fine){
 .glass-control:hover .glass-arrow{transform:translateX(2px) rotate(45deg)}
 .glass-control:hover .glass-liquid>svg[data-gooey-svg]{opacity:var(--glass-hover-opacity,.85)}
 .glass-control:hover .glass-content::before{opacity:.55;transform:translateX(25%)}
}
@media(max-width:760px){
 .crew-label{height:46px}.crew-label .character-chip{width:100%;max-width:calc(100% - 8px);height:42px;box-shadow:0 0 0 5px var(--paper)}
 .crew-label .glass-content{height:42px;gap:4px;padding:0 10px}.crew-label .glass-label{font-size:10px}.crew-label .glass-arrow{font-size:15px}
}
@media(max-width:380px){.crew-label .glass-content{padding:0 6px}.crew-label .glass-label{font-size:9px}.crew-label .glass-arrow{font-size:13px}}
@media(prefers-reduced-motion:reduce){.glass-content::before{display:none}.glass-control .glass-arrow,.glass-host{transition:none}.glass-control:hover .glass-arrow,.glass-control:focus-visible .glass-arrow{transform:none}}