.light-dial{position:absolute;inset:11px;z-index:6;pointer-events:none}.light-dial-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.light-dial-ring circle,.light-dial-ring line{fill:none;stroke:var(--onmap-dial-line);stroke-width:.25;vector-effect:non-scaling-stroke;opacity:0;transition:opacity var(--dur-quick) var(--ease-out)}.light-dial-ring circle{stroke-dasharray:4 6}.light-dial.is-dragging .light-dial-ring *,.light-dial:focus-within .light-dial-ring *,.light-dial:hover .light-dial-ring *{opacity:.55}.light-dial-handle{position:absolute;width:38px;height:38px;margin:-19px 0 0 -19px;padding:0;border:0;border-radius:50%;background:none;cursor:grab;pointer-events:auto;touch-action:none;transform:scale(calc(1 / var(--canvas-zoom)));filter:drop-shadow(0 1px 3px var(--onmap-handle-shadow))}.light-dial.is-dragging .light-dial-handle{cursor:grabbing}.light-dial-handle:focus-visible{outline:2px solid var(--onmap-handle-focus);outline-offset:3px}.light-dial-handle svg{width:100%;height:100%;display:block}.light-dial-sun{fill:var(--onmap-sun);stroke:var(--onmap-sun-ray);stroke-width:1.2}.light-dial-rays path{stroke:var(--onmap-sun-ray);stroke-width:2.2;stroke-linecap:round}.light-dial-halo{fill:var(--onmap-moon-halo)}.light-dial-halo.blood{fill:var(--onmap-blood-halo)}.light-dial-moon{fill:var(--onmap-moon)}.light-dial-moon.blood{fill:var(--onmap-blood-moon)}