.glass{position:relative;isolation:isolate;border-radius:28px;background:linear-gradient(140deg,rgb(255 255 255/.13),rgb(255 255 255/.03) 55%,rgb(255 255 255/.07));backdrop-filter:blur(22px) saturate(170%) brightness(.72);box-shadow:inset 0 1px 0 rgb(255 255 255/.32),inset 0 -1px 0 rgb(255 255 255/.05),0 24px 60px rgb(0 0 0/.38)}.glass:after{padding:1px;background:linear-gradient(140deg,rgb(255 255 255/.55),rgb(255 255 255/.06) 42%,rgb(255 255 255/.22) 86%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.glass--lit:before,.glass:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none}.glass--lit:before{background:radial-gradient(360px circle at var(--mx,50%) var(--my,-20%),rgb(255 255 255/.2),transparent 55%);opacity:0;transition:opacity .4s ease}.glass--lit:focus-visible:before,.glass--lit:hover:before{opacity:1}.glass-card{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1)}.glass-card:focus-visible,.glass-card:hover{transform:translateY(-6px);box-shadow:inset 0 1px 0 rgb(255 255 255/.42),inset 0 -1px 0 rgb(255 255 255/.06),0 34px 80px rgb(0 0 0/.45)}.glass-chip{border-radius:999px;background:rgb(255 255 255/.1);backdrop-filter:blur(14px) saturate(160%);box-shadow:inset 0 1px 0 rgb(255 255 255/.28),inset 0 0 0 1px rgb(255 255 255/.1)}.glass-thumb{border-radius:999px;background:linear-gradient(180deg,rgb(255 255 255/.34),rgb(255 255 255/.16));box-shadow:inset 0 1px 0 rgb(255 255 255/.6),0 6px 18px rgb(0 0 0/.25);transition:transform .52s cubic-bezier(.2,.9,.2,1.08),width .52s cubic-bezier(.2,.9,.2,1.08)}html[data-theme=light] .glass{backdrop-filter:blur(22px) saturate(170%);background:linear-gradient(140deg,rgb(255 255 255/.66),rgb(255 255 255/.3) 55%,rgb(255 255 255/.48));box-shadow:inset 0 1px 0 rgb(255 255 255/.95),inset 0 -1px 0 rgb(0 0 0/.04),0 24px 60px rgb(20 30 60/.12),0 2px 6px rgb(20 30 60/.05)}html[data-theme=light] .glass:after{background:linear-gradient(140deg,rgb(255 255 255/1),rgb(255 255 255/.3) 42%,rgb(0 0 0/.08) 86%)}html[data-theme=light] .glass--lit:before{background:radial-gradient(360px circle at var(--mx,50%) var(--my,-20%),rgb(255 255 255/.9),transparent 55%)}html[data-theme=light] .glass-card:focus-visible,html[data-theme=light] .glass-card:hover{box-shadow:inset 0 1px 0 rgb(255 255 255/1),inset 0 -1px 0 rgb(0 0 0/.04),0 34px 80px rgb(20 30 60/.18),0 2px 6px rgb(20 30 60/.06)}html[data-theme=light] .glass-chip{background:rgb(255 255 255/.55);box-shadow:inset 0 1px 0 rgb(255 255 255/1),inset 0 0 0 1px rgb(0 0 0/.06)}html[data-theme=light] .glass-thumb{background:linear-gradient(180deg,rgb(255 255 255/1),rgb(255 255 255/.82));box-shadow:inset 0 1px 0 rgb(255 255 255/1),0 6px 18px rgb(20 30 60/.16),0 0 0 1px rgb(0 0 0/.04)}@media (prefers-reduced-motion:reduce){.glass--lit:before,.glass-card,.glass-thumb{transition:none}.glass-card:focus-visible,.glass-card:hover{transform:none}}