.theme-switch-wrapper{display:inline-block}.theme-switch{--font-size:2.5px;--height:10em;--width:24em;--margin:.5em;--color-night:#0f405b;--color-day:#5ba9d3;--color-sun:#f6d35a;--ease:cubic-bezier(.77,0,.175,1);--duration:.85s;font-size:var(--font-size);width:var(--width);height:var(--height);background-color:var(--color-day);z-index:2;appearance:none;cursor:pointer;transition:background-color var(--duration)var(--ease);border:0;border-radius:999px;outline:0;position:relative;overflow:hidden;box-shadow:2px 4px 12px -2px #00000040}.theme-switch:after{content:"";background-color:var(--color-night);width:100%;height:100%;transition:opacity var(--duration)var(--ease);opacity:0;z-index:1;position:absolute;top:0;left:0}.theme-switch.is-active:after{opacity:1}.theme-switch__inner{transform-origin:100%;width:100%;height:100%;transform:translate3d(calc(var(--width) - var(--height)),0,0);transition:transform var(--duration)var(--ease);z-index:2;position:absolute;top:0;left:0;overflow:hidden}.theme-switch.is-active .theme-switch__inner{transform:translate(0,0)}.theme-switch-globe{--size:calc(var(--height) - (var(--margin)*2));height:var(--size);width:var(--size);margin:var(--margin)0 0 var(--margin);background-color:var(--color-sun);transition:transform var(--duration)var(--ease);z-index:1;border-radius:999px;position:relative;transform:rotate(90deg)}.theme-switch.is-active .theme-switch-globe{transform:rotate(0)}.theme-switch-globe__circle{background-color:var(--color-day);width:100%;transition:transform var(--duration)var(--ease),background-color var(--duration)var(--ease);border-radius:999px;position:absolute;top:0;bottom:0;left:50%;transform:translate(50%)}.theme-switch.is-active .theme-switch-globe__circle{background-color:var(--color-night);transform:translate(-10%)}.theme-switch-globe__moon{opacity:0;width:100%;height:100%;transition:opacity var(--duration)var(--ease);background-color:#dcdce6;border-radius:999px;position:absolute;top:0;left:0;overflow:hidden;transform:scaleX(-1)}.theme-switch.is-active .theme-switch-globe__moon{opacity:1}.moon-crater{background-color:#c8c8d266;border-radius:999px;position:absolute}.moon-crater-1{width:25%;height:25%;top:20%;left:25%}.moon-crater-2{width:15%;height:15%;top:50%;left:60%}.moon-crater-3{width:20%;height:20%;top:60%;left:20%}.theme-switch__stars{object-fit:contain;object-position:right;transform-origin:100%;width:100%;height:100%;transition:transform var(--duration)var(--ease);z-index:2;position:absolute;top:0;left:0;transform:scale(.25)}.theme-switch.is-active .theme-switch__stars{transform:scale(.9)}.theme-switch__cloud{transition:transform var(--duration)var(--ease);width:auto;position:absolute;bottom:0}.theme-switch__cloud.--1{height:65%;left:0}.theme-switch.is-active .theme-switch__cloud.--1{transform:translate(-3rem,1rem)}.theme-switch__cloud.--2{height:50%;left:3rem}.theme-switch.is-active .theme-switch__cloud.--2{transform:translate(-1rem,3rem)}