/* JumClass SweetAlert2 Custom Styles */

/* ===== 네이티브 스타일 모달 (점클래스 디자인 시스템) ===== */
.swal2-popup.jumclass-native-popup {
  background: #191919 !important; /* 프로젝트 표준 배경색 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 20px !important; /* Figma 디자인 시스템 통일 */
  padding: 24px !important; /* 상하좌우 여백 */
  width: 304px !important; /* Figma 스펙 */
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3) !important;
  overflow: hidden !important;
  border: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

/* 아이콘 영역 */
.jumclass-native-icon {
  margin: 24px auto 16px !important;
  width: auto !important;
  height: auto !important;
  border: none !important;
  background: none !important;
}

.jumclass-icon-exclamation {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important; /* Figma 스펙 통일 */
  height: 48px !important;
  background-color: #802FFF !important;
  border-radius: 50% !important;
  color: #FFFFFF !important;
  font-size: 28px !important; /* 아이콘 크기 조정 */
  font-weight: 700 !important;
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif !important;
  margin: 0 auto !important; /* 중앙 정렬 */
}

/* 제목 스타일 */
.jumclass-native-title {
  color: #FFFFFF !important;
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight: 400 !important; /* 본문은 Regular */
  font-size: 14px !important; /* Figma h10_14_R */
  line-height: 140% !important;
  letter-spacing: -0.03em !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

/* 액션 버튼 영역 */
.jumclass-native-actions {
  margin: 0 !important;
  padding: 0 !important;
  border-top: none !important; /* Figma 디자인: 구분선 없음 */
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important; /* 버튼 간격 */
  width: 100% !important;
}

/* 버튼 공통 스타일 */
.jumclass-native-cancel,
.jumclass-native-confirm {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 7px 16px !important;
  gap: 8px !important;
  width: 122px !important; /* Figma 스펙 */
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 4px !important; /* Figma 스펙 */
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important; /* Bold */
  line-height: 140% !important;
  text-align: center !important;
  letter-spacing: -0.03em !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  box-shadow: none !important;
  outline: none !important;
}

/* 취소 버튼 */
.swal2-cancel.jumclass-native-cancel {
  background: #292929 !important; /* Figma background_2 */
  color: #FFFFFF !important;
  border: none !important;
}

.jumclass-native-cancel:hover {
  background: #3a3a3a !important;
  color: #FFFFFF !important;
}

.jumclass-native-cancel:active {
  background: #1f1f1f !important;
  color: #FFFFFF !important;
}

.jumclass-native-cancel:focus {
  box-shadow: none !important;
  outline: none !important;
}

/* 확인 버튼 */
.swal2-confirm.jumclass-native-confirm {
  background: #802FFF !important;
  background-color: #802FFF !important;
  color: #FFFFFF !important;
  border: none !important;
}

.jumclass-native-confirm:hover {
  background: #9146ff !important;
  background-color: #9146ff !important;
  color: #FFFFFF !important;
}

.jumclass-native-confirm:active {
  background: #6a25d9 !important;
  background-color: #6a25d9 !important;
  color: #FFFFFF !important;
}

.jumclass-native-confirm:focus {
  background: #802FFF !important;
  background-color: #802FFF !important;
  box-shadow: none !important;
  outline: none !important;
}

/* 오버레이 */
.swal2-backdrop-show {
  background: rgba(0, 0, 0, 0.5) !important; /* Figma 스펙: 50% 투명도 */
}

/* 네이티브 팝업 Content 영역 조정 */
.jumclass-native-popup .swal2-content {
  padding: 0 !important;
  margin: 0 !important;
}

/* 네이티브 팝업 Header 영역 조정 */
.jumclass-native-popup .swal2-header {
  padding: 0 !important;
  margin: 0 !important;
}

/* 커스텀 아이콘 스타일 */
.jumclass-icon-lock {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: rgba(128, 47, 255, 0.2);
  border-radius: 50%;
  font-size: 24px;
  margin: 0 auto;
}

.jumclass-icon-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: rgba(82, 196, 26, 0.2);
  border-radius: 50%;
  color: #52C41A;
  font-size: 24px;
  font-weight: bold;
  margin: 0 auto;
}

/* ===== 기존 쿠폰 경고 모달 스타일 (백업) ===== */

/* ===== SweetAlert2 모달 내부 컨텐츠 스타일 ===== */
/* 모달 컨텐츠 컨테이너 */
.jumclass-modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 100%;
}

/* 모달 제목 */
.jumclass-modal-content .modal-title {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  letter-spacing: -0.03em;
  color: #FFFFFF;
  margin: 0;
  height: 22px;
}

/* 모달 설명 */
.jumclass-modal-content .modal-description {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  letter-spacing: -0.03em;
  color: #999999;
  margin: 0;
  white-space: pre-line;
}

