.ThemeSwitcher-module__T_Hmiq__themeSwitch{--toggle-size:12px;--container-width:5.625em;--container-height:2.5em;--container-radius:6.25em;--container-light-bg:#3c4145;--container-night-bg:#1d1f21;--circle-container-diameter:3.375em;--sun-moon-diameter:2.125em;--sun-bg:#ecca2f;--moon-bg:#c4c9d1;--spot-color:#959db1;--circle-container-offset:-.3125em;--stars-color:#fff;--clouds-color:#f3f3f3;--back-clouds-color:#aacadf;--day-bg-main:#badbe8;font-size:var(--toggle-size);cursor:pointer;tap-highlight-color:transparent;display:inline-block}.ThemeSwitcher-module__T_Hmiq__checkbox{display:none}.ThemeSwitcher-module__T_Hmiq__container{width:var(--container-width);height:var(--container-height);background-color:var(--day-bg-main);border-radius:var(--container-radius);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.ThemeSwitcher-module__T_Hmiq__checkbox:checked+.ThemeSwitcher-module__T_Hmiq__container{background-color:var(--container-night-bg)}.ThemeSwitcher-module__T_Hmiq__circleContainer{width:var(--circle-container-diameter);height:var(--circle-container-diameter);left:var(--circle-container-offset);top:var(--circle-container-offset);background-color:#ffffff1a;border-radius:50%;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute}.ThemeSwitcher-module__T_Hmiq__checkbox:checked+.ThemeSwitcher-module__T_Hmiq__container .ThemeSwitcher-module__T_Hmiq__circleContainer{left:calc(100% - var(--circle-container-diameter) - var(--circle-container-offset));background-color:#ffffff1a}.ThemeSwitcher-module__T_Hmiq__sunMoonContainer{width:var(--sun-moon-diameter);height:var(--sun-moon-diameter);background-color:var(--sun-bg);border-radius:50%;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 10px #ffd16680}.ThemeSwitcher-module__T_Hmiq__checkbox:checked+.ThemeSwitcher-module__T_Hmiq__container .ThemeSwitcher-module__T_Hmiq__sunMoonContainer{background-color:var(--moon-bg);transform:translate(-50%,-50%)rotate(-20deg);box-shadow:0 0 10px #fff3}.ThemeSwitcher-module__T_Hmiq__moon{opacity:0;width:100%;height:100%;transition:all .4s}.ThemeSwitcher-module__T_Hmiq__checkbox:checked+.ThemeSwitcher-module__T_Hmiq__container .ThemeSwitcher-module__T_Hmiq__moon{opacity:1}.ThemeSwitcher-module__T_Hmiq__spot{background-color:var(--spot-color);border-radius:50%;position:absolute;box-shadow:inset 0 2px 2px #0000001a}.ThemeSwitcher-module__T_Hmiq__spot:first-child{width:25%;height:25%;top:25%;left:35%}.ThemeSwitcher-module__T_Hmiq__spot:nth-child(2){width:15%;height:15%;top:60%;left:20%}.ThemeSwitcher-module__T_Hmiq__spot:nth-child(3){width:18%;height:18%;top:55%;left:60%}.ThemeSwitcher-module__T_Hmiq__clouds{opacity:1;width:100%;height:100%;transition:all .4s;position:absolute}.ThemeSwitcher-module__T_Hmiq__checkbox:checked+.ThemeSwitcher-module__T_Hmiq__container .ThemeSwitcher-module__T_Hmiq__clouds{opacity:0;transform:translateY(20px)}.ThemeSwitcher-module__T_Hmiq__cloud{background-color:var(--clouds-color);z-index:2;border-radius:50%;position:absolute}.ThemeSwitcher-module__T_Hmiq__cloud:first-child{width:40px;height:40px;top:60%;left:70%}.ThemeSwitcher-module__T_Hmiq__cloud:nth-child(2){width:30px;height:30px;top:70%;left:55%}.ThemeSwitcher-module__T_Hmiq__cloud:nth-child(3){width:30px;height:30px;top:60%;left:85%}.ThemeSwitcher-module__T_Hmiq__stars{opacity:0;width:100%;height:100%;transition:all .4s;position:absolute;transform:translateY(-20px)}.ThemeSwitcher-module__T_Hmiq__checkbox:checked+.ThemeSwitcher-module__T_Hmiq__container .ThemeSwitcher-module__T_Hmiq__stars{opacity:1;transform:translateY(0)}.ThemeSwitcher-module__T_Hmiq__star{background-color:var(--stars-color);border-radius:50%;position:absolute;box-shadow:0 0 5px #fffc}.ThemeSwitcher-module__T_Hmiq__star:first-child{width:3px;height:3px;top:20%;left:30%}.ThemeSwitcher-module__T_Hmiq__star:nth-child(2){width:2px;height:2px;top:30%;left:20%}.ThemeSwitcher-module__T_Hmiq__star:nth-child(3){width:3px;height:3px;top:25%;left:80%}
