/* popups */
.swal2-popup, .swal2-toast {
    background: var(--component-color) !important;
    color: var(--text-color) !important;
}
.swal2-modal.show-overflow .swal2-html-container {
    overflow: visible;
}
@media screen and (max-width: 650px) {
    .swal2-popup.mobile-bottom {
        align-self: end !important;
        margin-bottom: 50px;
    }
}
/* timer */
.swal2-timer-progress-bar {
    background-color: var(--main-color);
    opacity: 0.3;
}

/* buttons */
button.swal2-styled.swal2-confirm {
    background-color: var(--main-color);
}
.swal2-modal.z0-buttons .swal2-actions {
    z-index: 0;
}
.swal2-modal .swal2-actions button {
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

/* validation */
body.theme-light .swal2-validation-message {
    background-color: rgba(255,0,0,0.15);
    color: rgb(255, 94, 94);
}
body.theme-dark .swal2-validation-message {
    background-color: rgba(255,0,0,0.15);
    color: #FBB;
}