@property --liquid-glass-flow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.liquid-glass{--liquid-glass-tint:rgb(255 255 255/46%);--liquid-glass-sheen:rgb(255 255 255/42%);--liquid-glass-rim:rgb(25 25 29/12%);--liquid-glass-foreground:#19191d;--liquid-glass-solid:#fafafa;--liquid-glass-flow-highlight:rgb(70 48 100/30%);--liquid-glass-flow-accent:rgb(119 0 204/20%);color:var(--liquid-glass-foreground)}.dark .liquid-glass[data-tone=auto],.liquid-glass[data-tone=dark]{--liquid-glass-tint:rgb(20 20 24/42%);--liquid-glass-sheen:rgb(255 255 255/14%);--liquid-glass-rim:rgb(255 255 255/20%);--liquid-glass-foreground:#fff;--liquid-glass-solid:#17171a;--liquid-glass-flow-highlight:rgb(255 255 255/75%);--liquid-glass-flow-accent:rgb(194 155 255/48%)}.liquid-glass-content{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center}.liquid-glass-surface{position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;border:1px solid var(--liquid-glass-rim);background:linear-gradient(145deg,var(--liquid-glass-sheen),transparent 48%,rgb(255 255 255/5%)),var(--liquid-glass-tint);backdrop-filter:var(--liquid-glass-filter,blur(12px) saturate(1.3))}.dark .liquid-glass[data-tone=auto] .liquid-glass-surface,.liquid-glass[data-tone=dark] .liquid-glass-surface{box-shadow:0 4px 14px rgb(0 0 0/22%),inset 0 1px 0 rgb(255 255 255/15%),inset 0 -1px 0 rgb(0 0 0/10%)}.liquid-glass-surface:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(145deg,rgb(255 255 255/78%),rgb(25 25 29/5%) 38%,rgb(25 25 29/3%) 62%,rgb(255 255 255/48%));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.liquid-glass-surface:after{content:"";position:absolute;inset:1px;border-radius:inherit;background:radial-gradient(ellipse at 25% 0,rgb(255 255 255/14%),transparent 62%);opacity:.5;transition:opacity .35s ease}@media (hover:hover){:is(button,a):hover .liquid-glass-surface:after{opacity:1}}.liquid-glass-defs{position:absolute;overflow:hidden;pointer-events:none}.liquid-glass[data-variant=flow]:after{content:"";position:absolute;inset:0;z-index:2;padding:1px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--liquid-glass-flow-angle),transparent 0deg 65deg,var(--liquid-glass-flow-accent) 105deg,var(--liquid-glass-flow-highlight) 135deg,transparent 180deg 245deg,var(--liquid-glass-flow-accent) 285deg,var(--liquid-glass-flow-highlight) 315deg,transparent 1turn);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:liquid-glass-flow 14s linear infinite}@keyframes liquid-glass-flow{to{--liquid-glass-flow-angle:360deg}}@media (prefers-reduced-motion:reduce){.liquid-glass[data-variant=flow]:after{animation:none;opacity:.45}.liquid-glass-surface:after{transition:none}}@media (prefers-reduced-transparency:reduce){.liquid-glass-surface{backdrop-filter:none;background:var(--liquid-glass-solid)}}@media (forced-colors:active){.liquid-glass{color:ButtonText}.liquid-glass-surface{backdrop-filter:none;background:Canvas;border:1px solid ButtonText}.liquid-glass-surface:after,.liquid-glass-surface:before,.liquid-glass[data-variant=flow]:after{display:none}}