/**
 * Кастомные стили для SweetAlert2 модальных окон
 */

/* Основной контейнер модального окна */
.swal2-popup {
    border: 1px solid rgba(82, 80, 96, 0.45) !important;
    border-radius: 20px !important;
    background: #100c1a !important;
    padding: 34px 25px !important;
    position: relative;
}

/* Заголовок модального окна */
.swal2-title {
    color: rgb(255, 255, 255) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: center !important;
}

/* Текст модального окна */
.swal2-html-container {
    color: rgb(255, 255, 255) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-align: center !important;
    margin-top: 14px !important;
    line-height: 1.3 !important;
}

/* Кнопка подтверждения */
.swal2-confirm {
    background-color: rgb(182, 255, 24) !important;
    color: #000 !important;
    font-size: 12px !important;
    height: 48px !important;
    border-radius: 12px !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 20px !important;
    font-weight: 600 !important;
}

/* Кнопка отмены */
.swal2-cancel {
    font-size: 12px !important;
    height: 48px !important;
    border-radius: 12px !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 20px !important;
    font-weight: 600 !important;
}

/* Кнопка закрытия (крестик) */
.swal2-close {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 24px !important;
}

.swal2-close:hover {
    color: rgba(255, 255, 255, 0.8) !important;
}
.swal2-success-ring{
    border-color: #fff !important;
}
.swal2-icon.swal2-success [class^=swal2-success-line]{
    background-color:#fff !important;
}
.swal2-icon.swal2-success [class^=swal2-success-line]{
    background-color:#fff !important;
}
/* Иконка успеха */
.swal2-success {
    border-color: #fff !important;
}


/* Иконка ошибки */
.swal2-error {
    border-color: #fff !important;
}

.swal2-x-mark-line-left,
.swal2-x-mark-line-right {
    background-color: #fff !important;
}

/* Иконка информации */
.swal2-info {
    border-color: #fff !important;
}
.swal2-icon-content{
    color: #fff !important;
}

/* Иконка предупреждения */
.swal2-warning {
    border-color: #ffa502 !important;
}

/* Фон за модальным окном */
.swal2-backdrop-show {
    backdrop-filter: blur(20px);
    --bs-backdrop-bg: rgba(13, 10, 24, 0.37);
    --bs-backdrop-opacity: 1;
}

/* Контейнер с кнопками */
.swal2-actions {
    margin-top: 15px !important;
}

/* Убираем фокус с кнопок */
.swal2-styled:focus {
    box-shadow: none !important;
}
.swal2-icon{
    margin-top: 0 !important;
}
.swal2-close{
    font-size: 0 !important;
    width: 20px !important;
    height: 20px !important;
    position: absolute !important;
    top:20px !important;
    right: 20px !important;
}
.swal2-close:after{
    content: " ";
    position: absolute;
    display: block;
    left:0;
    top: 0;
    width:20px;
    height:20px;
    background-image: url('/images/modalClose.svg');
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
}