/* [project]/src/styles/swal.css [app-client] (css) */
.modern-swal {
  border-radius: var(--radius-lg);
  background-color: var(--card);
  max-width: 320px;
  color: var(--card-foreground);
  border: 1px solid var(--border);
  backdrop-filter: blur(8px);
  margin: auto;
  padding: 24px;
  font-family: Yekan, sans-serif;
  box-shadow: 0 8px 32px #0000001f;
}

.modern-swal-title {
  color: var(--foreground);
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}

.modern-swal-content {
  color: var(--muted-foreground);
  font-size: 14px;
  line-height: 1.6;
}

.modern-swal-button {
  cursor: pointer;
  border-radius: var(--radius-md);
  border: none;
  min-width: 100px;
  margin: 0 6px;
  padding: 10px 20px;
  font-family: Yekan, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
  box-shadow: 0 2px 4px #0000001a;
}

.modern-swal-button.confirm-button {
  background-color: var(--primary);
  color: var(--primary-foreground);
}

.modern-swal-button.cancel-button {
  background-color: var(--destructive);
  color: var(--destructive-foreground);
}

.modern-swal-button.confirm-button:hover {
  background-color: var(--primary);
  opacity: .9;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px #00000026;
}

.modern-swal-button.cancel-button:hover {
  background-color: var(--destructive);
  opacity: .9;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px #00000026;
}

.dark .modern-swal {
  background-color: var(--card);
  color: var(--card-foreground);
  border-color: var(--border);
  box-shadow: 0 8px 32px #0000004d;
}

.dark .modern-swal-title {
  color: var(--foreground);
}

.dark .modern-swal-content {
  color: var(--muted-foreground);
}

.dark .modern-swal-button.confirm-button {
  background-color: var(--primary);
  color: var(--primary-foreground);
}

.dark .modern-swal-button.cancel-button {
  background-color: var(--destructive);
  color: var(--destructive-foreground);
}

.dark .modern-swal-button.confirm-button:hover {
  background-color: var(--primary);
  opacity: .9;
}

.dark .modern-swal-button.cancel-button:hover {
  background-color: var(--destructive);
  opacity: .9;
}

.swal2-toast {
  border-radius: var(--radius-lg) !important;
  background-color: var(--card) !important;
  color: var(--card-foreground) !important;
  border: 1px solid var(--border) !important;
  backdrop-filter: blur(8px) !important;
  font-family: Yekan, sans-serif !important;
  box-shadow: 0 8px 32px #0000001f !important;
}

.swal2-toast .swal2-title {
  color: var(--foreground) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

.swal2-toast .swal2-content {
  color: var(--muted-foreground) !important;
  font-size: 14px !important;
}

.swal2-toast .swal2-icon, .swal2-toast .swal2-icon.swal2-success {
  border-color: var(--primary) !important;
}

.swal2-toast .swal2-icon.swal2-error {
  border-color: var(--destructive) !important;
}

.swal2-toast .swal2-icon.swal2-warning {
  border-color: var(--accent) !important;
}

.swal2-toast .swal2-icon.swal2-info {
  border-color: var(--secondary) !important;
}

.swal2-timer-progress-bar {
  background: linear-gradient(90deg, var(--primary), var(--accent)) !important;
}

.swal2-show {
  animation: .3s ease-out swal2-show !important;
}

.swal2-hide {
  animation: .2s ease-in swal2-hide !important;
}

@keyframes swal2-show {
  0% {
    opacity: 0;
    transform: scale(.8)translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: scale(1)translateY(0);
  }
}

@keyframes swal2-hide {
  0% {
    opacity: 1;
    transform: scale(1)translateY(0);
  }

  100% {
    opacity: 0;
    transform: scale(.8)translateY(-20px);
  }
}

@media (width <= 768px) {
  .modern-swal {
    border-radius: var(--radius-md);
    max-width: calc(100vw - 32px);
    margin: 16px;
    padding: 20px;
    box-shadow: 0 4px 16px #00000026;
  }

  .modern-swal-title {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.3;
  }

  .modern-swal-content {
    font-size: 13px;
    line-height: 1.5;
  }

  .modern-swal-button {
    border-radius: var(--radius-sm);
    justify-content: center;
    align-items: center;
    min-width: 80px;
    min-height: 44px;
    margin: 0 4px;
    padding: 12px 16px;
    font-size: 13px;
    display: flex;
  }

  .swal2-toast {
    border-radius: var(--radius-md) !important;
    max-width: calc(100vw - 24px) !important;
    margin: 12px !important;
    padding: 16px !important;
    box-shadow: 0 4px 16px #00000026 !important;
  }

  .swal2-toast .swal2-title {
    font-size: 14px !important;
    line-height: 1.3 !important;
  }

  .swal2-toast .swal2-content {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .swal2-toast .swal2-icon {
    width: 32px !important;
    height: 32px !important;
    margin: 0 8px 0 0 !important;
  }

  .swal2-toast.swal2-top {
    top: 20px !important;
  }

  .swal2-toast.swal2-top-start {
    top: 20px !important;
    left: 12px !important;
  }

  .swal2-toast.swal2-top-end {
    top: 20px !important;
    right: 12px !important;
  }

  .swal2-toast.swal2-bottom {
    bottom: 20px !important;
  }

  .swal2-toast.swal2-bottom-start {
    bottom: 20px !important;
    left: 12px !important;
  }

  .swal2-toast.swal2-bottom-end {
    bottom: 20px !important;
    right: 12px !important;
  }

  @media (width <= 480px) {
    .modern-swal {
      max-width: calc(100vw - 24px);
      margin: 12px;
      padding: 16px;
    }

    .modern-swal-button {
      width: 100%;
      min-height: 48px;
      margin: 4px 0;
    }

    .swal2-toast {
      max-width: calc(100vw - 16px) !important;
      margin: 8px !important;
      padding: 12px !important;
    }

    .swal2-toast .swal2-title {
      font-size: 13px !important;
    }

    .swal2-toast .swal2-content {
      font-size: 11px !important;
    }
  }
}

@media (width <= 768px) and (orientation: landscape) {
  .modern-swal {
    max-width: calc(100vw - 24px);
    padding: 16px;
  }

  .modern-swal-title {
    margin-bottom: 8px;
    font-size: 15px;
  }

  .modern-swal-content {
    font-size: 12px;
  }

  .modern-swal-button {
    min-height: 40px;
    padding: 8px 14px;
  }

  .swal2-toast {
    padding: 12px !important;
  }

  .swal2-toast .swal2-title {
    font-size: 13px !important;
  }

  .swal2-toast .swal2-content {
    font-size: 11px !important;
  }
}

@media (-webkit-device-pixel-ratio >= 2), (resolution >= 192dpi) {
  .modern-swal {
    box-shadow: 0 8px 32px #00000014;
  }

  .swal2-toast {
    box-shadow: 0 8px 32px #00000014 !important;
  }
}


/*# sourceMappingURL=src_styles_swal_db9167d5.css.map*/