@import "~scss/variables";

.sw-bulk-edit-save-modal {
    &.sw-modal .sw-modal__footer {
        justify-content: space-between;
        grid-auto-columns: max-content;
    }

    &__warning.sw-alert {
        font-size: $font-size-xs;
    }

    &__help-text {
        font-size: $font-size-xs;
        padding-bottom: 20px;
        text-align: center;
    }

    &-success,
    &-error {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .sw-bulk-edit-save-modal__icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 72px;
        height: 72px;
        margin: 15px auto 40px;
    }

    .sw-label .sw-label__caption {
        text-align: center;
    }

    .footer-right {
        display: flex;
        gap: 10px;
    }

    &__loading-icon {
        animation: loading 2s linear infinite;
    }

    @keyframes loading {
        from {
            transform: translate(0%, 0%) rotate(0deg);
        }

        to {
            transform: translate(0%, 0%) rotate(360deg);
        }
    }
}
