/* Critical loading states - loaded in <head> to prevent flash of unstyled content */
.dd-statemachine > * {
    opacity: 1;
    transition: all 0.3s ease;
}

.dd-statemachine.dd-loading > *:not(.dd-loadingscreen) {
    opacity: 0;
}

.dd-statemachine-standalone .dd-statemachine > .dd-loadingscreen {
    background: #f6f6f6;
}