/* 모달 질문 */
.jumclass-modal-content .modal-question {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  letter-spacing: -0.03em;
  color: #999999;
  margin: 0;
}

/* 정보 박스 */
.jumclass-modal-content .info-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  gap: 10px;
  width: 232px;
  background: #292929;
  border-radius: 8px;
  box-sizing: border-box;
}

/* 정보 박스 텍스트 */
.jumclass-modal-content .info-text {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.03em;
  color: #FFFFFF;
  margin: 0;
  text-align: center;
  white-space: pre-line;
}

/* 강조된 정보 텍스트 (보라색) */
.jumclass-modal-content .info-text.highlight {
  color: #A166FF;
  font-weight: 700;
}

/* 강조 텍스트 (재수강 모달용) */
.jumclass-modal-content .modal-highlight {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  letter-spacing: -0.03em;
  color: #A166FF;
  margin: 20px 0;
  white-space: pre-line;
}

/* 아이콘 스타일 */
.jumclass-modal-content .modal-icon {
  width: 48px;
  height: 48px;
  position: relative;
  margin: 0 auto;
}

.jumclass-modal-content .modal-icon--warning {
  background-color: #802FFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jumclass-modal-content .modal-icon--warning::after {
  content: '!';
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 700;
  font-family: 'Pretendard';
}

/* ===== 모달 타입별 높이 조정 ===== */
.jumclass-cancel-modal {
  height: 376px !important;
}

.jumclass-result-modal {
  height: 168px !important;
}

.jumclass-restart-modal {
  height: 188px !important;
}

.jumclass-reenroll-modal {
  height: 228px !important;
}

.jumclass-confirm-modal,
.jumclass-alert-modal {
  height: auto !important;
  min-height: 194px !important;
}

