:where(.liquid-glass){position:relative}.liquid-glass{isolation:isolate;overflow:hidden}.liquid-glass__defs{position:absolute;width:0;height:0;overflow:hidden}.liquid-glass__refract{position:absolute;z-index:0;filter:var(--lg-glass-filter);transform:scale(1.06);pointer-events:none}canvas.liquid-glass__refract{top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform-origin:center}img.liquid-glass__refract,video.liquid-glass__refract{max-width:none}.liquid-glass__frost{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;-webkit-backdrop-filter:blur(var(--lg-frost)) saturate(140%);backdrop-filter:blur(var(--lg-frost)) saturate(140%);pointer-events:none}.liquid-glass__specular{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;opacity:var(--lg-light);background-image:linear-gradient(135deg,#ffffff73,#fff0 45%),linear-gradient(to top,#ffffff1f,#fff0 30%);box-shadow:inset 0 1px rgba(255,255,255,calc(.5 * var(--lg-depth))),inset 0 -1px 1px rgba(0,0,0,calc(.4 * var(--lg-depth)));mix-blend-mode:overlay;pointer-events:none}.liquid-glass__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;--lg-scrim-alpha: max( var(--lg-scrim-floor, .55), calc(.82 * var(--lg-scrim)) );background-image:linear-gradient(to top,rgb(0,0,0,var(--lg-scrim-alpha)),rgb(0,0,0,var(--lg-scrim-alpha)) calc(100% - var(--lg-scrim-fade, var(--space-2xl))),#0000);pointer-events:none}.liquid-glass__stroke{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;padding:1px;border-radius:inherit;background-image:conic-gradient(from 200deg,#ffaad24d,#aac8ff42 15%,#ffffff12 32%,#ffcd963d 52%,#beaaff47 68%,#ffffff0f 85%,#ffaad24d);-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;container-type:size;pointer-events:none}.liquid-glass__stroke:before{content:"";position:absolute;top:50%;left:50%;width:150cqmax;height:150cqmax;margin:-75cqmax 0 0 -75cqmax;background-image:conic-gradient(#fff0,#ffffff80 12%,#fff0 28%,#fff0);animation:lg-stroke-travel 6s linear infinite}@keyframes lg-stroke-travel{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.liquid-glass__stroke:before{animation:none}}.liquid-button{width:var(--liquid-button-size, 2.5rem);height:var(--liquid-button-size, 2.5rem);flex:none;--lg-scrim-fade: 0px;--lg-scrim-floor: .42;display:flex;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--liquid-button-bg, rgba(0, 0, 0, .28));color:#fff}:where(.liquid-button--flat){position:relative}.liquid-button.liquid-glass--refracting{background-color:var(--liquid-button-bg, rgba(0, 0, 0, .1))}.liquid-button__content{position:relative;z-index:5;display:flex;align-items:center;justify-content:center}.liquid-button__icon{width:var(--liquid-button-icon-size, 1.5rem);height:var(--liquid-button-icon-size, 1.5rem)}.liquid-button__icon--play{width:var(--liquid-button-icon-size, 1.75rem);height:var(--liquid-button-icon-size, 1.75rem)}.liquid-button--travel .liquid-button__content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.liquid-button--travel .liquid-button__box{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;transition:transform .6s cubic-bezier(.625,.05,0,1)}.liquid-button--travel .liquid-button__box--duplicate{inset-inline-start:auto;inset-inline-end:100%}@media (hover: hover){.liquid-button--travel:hover .liquid-button__box,.liquid-button--travel:focus-visible .liquid-button__box,[data-hover]:hover .liquid-button--travel .liquid-button__box,[data-hover]:focus-within .liquid-button--travel .liquid-button__box{transform:translate(100%)}}:where(html[data-mouse]) .liquid-button--travel:hover .liquid-button__box,:where(html[data-mouse]) .liquid-button--travel:focus-visible .liquid-button__box,:where(html[data-mouse]) [data-hover]:hover .liquid-button--travel .liquid-button__box,:where(html[data-mouse]) [data-hover]:focus-within .liquid-button--travel .liquid-button__box{transform:translate(100%)}.liquid-button--travel-left .liquid-button__box--duplicate{inset-inline-start:100%;inset-inline-end:auto}@media (hover: hover){.liquid-button--travel-left:hover .liquid-button__box,.liquid-button--travel-left:focus-visible .liquid-button__box,[data-hover]:hover .liquid-button--travel-left .liquid-button__box,[data-hover]:focus-within .liquid-button--travel-left .liquid-button__box{transform:translate(-100%)}}:where(html[data-mouse]) .liquid-button--travel-left:hover .liquid-button__box,:where(html[data-mouse]) .liquid-button--travel-left:focus-visible .liquid-button__box,:where(html[data-mouse]) [data-hover]:hover .liquid-button--travel-left .liquid-button__box,:where(html[data-mouse]) [data-hover]:focus-within .liquid-button--travel-left .liquid-button__box{transform:translate(-100%)}@media (prefers-reduced-motion: reduce){.liquid-button--travel .liquid-button__box{transition:none}}.liquid-button--shine{box-shadow:0 8px 12px #00000014}.liquid-button--shine .liquid-glass__scrim,.liquid-button--shine .liquid-glass__specular,.liquid-button--shine .liquid-glass__frost{display:none}.liquid-button__shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;overflow:hidden;pointer-events:none;background-image:radial-gradient(ellipse 70% 50% at 70% 98%,#ffffff29,#fff0 70%)}.liquid-button__shine:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:radial-gradient(ellipse 55% 40% at 30% 22%,#ffffff6b,#fff0 70%);animation:liquid-button-shine-orbit 8s linear infinite}@keyframes liquid-button-shine-orbit{to{rotate:360deg}}.liquid-button--shine .liquid-button__content{z-index:6}.liquid-button--shine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;border-radius:inherit;box-shadow:inset 2px 2px 2px -2px #fff,inset -2px -2px 2px -2px #fff;pointer-events:none}@media (prefers-reduced-motion: reduce){.liquid-button__shine:before{animation:none}}@media (max-width: 768px){.liquid-button .liquid-glass__frost{-webkit-backdrop-filter:none;backdrop-filter:none}}