.swal2-container {
    z-index: 2147483000 !important;
}

/* 모든 SweetAlert 결과창은 관리자에서 선택한 쇼핑몰 색상을 공통 사용한다. */
.swal2-container .swal2-confirm {
    border-color: var(--shop-action, #8d1532) !important;
    background: var(--shop-action, #8d1532) !important;
    color: var(--shop-action-text, #fff) !important;
}

.swal2-container .swal2-confirm:hover,
.swal2-container .swal2-confirm:focus {
    border-color: var(--shop-action-hover, #6f1027) !important;
    background: var(--shop-action-hover, #6f1027) !important;
    color: var(--shop-action-text, #fff) !important;
    box-shadow: 0 0 0 3px var(--shop-action-soft, #f7e9ed) !important;
}

.swal2-container .swal2-icon {
    border-color: var(--shop-action, #8d1532) !important;
    color: var(--shop-action, #8d1532) !important;
}

.swal2-container .swal2-icon.swal2-error [class^="swal2-x-mark-line"],
.swal2-container .swal2-icon.swal2-success [class^="swal2-success-line"] {
    background-color: var(--shop-action, #8d1532) !important;
}

.swal2-container .swal2-icon.swal2-success .swal2-success-ring {
    border-color: var(--shop-action-soft, #f7e9ed) !important;
}

.swal2-container .swal2-icon.swal2-warning,
.swal2-container .swal2-icon.swal2-info,
.swal2-container .swal2-icon.swal2-question {
    border-color: var(--shop-action, #8d1532) !important;
    color: var(--shop-action, #8d1532) !important;
}

.swal2-popup.shop-swal-popup {
    width: min(32em, calc(100% - 32px));
    padding: 28px 30px 24px;
    border-radius: 12px;
    font-size: 16px;
    box-sizing: border-box;
}

.swal2-popup.shop-swal-popup .swal2-icon {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    float: none !important;
    margin: 0 auto 18px !important;
    transform: none !important;
}

.swal2-popup.shop-swal-popup .swal2-title {
    margin: 0;
    padding: 0 10px;
    color: #282828;
    font-size: 1.45em;
    line-height: 1.35;
}

.swal2-popup.shop-swal-popup .swal2-html-container {
    margin: 14px 0 0;
    color: #555;
    font-size: 1em;
    line-height: 1.65;
}

.swal2-popup.shop-swal-popup .swal2-actions {
    margin-top: 22px;
}

.swal2-popup.shop-swal-popup .swal2-styled {
    min-width: 76px;
    margin: 0 5px;
    padding: 10px 18px;
    border-radius: 6px;
    font-weight: 600;
}

@media (max-width: 480px) {
    .swal2-popup.shop-swal-popup {
        padding: 24px 20px 20px;
        font-size: 14px;
    }
}

.swal2-popup.shop-social-modal {
    width: min(640px, calc(100% - 24px)) !important;
    padding: 26px 22px 22px;
}

.shop-social-modal .swal2-close {
    color: #777;
}

.shop-social-modal-note {
    margin: 12px 0;
    padding: 10px 12px;
    border-radius: 8px;
    background: #f7f4ef;
    color: #666;
    font-size: 13px;
    line-height: 1.5;
}

.shop-social-modal-frame {
    display: block;
    width: 100%;
    height: min(620px, 68vh);
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
}

@media (max-width: 480px) {
    .swal2-popup.shop-social-modal {
        padding: 22px 12px 12px;
    }

    .shop-social-modal-frame {
        height: 70vh;
    }
}