/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
@layer base {
  :root {
    color-scheme: light;
  }

  @media (prefers-color-scheme: dark) {
    :root {
      color-scheme: dark;
    }
  }

  :root {
    scrollbar-color: var(--color-surface-300-700) var(--color-surface-100-900);
    scrollbar-width: thin;
  }

  html {
    -webkit-tap-highlight-color: #7373734d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    html {
      -webkit-tap-highlight-color: color-mix(in oklab, var(--color-primary-500) 30%, transparent);
    }
  }

  body {
    background-color: var(--body-background-color);
  }

  @media (prefers-color-scheme: dark) {
    body {
      background-color: var(--body-background-color-dark);
    }
  }

  body {
    color: var(--base-font-color);
    font-family: var(--base-font-family);
    font-size: var(--base-font-size);
    line-height: var(--base-line-height);
    font-weight: var(--base-font-weight);
    font-style: var(--base-font-style);
    letter-spacing: var(--base-letter-spacing);
  }

  @media (prefers-color-scheme: dark) {
    body {
      color: var(--base-font-color-dark);
    }
  }

  button:not(:disabled), [role="button"]:not(:disabled) {
    cursor: pointer;
  }

  .input::-moz-placeholder, .textarea::-moz-placeholder, .ig-input::-moz-placeholder, .ig-textarea::-moz-placeholder {
    color: var(--color-surface-700-300);
  }

  .input::placeholder, .textarea::placeholder, .ig-input::placeholder, .ig-textarea::placeholder {
    color: var(--color-surface-700-300);
  }

  ::-moz-selection {
    background-color: #73737380;
  }

  ::selection {
    background-color: #73737380;
  }

  @supports (color: color-mix(in lab, red, red)) {
    ::-moz-selection {
      background-color: color-mix(in srgb, var(--color-primary-500) 50%, transparent);
    }
    ::selection {
      background-color: color-mix(in srgb, var(--color-primary-500) 50%, transparent);
    }
  }

  :disabled, .disabled {
    opacity: .5;
  }

  :is(:disabled, .disabled) > * {
    pointer-events: none;
  }
}

:root, :host {
  --base-font-color: inherit;
  --base-font-color-dark: inherit;
  --base-font-family: inherit;
  --base-font-size: inherit;
  --base-line-height: inherit;
  --base-font-weight: inherit;
  --base-font-style: inherit;
  --base-letter-spacing: inherit;
  --color-primary-50: oklch(98.5% 0 0);
  --color-primary-500: oklch(55.6% 0 0);
  --color-primary-contrast-light: var(--color-primary-50);
  --color-secondary-50: oklch(98.5% 0 0);
  --color-secondary-contrast-light: var(--color-secondary-50);
  --color-tertiary-50: oklch(98.5% 0 0);
  --color-tertiary-contrast-light: var(--color-tertiary-50);
  --color-success-50: oklch(98.5% 0 0);
  --color-success-contrast-light: var(--color-success-50);
  --color-warning-50: oklch(98.5% 0 0);
  --color-warning-contrast-light: var(--color-warning-50);
  --color-error-50: oklch(98.5% 0 0);
  --color-error-contrast-light: var(--color-error-50);
  --color-surface-50: oklch(98.5% 0 0);
  --color-surface-100: oklch(97% 0 0);
  --color-surface-300: oklch(87% 0 0);
  --color-surface-700: oklch(37.1% 0 0);
  --color-surface-900: oklch(20.5% 0 0);
  --color-surface-950: oklch(14.5% 0 0);
  --color-surface-contrast-light: var(--color-surface-50);
  --body-background-color: var(--color-surface-50);
  --body-background-color-dark: var(--color-surface-950);
  --color-surface-100-900: light-dark(var(--color-surface-100), var(--color-surface-900));
  --color-surface-300-700: light-dark(var(--color-surface-300), var(--color-surface-700));
  --color-surface-700-300: light-dark(var(--color-surface-700), var(--color-surface-300));
}

@keyframes progress-circular-indeterminate {
  0% {
    stroke-dasharray: 1 var(--circumference);
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: calc(var(--circumference) * .75) var(--circumference);
    stroke-dashoffset: calc(-1 * var(--circumference) * .5);
  }

  100% {
    stroke-dasharray: 1 var(--circumference);
    stroke-dashoffset: calc(-1 * var(--circumference));
  }
}

@keyframes progress-linear-indeterminate-horizontal {
  from {
    transform: translateX(-200%);
  }

  to {
    transform: translateX(200%);
  }
}

@keyframes progress-linear-indeterminate-vertical {
  from {
    transform: translateY(-200%);
  }

  to {
    transform: translateY(200%);
  }
}