@font-face {
    font-family: 'Pretendard';
    font-weight: 500; /* Medium */
    font-style: normal;
}

div:where(.swal2-icon) {
    border: none !important;
}

div:where(.swal2-container).swal2-center>.swal2-popup {
    font-family: 'Pretendard', sans-serif !important;
    border-radius: 40px !important;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    border-radius: 15px !important;
    min-width: 9rem !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) {
    border-radius: 15px !important;
    min-width: 9rem !important;
    border: 1px solid #707070 !important;
    color: #707070 !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny) {
    border-radius: 15px !important;
    min-width: 9rem !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover {
    background: #e6e6e6 !important;
}

div:where(.swal2-container) h2:where(.swal2-title) {
    font-size: 21px !important;
    font-weight: 800 !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    background: linear-gradient(135deg, var(--main-green) 0%, var(--main-green-dark) 100%) !important;
    border: none !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover {
    background: linear-gradient(135deg, #3D9A7F 0%, #256B5A 100%) !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus {
    box-shadow: 0 0 0 3px rgba(76, 175, 147, 0.4) !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) {
    background: var(--bg-slate-light) 0% 0% no-repeat padding-box !important;
    border: none !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover {
    background: #E6E6E6 0% 0% no-repeat padding-box !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):focus {
    background: var(--bg-slate-light) 0% 0% no-repeat padding-box;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny) {
    background: transparent linear-gradient(110deg, #FF6B6B 0%, #EE5A6F 100%) 0% 0% no-repeat padding-box !important;
    border: none !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover {
    background: transparent linear-gradient(110deg, #EE5A6F 0%, #FF6B6B 100%) 0% 0% no-repeat padding-box !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):focus {
    box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.4) !important;
}
