/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --color-red-50: oklch(97.1% 0.013 17.38);
  --color-red-200: oklch(88.5% 0.062 18.334);
  --color-red-600: oklch(57.7% 0.245 27.325);
  --color-red-800: oklch(44.4% 0.177 26.899);
  --color-red-950: oklch(25.8% 0.092 26.042);
  --color-white: #fff;
  --spacing: 0.25rem;
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --leading-snug: 1.375;
  --leading-relaxed: 1.625;
  --radius-lg: 0.5rem;
}
.pointer-events-none {
  pointer-events: none;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: calc(var(--spacing) * 0);
}
.m-auto {
  margin: auto;
}
.mt-0\.5 {
  margin-top: calc(var(--spacing) * 0.5);
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.h-3\.5 {
  height: calc(var(--spacing) * 3.5);
}
.h-5 {
  height: calc(var(--spacing) * 5);
}
.w-3\.5 {
  width: calc(var(--spacing) * 3.5);
}
.w-5 {
  width: calc(var(--spacing) * 5);
}
.shrink-0 {
  flex-shrink: 0;
}
.cursor-pointer {
  cursor: pointer;
}
.appearance-none {
  appearance: none;
}
.items-start {
  align-items: flex-start;
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-red-600 {
  border-color: var(--color-red-600);
}
.border-th-border-selection {
  border-color: var(--color-selection-border);
}
.bg-red-50 {
  background-color: var(--color-red-50);
}
.bg-surface {
  background-color: var(--color-surface);
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.py-1 {
  padding-block: calc(var(--spacing) * 1);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5);
}
.text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
.leading-snug {
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}
.font-semibold {
  --tw-font-weight: 600;
  font-weight: 600;
}
.text-red-800 {
  color: var(--color-red-800);
}
.text-th-text-primary {
  color: var(--color-text-primary);
}
.text-white {
  color: var(--color-white);
}
.underline {
  text-decoration-line: underline;
}
.decoration-th-border-selection {
  text-decoration-color: var(--color-selection-border);
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.ring-2 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-red-600\/20 {
  --tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
  }
}
.before\:absolute {
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
}
.before\:-top-1 {
  &::before {
    content: var(--tw-content);
    top: calc(var(--spacing) * -1);
  }
}
.before\:left-2 {
  &::before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 2);
  }
}
.before\:h-2 {
  &::before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 2);
  }
}
.before\:w-2 {
  &::before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 2);
  }
}
.before\:rotate-45 {
  &::before {
    content: var(--tw-content);
    rotate: 45deg;
  }
}
.before\:bg-red-50 {
  &::before {
    content: var(--tw-content);
    background-color: var(--color-red-50);
  }
}
.checked\:border-brand {
  &:checked {
    border-color: var(--brand-primary);
  }
}
.checked\:bg-brand {
  &:checked {
    background-color: var(--brand-primary);
  }
}
.hover\:border-brand {
  &:hover {
    @media (hover: hover) {
      border-color: var(--brand-primary);
    }
  }
}
.hover\:text-brand {
  &:hover {
    @media (hover: hover) {
      color: var(--brand-primary);
    }
  }
}
.focus-visible\:ring-2 {
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus-visible\:ring-brand {
  &:focus-visible {
    --tw-ring-color: var(--brand-primary);
  }
}
.focus-visible\:ring-offset-2 {
  &:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
}
.dark\:bg-red-950 {
  &:is(.dark *) {
    background-color: var(--color-red-950);
  }
}
.dark\:text-red-200 {
  &:is(.dark *) {
    color: var(--color-red-200);
  }
}
.dark\:before\:bg-red-950 {
  &:is(.dark *) {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-red-950);
    }
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  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-content {
  syntax: "*";
  initial-value: "";
  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-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: 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-content: "";
    }
  }
}

:root{--color-selection-border:#A3AAB4}.dark{--color-selection-border:#77869A}
@layer utilities{.border-th-border-selection{border-color:var(--color-selection-border)}}