body.swal2-shown.swal2-height-auto {
    height: 100% !important;
}

.swal2-styled {
    margin-right: 0 !important;
    min-width: 30% !important;
    padding: 0.625em 1.1em !important;
}

body.swal2-toast-shown.swal2-container,
.swal2-backdrop-show {
    z-index: calc(var(--modal-z-index) + 20) !important;
}

.swal2-styled.swal2-button,
.swal2-styled.swal2-confirm,
.swal2-styled.swal2-deny {
    background-color: var(--card-color);
    border: none;
    box-shadow: 1px 1px 5px var(--box-shadow);
}

.swal2-styled.swal2-button,
.swal2-styled.swal2-confirm {
    color: var(--main-color) !important;

    &:where([data-theme=dark], [data-theme=dark] *) {
        color: var(--color-neutral-200) !important;
    }
}

.swal2-styled.swal2-button:hover,
.swal2-styled.swal2-confirm:hover,
.swal2-styled.swal2-button:hover {
    background-color: var(--main-color) !important;
    color: var(--text-light) !important;
}

.swal2-styled.swal2-deny {
    color: var(--warning-color) !important;
}

.swal2-styled.swal2-deny:hover {
    background-color: var(--warning-color) !important;
    color: var(--text-light) !important;
}

.swal2-styled.swal2-button,
.swal2-styled.swal2-confirm,
.swal2-styled.swal2-deny {
    border-radius: var(--border-radius) !important;
    min-width: 4rem !important;
}

.swal2-toast,
.swal2-modal {
    background-color: var(--card-color) !important;
    box-shadow: 1px 1px 5px var(--box-shadow);
    /* border: var(--toast-border) !important; */
}

.swal2-title {
    color: var(--swal-text) !important;
    font-size: 1.3rem !important;
}

.swal2-popup.swal2-toast .swal2-styled {
    color: var(--text-light) !important;
}

.swal2-popup.swal2-toast .swal2-icon {
    margin: 0 !important;
}

.swal2-actions {
    margin-top: 10px !important;
}

.swal2-actions>button:not(:last-child) {
    margin-right: 0.5rem !important;
}

.swal2-timer-progress-bar {
    background-color: var(--main-color) !important;
}

.wide-swal-toast {
    width: fit-content !important;
}

.hoffmann-icon-swal,
.hoffmann-icon-swal i {
    border-color: transparent;
    width: 5rem !important;
    height: 5rem !important;
}