.liquid-theme-toggle{--toggle-width: clamp(168px, 16vw, 210px);--toggle-height: clamp(58px, 5vw, 72px);--toggle-bubble: clamp(74px, 7vw, 92px);position:relative;width:var(--toggle-width);height:var(--toggle-bubble);padding:0;overflow:visible;border:0;background:transparent;color:#f9f8f3;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent}.liquid-theme-toggle__track{position:absolute;z-index:1;top:50%;left:0;width:100%;height:var(--toggle-height);overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:linear-gradient(180deg,#1f1f21f0,#0f0f11e8 49%,#050507f0);box-shadow:inset 0 1px 1px #ffffff29,inset 0 8px 18px #ffffff06,inset 0 -11px 17px #00000059,0 12px 30px #00000029;transform:translateY(-50%);transition:transform .18s ease,background .56s ease,border-color .56s ease}.liquid-theme-toggle__track:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(105deg,rgba(255,255,255,.13),transparent 28%,transparent 72%,rgba(183,216,107,.055));pointer-events:none}.liquid-theme-toggle__track:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 15% 5%,rgba(255,255,255,.14),transparent 34%);opacity:.6;pointer-events:none}.liquid-theme-toggle.is-light{color:#151514}.liquid-theme-toggle.is-light .liquid-theme-toggle__track{border-color:#ffffff8a;background:linear-gradient(180deg,#ffffff78,#e6e5e030);box-shadow:inset 0 1px 1px #ffffffc2,inset 0 8px 18px #ffffff38,inset 0 -11px 17px #514c411f,0 12px 30px #1f1e1b1a}.liquid-theme-toggle__label{position:absolute;top:50%;font-size:clamp(.76rem,1vw,.94rem);font-weight:700;letter-spacing:-.02em;transform:translateY(-50%);transition:opacity .21s ease,transform .25s ease,filter .21s ease}.liquid-theme-toggle__label--light{left:calc(var(--toggle-bubble) + 9px);opacity:1;transform:translateY(-50%) translate(0)}.liquid-theme-toggle__label--dark{right:calc(var(--toggle-bubble) + 9px);opacity:0;filter:blur(2px);transform:translateY(-50%) translate(-8px)}.liquid-theme-toggle.is-dark .liquid-theme-toggle__label--light{opacity:0;filter:blur(2px);transform:translateY(-50%) translate(8px)}.liquid-theme-toggle.is-dark .liquid-theme-toggle__label--dark{opacity:1;filter:blur(0);transform:translateY(-50%) translate(0)}.liquid-theme-toggle__bubble{position:absolute;z-index:2;top:50%;left:0;width:var(--toggle-bubble);height:var(--toggle-bubble);overflow:hidden;border:1px solid rgba(255,255,255,.4);border-radius:47% 53% 49% 51%/50% 49% 51% 50%;background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.47),transparent 27%),linear-gradient(145deg,#ffffff4d,#ffffff0e 62%,#acce601a);box-shadow:inset 0 2px 2px #ffffff85,inset -10px -12px 24px #00000021,inset 11px 5px 24px #ffffff1a,0 18px 35px #00000047,0 3px 8px #ffffff1c;backdrop-filter:blur(16px) saturate(165%) brightness(1.12);-webkit-backdrop-filter:blur(16px) saturate(165%) brightness(1.12);transform:translate3d(0,-50%,0);transition:transform .72s cubic-bezier(.34,1.18,.64,1),border-radius .58s cubic-bezier(.34,1.18,.64,1),background .56s ease;will-change:transform,border-radius}.liquid-theme-toggle.is-dark .liquid-theme-toggle__bubble{transform:translate3d(calc(var(--toggle-width) - var(--toggle-bubble)),-50%,0);border-radius:53% 47% 51% 49%/49% 51%;background:radial-gradient(circle at 25% 18%,rgba(255,255,255,.3),transparent 29%),linear-gradient(145deg,#fff3,#2a292729 65%,#00000024)}.liquid-theme-toggle__bubble:before{content:"";position:absolute;inset:1px;border:1px solid transparent;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(190,220,120,.2) 38%,transparent 65%) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.72;pointer-events:none}.liquid-theme-toggle__bubble:after{content:"";position:absolute;top:9%;left:13%;width:69%;height:34%;border-radius:50%;background:radial-gradient(ellipse at 28% 25%,rgba(255,255,255,.68),rgba(255,255,255,.14) 55%,transparent 74%);filter:blur(3px);opacity:.8;transform:rotate(-18deg);pointer-events:none}.liquid-theme-toggle__refraction{position:absolute;inset:7% 8% 11%;border-radius:inherit;background:conic-gradient(from 210deg at 50% 50%,transparent,rgba(255,255,255,.08),transparent 28%,rgba(199,226,140,.14) 44%,transparent 61%);filter:blur(3px);mix-blend-mode:screen;opacity:.78}.liquid-theme-toggle__core{position:absolute;inset:20%;border-radius:50%;background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.15),transparent 56%);box-shadow:inset 0 0 14px #ffffff0f;opacity:.7}.liquid-theme-toggle__icon{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .21s ease,transform .23s cubic-bezier(.34,1.2,.64,1)}.liquid-theme-toggle__icon :is(svg,.app-icon){width:28%;height:28%;filter:drop-shadow(0 0 4px rgba(255,255,255,.5)) drop-shadow(0 0 12px rgba(255,255,255,.18))}.liquid-theme-toggle__icon--moon{opacity:0;transform:scale(.68) rotate(-20deg)}.liquid-theme-toggle.is-dark .liquid-theme-toggle__icon--sun{opacity:0;transform:scale(.6) rotate(20deg)}.liquid-theme-toggle.is-dark .liquid-theme-toggle__icon--moon{opacity:1;transform:scale(1) rotate(0)}.liquid-theme-toggle__shadow{position:absolute;z-index:0;top:66%;left:calc((var(--toggle-bubble) - min(76%,156px)) / 2);width:min(76%,156px);height:clamp(25px,2.3vw,34px);border-radius:50%;background:#00000047;filter:blur(16px);opacity:.46;transform:translateZ(0);transition:transform .72s cubic-bezier(.34,1.36,.64,1),opacity .18s ease}.liquid-theme-toggle.is-dark .liquid-theme-toggle__shadow{transform:translate3d(calc(var(--toggle-width) - var(--toggle-bubble)),0,0)}@keyframes liquid-to-dark{0%{transform:translate3d(0,-50%,0) scale(1)}34%{transform:translate3d(calc((var(--toggle-width) - var(--toggle-bubble)) * .45),-50%,0) scaleX(1.12) scaleY(.94);border-radius:43% 57% 51% 49%/49% 52% 48% 51%}79%{transform:translate3d(calc(var(--toggle-width) - var(--toggle-bubble) + 6px),-50%,0) scaleX(.96) scaleY(1.05)}to{transform:translate3d(calc(var(--toggle-width) - var(--toggle-bubble)),-50%,0) scale(1)}}@keyframes liquid-to-light{0%{transform:translate3d(calc(var(--toggle-width) - var(--toggle-bubble)),-50%,0) scale(1)}34%{transform:translate3d(calc((var(--toggle-width) - var(--toggle-bubble)) * .55),-50%,0) scaleX(1.12) scaleY(.94);border-radius:57% 43% 49% 51%/51% 48% 52% 49%}79%{transform:translate3d(-6px,-50%,0) scaleX(.96) scaleY(1.05)}to{transform:translate3d(0,-50%,0) scale(1)}}.liquid-theme-toggle[data-motion=to-dark] .liquid-theme-toggle__bubble{animation:liquid-to-dark .76s cubic-bezier(.34,1.12,.64,1) both}.liquid-theme-toggle[data-motion=to-light] .liquid-theme-toggle__bubble{animation:liquid-to-light .76s cubic-bezier(.34,1.12,.64,1) both}@media(hover:hover)and (pointer:fine){.liquid-theme-toggle:hover .liquid-theme-toggle__track{transform:translateY(calc(-50% - 1px))}.liquid-theme-toggle:hover .liquid-theme-toggle__bubble{filter:brightness(1.05)}.liquid-theme-toggle:hover .liquid-theme-toggle__shadow{opacity:.58}}.liquid-theme-toggle:active .liquid-theme-toggle__track{transform:translateY(-50%) scale(.98)}.liquid-theme-toggle:active .liquid-theme-toggle__bubble{transform:translate3d(0,-50%,0) scale(.96);transition-duration:90ms}.liquid-theme-toggle.is-dark:active .liquid-theme-toggle__bubble{transform:translate3d(calc(var(--toggle-width) - var(--toggle-bubble)),-50%,0) scale(.96)}.liquid-theme-toggle:focus-visible{outline:2px solid color-mix(in srgb,currentColor 70%,#d8c18d);outline-offset:6px;border-radius:999px}.liquid-theme-toggle--compact{--toggle-width: clamp(118px, 10vw, 132px);--toggle-height: clamp(42px, 3.4vw, 46px);--toggle-bubble: clamp(50px, 4.2vw, 54px)}.liquid-theme-toggle--compact .liquid-theme-toggle__label{font-size:.72rem}.liquid-theme-toggle--compact .liquid-theme-toggle__icon :is(svg,.app-icon){width:31%;height:31%}.liquid-theme-toggle--compact .liquid-theme-toggle__shadow{height:17px;filter:blur(10px);opacity:.32}@media(max-width:599.98px){.liquid-theme-toggle--compact{--toggle-width: 104px;--toggle-height: 38px;--toggle-bubble: 46px}.liquid-theme-toggle--compact .liquid-theme-toggle__label{font-size:.65rem}}@media(prefers-reduced-motion:reduce){.liquid-theme-toggle__track,.liquid-theme-toggle__bubble,.liquid-theme-toggle__shadow,.liquid-theme-toggle__label,.liquid-theme-toggle__icon{transition-duration:.15s;transition-timing-function:ease}.liquid-theme-toggle__bubble{border-radius:50%;animation:none!important}.liquid-theme-toggle:active .liquid-theme-toggle__bubble,.liquid-theme-toggle.is-dark:active .liquid-theme-toggle__bubble{transform:translate3d(0,-50%,0)}.liquid-theme-toggle.is-dark:active .liquid-theme-toggle__bubble{transform:translate3d(calc(var(--toggle-width) - var(--toggle-bubble)),-50%,0)}}