.aps-filter-glass{position:relative;isolation:isolate;display:flex;align-items:center;gap:4px;padding:5px;border-radius:999px;background:linear-gradient(130deg,#e3eeea,#f6f4ef 55%,#d9e9e3);border:1px solid rgba(18,78,73,.16);box-shadow:inset 0 1px 1px #fff,0 4px 14px rgba(12,43,40,.08);max-width:100%;box-sizing:border-box}
.aps-filter-glass:before{content:"";position:absolute;pointer-events:none;left:0;top:var(--pill-y,5px);width:var(--pill-w,64px);height:var(--pill-h,40px);transform:translateX(var(--pill-x,5px));border-radius:999px;box-sizing:border-box;border:1px solid rgba(255,255,255,.9);background:linear-gradient(125deg,rgba(255,255,255,.8),rgba(159,196,182,.56) 55%,rgba(255,255,255,.6));box-shadow:inset 0 2px 2px #fff,inset 0 -2px 3px rgba(18,78,73,.18),0 4px 12px rgba(12,43,40,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .38s cubic-bezier(.2,.85,.2,1),width .38s cubic-bezier(.2,.85,.2,1),top .38s,height .38s;z-index:0}
.aps-filter-glass button.aps-filter-option{position:relative;z-index:1;flex:none;background:transparent!important;background-image:none!important;border:1px solid transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#124E49!important;padding:10px 20px!important;white-space:nowrap;min-height:42px}
.aps-filter-option[aria-pressed="true"]{text-decoration:underline;text-decoration-color:#F6B51E;text-decoration-thickness:3px;text-underline-offset:6px}
@media(max-width:900px){.aps-filter-glass{flex-wrap:wrap;border-radius:24px}.aps-filter-glass button.aps-filter-option{padding:10px 14px!important}}
@media(prefers-reduced-motion:reduce){.aps-filter-glass:before{transition:none}}

/* Let the glass follow a held finger without text selection or a long-press menu. */
html.aps-responsive body .aps-filter-glass,
html.aps-responsive body .aps-filter-glass>button{touch-action:pan-y pinch-zoom!important;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.aps-filter-glass[data-glass-sliding]:before{transition:none}
.aps-filter-glass[data-glass-sliding],.aps-filter-glass[data-glass-sliding]>button{cursor:grabbing}
.aps-filter-glass{scrollbar-width:none}
.aps-filter-glass::-webkit-scrollbar{display:none;width:0;height:0}
@media(any-pointer:coarse){html.aps-responsive body .aps-filter-glass{overflow-x:hidden!important}}

/* A single interaction capsule, matching the navigation rail. */
html.aps-responsive body .aps-filter-glass > button.aps-filter-option{
 background:transparent!important;background-image:none!important;border-color:transparent!important;
 box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html.aps-responsive body .aps-filter-glass > button.aps-filter-option::after{content:none!important}
html.aps-responsive body .aps-filter-glass > button.aps-filter-option[aria-pressed="true"]{
 background-color:transparent!important;color:#124E49!important;
 text-decoration:underline;text-decoration-color:#F6B51E;text-decoration-thickness:3px;text-underline-offset:6px;
}
html.aps-responsive body .aps-filter-glass::before{
 opacity:0;background:radial-gradient(ellipse at var(--shine,38%) 0%,rgba(255,255,255,.55),rgba(255,255,255,.05) 68%),linear-gradient(130deg,rgba(255,255,255,.2),rgba(159,196,182,.12));
 transition:transform .38s cubic-bezier(.2,.85,.2,1),width .38s cubic-bezier(.2,.85,.2,1),top .38s,height .38s,opacity .18s;
}
html.aps-responsive body .aps-filter-glass[data-glass-sliding]::before{opacity:1}
@media(hover:hover) and (pointer:fine){html.aps-responsive body .aps-filter-glass[data-glass-active]:hover::before{opacity:1}}
html.aps-responsive body .aps-filter-glass:has(>button:focus-visible)::before{opacity:1}