/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --tw-color-red-500: oklch(63.7% 0.237 25.331);
    --tw-color-gray-100: oklch(96.7% 0.003 264.542);
    --tw-spacing: 0.25rem;
    --tw-font-weight-bold: 700;
  }
}
@layer utilities {
  .tw\:flex {
    display: flex;
  }
  .tw\:inline-block\! {
    display: inline-block !important;
  }
  .tw\:h-\[35px\] {
    height: 35px;
  }
  .tw\:w-\[125px\]\! {
    width: 125px !important;
  }
  .tw\:w-\[210px\] {
    width: 210px;
  }
  .tw\:w-\[335px\] {
    width: 335px;
  }
  .tw\:cursor-pointer {
    cursor: pointer;
  }
  .tw\:items-center {
    align-items: center;
  }
  .tw\:gap-2 {
    gap: calc(var(--tw-spacing) * 2);
  }
  .tw\:gap-3 {
    gap: calc(var(--tw-spacing) * 3);
  }
  .tw\:bg-gray-100 {
    background-color: var(--tw-color-gray-100);
  }
  .tw\:pl-\[10px\] {
    padding-left: 10px;
  }
  .tw\:font-bold {
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
  .tw\:text-\[\#00ffff\]\! {
    color: #00ffff !important;
  }
  .tw\:text-red-500\! {
    color: var(--tw-color-red-500) !important;
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@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-font-weight: initial;
    }
  }
}