/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --hb-color-gray-300: oklch(87.2% 0.01 258.338);
    --hb-color-gray-400: oklch(70.7% 0.022 261.325);
    --hb-color-gray-500: oklch(55.1% 0.027 264.364);
    --hb-color-gray-900: oklch(21% 0.034 264.665);
    --hb-color-white: #fff;
    --hb-spacing: 0.25rem;
    --hb-text-base: 1rem;
    --hb-text-base--line-height: calc(1.5 / 1);
    --hb-text-2xl: 1.5rem;
    --hb-text-2xl--line-height: calc(2 / 1.5);
    --hb-font-weight-bold: 700;
  }
}
@layer utilities {
  .hb\:flex {
    display: flex;
  }
  .hb\:w-full {
    width: 100%;
  }
  .hb\:items-center {
    align-items: center;
  }
  .hb\:overflow-hidden {
    overflow: hidden;
  }
  .hb\:bg-gray-300 {
    background-color: var(--hb-color-gray-300);
  }
  .hb\:bg-gray-400 {
    background-color: var(--hb-color-gray-400);
  }
  .hb\:bg-gray-500 {
    background-color: var(--hb-color-gray-500);
  }
  .hb\:bg-gray-900 {
    background-color: var(--hb-color-gray-900);
  }
  .hb\:py-1 {
    padding-block: var(--hb-spacing);
  }
  .hb\:py-2 {
    padding-block: calc(var(--hb-spacing) * 2);
  }
  .hb\:text-center {
    text-align: center;
  }
  .hb\:align-middle {
    vertical-align: middle;
  }
  .hb\:text-2xl {
    font-size: var(--hb-text-2xl);
    line-height: var(--tw-leading, var(--hb-text-2xl--line-height));
  }
  .hb\:text-base {
    font-size: var(--hb-text-base);
    line-height: var(--tw-leading, var(--hb-text-base--line-height));
  }
  .hb\:leading-0 {
    --tw-leading: 0px;
    line-height: 0px;
  }
  .hb\:leading-2 {
    --tw-leading: calc(var(--hb-spacing) * 2);
    line-height: calc(var(--hb-spacing) * 2);
  }
  .hb\:font-bold {
    --tw-font-weight: var(--hb-font-weight-bold);
    font-weight: var(--hb-font-weight-bold);
  }
  .hb\:whitespace-nowrap {
    white-space: nowrap;
  }
  .hb\:text-white {
    color: var(--hb-color-white);
  }
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@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-leading: initial;
      --tw-font-weight: initial;
    }
  }
}