.action-loader {
    display: flex;
    align-items: center;
    width: 54px;
    height: 8px;
    padding: 0;
    overflow: hidden;
    border-radius: 999px;
    background: #d7d7d7;
    vertical-align: middle;
}

.action-loader::before {
    content: "";
    display: block;
    width: 22px;
    height: 8px;
    border-radius: 999px;
    background: #d20a2e;
    animation: action-loader-slide 1.1s cubic-bezier(0.45, 0, 0.55, 1) infinite alternate;
}

.action-loader--block {
    margin: 12px auto;
}

.action-loader--inline {
    margin: 12px auto;
}

.action-loader--button {
    margin: 10px auto 0;
}

.pagination .action-loader {
    flex: 0 0 auto;
}

button.is-loading,
.modal-button.is-loading,
.submit-button.is-loading {
    cursor: wait;
    opacity: 0.82;
}

html[data-theme="dark"] .action-loader {
    background: #343a44;
}

@keyframes action-loader-slide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(32px);
    }
}