.progress-spinner {
    animation: spin 1.5s linear infinite;
    animation-timing-function: cubic-bezier(0.7, 0.2, 0.3, 0.73);
    display: inline-block;
    height: 24px;
    width: 24px;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(2turn);
    }
}
.progress-spinner > svg.icon.icon--20,
.progress-spinner > svg.icon.icon--24,
.progress-spinner > svg.icon.icon--30 {
    height: inherit;
    margin: 0;
    max-height: inherit;
    max-width: inherit;
    width: inherit;
}
.progress-spinner--small {
    height: 20px;
    width: 20px;
}
.progress-spinner--large {
    height: 30px;
    width: 30px;
}