/* /static/css/eclipse-widget.css */
#eclipse_widget {
    cursor: pointer;
}

eclipse-widget-view .eclipse-container {
    width: 60%;
    aspect-ratio: 1/1;
    position: relative;
}

eclipse-widget-view #eclipse-moon {
    /* Oscurecido suave: lo bastante para que no compita con el brillo del
       Sol, pero sin llegar a verse como un círculo negro liso (con
       brightness(0.25) se perdía casi toda la textura). */
    filter: brightness(0.55) saturate(0.5);
    transition: x 4s ease;
}

eclipse-widget-view .cuaternary-value {
    text-align: center;
}