Global state rules.

state.css

.is-invisible {
    visibility: hidden !important;
}

.is-hidden {
    display: none !important;
    visibility: hidden !important; /* for screenreaders */
}

.is-hidden-visually {
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
}

.is-processing {
    cursor: progress !important;
    pointer-events: none !important;
}

.is-disabled {
    cursor: default !important;
    pointer-events: none !important;
}

.is-fixed {
    position: fixed !important;
    backface-visibility: hidden; /* for GPU acceleration */
}