<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ----------------------------------
 * Progress + activities
 * ---------------------------------- */

/* Spinner */
progress {
    -webkit-appearance: none;
    height: 10px;
}

progress:not([value]) {
    background: url(../img/spinner@8.png) no-repeat center center / 100% auto;
    -webkit-animation: 1s rotate infinite steps(30);
    animation: 1s rotate infinite steps(30);
    width: 24px;
    height: 24px;
    border: none;
    display: inline-block;
    vertical-align: middle;
}

/* Bigger Spinner */
progress.bigger:not([value]) {
    background: url(../img/spinner@30.png) no-repeat center center / 100% auto;
    width: 90px;
    height: 90px;
}

progress:not([value])::-webkit-progress-bar {
    background: none;
    -webkit-box-shadow: none;

}

/* Progress bar */
progress[value]::-webkit-progress-value {
    width: 100%;
    background: #027ce0;
    border: none;
    display: block;
}

progress[value]::-webkit-progress-bar {
    background: #fff;
    padding: 1px;
    -webkit-box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 3px;
    box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}


/* Infinite Progress bar */
progress[value].infinite::-webkit-progress-value {
    background-color: #027ce0;
    background-size: 15px 15px , 100% 100%, 100% 100%;
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-animation: 1.9s move infinite steps(15);
    animation: 1.9s move infinite steps(15);
}

/* Animations */
@-webkit-keyframes rotate {
    from { -webkit-transform: rotate(1deg); }
    to   { -webkit-transform: rotate(360deg); }
}

@-webkit-keyframes move {
    0% { background-position: -100px 0px, 0 0, 0 0 }
    100% { background-position: 0px 0px, 0 0, 0 0 }
}</pre></body></html>