/* css unique to spscc_alert_block */

#refresh-alert-region {
    --alert-height-transition-time: 0.5s; /* can be changed via JS */
    --max-alert-height: 1000px; /* will be changed via JS */
    transition: max-height ease-in-out;
    transition-duration: var(--alert-height-transition-time);
    overflow-y: hidden;
}

input#alert-toggle {
    clip: rect(0 0 0 0);
    visibility: hidden;
    display: none;
}

input#alert-toggle:checked~#refresh-alert-region {
    max-height: 0;
}

input#alert-toggle:not(:checked)~#refresh-alert-region {
    max-height: var(--max-alert-height);
}