/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
.-top-20 {
  top: calc(var(--spacing, 0.25rem) * -20);
}
.-right-16 {
  right: calc(var(--spacing, 0.25rem) * -16);
}
.mx-1 {
  margin-inline: var(--spacing, 0.25rem);
}
.aspect-video {
  aspect-ratio: var(--aspect-video, 16 / 9);
}
.size-48 {
  width: calc(var(--spacing, 0.25rem) * 48);
  height: calc(var(--spacing, 0.25rem) * 48);
}
.min-h-\[3rem\] {
  min-height: 3rem;
}
.w-1 {
  width: var(--spacing, 0.25rem);
}
.gap-y-1 {
  row-gap: var(--spacing, 0.25rem);
}
:where(.divide-y > :not(:last-child)) {
  --tw-divide-y-reverse: 0;
  border-bottom-style: var(--tw-border-style);
  border-top-style: var(--tw-border-style);
  border-top-width: calc(1px * var(--tw-divide-y-reverse));
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(.divide-border > :not(:last-child)) {
  border-color: var(--border);
}
.rounded-2xl {
  border-radius: var(--radius-2xl, 1rem);
}
.border-amber-500\/30 {
  border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-500, oklch(76.9% 0.188 70.08)) 30%, transparent);
  }
}
.border-blue-500\/30 {
  border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-blue-500, oklch(62.3% 0.214 259.815)) 30%, transparent);
  }
}
.border-border {
  border-color: var(--border);
}
.border-emerald-500\/30 {
  border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-emerald-500, oklch(69.6% 0.17 162.48)) 30%, transparent);
  }
}
.border-red-500\/30 {
  border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-red-500, oklch(63.7% 0.237 25.331)) 30%, transparent);
  }
}
.border-zinc-500\/30 {
  border-color: color-mix(in srgb, oklch(55.2% 0.016 285.938) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-zinc-500, oklch(55.2% 0.016 285.938)) 30%, transparent);
  }
}
.bg-amber-500 {
  background-color: var(--color-amber-500, oklch(76.9% 0.188 70.08));
}
.bg-amber-500\/10 {
  background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-amber-500, oklch(76.9% 0.188 70.08)) 10%, transparent);
  }
}
.bg-background\/70 {
  background-color: var(--background);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--background) 70%, transparent);
  }
}
.bg-black {
  background-color: var(--color-black, #000);
}
.bg-blue-500\/10 {
  background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-blue-500, oklch(62.3% 0.214 259.815)) 10%, transparent);
  }
}
.bg-emerald-500 {
  background-color: var(--color-emerald-500, oklch(69.6% 0.17 162.48));
}
.bg-emerald-500\/10 {
  background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-500, oklch(69.6% 0.17 162.48)) 10%, transparent);
  }
}
.bg-green-500 {
  background-color: var(--color-green-500, oklch(72.3% 0.219 149.579));
}
.bg-muted\/30 {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--muted) 30%, transparent);
  }
}
.bg-primary\/10 {
  background-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--primary) 10%, transparent);
  }
}
.bg-red-500\/10 {
  background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-red-500, oklch(63.7% 0.237 25.331)) 10%, transparent);
  }
}
.bg-rose-500 {
  background-color: var(--color-rose-500, oklch(64.5% 0.246 16.439));
}
.bg-sky-500 {
  background-color: var(--color-sky-500, oklch(68.5% 0.169 237.323));
}
.bg-violet-500 {
  background-color: var(--color-violet-500, oklch(60.6% 0.25 292.717));
}
.bg-zinc-500\/10 {
  background-color: color-mix(in srgb, oklch(55.2% 0.016 285.938) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-zinc-500, oklch(55.2% 0.016 285.938)) 10%, transparent);
  }
}
.object-cover {
  object-fit: cover;
}
.p-12 {
  padding: calc(var(--spacing, 0.25rem) * 12);
}
.px-5 {
  padding-inline: calc(var(--spacing, 0.25rem) * 5);
}
.pt-4 {
  padding-top: calc(var(--spacing, 0.25rem) * 4);
}
.text-\[0\.62rem\] {
  font-size: 0.62rem;
}
.text-\[0\.68rem\] {
  font-size: 0.68rem;
}
.text-\[0\.82rem\] {
  font-size: 0.82rem;
}
.leading-6 {
  --tw-leading: calc(var(--spacing, 0.25rem) * 6);
  line-height: calc(var(--spacing, 0.25rem) * 6);
}
.tracking-\[0\.16em\] {
  --tw-tracking: 0.16em;
  letter-spacing: 0.16em;
}
.tracking-\[0\.18em\] {
  --tw-tracking: 0.18em;
  letter-spacing: 0.18em;
}
.text-amber-600 {
  color: var(--color-amber-600, oklch(66.6% 0.179 58.318));
}
.text-emerald-600 {
  color: var(--color-emerald-600, oklch(59.6% 0.145 163.225));
}
.text-slate-400 {
  color: var(--color-slate-400, oklch(70.4% 0.04 256.788));
}
.text-slate-500 {
  color: var(--color-slate-500, oklch(55.4% 0.046 257.417));
}
.text-slate-600 {
  color: var(--color-slate-600, oklch(44.6% 0.043 257.281));
}
.text-teal-200 {
  color: var(--color-teal-200, oklch(91% 0.096 180.426));
}
.text-zinc-500 {
  color: var(--color-zinc-500, oklch(55.2% 0.016 285.938));
}
.shadow-\[0_0_0_4px_hsl\(var\(--primary\)\/0\.12\)\] {
  --tw-shadow: 0 0 0 4px var(--tw-shadow-color, hsl(var(--primary)/0.12));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.blur-3xl {
  --tw-blur: blur(var(--blur-3xl, 64px));
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.transition-\[transform\,background-color\,box-shadow\] {
  transition-property: transform,background-color,box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
}
.duration-75 {
  --tw-duration: 75ms;
  transition-duration: 75ms;
}
@media (hover: hover) {
  .hover\:-translate-y-0\.5:hover {
    --tw-translate-y: calc(var(--spacing, 0.25rem) * -0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .hover\:bg-muted\/30:hover {
    background-color: var(--muted);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-muted\/30:hover {
      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }
  .disabled\:hover\:translate-y-0:disabled:hover {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .disabled\:hover\:shadow-sm:disabled:hover {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
@media (width >= 40rem) {
  .sm\:w-56 {
    width: calc(var(--spacing, 0.25rem) * 56);
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:p-8 {
    padding: calc(var(--spacing, 0.25rem) * 8);
  }
  .sm\:px-6 {
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
  }
  .sm\:text-4xl {
    font-size: var(--text-4xl, 2.25rem);
    line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
  }
  .sm\:text-base {
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  }
}
.dark\:text-blue-400:is(.dark *) {
  color: var(--color-blue-400, oklch(70.7% 0.165 254.624));
}
.dark\:text-emerald-400:is(.dark *) {
  color: var(--color-emerald-400, oklch(76.5% 0.177 163.223));
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@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-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}