/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme;
@layer theme {
  :root, :host {
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-white: #fff;
    --spacing: 0.25rem;
    --font-weight-bold: 700;
    --radius-md: 0.375rem;
  }
}
.flex {
  display: flex;
}
.inline-block {
  display: inline-block;
}
.flex-row {
  flex-direction: row;
}
.items-center {
  align-items: center;
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.rounded-md {
  border-radius: var(--radius-md);
}
.bg-blue-500 {
  background-color: var(--color-blue-500);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.text-white {
  color: var(--color-white);
}
.no-underline {
  text-decoration-line: none;
}
.hover\:bg-blue-600 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-600);
    }
  }
}
@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;
    }
  }
}