*,:after,:before{box-sizing:border-box}.night-day-toggle{border-radius:1.7rem;cursor:pointer;display:block;height:1.7rem;position:fixed;right:.75rem;top:.75rem;transition:.3s ease;width:3.4rem;z-index:7000}.night-day-toggle .planet{border-radius:50%;height:1.3rem;left:.2rem;overflow:hidden;position:absolute;top:.2rem;transition:all .3s ease;width:1.3rem}.night-day-toggle .planet .moon,.night-day-toggle .planet .sun{height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;visibility:hidden;width:100%}.night-day-toggle .planet .moon{background:#fff;z-index:5}.night-day-toggle .planet .moon .crater{background:#efefef;border-radius:50%;position:absolute}.night-day-toggle .planet .moon .crater-1{height:48%;right:0;top:18%;transform:translate(35%);width:48%}.night-day-toggle .planet .moon .crater-2{background:#d6d6d6;height:13%;left:10%;top:7%;width:13%}.night-day-toggle .planet .moon .crater-3{height:25%;left:22%;top:26%;width:25%}.night-day-toggle .planet .moon .crater-4{height:22%;left:8%;top:70%;width:22%}.night-day-toggle .planet .moon .crater-5{height:15%;left:58%;top:70%;width:15%}.night-day-toggle .planet .sun{background:#feeb97;border-radius:50%;border-right:.25rem solid #f4ce8c}.night-day-toggle .sky{height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;visibility:hidden;width:100%}.night-day-toggle .sky-night .star{position:absolute;transform:translate(-100%);transition:transform .3s ease}.night-day-toggle .sky-night .star path{fill:#fff}.night-day-toggle .sky-night .star-1{bottom:21%;height:16%;right:11%;width:8%}.night-day-toggle .sky-night .star-2{height:15%;left:50%;top:20%;width:7%}.night-day-toggle .sky-night .star-3{height:14%;right:16%;top:19%;width:5%}.night-day-toggle .sky-night .star-4{height:9%;right:27%;top:47%;width:5%}.night-day-toggle .sky-night .star-5{bottom:26%;height:12%;left:55%;width:4%}.night-day-toggle .sky-day .cloud{position:absolute;transform:translate(100%);transition:transform .3s ease}.night-day-toggle .sky-day .cloud .cloud-bubble{background:#fff;border-radius:50%;position:absolute}.night-day-toggle .sky-day .cloud .cloud-bubble:after{content:"";display:block;padding-bottom:100%}.night-day-toggle .sky-day .cloud-1{bottom:22%;height:30.5%;right:38%;width:20%}.night-day-toggle .sky-day .cloud-1 .cloud-bubble-1{bottom:8%;width:44%}.night-day-toggle .sky-day .cloud-1 .cloud-bubble-2{bottom:0;left:30%;width:44%}.night-day-toggle .sky-day .cloud-1 .cloud-bubble-3{bottom:10%;right:0;width:44%}.night-day-toggle .sky-day .cloud-1 .cloud-bubble-4{right:20%;top:0;width:42%}.night-day-toggle .sky-day .cloud-1 .cloud-bubble-5{left:10%;top:0;width:44%}.night-day-toggle .sky-day .cloud-2{height:18%;left:12%;top:22%;width:11.5%}.night-day-toggle .sky-day .cloud-2 .cloud-bubble-1{bottom:10%;width:44%}.night-day-toggle .sky-day .cloud-2 .cloud-bubble-2{bottom:0;left:32%;width:40%}.night-day-toggle .sky-day .cloud-2 .cloud-bubble-3{bottom:18%;right:0;width:42%}.night-day-toggle .sky-day .cloud-2 .cloud-bubble-4{right:18%;top:5%;width:40%}.night-day-toggle .sky-day .cloud-2 .cloud-bubble-5{left:12%;top:0;width:44%}.night-day-toggle .sky-day .cloud-3{height:16%;left:42%;top:12%;width:11.5%}.night-day-toggle .sky-day .cloud-3 .cloud-bubble-1{bottom:16%;left:0;width:44%}.night-day-toggle .sky-day .cloud-3 .cloud-bubble-2{bottom:0;left:30%;width:42%}.night-day-toggle .sky-day .cloud-3 .cloud-bubble-3{bottom:14%;right:0;width:44%}.night-day-toggle .sky-day .cloud-3 .cloud-bubble-4{right:14%;top:0;width:40%}.night-day-toggle .sky-day .cloud-3 .cloud-bubble-5{left:23%;top:4%;width:32%}.night-day-toggle .sky-day .cloud-4{bottom:22%;height:13%;left:15%;width:10%}.night-day-toggle .sky-day .cloud-4 .cloud-bubble-1{bottom:17%;left:0;width:42%}.night-day-toggle .sky-day .cloud-4 .cloud-bubble-2{bottom:0;left:25%;width:45%}.night-day-toggle .sky-day .cloud-4 .cloud-bubble-3{bottom:0;right:0;width:44%}.night-day-toggle .sky-day .cloud-4 .cloud-bubble-4{right:5%;top:0;width:40%}.night-day-toggle .sky-day .cloud-4 .cloud-bubble-5{left:28%;top:5%;width:36%}.night-day-toggle input[type=checkbox]{height:0;overflow:hidden;position:absolute;width:0}.night-day-toggle.night{background:#3c4360}.night-day-toggle.night .planet .moon,.night-day-toggle.night .sky-night{opacity:1;visibility:visible}.night-day-toggle.night .sky-night .star{transform:translate(0)}.night-day-toggle.day{background:#afdfeb}.night-day-toggle.day .planet{transform:translate(1.7rem)}.night-day-toggle.day .planet .sun,.night-day-toggle.day .sky-day{opacity:1;visibility:visible}.night-day-toggle.day .sky-day .cloud{transform:translate(0)}