/* ACRO Floating Rings v1.2.0 */

#acro-rings-overlay {
    position: fixed;     /* overridden to absolute by JS in page mode */
    top: 0;
    right: 0;
    bottom: 0;           /* reset to auto by JS in page mode */
    left: 0;
    width: 100%;
    pointer-events: none;
    overflow: hidden;
    /* z-index and height set via JS */
}

.acro-ring {
    position: absolute;
    border-radius: 50%;
    background: transparent;
    will-change: transform, opacity;
    /* Float keyframes generated per-ring by acro-rings.js */
}

/* Opacity pulse — JS sets --ring-opacity-min/max per element */
@keyframes acroPulse {
    0%, 100% { opacity: var(--ring-opacity-min); }
    50%       { opacity: var(--ring-opacity-max); }
}