:root{--arm-angle:0deg;--base-size:10px;--font-size-big:calc(2.5*var(----base-size))}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{color:#d3d3d3;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:calc(2*var(--base-size));background:linear-gradient(#090a0c,#040506);position:absolute}.night{background:linear-gradient(#040506,#000)}#helpIcon{cursor:pointer;width:50px;height:50px;position:absolute;top:10px;right:10px}#helpIcon .background{clip-path:circle(50%);background:radial-gradient(#6970bf,#151528);width:100%;height:100%;position:absolute}#helpIcon .icon{text-align:center;width:100%;height:100%;font-size:35px;position:absolute}#helpIcon.fadeout{animation:3s linear fadeout}#helpIcon.fadein{animation:2s linear reverse fadeout}#helpIcon.fadein .background{animation:.5s linear expand}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes expand{0%{clip-path:circle(0%)}to{clip-path:circle(50%)}}#welcome{color:#a5c1ee;font-size:var(--font-size-big);background-color:#084172;border:7px solid #419cdc;border-radius:28px;width:36em;padding:1em;position:absolute;top:1.5em;left:calc(50% - 18em)}#welcome .closeIcon{cursor:pointer;position:absolute;top:8px;right:10px}#welcome header{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:calc(3*var(--base-size));text-align:center}#welcome label{margin-bottom:5px}#welcome label input{display:block}#welcome input{font-size:var(--font-size-big);padding:5px}#welcome button{color:#97c997;cursor:pointer;font-size:var(--font-size-big);background-color:green;border:3px solid #8fbd8f;border-radius:6px;padding:8px 24px;font-weight:600}#welcome button:hover{color:#007500;background:linear-gradient(#90ee90,green)}.info{text-align:center;background:linear-gradient(#29a8db,#07488d);border:2px solid #809bff;border-radius:5px;padding:1px 10px;display:inline-block}#coordinatesForm{flex-direction:column;align-items:flex-start;display:flex}.chilloclock{clip-path:circle(50%);width:calc(50*var(--base-size));height:calc(50*var(--base-size));margin:5em auto 0;position:relative}.chilloclock .day,.chilloclock .night{width:100%;height:calc(43*var(--base-size));position:absolute}.chilloclock .day{bottom:calc(-18*var(--base-size));background:radial-gradient(#87ceeb,#030b20)}.night .chilloclock .day{background:radial-gradient(#3f86a2,#030b20)}.chilloclock .night{top:calc(-18*var(--base-size));background:radial-gradient(#03091c,#07194a)}.chilloclock .orb{width:calc(5*var(--base-size));height:calc(5*var(--base-size));opacity:.5;background:radial-gradient(#87ceeb,#030b20);position:absolute}.chilloclock .orb.night{background:radial-gradient(#0c0d3c,#255ba2)}.chilloclock .orb.small{width:calc(3.5*var(--base-size));height:calc(3.5*var(--base-size));opacity:.3}.chilloclock .orb1{clip-path:circle(32% at 61% 61%);top:63.2%;left:88%}.chilloclock .orb2{clip-path:circle(32% at 40% 56%);top:76.38%;left:78.2%}.chilloclock .orb3{clip-path:circle(32% at 60% 58%);top:88.8%;left:63.6%}.chilloclock .orb4{clip-path:circle(32% at 41% 55%);top:89.6%;left:29.19%}.chilloclock .orb5{clip-path:circle(32% at 61% 56%);top:76.19%;left:11.6%}.chilloclock .orb6{clip-path:circle(32% at 40% 62%);top:63.2%;left:4.8%}.chilloclock .orb7{clip-path:circle(32% at 61% 61%);top:11.2%;left:12%}.chilloclock .orb8{clip-path:circle(32% at 32% 61%);top:11.8%;left:78.4%}.chilloclock .icon{font-size:calc(3*var(--base-size));user-select:none;position:absolute}.chilloclock .sunrise{top:50%;transform:translateY(-50%)}.chilloclock .sunset{top:50%;left:100%;transform:translate(-100%,-50%)}.chilloclock .sun{top:100%;left:50%;transform:translate(-50%,-100%)}.chilloclock .moon{left:50%;transform:translate(-50%)}.chilloclock .armCenter{clip-path:circle(50%);height:calc(2.5*var(--base-size));width:calc(2.5*var(--base-size));left:calc(50% - (1.25*var(--base-size)));top:calc(50% - (1.25*var(--base-size)));background-color:#06143c;position:absolute}.chilloclock .arm{clip-path:polygon(100% 0%,20% 50%,100% 100%);top:calc(50% - (1.25*var(--base-size)));transform:rotate(var(--arm-angle));transform-origin:100%;width:calc(25*var(--base-size));height:calc(2.5*var(--base-size));background:linear-gradient(90deg,#1139a7,#06143c);position:absolute}.fadeOverlay{opacity:0;pointer-events:none;background-color:#000;width:100%;height:100%;position:absolute;top:0;left:0}.fadeOverlay.night{opacity:.3}.morningFade{animation:600s linear morningFade}@keyframes morningFade{0%{opacity:.3}to{opacity:0}}.nightFade{animation:600s linear nightFade}@keyframes nightFade{0%{opacity:0}to{opacity:.3}}
/*# sourceMappingURL=chilloclock.aa483517.css.map */