/* 컨펌 모달 내용 영역 스크롤 제거 */
.jumclass-confirm-modal .swal2-html-container,
.jumclass-alert-modal .swal2-html-container {
  overflow: visible !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ===== Figma 디자인 기반 스타일 ===== */
/* 기본 모달 스타일 (Figma 스펙) */
div:where(.swal2-container) div:where(.swal2-popup).swal2-modal,
.swal2-popup.swal2-modal {
    background: #191919 !important; /* background_1 */
    border-radius: 20px !important;
    padding: 24px !important;
    width: 304px !important;
    max-width: 304px !important;
    min-width: 304px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 24px !important;
}

/* 심플한 팝업 스타일 - 레거시 호환용 */
div:where(.swal2-container) div:where(.swal2-popup).jumclass-alert-popup-simple,
.jumclass-alert-popup-simple {
    background: #191919 !important; /* Figma: background_1 */
    border-radius: 20px !important; /* Figma 스펙 */
    box-shadow: none !important;
    border: none !important;
    padding: 24px !important;
    width: 304px !important;
    min-width: 304px !important;
    max-width: 304px !important;
}

/* SweetAlert2 기본 요소 숨기기 */
.jumclass-alert-popup-simple .swal2-title,
.jumclass-alert-popup-simple .swal2-icon,
.jumclass-alert-popup-simple .swal2-image,
.jumclass-alert-popup-simple .swal2-progress-steps,
.jumclass-alert-popup-simple .swal2-validation-message {
    display: none !important;
}

/* 컨테이너 스타일 */
.jumclass-alert-container {
    padding: 0 !important;
    margin: 0 !important;
}

/* ===== Figma 텍스트 스타일 ===== */
/* 제목 (h9_16_B) */
.swal2-title {
    font-family: 'Pretendard' !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 140% !important;
    text-align: center !important;
    letter-spacing: -0.03em !important;
    color: #FFFFFF !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 내용 텍스트 (h10_14_R) */
.swal2-html-container,
.jumclass-alert-text {
    font-family: 'Pretendard' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 140% !important;
    text-align: center !important;
    letter-spacing: -0.03em !important;
    color: white !important; /* gray60 */
    margin: 0 !important;
    padding: 0 !important;
}

/* ===== Figma 아이콘 스타일 ===== */
/* 경고 아이콘 컨테이너 */
.swal2-icon {
    width: 48px !important;
    height: 48px !important;
    margin: 0 auto !important;
    border: none !important;
    position: relative !important;
}

/* 경고 아이콘 커스텀 */
.swal2-icon.swal2-warning {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* warning 아이콘의 모든 기본 요소 제거 */
.swal2-icon.swal2-warning .swal2-icon-content,
.swal2-icon.swal2-warning [class^='swal2-x-mark'],
.swal2-icon.swal2-warning::before,
.swal2-icon.swal2-warning [class^='swal2-'],
.swal2-icon.swal2-warning [class*='swal2-'] {
    display: none !important;
}

/* SweetAlert2 기본 아이콘 body 제거 */
.swal2-icon.swal2-warning .swal2-icon-body,
.swal2-icon.swal2-warning .swal2-icon-dot {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

/* 보라색 원형 배경 - warning */
.swal2-icon.swal2-warning {
    width: 48px !important;
    height: 48px !important;
    background: #802FFF !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: hidden !important;
    /* SweetAlert2 기본 테두리 제거 */
    border-color: transparent !important;
    border-width: 0 !important;
    /* 기본 텍스트 완전 제거 */
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
}

/* SweetAlert2 기본 아이콘 요소들 강제 제거 - 모든 자식 요소와 의사 요소 */
.swal2-icon.swal2-warning * {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

.swal2-icon.swal2-warning > * {
    display: none !important;
}

/* SweetAlert2 기본 느낌표 완전 제거 */
.swal2-icon.swal2-warning .swal2-icon-content {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* 느낌표 텍스트 - warning (커스텀) */
.swal2-icon.swal2-warning::after {
    content: '!' !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #FFFFFF !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif !important;
    line-height: 1 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
}

/* info 아이콘도 동일한 스타일 적용 */
div:where(.swal2-container) div:where(.swal2-icon).swal2-info,
div:where(.swal2-container) .swal2-icon.swal2-info,
.swal2-icon.swal2-info {
    width: 48px !important;
    height: 48px !important;
    background: #802FFF !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    border: none !important;
    overflow: hidden !important;
    /* SweetAlert2 기본 테두리 제거 */
    border-color: transparent !important;
    border-width: 0 !important;
    /* 기본 텍스트 완전 제거 */
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    /* 기본 zoom 제거 */
    zoom: 1 !important;
}

/* SweetAlert2 기본 아이콘 요소들 강제 제거 - info */
div:where(.swal2-container) div:where(.swal2-icon).swal2-info *,
div:where(.swal2-container) .swal2-icon.swal2-info *,
.swal2-icon.swal2-info * {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

div:where(.swal2-container) div:where(.swal2-icon).swal2-info > *,
div:where(.swal2-container) .swal2-icon.swal2-info > *,
.swal2-icon.swal2-info > * {
    display: none !important;
}

/* .swal2-icon-content 직접 타겟 */
div:where(.swal2-container) div:where(.swal2-icon).swal2-info .swal2-icon-content,
div:where(.swal2-container) .swal2-icon.swal2-info .swal2-icon-content,
.swal2-icon.swal2-info .swal2-icon-content {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    font-size: 0 !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    left: -9999px !important;
}

/* info 아이콘의 기본 요소 제거 */
div:where(.swal2-container) .swal2-icon.swal2-info .swal2-icon-content,
div:where(.swal2-container) .swal2-icon.swal2-info::before,
div:where(.swal2-container) .swal2-icon.swal2-info [class^='swal2-'],
div:where(.swal2-container) .swal2-icon.swal2-info [class*='swal2-'],
.swal2-icon.swal2-info .swal2-icon-content,
.swal2-icon.swal2-info::before,
.swal2-icon.swal2-info [class^='swal2-'],
.swal2-icon.swal2-info [class*='swal2-'] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* SweetAlert2 기본 아이콘 body 제거 - info */
div:where(.swal2-container) .swal2-icon.swal2-info .swal2-icon-body,
div:where(.swal2-container) .swal2-icon.swal2-info .swal2-icon-dot,
.swal2-icon.swal2-info .swal2-icon-body,
.swal2-icon.swal2-info .swal2-icon-dot {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

/* info 아이콘 느낌표 (커스텀) */
div:where(.swal2-container) .swal2-icon.swal2-info::after,
.swal2-icon.swal2-info::after {
    content: '!' !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #FFFFFF !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif !important;
    line-height: 1 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    z-index: 999999 !important;
}

/* 성공 아이콘 스타일 */
.swal2-icon.swal2-success {
    background: none !important;
    border: none !important;
}

.swal2-icon.swal2-success .swal2-success-ring {
    display: none !important;
}

.swal2-icon.swal2-success::before {
    content: '' !important;
    position: absolute !important;
    width: 39.75px !important;
    height: 39.75px !important;
    left: calc(50% - 39.75px/2) !important;
    top: calc(50% - 39.75px/2) !important;
    background: #802FFF !important;
    border-radius: 50% !important;
}

/* ===== Figma 버튼 스타일 ===== */
/* 버튼 컨테이너 */
.swal2-actions {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* 버튼이 하나만 있을 때 중앙 정렬 강제 */
.swal2-actions:has(.swal2-confirm:only-child) {
    justify-content: center !important;
}

.swal2-actions .swal2-confirm:only-child {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 확인 버튼 (main_2) */
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm),
div:where(.swal2-container) .swal2-confirm,
.swal2-confirm,
.jumclass-alert-button-simple,
button.swal2-confirm.swal2-styled {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 7px 16px !important;
    gap: 8px !important;
    width: 122px !important;
    height: 34px !important;
    min-height: 34px !important;
    background: #802FFF !important;
    background-color: #802FFF !important;
    border-radius: 4px !important;
    border: none !important;
    font-family: 'Pretendard' !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 140% !important;
    text-align: center !important;
    letter-spacing: -0.03em !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* 취소 버튼 (background_2) */
.swal2-cancel {
    /* display: flex !important; */
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 7px 16px !important;
    gap: 8px !important;
    width: 122px !important;
    height: 34px !important;
    background: #292929 !important;
    border-radius: 4px !important;
    border: none !important;
    font-family: 'Pretendard' !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 140% !important;
    text-align: center !important;
    letter-spacing: -0.03em !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin: 0 !important;
}

/* 호버 상태 */
.swal2-confirm:hover,
.jumclass-alert-button-simple:hover,
button.swal2-confirm.swal2-styled:hover {
    background: #9146ff !important;
    background-color: #9146ff !important;
}

.swal2-cancel:hover {
    background: #3a3a3a !important;
}

/* 포커스 상태 제거 */
.swal2-confirm:focus,
.swal2-cancel:focus,
.jumclass-alert-button-simple:focus,
button.swal2-confirm.swal2-styled:focus {
    outline: none !important;
    box-shadow: none !important;
    background: #802FFF !important;
    background-color: #802FFF !important;
}

/* 액티브 상태 */
.swal2-confirm:active,
button.swal2-confirm.swal2-styled:active {
    background: #6a25d9 !important;
    background-color: #6a25d9 !important;
}

/* 배경 오버레이 */
.swal2-backdrop-show,
.swal2-backdrop {
    background: rgba(0, 0, 0, 0.5) !important; /* 모바일 스펙: 50% 투명도 */
}

/* SweetAlert2 추가 배경 스타일 */
.swal2-container {
    background: transparent !important;
    z-index: 200000 !important; /* test-modal보다 높게 설정 */
}

/* ===== 정보 박스 스타일 (Figma) ===== */
.jumclass-info-box,
.swal2-info-box {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 12px 16px !important;
    gap: 10px !important;
    width: 232px !important;
    height: 64px !important;
    background: #292929 !important;
    border-radius: 8px !important;
    margin: 0 auto !important;
}

.jumclass-info-text,
.swal2-info-text {
    width: 200px !important;
    height: 40px !important;
    font-family: 'Pretendard' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 140% !important;
    letter-spacing: -0.03em !important;
    color: #FFFFFF !important;
    text-align: center !important;
}

/* ===== 강조 텍스트 (보라색) ===== */
.jumclass-highlight-text,
.swal2-highlight-text {
    font-family: 'Pretendard' !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 140% !important;
    text-align: center !important;
    letter-spacing: -0.03em !important;
    color: #A166FF !important; /* point_1 */
}

/* ===== 모달 타입별 높이 설정 ===== */
/* 휴강 신청 모달 */
.swal2-popup.cancel-class-modal {
    height: 376px !important;
}

/* 휴강 신청 결과 모달 */
.swal2-popup.result-modal {
    height: 168px !important;
}

/* 답안지 제출 확인 모달 */
.swal2-popup.submit-modal {
    height: 194px !important;
}

/* 재시작 완료 모달 */
.swal2-popup.restart-result-modal {
    height: 188px !important;
}

/* 재수강 신청 모달 */
.swal2-popup.re-enroll-modal {
    height: 228px !important;
}

/* ===== 모바일 반응형 ===== */
@media (max-width: 768px) {
    /* 배경 더 어둡게 (데스크톱과 동일) */
    .swal2-backdrop-show,
    .swal2-backdrop {
        background: rgba(0, 0, 0, 0.7) !important;
    }
    
    /* 타이틀 모바일 스타일 */
    .swal2-title {
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 140% !important;
        height: 22px !important;
    }
    
    /* 내용 텍스트는 동일 */
    .swal2-html-container,
    .jumclass-alert-text {
        font-size: 14px !important;
        color: white !important;
    }
    
    /* 버튼은 동일한 크기 유지 */
    .swal2-actions {
        gap: 12px !important;
    }
    
    /* X 버튼 스타일 (있는 경우) */
    .swal2-close {
        position: absolute !important;
        top: 24px !important;
        right: 24px !important;
        width: 24px !important;
        height: 24px !important;
        background: none !important;
        border: none !important;
        color: #999999 !important;
        font-size: 20px !important;
    }
    
    .swal2-close:hover {
        color: #FFFFFF !important;
    }
}