/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --tw-color-indigo-600: oklch(51.1% 0.262 276.966);
    --tw-color-gray-700: oklch(37.3% 0.034 259.733);
    --tw-spacing: 0.25rem;
    --tw-radius-md: 0.375rem;
    --tw-radius-lg: 0.5rem;
    --tw-radius-xl: 0.75rem;
  }
}
@layer utilities {
  .tw\:col-span-full {
    grid-column: 1 / -1;
  }
  .tw\:row-auto {
    grid-row: auto;
  }
  .tw\:float-start {
    float: inline-start;
  }
  .tw\:m-auto {
    margin: auto;
  }
  .tw\:mb-\[25px\] {
    margin-bottom: 25px;
  }
  .tw\:flex {
    display: flex;
  }
  .tw\:grid {
    display: grid;
  }
  .tw\:w-1\/2 {
    width: calc(1 / 2 * 100%);
  }
  .tw\:w-auto {
    width: auto;
  }
  .tw\:w-full {
    width: 100%;
  }
  .tw\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .tw\:flex-row {
    flex-direction: row;
  }
  .tw\:flex-wrap {
    flex-wrap: wrap;
  }
  .tw\:items-center {
    align-items: center;
  }
  .tw\:justify-center {
    justify-content: center;
  }
  .tw\:gap-4 {
    gap: calc(var(--tw-spacing) * 4);
  }
  .tw\:rounded {
    border-radius: 0.25rem;
  }
  .tw\:rounded-lg {
    border-radius: var(--tw-radius-lg);
  }
  .tw\:rounded-md {
    border-radius: var(--tw-radius-md);
  }
  .tw\:rounded-xl {
    border-radius: var(--tw-radius-xl);
  }
  .tw\:border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .tw\:border-3 {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .tw\:border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .tw\:border-gray-700 {
    border-color: var(--tw-color-gray-700);
  }
  .tw\:border-indigo-600 {
    border-color: var(--tw-color-indigo-600);
  }
  .tw\:p-4 {
    padding: calc(var(--tw-spacing) * 4);
  }
  .tw\:text-center {
    text-align: center;
  }
  .tw\:sm\:w-full {
    @media (width >= 576px) {
      width: 100%;
    }
  }
  .tw\:md\:col-span-full {
    @media (width >= 768px) {
      grid-column: 1 / -1;
    }
  }
  .tw\:md\:w-\[45\%\] {
    @media (width >= 768px) {
      width: 45%;
    }
  }
  .tw\:md\:w-auto {
    @media (width >= 768px) {
      width: auto;
    }
  }
  .tw\:md\:grid-cols-2 {
    @media (width >= 768px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .tw\:lg\:w-0 {
    @media (width >= 992px) {
      width: calc(var(--tw-spacing) * 0);
    }
  }
  .tw\:lg\:w-auto {
    @media (width >= 992px) {
      width: auto;
    }
  }
  .tw\:lg\:w-full {
    @media (width >= 992px) {
      width: 100%;
    }
  }
  .tw\:lg\:grid-cols-2 {
    @media (width >= 992px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .tw\:lg\:grid-cols-3 {
    @media (width >= 992px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .tw\:xl\:w-1\/2 {
    @media (width >= 1200px) {
      width: calc(1 / 2 * 100%);
    }
  }
  .tw\:xl\:w-\[45\%\] {
    @media (width >= 1200px) {
      width: 45%;
    }
  }
  .tw\:xl\:w-auto {
    @media (width >= 1200px) {
      width: auto;
    }
  }
  .tw\:xl\:w-full {
    @media (width >= 1200px) {
      width: 100%;
    }
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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;
    }
  }
}