.locale-switch{--track-w:3.5rem;--track-h:1.75rem;--orb-w:1.7rem;--orb-h:1.375rem;--pad:.1875rem;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;display:inline-flex}.locale-switch__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.locale-switch__track{width:var(--track-w);height:var(--track-h);background:var(--surface-2);border-radius:999px;transition:background .4s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #00000047}.locale-switch__input:focus-visible+.locale-switch__track{outline:2px solid var(--primary,#8d82c7);outline-offset:2px}.locale-switch__orb{top:var(--pad);left:var(--pad);width:var(--orb-w);height:var(--orb-h);background:var(--surface);color:var(--foreground);letter-spacing:.04em;box-shadow:0 0 10px color-mix(in srgb, var(--foreground) 12%, transparent);border-radius:999px;place-items:center;font-size:10px;font-weight:600;line-height:1;transition:transform .4s cubic-bezier(.4,0,.2,1),background .4s,box-shadow .4s;display:grid;position:absolute}.locale-switch__input:checked+.locale-switch__track .locale-switch__orb{transform:translateX(calc(var(--track-w) - var(--orb-w) - var(--pad) * 2))}@media (prefers-reduced-motion:reduce){.locale-switch__track,.locale-switch__orb{transition-duration:1ms}}
.theme-switch{--track-w:3.5rem;--track-h:1.75rem;--orb:1.375rem;--pad:.1875rem;--sky-day:linear-gradient(180deg, #8fa3d8 0%, #b8c4e6 100%);--sky-night:linear-gradient(180deg, #171426 0%, #241f3a 100%);--sun:radial-gradient(circle at 34% 30%, #ffe08a 0%, #f6c85a 58%, #e0a63c 100%);--moon:radial-gradient(circle at 34% 30%, #f2f0f7 0%, #d8d4e4 60%, #b9b3cc 100%);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;display:inline-flex}.theme-switch__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.theme-switch__track{width:var(--track-w);height:var(--track-h);background:var(--sky-day);border-radius:999px;transition:background .4s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #00000047}.theme-switch__input:checked+.theme-switch__track{background:var(--sky-night)}.theme-switch__input:focus-visible+.theme-switch__track{outline:2px solid var(--primary,#8d82c7);outline-offset:2px}.theme-switch__orb{top:var(--pad);left:var(--pad);width:var(--orb);height:var(--orb);background:var(--sun);border-radius:50%;transition:transform .4s cubic-bezier(.4,0,.2,1),background .4s,box-shadow .4s;position:absolute;box-shadow:0 0 10px #f6c85abf}.theme-switch__input:checked+.theme-switch__track .theme-switch__orb{transform:translateX(calc(var(--track-w) - var(--orb) - var(--pad) * 2));background:var(--moon);box-shadow:0 0 10px #d8d4e466}.theme-switch__crater{opacity:0;background:#b5aec8;border-radius:50%;transition:opacity .3s .12s,transform .3s .12s;position:absolute;transform:scale(.4)}.theme-switch__input:checked+.theme-switch__track .theme-switch__crater{opacity:1;transform:scale(1)}.theme-switch__clouds,.theme-switch__stars{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s;position:absolute;inset:0}.theme-switch__clouds i{background:#f4f4fa;border-radius:50%;display:block;position:absolute}.theme-switch__input:checked+.theme-switch__track .theme-switch__clouds{opacity:0;transform:translateY(100%)}.theme-switch__stars{opacity:0;transform:translateY(-100%)}.theme-switch__stars i{background:#f4f4fa;border-radius:50%;display:block;position:absolute}.theme-switch__input:checked+.theme-switch__track .theme-switch__stars{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.theme-switch__track,.theme-switch__orb,.theme-switch__crater,.theme-switch__clouds,.theme-switch__stars{transition-duration:1ms}}