.wrapper{position:absolute;height:1.2em;width:2.8em;overflow:hidden;border-radius:4em;--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.35s;transition-timing-function:cubic-bezier(0,0,.2,1)}.wrapper:hover{cursor:pointer}.wrapper.active{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.switch{position:absolute;left:0;z-index:2;margin:.1em;height:1em;width:1em;border-radius:3em;border-width:.08em;border-style:solid;--tw-border-opacity: 1;border-color:rgb(38 38 38 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.35s;transition-timing-function:cubic-bezier(0,0,.2,1)}.active .switch{left:1.6em}.crater{position:absolute;height:25%;width:25%;border-radius:9999px;background-color:transparent;--tw-shadow: inset 0 0 0 4px #e3e7c7;--tw-shadow-colored: inset 0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.active .crater{display:none}.crater:nth-child(1){top:12%;left:22%}.crater:nth-child(2){top:49%;left:10%;--tw-scale-x: .7;--tw-scale-y: .7;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.crater:nth-child(3){top:50%;left:60%}.switch{--tw-border-opacity: 1;border-color:rgb(227 231 199 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.active .switch{--tw-border-opacity: 1;border-color:rgb(251 191 36 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(252 211 77 / var(--tw-bg-opacity, 1))}.clouds,.stars{position:absolute;z-index:1;height:100%;width:66.666667%;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.35s;transition-timing-function:cubic-bezier(0,0,.2,1)}.clouds{left:0}.clouds{opacity:0}.active .clouds,.stars{opacity:1}.active .stars{opacity:0}.stars{right:0}.active .stars{right:-10%}.stars .star{position:absolute;height:0px;width:6%;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-bottom:6%}.active .stars .star{--tw-scale-x: 0 !important;--tw-scale-y: 0 !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.7s;transition-timing-function:cubic-bezier(0,0,.2,1)}.stars .star:nth-child(1){top:26%;left:64%;--tw-scale-x: .6;--tw-scale-y: .6;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-delay:.2s}.stars .star:nth-child(2){top:20%;left:34%;--tw-scale-x: .7;--tw-scale-y: .7;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-delay:.4s}.stars .star:nth-child(3){top:38%;left:18%;--tw-scale-x: .4;--tw-scale-y: .4;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-delay:.65s}.stars .star:nth-child(4){top:67%;left:30%;--tw-scale-x: .55;--tw-scale-y: .55;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-delay:.85s}.stars .star:nth-child(5){top:49%;left:48%;--tw-scale-x: .7;--tw-scale-y: .7;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-delay:1s}.stars .star:nth-child(6){top:68%;left:72%;--tw-scale-x: .7;--tw-scale-y: .7;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-delay:1.05s}.clouds{left:-10%}.active .clouds{left:0}.clouds .cloud{position:absolute;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.clouds .cloud:nth-child(1){top:45%;left:25%;height:25%;width:50%;border-radius:9999px}.clouds .cloud:nth-child(2){top:30%;left:52%;height:0px;width:15%;padding-bottom:15%}.clouds .cloud:nth-child(3){top:24%;left:32%;height:0px;width:25%;padding-bottom:25%}