.theme_switch{container-type:inline-size;--theme_switch_size: 1.5rem;--theme_switch_ease: cubic-bezier(0.65, 0, 0.35, 1);--theme_switch_duration: var(--transition_time_l);display:flex;align-items:center;margin:0;width:var(--theme_switch_size);height:var(--theme_switch_size)}.theme_switch .input{all:unset;position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--theme_switch_size);height:var(--theme_switch_size)}.theme_switch .input input{all:unset;position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.theme_switch .input input:focus-visible+.switch{outline:var(--focus_ring_width) solid var(--focus_ring_color);outline-offset:var(--focus_ring_offset);border-radius:999px}.theme_switch .input .switch{all:unset;display:inline-flex;align-items:center;justify-content:center;width:var(--theme_switch_size);height:var(--theme_switch_size)}.theme_switch .input .switch::before,.theme_switch .input .switch::after{content:none;display:none}.theme_switch .sunmoon{width:var(--theme_switch_size);height:var(--theme_switch_size);display:block;color:var(--dark_color);transition:transform var(--theme_switch_duration) var(--theme_switch_ease);transform-origin:50% 50%;overflow:visible}.theme_switch .sunmoon_disc{transition:r var(--theme_switch_duration) var(--theme_switch_ease);transform-origin:12px 12px}.theme_switch .sunmoon_rays{transform-origin:12px 12px;transform-box:fill-box;transition:transform var(--theme_switch_duration) var(--theme_switch_ease),opacity var(--transition_time_s) ease}.theme_switch .sunmoon_cutout{transition:transform var(--theme_switch_duration) var(--theme_switch_ease)}.theme_switch input:checked+.switch .sunmoon{transform:rotate(-320deg)}.theme_switch input:checked+.switch .sunmoon .sunmoon_disc{r:7}.theme_switch input:checked+.switch .sunmoon .sunmoon_rays{opacity:0;transform:scale(0.2) rotate(-90deg)}.theme_switch input:checked+.switch .sunmoon .sunmoon_cutout{transform:translate(calc(-1 * var(--space_xs)), -0.5px)}@media(hover: hover){.theme_switch .lightswitch:hover .sunmoon{transform:rotate(25deg)}.theme_switch .lightswitch:hover input:checked+.switch .sunmoon{transform:rotate(-295deg)}}@media(prefers-reduced-motion: reduce){.theme_switch{--theme_switch_duration: var(--transition_time_s)}.theme_switch input:checked+.switch .sunmoon{transform:none}.theme_switch .lightswitch:hover .sunmoon,.theme_switch .lightswitch:hover input:checked+.switch .sunmoon{transform:none}}