.ThemeSwitch{border:0;box-sizing:border-box;margin:0;padding:0;display:flex;width:max-content;transition:background-color var(--switch-trans-dur),color var(--switch-trans-dur)}.switch__input{font:1em/1.5 sans-serif}.switch,.switch__input,.switch__scene{display:block;position:relative}.switch,.switch__input{border-radius:.75em;-webkit-tap-highlight-color:transparent}.switch{margin:auto}.switch__input{background-image:linear-gradient(hsl(213,90%,60%),hsl(193,70%,60%));box-shadow:0 0 0 .125em hsla(var(--hue),90%,50%,0);cursor:pointer;outline:transparent;width:3em;height:1.5em;-webkit-appearance:none;appearance:none;transition:box-shadow .15s linear}.switch__input:focus-visible{box-shadow:0 0 0 .125em hsla(var(--hue),90%,50%,1)}.switch__input:before{background-color:hsl(3,90%,50%);background-image:linear-gradient(hsla(253,90%,50%,1),hsla(253,90%,50%,0));border-radius:inherit;content:"";display:block;opacity:0;position:absolute;width:inherit;height:inherit;transition:background-color var(--switch-trans-dur) var(--switch-trans-timing),opacity var(--switch-trans-dur) var(--switch-trans-timing)}.switch__cloud,.switch__handle,.switch__handle-side,.switch__handle-side circle,.switch__moon-hole,.switch__star,.switch__star use,.switch__stars{transition:opacity var(--switch-trans-dur) var(--switch-trans-timing),transform var(--switch-trans-dur) var(--switch-trans-timing)}.switch__cloud{transform:translate(34px,9px);transform-origin:4.5px 4px}.switch__cloud:nth-child(2){transform:translate(24px,13px) scale(.8);transition-delay:.2s}.switch__cloud:nth-child(3){transform:translate(24px,5px) scale(.6);transition-delay:.1s}.switch__handle{transform:translate(12px,12px)}.switch__moon-hole{transform:translate(16px)}.switch__scene{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:auto}.switch__star,.switch__star use{transform-origin:2px 2px}.switch__star{transform:translate(28px,14px) scale(0) rotate(20deg)}.switch__star use{transform:scale(0)}.switch__star:nth-child(2){transform:translate(21px,13px) scale(0) rotate(-20deg)}.switch__star:nth-child(3){transform:translate(17px,10px) scale(0) rotate(20deg)}.switch__star:nth-child(4){transform:translate(24px,6px) scale(0) rotate(-20deg)}.switch__star:nth-child(5){transform:translate(31px,5px) scale(0) rotate(20deg)}.switch__stars{opacity:0}.switch__text{overflow:hidden;position:absolute;width:1px;height:1px}:has(.switch__input:checked){--bg:hsl(var(--hue),90%,10%);--fg:hsl(var(--hue),90%,90%)}.switch__input:checked:before{background-color:hsl(223,90%,60%);opacity:1}.switch__input:checked+.switch__scene .switch__cloud{opacity:0;transform:translate(34px,24px);transition-duration:.25s,var(--switch-trans-dur);transition-delay:0s}.switch__input:checked+.switch__scene .switch__cloud:nth-child(2){transform:translate(24px,24px) scale(.8)}.switch__input:checked+.switch__scene .switch__cloud:nth-child(3){transform:translate(24px,24px) scale(.6)}.switch__input:checked+.switch__scene .switch__handle{transform:translate(36px,12px)}.switch__input:checked+.switch__scene .switch__handle-side:first-child circle:nth-child(2){transform:scale(.75)}.switch__input:checked+.switch__scene .switch__handle-side:nth-child(2),.switch__input:checked+.switch__scene .switch__stars{opacity:1}.switch__input:checked+.switch__scene .switch__moon-hole{transform:translate(0)}.switch__input:checked+.switch__scene .switch__star{transform:translate(18px,14px) scale(1) rotate(-20deg)}.switch__input:checked+.switch__scene .switch__star use{transform:scale(1);transition:opacity var(--switch-trans-dur) var(--switch-trans-timing),transform .5s cubic-bezier(.65,0,.35,2)}.switch__input:checked+.switch__scene .switch__star:nth-child(2){transform:translate(11px,13px) scale(.8) rotate(20deg)}.switch__input:checked+.switch__scene .switch__star:nth-child(2),.switch__input:checked+.switch__scene .switch__star:nth-child(2) use{transition-delay:.2s}.switch__input:checked+.switch__scene .switch__star:nth-child(3){transform:translate(7px,10px) scale(.6) rotate(-20deg)}.switch__input:checked+.switch__scene .switch__star:nth-child(3),.switch__input:checked+.switch__scene .switch__star:nth-child(3) use{transition-delay:.05s}.switch__input:checked+.switch__scene .switch__star:nth-child(4){transform:translate(14px,6px) scale(.6) rotate(20deg)}.switch__input:checked+.switch__scene .switch__star:nth-child(4),.switch__input:checked+.switch__scene .switch__star:nth-child(4) use{transition-delay:.15s}.switch__input:checked+.switch__scene .switch__star:nth-child(5){transform:translate(21px,5px) scale(.4) rotate(-20deg)}.switch__input:checked+.switch__scene .switch__star:nth-child(5),.switch__input:checked+.switch__scene .switch__star:nth-child(5) use{transition-delay:.1s}.switch--pristine *,.switch--pristine :before,:has(.switch--pristine){transition:none!important}