.liquid-glass-rail{position:relative;isolation:isolate;--glass-tint:rgba(228,241,255,.52);--glass-radius:18px}.liquid-glass-rail>:is(button,a){position:relative;z-index:1}.liquid-glass-lens{pointer-events:none;position:absolute;top:0;left:0;z-index:0;display:block;opacity:0;border-radius:var(--glass-radius);background:linear-gradient(155deg,rgba(255,255,255,.95),rgba(255,255,255,.42) 42%,var(--glass-tint));border:1px solid rgba(255,255,255,.96);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 2px #bed2e42e,0 3px 9px #274b7220,0 0 0 1px #9ab4cc25;-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);transition:transform .48s cubic-bezier(.22,.8,.2,1.08),width .48s cubic-bezier(.22,.8,.2,1.08),height .4s ease,opacity .16s ease}.liquid-glass-lens>i{position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(115deg,transparent 6%,#ffffff30 29%,transparent 44%,#ffffff52 68%,transparent 88%);box-shadow:inset 1px 1px 0 #fff7,inset -1px -1px 0 #ffffff7a}.liquid-glass-rail[data-glass-ready=true]>.liquid-glass-lens{opacity:1}.liquid-glass-rail[data-glass-ready=true]>:is(button,a):is([aria-selected=true],[aria-current=page],[aria-pressed=true]){background:transparent;box-shadow:none;border-color:transparent}.liquid-glass-rail>:is(button,a){transition:color .2s ease,transform .22s ease,background .2s ease}.liquid-glass-rail>:is(button,a):active{transform:scale(.97)}.liquid-glass-rail[data-glass-tone=dark]{--glass-tint:rgba(96,159,200,.18)}.liquid-glass-rail[data-glass-tone=dark]>.liquid-glass-lens{background:linear-gradient(145deg,#ffffff28,#ffffff0c 52%,var(--glass-tint));border-color:#ffffff45;box-shadow:inset 0 1px 0 #ffffff6b,inset 0 -1px 1px #a1caff20,0 6px 15px #0003,0 0 0 1px #0001}.liquid-glass-rail[data-glass-tone=dark] .liquid-glass-lens>i{background:linear-gradient(120deg,transparent,#ffffff0d 30%,transparent 50%,#ffffff12 82%,transparent);box-shadow:inset 1px 1px 0 #ffffff29}.glass-action{background:linear-gradient(140deg,#ffffffbd,#ffffff5c);border:1px solid #ffffffeb;box-shadow:inset 0 1px 1px #fff,0 3px 12px #173b6517,0 0 0 1px #91adc526;-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);transition:transform .25s ease,box-shadow .25s ease}.glass-action:hover{box-shadow:inset 0 1px 1px #fff,0 7px 18px #173b6522,0 0 0 1px #91adc538;transform:translateY(-2px)}.glass-action:active{transform:scale(.97)}@supports not (backdrop-filter:blur(1px)){.liquid-glass-lens{background:#eaf2fa}.liquid-glass-rail[data-glass-tone=dark]>.liquid-glass-lens{background:#294154}.glass-action{background:#f1f6fb}}@media(prefers-reduced-motion:reduce){.glass-action,.liquid-glass-lens,.liquid-glass-rail>:is(button,a){transition:none!important}.glass-action:active,.glass-action:hover,.liquid-glass-rail>:is(button,a):active{transform:none}}@media(prefers-reduced-transparency:reduce){.glass-action,.liquid-glass-lens{-webkit-backdrop-filter:none;backdrop-filter:none;background:#edf4fa}.liquid-glass-rail[data-glass-tone=dark]>.liquid-glass-lens{background:#284054}}@media(forced-colors:active){.liquid-glass-lens{display:none}.liquid-glass-rail>:is(button,a):is([aria-selected=true],[aria-current=page],[aria-pressed=true]){outline:2px solid Highlight;color:Highlight}}