.town-sun,.town-haze,.town-moon{position:absolute;border-radius:50%}.town-haze{top:calc(var(--sun-y) - 230px);left:calc(var(--sun-x) - 230px);width:460px;height:460px;background:radial-gradient(circle,#ffd6968c,#ffc48c38 32%,#ffbe8200 66%);opacity:calc(var(--sun) * var(--haze))}.town-sun{top:calc(var(--sun-y) - 30px);left:calc(var(--sun-x) - 30px);width:60px;height:60px;background-color:var(--sun-color);box-shadow:0 0 70px 24px var(--sun-glow);opacity:var(--sun)}.town-moon{top:calc(var(--moon-y) - 26px);left:calc(var(--sun-x) - 26px);width:52px;height:52px;background-color:#f3ead2;box-shadow:0 0 60px 18px #f3ead242;opacity:var(--moon)}.town-moon i{position:absolute;border-radius:50%;background:#e2d7bb}.town-moon i:nth-child(1){top:14px;left:12px;width:10px;height:10px}.town-moon i:nth-child(2){top:26px;left:28px;width:7px;height:7px}.town-moon i:nth-child(3){top:32px;left:18px;width:5px;height:5px}.town-tint{background:linear-gradient(180deg,#0b102600 calc(100% - 230px),#0b1026e6 calc(100% - 130px));opacity:var(--tint)}