.theme-switcher-grid[data-v-9fc422d9]{display:grid;grid-template-columns:repeat(54,1px);grid-template-rows:repeat(24,1px);gap:0;position:relative;background-color:var(--day-bg-color);border-radius:49px;border:1px solid var(--border-color-light);cursor:pointer;transition:background-color .8s ease,border-color .8s ease;appearance:none;padding:0}.theme-switcher-grid.night-theme[data-v-9fc422d9]{background-color:var(--night-bg-color);border-color:var(--border-color-dark)}.sun[data-v-9fc422d9]{background-color:var(--sun-color);grid-column:3 / 23;grid-row:3 / 23;border-radius:50%;transition:grid-column .8s ease,background-color .8s ease;height:20px}.theme-switcher-grid.night-theme .sun[data-v-9fc422d9]{grid-column:33 / 53;background-color:var(--moon-color)}.moon-overlay[data-v-9fc422d9]{position:absolute;border-radius:50%;transition:left .8s ease,background-color .8s ease;z-index:1;background-color:var(--day-bg-color)}.theme-switcher-grid.night-theme .moon-overlay[data-v-9fc422d9]{display:block;left:calc(28 / 54 * 100%);top:calc(4 / 29 * 100%);width:18px;height:18px;background-color:var(--night-bg-color)}.cloud-ball[data-v-9fc422d9]{background-color:var(--cloud-color);border-radius:50%;width:9px;height:9px;position:absolute;transition:all .8s ease;z-index:2}#ball1[data-v-9fc422d9]{top:calc((8 / 24) * 100%);left:calc((12 / 54) * 100%)}#ball2[data-v-9fc422d9]{top:calc((8 / 24) * 100%);left:calc((17 / 54) * 100%)}#ball3[data-v-9fc422d9]{top:calc((8 / 24) * 100%);left:calc((22 / 54) * 100%)}#ball4[data-v-9fc422d9]{top:25%;left:calc((17 / 54) * 100%)}.theme-switcher-grid.night-theme #ball1[data-v-9fc422d9]{top:calc((16 / 24) * 100%);left:calc((16 / 54) * 100%);width:2px;height:2px}.theme-switcher-grid.night-theme #ball2[data-v-9fc422d9]{top:12.5%;left:calc((22 / 54) * 100%);width:2px;height:2px}.theme-switcher-grid.night-theme #ball3[data-v-9fc422d9]{top:calc((10 / 24) * 100%);left:calc((29 / 54) * 100%);width:2px;height:2px}.theme-switcher-grid.night-theme #ball4[data-v-9fc422d9]{top:calc((5 / 24) * 100%);left:calc((34 / 54) * 100%);width:2px;height:2px}.star[data-v-9fc422d9]{background-color:var(--star-color);width:1px;height:1px;position:absolute;opacity:0;transition:opacity .8s ease}#star1[data-v-9fc422d9]{top:calc((7 / 24) * 100%);left:calc((10 / 54) * 100%);border-radius:50%}#star2[data-v-9fc422d9]{top:37.5%;left:calc((16 / 54) * 100%);border-radius:50%}#star3[data-v-9fc422d9]{top:calc((13 / 24) * 100%);left:calc((23 / 54) * 100%);border-radius:50%}#star4[data-v-9fc422d9]{top:75%;left:calc((29 / 54) * 100%);border-radius:50%}.theme-switcher-grid.night-theme #star1[data-v-9fc422d9],.theme-switcher-grid.night-theme #star2[data-v-9fc422d9],.theme-switcher-grid.night-theme #star3[data-v-9fc422d9],.theme-switcher-grid.night-theme #star4[data-v-9fc422d9]{opacity:1}