/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-content: "";
      --tw-font-weight: initial;
    }
  }
}

.theme-toast.svelte-1jua6yf {
  border-radius: var(--radius-lg, .5rem);
  border-left-style: var(--tw-border-style);
  background-color: var(--color-white, #fff);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-backdrop-blur: blur(var(--blur-sm, 8px));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  border-left-width: 4px;
  position: relative;
}

@media (prefers-color-scheme: dark) {
  .theme-toast.svelte-1jua6yf {
    background-color: #0f172bf2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .theme-toast.svelte-1jua6yf {
      background-color: color-mix(in oklab, var(--color-slate-900, oklch(20.8% .042 265.755)) 95%, transparent);
    }
  }
}

.theme-toast.svelte-1jua6yf {
  max-width: var(--container-md, 28rem);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 3);
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

.theme-toast.animate-in.svelte-1jua6yf {
  animation: var(--animate-slide-in-right, slide-in-right .3s ease-out);
}

.theme-toast.toast-success.svelte-1jua6yf {
  border-color: var(--color-green-500, oklch(72.3% .219 149.579));
  align-items: center;
}

.theme-toast.toast-success.svelte-1jua6yf .toast-icon:where(.svelte-1jua6yf) {
  color: var(--color-green-500, oklch(72.3% .219 149.579));
}

.theme-toast.toast-success.svelte-1jua6yf .toast-icon:where(.svelte-1jua6yf):before {
  margin-right: calc(var(--spacing, .25rem) * 2);
  --tw-content: "✓";
  content: var(--tw-content);
}

.theme-toast.toast-error.svelte-1jua6yf {
  border-color: var(--color-red-500, oklch(63.7% .237 25.331));
}

.theme-toast.toast-error.svelte-1jua6yf .toast-icon:where(.svelte-1jua6yf) {
  color: var(--color-red-500, oklch(63.7% .237 25.331));
}

.theme-toast.toast-error.svelte-1jua6yf .toast-icon:where(.svelte-1jua6yf):before {
  margin-right: calc(var(--spacing, .25rem) * 2);
  --tw-content: "🚨";
  content: var(--tw-content);
}

.theme-toast.toast-warning.svelte-1jua6yf {
  border-color: var(--color-amber-400, oklch(82.8% .189 84.429));
}

.theme-toast.toast-warning.svelte-1jua6yf .toast-icon:where(.svelte-1jua6yf) {
  color: var(--color-amber-400, oklch(82.8% .189 84.429));
}

.theme-toast.toast-warning.svelte-1jua6yf .toast-icon:where(.svelte-1jua6yf):before {
  margin-right: calc(var(--spacing, .25rem) * 2);
  --tw-content: "⚠️";
  content: var(--tw-content);
}

.theme-toast.toast-info.svelte-1jua6yf {
  border-color: var(--color-primary-500, oklch(63% .24 300));
}

.theme-toast.toast-info.svelte-1jua6yf .toast-icon:where(.svelte-1jua6yf):before {
  margin-right: calc(var(--spacing, .25rem) * 2);
  --tw-content: "ℹ️";
  content: var(--tw-content);
}

.theme-toast.svelte-1jua6yf .toast-icon:where(.svelte-1jua6yf) {
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  flex-shrink: 0;
}

.theme-toast.svelte-1jua6yf .toast-content:where(.svelte-1jua6yf) {
  flex: 1;
}

.theme-toast.svelte-1jua6yf .toast-content:where(.svelte-1jua6yf) .toast-title:where(.svelte-1jua6yf) {
  margin-bottom: calc(var(--spacing, .25rem) * 1);
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-gray-900, oklch(21% .034 264.665));
}

@media (prefers-color-scheme: dark) {
  .theme-toast.svelte-1jua6yf .toast-content:where(.svelte-1jua6yf) .toast-title:where(.svelte-1jua6yf) {
    color: var(--color-gray-100, oklch(96.7% .003 264.542));
  }
}

.theme-toast.svelte-1jua6yf .toast-content:where(.svelte-1jua6yf) .toast-message:where(.svelte-1jua6yf) {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--color-gray-600, oklch(44.6% .03 256.802));
}

@media (prefers-color-scheme: dark) {
  .theme-toast.svelte-1jua6yf .toast-content:where(.svelte-1jua6yf) .toast-message:where(.svelte-1jua6yf) {
    color: var(--color-gray-400, oklch(70.7% .022 261.325));
  }
}

.theme-toast.svelte-1jua6yf .toast-close:where(.svelte-1jua6yf) {
  color: var(--color-gray-400, oklch(70.7% .022 261.325));
}

@media (hover: hover) {
  .theme-toast.svelte-1jua6yf .toast-close:where(.svelte-1jua6yf):hover {
    color: var(--color-gray-600, oklch(44.6% .03 256.802));
  }
}

@media (prefers-color-scheme: dark) {
  .theme-toast.svelte-1jua6yf .toast-close:where(.svelte-1jua6yf) {
    color: var(--color-gray-500, oklch(55.1% .027 264.364));
  }

  @media (hover: hover) {
    .theme-toast.svelte-1jua6yf .toast-close:where(.svelte-1jua6yf):hover {
      color: var(--color-gray-300, oklch(87.2% .01 258.338));
    }
  }
}

.theme-toast.svelte-1jua6yf .toast-close:where(.svelte-1jua6yf) {
  cursor: pointer;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}