.liquid-glass{--lg-light:0.8;--lg-refraction:0.7;--lg-depth:0.55;--lg-dispersion:0.7;--lg-frost:12px;--lg-splay:0.72;--lg-radius:9999px;--lg-tint:rgb(255 255 255/0.14);--lg-pad-x:0.55rem;--lg-pad-y:0.4rem;position:relative;display:inline-flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;border-radius:var(--lg-radius);padding:var(--lg-pad-y) 1rem var(--lg-pad-y) var(--lg-pad-x);color:#fff;background:transparent;transform:translateZ(0)}.liquid-glass__svg{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.liquid-glass__plate{z-index:0;border-radius:inherit;background:radial-gradient(120% 140% at 50% 0,rgb(255 255 255/calc(.28 * var(--lg-light))) 0,transparent 55%),linear-gradient(165deg,rgb(255 255 255/calc(.22 * var(--lg-light))) 0,var(--lg-tint) 53%,rgb(140 140 145/calc(.12 * var(--lg-depth))) 100%);border:1px solid rgb(255 255 255/calc(.42 * var(--lg-light)));box-shadow:0 10px 28px -8px rgb(0 0 0/calc(.35 * var(--lg-depth))),0 2px 8px rgb(0 0 0/calc(.12 * var(--lg-depth))),inset 0 1px 0 rgb(255 255 255/calc(.7 * var(--lg-light))),inset 0 -1px 0 rgb(0 0 0/calc(.14 * var(--lg-depth))),inset 0 0 18px rgb(255 255 255/calc(.08 * var(--lg-light))),inset 0 0 0 1px rgb(255 255 255/.08)}.liquid-glass__edge,.liquid-glass__plate{position:absolute;inset:0;pointer-events:none}.liquid-glass__edge{z-index:1;border-radius:inherit;-webkit-mask-image:radial-gradient(ellipse at center,transparent calc(100% - var(--lg-splay) * 78%),rgb(0 0 0/.25) calc(100% - var(--lg-splay) * 42%),rgb(0 0 0/.75) calc(100% - var(--lg-splay) * 18%),black 100%);mask-image:radial-gradient(ellipse at center,transparent calc(100% - var(--lg-splay) * 78%),rgb(0 0 0/.25) calc(100% - var(--lg-splay) * 42%),rgb(0 0 0/.75) calc(100% - var(--lg-splay) * 18%),black 100%)}.liquid-glass__chroma{position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;opacity:calc(.55 + var(--lg-dispersion) * .45);mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse at center,transparent calc(100% - var(--lg-splay) * 52%),black 100%);mask-image:radial-gradient(ellipse at center,transparent calc(100% - var(--lg-splay) * 52%),black 100%)}.liquid-glass__chroma-b,.liquid-glass__chroma-g,.liquid-glass__chroma-r{position:absolute;inset:-1px;border-radius:inherit;border-style:solid;border-width:1.35px;opacity:.95}.liquid-glass__chroma-r{border-color:rgb(255 70 85/.75);transform:translate(calc(var(--lg-dispersion) * -2.2px),calc(var(--lg-dispersion) * -.6px));filter:blur(.4px)}.liquid-glass__chroma-g{border-color:rgb(80 255 200/.5);transform:translateY(calc(var(--lg-dispersion) * .9px));filter:blur(.35px)}.liquid-glass__chroma-b{border-color:rgb(120 120 125/.75);transform:translate(calc(var(--lg-dispersion) * 2.2px),calc(var(--lg-dispersion) * .5px));filter:blur(.4px)}.liquid-glass__prism{left:5%;right:5%;bottom:0;z-index:3;height:2px;opacity:calc(.5 + var(--lg-dispersion) * .5);background:linear-gradient(90deg,transparent,rgb(255 80 80/.8) 14%,rgb(255 200 60/.7) 32%,rgb(70 255 190/.6) 50%,rgb(120 120 125/.8) 68%,rgb(210 110 255/.6) 86%,transparent);filter:blur(.5px);mix-blend-mode:screen}.liquid-glass__prism,.liquid-glass__specular{position:absolute;border-radius:inherit;pointer-events:none}.liquid-glass__specular{inset:0;z-index:4;background:linear-gradient(180deg,rgb(255 255 255/calc(.48 * var(--lg-light))) 0,rgb(255 255 255/calc(.1 * var(--lg-light))) 28%,transparent 55%),radial-gradient(80% 60% at 30% 20%,rgb(255 255 255/calc(.22 * var(--lg-light))) 0,transparent 55%)}.liquid-glass__content{position:relative;z-index:5;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;width:100%}.liquid-glass--interactive{cursor:pointer;transition:transform .2s ease-out,box-shadow .25s ease-out}.liquid-glass--interactive:active:not(:disabled){transform:scale(.985)}.liquid-glass__sweep{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;border-radius:inherit}.liquid-glass__sweep:after,.liquid-glass__sweep:before{content:"";position:absolute;top:-45%;bottom:-45%;left:0;opacity:0;will-change:transform,opacity,filter;pointer-events:none}.liquid-glass__sweep:before{width:145%;background:linear-gradient(105deg,transparent 0,transparent 18%,rgb(255 255 255/calc(.02 * var(--lg-light))) 28%,rgb(255 255 255/calc(.08 * var(--lg-light))) 38%,rgb(255 255 255/calc(.22 * var(--lg-light))) 46%,rgb(255 255 255/calc(.48 * var(--lg-light))) 50%,rgb(255 255 255/calc(.22 * var(--lg-light))) 54%,rgb(255 255 255/calc(.08 * var(--lg-light))) 62%,rgb(255 255 255/calc(.02 * var(--lg-light))) 72%,transparent 82%,transparent 100%);filter:blur(14px);transform:translateX(-160%) skewX(-12deg) scaleY(1.15);mix-blend-mode:screen}.liquid-glass__sweep:after{width:110%;background:linear-gradient(100deg,transparent 0,transparent 22%,rgb(230 230 232/calc(.03 * var(--lg-light))) 34%,rgb(255 255 255/calc(.14 * var(--lg-light))) 44%,rgb(255 255 255/calc(.38 * var(--lg-light))) 50%,rgb(255 255 255/calc(.14 * var(--lg-light))) 56%,rgb(230 230 232/calc(.03 * var(--lg-light))) 66%,transparent 78%,transparent 100%);filter:blur(8px);transform:translateX(-170%) skewX(-10deg) scaleY(1.05);mix-blend-mode:soft-light}.liquid-glass--interactive:hover:not(:disabled) .liquid-glass__sweep:before{animation:lg-light-sweep-bloom 3s ease-out both}.liquid-glass--interactive:hover:not(:disabled) .liquid-glass__sweep:after{animation:lg-light-sweep-core 3s ease-out .12s both}.liquid-glass--interactive:not(:hover) .liquid-glass__sweep:after,.liquid-glass--interactive:not(:hover) .liquid-glass__sweep:before{animation:none;opacity:0}.liquid-glass--interactive:not(:hover) .liquid-glass__sweep:before{transform:translateX(-160%) skewX(-12deg) scaleY(1.15);filter:blur(14px)}.liquid-glass--interactive:not(:hover) .liquid-glass__sweep:after{transform:translateX(-170%) skewX(-10deg) scaleY(1.05);filter:blur(8px)}.liquid-glass--standby .liquid-glass__plate{animation:lg-standby-glow 3.2s ease-in-out infinite}.liquid-glass--interactive:hover:not(:disabled) .liquid-glass__plate,.liquid-glass--interactive:hover:not(:disabled).liquid-glass--standby .liquid-glass__plate{border-color:rgb(255 255 255/.6);box-shadow:0 12px 32px -8px rgb(0 0 0/calc(.4 * var(--lg-depth))),0 2px 10px rgb(0 0 0/calc(.14 * var(--lg-depth))),inset 0 1px 0 rgb(255 255 255/calc(.85 * var(--lg-light))),inset 0 -1px 0 rgb(0 0 0/calc(.1 * var(--lg-depth)));animation:lg-hover-glow 3s ease-out both}.lg-chrome-lens{position:relative;z-index:6;flex-shrink:0;width:2.15rem;height:2.15rem;border-radius:9999px;overflow:hidden;background:rgb(2 8 7);box-shadow:0 0 0 1px rgb(255 255 255/.55),0 0 0 2px rgb(var(--primary)/.35),0 3px 8px rgb(0 0 0/.28),inset 0 1px 2px rgb(255 255 255/.65),inset 0 -3px 6px rgb(0 0 0/.4)}.lg-chrome-lens__metal{position:absolute;inset:0;background:radial-gradient(circle at 40% 35%,rgb(55 72 82/.55) 0,rgb(25 20 30/.88) 70%,rgb(8 10 14/.96) 100%)}.lg-chrome-lens__sweep{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;overflow:hidden}.lg-chrome-lens__sweep:before{content:"";position:absolute;top:-50%;bottom:-50%;left:0;width:160%;background:linear-gradient(105deg,transparent,transparent 16%,rgb(255 255 255/.03) 28%,rgb(255 255 255/.12) 38%,rgb(255 255 255/.35) 46%,rgb(255 255 255/.72) 50%,rgb(255 255 255/.35) 54%,rgb(255 255 255/.12) 62%,rgb(255 255 255/.03) 72%,transparent 84%,transparent);filter:blur(10px);transform:translateX(-170%) skewX(-12deg) scaleY(1.2);opacity:0;mix-blend-mode:screen;will-change:transform,opacity,filter;pointer-events:none}.liquid-glass--interactive:hover:not(:disabled) .lg-chrome-lens__sweep:before{animation:lg-light-sweep-bloom 3s ease-out both}.liquid-glass--interactive:not(:hover) .lg-chrome-lens__sweep:before{animation:none;transform:translateX(-170%) skewX(-12deg) scaleY(1.2);opacity:0;filter:blur(10px)}.liquid-glass--standby .lg-chrome-lens__sweep:after{content:"";position:absolute;top:-40%;bottom:-40%;left:0;width:95%;background:linear-gradient(100deg,transparent,transparent 28%,rgb(255 255 255/0) 40%,rgb(255 255 255/.18) 50%,rgb(255 255 255/0) 60%,transparent 72%,transparent);filter:blur(6px);transform:translateX(-160%) skewX(-12deg);animation:lg-metal-standby-sweep var(--lg-metal-loop,8s) cubic-bezier(.4,0,.2,1) infinite;pointer-events:none;mix-blend-mode:screen}.lg-chrome-lens__rim{position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 32% 22%,rgb(255 255 255/.7) 0,transparent 38%),radial-gradient(circle at 70% 82%,rgb(0 0 0/.35) 0,transparent 48%);box-shadow:inset 0 0 0 1.75px rgb(255 255 255/.55),inset 0 0 10px rgb(255 255 255/.12),inset 0 0 0 2.5px rgb(255 70 90/.28),inset 0 0 0 3.5px rgb(120 120 125/.22),inset 0 0 0 4.5px rgb(255 220 80/.12);mix-blend-mode:soft-light;animation:lg-rim-chroma-breathe var(--lg-metal-loop,8s) ease-in-out infinite}.lg-chrome-lens__rim:before{content:"";position:absolute;inset:-8%;border-radius:inherit;background:conic-gradient(from 0deg,transparent 0deg,transparent 250deg,rgb(255 255 255/.15) 280deg,rgb(255 255 255/.7) 300deg,rgb(255 255 255/.15) 320deg,transparent 340deg,transparent 1turn);-webkit-mask-image:radial-gradient(farthest-side,transparent 58%,#000 68%,#000 90%,transparent 98%);mask-image:radial-gradient(farthest-side,transparent 58%,#000 68%,#000 90%,transparent 98%);mix-blend-mode:screen;opacity:.65;animation:lg-rim-spec-spin var(--lg-metal-loop,8s) linear infinite;will-change:transform}.lg-chrome-label{font-size:.925rem;font-weight:500;letter-spacing:-.01em;color:rgb(5 16 13/.92);text-shadow:none;white-space:nowrap}.liquid-chrome-button .liquid-glass__plate{background:radial-gradient(120% 140% at 50% 0,rgb(255 255 255/.55) 0,transparent 65%),linear-gradient(165deg,rgb(255 255 255/.62),rgb(255 255 255/.55))}.lg-chrome-chevron{width:.85rem;height:.85rem;color:rgb(5 16 13/.82);flex-shrink:0}@keyframes lg-light-sweep-bloom{0%{transform:translateX(-160%) skewX(-12deg) scaleY(1.15);opacity:0;filter:blur(20px)}12%{opacity:.45;filter:blur(16px)}25%{transform:translateX(-35%) skewX(-11deg) scaleY(1.15);opacity:1;filter:blur(14px)}75%{transform:translateX(55%) skewX(-9deg) scaleY(1.18);opacity:1;filter:blur(13px)}88%{opacity:.4;filter:blur(17px)}to{transform:translateX(165%) skewX(-8deg) scaleY(1.2);opacity:0;filter:blur(22px)}}@keyframes lg-light-sweep-core{0%{transform:translateX(-170%) skewX(-10deg) scaleY(1.05);opacity:0;filter:blur(14px)}12%{opacity:.3}25%{transform:translateX(-40%) skewX(-10deg) scaleY(1.05);opacity:.95;filter:blur(8px)}75%{transform:translateX(60%) skewX(-7deg) scaleY(1.08);opacity:.9;filter:blur(7px)}90%{opacity:.35;filter:blur(12px)}to{transform:translateX(175%) skewX(-6deg) scaleY(1.1);opacity:0;filter:blur(16px)}}@keyframes lg-hover-glow{0%{filter:brightness(1)}20%{filter:brightness(1.04)}50%{filter:brightness(1.1)}80%{filter:brightness(1.05)}to{filter:brightness(1.02)}}@keyframes lg-standby-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.04)}}@keyframes lg-metal-standby-sweep{0%{transform:translateX(-160%) skewX(-12deg);opacity:0}14%{opacity:.85}50%{opacity:.7}to{transform:translateX(200%) skewX(-8deg);opacity:0}}@keyframes lg-rim-spec-spin{to{transform:rotate(1turn)}}@keyframes lg-rim-chroma-breathe{0%,to{opacity:.72}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.lg-chrome-lens__rim,.lg-chrome-lens__rim:before,.liquid-glass--interactive:hover:not(:disabled) .lg-chrome-lens__sweep:before,.liquid-glass--interactive:hover:not(:disabled) .liquid-glass__plate,.liquid-glass--interactive:hover:not(:disabled) .liquid-glass__sweep:after,.liquid-glass--interactive:hover:not(:disabled) .liquid-glass__sweep:before,.liquid-glass--standby .lg-chrome-lens__sweep:after,.liquid-glass--standby .liquid-glass__plate{animation:none}}@media (max-width:640px),(pointer:coarse){.liquid-glass--standby .lg-chrome-lens__sweep:after{filter:none}.lg-chrome-lens__rim:before{opacity:.45}}