@charset "UTF-8";

/*
 * Every theme is an explicit palette, so the browser is told which one rather than left to infer it:
 * `only` both picks the UA's light or dark defaults — canvas, form controls, scrollbars — and
 * forbids it from transforming authored colours on top. Chrome's auto dark theme does exactly that
 * transform on a page that declares nothing, and turns meadow's cream tile faces near-black.
 *
 * It is declared on the root as well as on the themes below, since the canvas and that decision
 * belong to the document, not to a subtree of it. `:has()` keeps the root claim to pages that
 * actually mount a theme, and lets a `noir` page say dark.
 */
html:has([data-wh-theme]) {
  color-scheme: only light;
}

html:has([data-wh-theme=noir]) {
  color-scheme: only dark;
}

/*
 * A theme root paints its own surface. Its palette is written against `--wh-bg`, so a theme dropped
 * onto a host page that paints something else — the showcase portal's standalone view leaves the
 * canvas to the browser — puts every `--wh-ink` label on a background it was never chosen for.
 */
[data-wh-theme] {
  background: var(--wh-bg);
  color: var(--wh-ink);
}

/*
 * fiber styles h1–h6 and p through its own tokens (`[data-theme] h1 { color: var(--fiber-…) }`), and
 * a nested fiber theme can't undo an outer one: its light values live on :root, so the app root's dark
 * theme wins inside ours and headings come out near-white on a light page. Point those tokens at the
 * Words Happen palette. The second selector is fiber's own Theme wrapper inside ours, where it beats
 * fiber's `[data-theme=dark]` declarations for noir.
 */
[data-wh-theme],
[data-wh-theme] [data-theme] {
  --fiber-color-text-primary: var(--wh-ink);
  --fiber-color-text-secondary: var(--wh-ink-soft);
  --fiber-font-family-heading: var(--wh-font-display);
}

/*
 * Role tokens, each checked by tokens.spec.ts for 4.5:1 text contrast:
 * --wh-coral-fill  a coral deep enough to carry white text (filled buttons);
 * --wh-coral-ink   coral for text on --wh-bg and --wh-paper;
 * --wh-coral-wash  a faint coral surface for --wh-ink text (error banners);
 * --wh-on-sun      text on a --wh-sun fill;
 * --wh-flame       a hot letter, edged in --wh-flame-deep, --wh-on-flame its letter;
 * --wh-flame-fill  a flame deep enough to carry --wh-on-flame-fill text (a hot letter's bonus),
 *                  --wh-plum-fill and --wh-on-plum-fill the same for an opponent's;
 * --wh-hot-wash    a hot letter's cell, a flame wash a shade stronger than a premium square's, so a
 *                  hot letter stands out on the board; --wh-hot-ink its letter;
 * --wh-word2       the double-word premium square, its sparkles in --wh-word2-ink; --wh-word3 and
 *                  --wh-word3-ink the triple word; --wh-start and --wh-start-ink the start square's
 *                  rings. Each is a pale wash of --wh-sky, --wh-plum or --wh-teal. A premium's ink is
 *                  half way between the wash and a deep shade of the hue, so the squares stay quiet
 *                  beside the tiles and hot letters; the start square's is 80% of the way, since the
 *                  first word has to find it.
 * --wh-key-dim    a keyboard key that isn't a candidate, its letter in --wh-key-dim-ink: quieter than a
 *                  plain key but still 3:1, so a dimmed letter stays readable and pressable.
 * --wh-font-display is the headline and control face for each theme.
 */
/* Meadow — Playful default: chunky 3D shadows, Fredoka display font */
[data-wh-theme=meadow] {
  color-scheme: only light;
  --wh-bg: oklch(98% 0.012 85deg);
  --wh-bg-soft: oklch(95% 0.018 85deg);
  --wh-paper: #fffdf7;
  --wh-ink: oklch(22% 0.02 260deg);
  --wh-ink-soft: oklch(45% 0.02 260deg);
  --wh-ink-faint: oklch(68% 0.01 260deg);
  --wh-line: oklch(90% 0.01 85deg);
  --wh-teal: oklch(72% 0.13 190deg);
  --wh-teal-deep: oklch(55% 0.14 195deg);
  --wh-coral: oklch(72% 0.15 30deg);
  --wh-coral-deep: oklch(58% 0.18 28deg);
  --wh-coral-fill: oklch(52% 0.18 28deg);
  --wh-coral-ink: oklch(55% 0.18 28deg);
  --wh-coral-wash: oklch(95% 0.035 30deg);
  --wh-sun: oklch(86% 0.15 90deg);
  --wh-sun-deep: oklch(72% 0.16 75deg);
  --wh-on-sun: oklch(22% 0.02 260deg);
  --wh-sky: oklch(80% 0.1 235deg);
  --wh-flame: oklch(80% 0.15 58deg);
  --wh-flame-deep: oklch(64% 0.17 45deg);
  --wh-on-flame: oklch(22% 0.02 260deg);
  --wh-word2: oklch(95% 0.03 235deg);
  --wh-word2-ink: oklch(71.5% 0.043 235deg);
  --wh-word3: oklch(91% 0.042 320deg);
  --wh-word3-ink: oklch(66% 0.06 320deg);
  --wh-start: oklch(93% 0.037 190deg);
  --wh-start-ink: oklch(54.6% 0.063 190deg);
  --wh-flame-fill: oklch(52% 0.16 45deg);
  --wh-on-flame-fill: #fffdf7;
  --wh-plum-fill: oklch(45% 0.17 320deg);
  --wh-on-plum-fill: #fffdf7;
  --wh-hot-wash: oklch(93% 0.056 58deg);
  --wh-hot-ink: oklch(52% 0.1 50deg);
  --wh-grass: oklch(78% 0.16 145deg);
  --wh-grass-deep: oklch(58% 0.16 150deg);
  --wh-plum: oklch(65% 0.15 320deg);
  --wh-plum-deep: oklch(45% 0.17 320deg);
  --wh-tile-face: #fff8e3;
  --wh-tile-edge: #e8d89a;
  --wh-tile-ink: oklch(25% 0.04 60deg);
  --wh-tile-shadow: 0 2px 0 #d9c688, 0 4px 8px rgb(122 88 10 / 18%);
  --wh-hit: oklch(76% 0.16 148deg);
  --wh-hit-ink: oklch(22% 0.04 150deg);
  --wh-near: oklch(86% 0.15 88deg);
  --wh-near-ink: oklch(25% 0.05 70deg);
  --wh-miss: oklch(82% 0.01 260deg);
  --wh-miss-ink: oklch(32% 0.01 260deg);
  --wh-key-dim: oklch(97% 0.01 85deg);
  --wh-key-dim-ink: oklch(58% 0.015 260deg);
  --wh-radius-xs: 8px;
  --wh-radius-sm: 12px;
  --wh-radius-md: 18px;
  --wh-radius-lg: 24px;
  --wh-radius-xl: 32px;
  --wh-shadow-soft: 0 1px 2px rgb(30 20 10 / 4%), 0 4px 14px rgb(30 20 10 / 6%);
  --wh-shadow-card: 0 2px 0 oklch(90% 0.015 85deg), 0 10px 24px rgb(30 20 10 / 8%);
  --wh-shadow-pop: 0 4px 0 var(--wh-teal-deep), 0 10px 20px oklch(55% 0.14 195deg / 35%);
  --wh-shadow-btn: 0 3px 0 var(--wh-ink);
  --wh-font-display: "Fredoka", system-ui, sans-serif;
}

/* Editorial — Paper + ink, restrained: Fraunces display font, hairline borders */
[data-wh-theme=editorial] {
  color-scheme: only light;
  --wh-bg: oklch(98% 0.004 80deg);
  --wh-bg-soft: oklch(94% 0.006 80deg);
  --wh-paper: #faf8f0;
  --wh-ink: oklch(18% 0.01 250deg);
  --wh-ink-soft: oklch(42% 0.01 250deg);
  --wh-ink-faint: oklch(65% 0.008 250deg);
  --wh-line: oklch(88% 0.005 80deg);
  --wh-teal: oklch(62% 0.11 185deg);
  --wh-teal-deep: oklch(48% 0.12 190deg);
  --wh-coral: oklch(65% 0.12 25deg);
  --wh-coral-deep: oklch(52% 0.14 23deg);
  --wh-coral-fill: oklch(52% 0.14 23deg);
  --wh-coral-ink: oklch(55% 0.14 23deg);
  --wh-coral-wash: oklch(95% 0.025 25deg);
  --wh-sun: oklch(80% 0.12 82deg);
  --wh-sun-deep: oklch(65% 0.13 70deg);
  --wh-on-sun: oklch(18% 0.01 250deg);
  --wh-sky: oklch(77% 0.08 235deg);
  --wh-flame: oklch(76% 0.12 55deg);
  --wh-flame-deep: oklch(60% 0.14 45deg);
  --wh-on-flame: oklch(18% 0.01 250deg);
  --wh-word2: oklch(93% 0.027 235deg);
  --wh-word2-ink: oklch(69% 0.035 235deg);
  --wh-word3: oklch(88% 0.037 315deg);
  --wh-word3-ink: oklch(62% 0.048 315deg);
  --wh-start: oklch(89% 0.035 185deg);
  --wh-start-ink: oklch(48.2% 0.051 185deg);
  --wh-flame-fill: oklch(50% 0.13 45deg);
  --wh-on-flame-fill: #faf8f0;
  --wh-plum-fill: oklch(40% 0.14 315deg);
  --wh-on-plum-fill: #faf8f0;
  --wh-hot-wash: oklch(90% 0.048 55deg);
  --wh-hot-ink: oklch(49% 0.1 50deg);
  --wh-grass: oklch(70% 0.13 140deg);
  --wh-grass-deep: oklch(52% 0.13 145deg);
  --wh-plum: oklch(58% 0.12 315deg);
  --wh-plum-deep: oklch(40% 0.14 315deg);
  --wh-tile-face: #f7f4e8;
  --wh-tile-edge: oklch(85% 0.015 80deg);
  --wh-tile-ink: oklch(20% 0.01 250deg);
  --wh-tile-shadow: 0 1px 0 oklch(82% 0.01 80deg), 0 2px 6px rgb(20 15 5 / 8%);
  --wh-hit: oklch(72% 0.13 145deg);
  --wh-hit-ink: oklch(18% 0.02 150deg);
  --wh-near: oklch(83% 0.12 85deg);
  --wh-near-ink: oklch(20% 0.03 70deg);
  --wh-miss: oklch(84% 0.005 80deg);
  --wh-miss-ink: oklch(32% 0.01 250deg);
  --wh-key-dim: oklch(96.5% 0.004 80deg);
  --wh-key-dim-ink: oklch(57% 0.01 250deg);
  --wh-radius-xs: 8px;
  --wh-radius-sm: 12px;
  --wh-radius-md: 18px;
  --wh-radius-lg: 24px;
  --wh-radius-xl: 32px;
  --wh-shadow-soft: 0 1px 2px rgb(20 15 5 / 3%), 0 2px 8px rgb(20 15 5 / 5%);
  --wh-shadow-card: 0 1px 0 oklch(88% 0.005 80deg), 0 4px 16px rgb(20 15 5 / 6%);
  --wh-shadow-pop: 0 2px 0 var(--wh-teal-deep), 0 6px 14px oklch(48% 0.12 190deg / 25%);
  --wh-shadow-btn: none;
  --wh-font-display: "Fraunces", "Georgia", serif;
}

/* Mono — Technical, grid-led: tight radius, monospace feel */
[data-wh-theme=mono] {
  color-scheme: only light;
  --wh-bg: oklch(97% 0 0deg);
  --wh-bg-soft: oklch(93% 0 0deg);
  --wh-paper: #f5f5f5;
  --wh-ink: oklch(16% 0 0deg);
  --wh-ink-soft: oklch(42% 0 0deg);
  --wh-ink-faint: oklch(65% 0 0deg);
  --wh-line: oklch(82% 0 0deg);
  --wh-teal: oklch(65% 0.15 195deg);
  --wh-teal-deep: oklch(48% 0.16 200deg);
  --wh-coral: oklch(65% 0.16 30deg);
  --wh-coral-deep: oklch(52% 0.18 25deg);
  --wh-coral-fill: oklch(52% 0.18 25deg);
  --wh-coral-ink: oklch(54% 0.18 25deg);
  --wh-coral-wash: oklch(95% 0.03 25deg);
  --wh-sun: oklch(80% 0.16 85deg);
  --wh-sun-deep: oklch(65% 0.17 72deg);
  --wh-on-sun: oklch(16% 0 0deg);
  --wh-sky: oklch(76% 0.12 235deg);
  --wh-flame: oklch(77% 0.16 55deg);
  --wh-flame-deep: oklch(60% 0.18 45deg);
  --wh-on-flame: oklch(16% 0 0deg);
  --wh-word2: oklch(92% 0.029 235deg);
  --wh-word2-ink: oklch(67.5% 0.042 235deg);
  --wh-word3: oklch(88% 0.038 315deg);
  --wh-word3-ink: oklch(62% 0.055 315deg);
  --wh-start: oklch(89% 0.036 195deg);
  --wh-start-ink: oklch(48.2% 0.062 195deg);
  --wh-flame-fill: oklch(50% 0.16 45deg);
  --wh-on-flame-fill: #f5f5f5;
  --wh-plum-fill: oklch(42% 0.18 315deg);
  --wh-on-plum-fill: #f5f5f5;
  --wh-hot-wash: oklch(90% 0.054 55deg);
  --wh-hot-ink: oklch(49% 0.1 50deg);
  --wh-grass: oklch(72% 0.17 145deg);
  --wh-grass-deep: oklch(55% 0.17 150deg);
  --wh-plum: oklch(60% 0.16 315deg);
  --wh-plum-deep: oklch(42% 0.18 315deg);
  --wh-tile-face: #f0f0f0;
  --wh-tile-edge: oklch(78% 0 0deg);
  --wh-tile-ink: oklch(16% 0 0deg);
  --wh-tile-shadow: 0 1px 0 oklch(75% 0 0deg), 0 2px 4px rgb(0 0 0 / 12%);
  --wh-hit: oklch(74% 0.17 148deg);
  --wh-hit-ink: oklch(16% 0 0deg);
  --wh-near: oklch(84% 0.16 88deg);
  --wh-near-ink: oklch(16% 0 0deg);
  --wh-miss: oklch(80% 0 0deg);
  --wh-miss-ink: oklch(28% 0 0deg);
  --wh-key-dim: oklch(96% 0 0deg);
  --wh-key-dim-ink: oklch(56% 0 0deg);
  --wh-radius-xs: 4px;
  --wh-radius-sm: 6px;
  --wh-radius-md: 8px;
  --wh-radius-lg: 12px;
  --wh-radius-xl: 16px;
  --wh-shadow-soft: 0 1px 0 oklch(88% 0 0deg), 0 2px 8px rgb(0 0 0 / 8%);
  --wh-shadow-card: 0 0 0 1px oklch(82% 0 0deg), 0 4px 12px rgb(0 0 0 / 8%);
  --wh-shadow-pop: 0 2px 0 var(--wh-teal-deep), 0 4px 12px rgb(0 0 0 / 20%);
  --wh-shadow-btn: none;
  --wh-font-display: ui-monospace, "SF Mono", "Menlo", monospace;
}

/* Noir — Premium dark: inverted palette */
[data-wh-theme=noir] {
  color-scheme: only dark;
  --wh-bg: oklch(16% 0.02 260deg);
  --wh-bg-soft: oklch(21% 0.025 260deg);
  --wh-paper: oklch(20% 0.03 260deg);
  --wh-ink: oklch(96% 0.01 260deg);
  --wh-ink-soft: oklch(76% 0.015 260deg);
  --wh-ink-faint: oklch(54% 0.015 260deg);
  --wh-line: oklch(28% 0.025 260deg);
  --wh-teal: oklch(70% 0.14 190deg);
  --wh-teal-deep: oklch(55% 0.15 195deg);
  --wh-coral: oklch(70% 0.16 30deg);
  --wh-coral-deep: oklch(56% 0.18 28deg);
  --wh-coral-fill: oklch(52% 0.18 28deg);
  --wh-coral-ink: oklch(70% 0.16 30deg);
  --wh-coral-wash: oklch(26% 0.06 28deg);
  --wh-sun: oklch(82% 0.16 88deg);
  --wh-sun-deep: oklch(68% 0.17 74deg);
  --wh-on-sun: oklch(16% 0.02 260deg);
  --wh-sky: oklch(76% 0.11 235deg);
  --wh-flame: oklch(78% 0.16 58deg);
  --wh-flame-deep: oklch(64% 0.18 45deg);
  --wh-on-flame: oklch(16% 0.02 260deg);
  --wh-word2: oklch(37% 0.054 235deg);
  --wh-word2-ink: oklch(61% 0.059 235deg);
  --wh-word3: oklch(34% 0.069 320deg);
  --wh-word3-ink: oklch(57.5% 0.081 320deg);
  --wh-start: oklch(35% 0.063 190deg);
  --wh-start-ink: oklch(72.6% 0.078 190deg);
  --wh-flame-fill: oklch(78% 0.16 58deg);
  --wh-on-flame-fill: oklch(16% 0.02 260deg);
  --wh-plum-fill: oklch(72% 0.15 320deg);
  --wh-on-plum-fill: oklch(16% 0.02 260deg);
  --wh-hot-wash: oklch(39% 0.072 58deg);
  --wh-hot-ink: oklch(77% 0.09 50deg);
  --wh-grass: oklch(75% 0.17 145deg);
  --wh-grass-deep: oklch(58% 0.17 150deg);
  --wh-plum: oklch(68% 0.16 320deg);
  --wh-plum-deep: oklch(50% 0.18 320deg);
  --wh-tile-face: oklch(32% 0.04 260deg);
  --wh-tile-edge: oklch(48% 0.07 260deg);
  --wh-tile-ink: oklch(94% 0.01 260deg);
  --wh-tile-shadow: 0 2px 0 oklch(12% 0.02 260deg), 0 4px 12px rgb(0 0 0 / 50%);
  --wh-hit: oklch(64% 0.15 150deg);
  --wh-hit-ink: oklch(14% 0.02 150deg);
  --wh-near: oklch(78% 0.14 85deg);
  --wh-near-ink: oklch(16% 0.03 70deg);
  --wh-miss: oklch(34% 0.02 260deg);
  --wh-miss-ink: oklch(88% 0.01 260deg);
  --wh-key-dim: oklch(18% 0.02 260deg);
  --wh-key-dim-ink: oklch(56% 0.015 260deg);
  --wh-radius-xs: 8px;
  --wh-radius-sm: 12px;
  --wh-radius-md: 18px;
  --wh-radius-lg: 24px;
  --wh-radius-xl: 32px;
  --wh-shadow-soft: 0 1px 2px rgb(0 0 0 / 20%), 0 4px 14px rgb(0 0 0 / 30%);
  --wh-shadow-card: 0 2px 0 oklch(25% 0.025 260deg), 0 8px 20px rgb(0 0 0 / 40%);
  --wh-shadow-pop: 0 4px 0 var(--wh-teal-deep), 0 8px 20px oklch(55% 0.15 195deg / 45%);
  --wh-shadow-btn: none;
  --wh-font-display: "Fredoka", system-ui, sans-serif;
}
._btn_18l60_2 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-radius: var(--wh-radius-sm);
  cursor: pointer;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
}
._btn_18l60_2:focus-visible {
  outline: 3px solid var(--wh-teal);
  outline-offset: 2px;
}
._btn_18l60_2:disabled, ._btn_18l60_2[aria-disabled=true] {
  cursor: not-allowed;
  opacity: 0.5;
}
._btn_18l60_2 {
  /* Extends the tap area to at least 44×44 without changing the visual size. */
}
._btn_18l60_2::after {
  content: "";
  position: absolute;
  inset: min(0px, 50% - 22px);
}

._flat_18l60_36 {
  border: 1px solid var(--wh-ink);
}

._md_18l60_40 {
  width: 100%;
  padding: 12px 20px;
  font-size: 16px;
}

._sm_18l60_46 {
  padding: 8px 14px;
  font-size: 14px;
}

._lg_18l60_51 {
  width: 100%;
  padding: 15px 20px;
  font-size: 17px;
  border-radius: var(--wh-radius-md);
  /* A long hero label breaks between its parts on a narrow screen rather than overflowing. */
}
._lg_18l60_51 ._label_18l60_58 {
  flex-wrap: wrap;
  row-gap: 4px;
}

._variantDefault_18l60_63 {
  background-color: var(--wh-bg);
  color: var(--wh-ink);
}
._variantDefault_18l60_63:hover:not(:disabled, [aria-disabled=true]) {
  background-color: var(--wh-bg-soft);
}

._variantPrimary_18l60_71 {
  background-color: var(--wh-teal);
  color: #fff;
}
._variantPrimary_18l60_71:hover:not(:disabled, [aria-disabled=true]) {
  filter: brightness(1.06);
}

._variantCoral_18l60_79 {
  background-color: var(--wh-coral-fill);
  color: #fff;
}
._variantCoral_18l60_79:hover:not(:disabled, [aria-disabled=true]) {
  filter: brightness(1.06);
}

._variantSun_18l60_87 {
  background-color: var(--wh-sun);
  color: var(--wh-on-sun);
}
._variantSun_18l60_87:hover:not(:disabled, [aria-disabled=true]) {
  filter: brightness(1.06);
}

._variantPaper_18l60_95 {
  background-color: var(--wh-paper);
  color: var(--wh-ink);
}
._variantPaper_18l60_95:hover:not(:disabled, [aria-disabled=true]) {
  background-color: var(--wh-bg-soft);
}

._variantInk_18l60_103 {
  background-color: var(--wh-ink);
  color: var(--wh-bg);
}
._variantInk_18l60_103:hover:not(:disabled, [aria-disabled=true]) {
  filter: brightness(1.15);
}

/* Transparent with a dashed outline and no shadow in any theme, so it overrides the flat hairline. */
._variantGhostDashed_18l60_112,
._flat_18l60_36._variantGhostDashed_18l60_112 {
  background-color: transparent;
  color: var(--wh-ink);
  border: 1.5px dashed var(--wh-ink-faint);
}
._variantGhostDashed_18l60_112:hover:not(:disabled, [aria-disabled=true]),
._flat_18l60_36._variantGhostDashed_18l60_112:hover:not(:disabled, [aria-disabled=true]) {
  background-color: var(--wh-bg-soft);
}

/* Surfaces that share the page's own colour need an edge on Meadow as well as the shadow. */
._meadow_18l60_124._variantDefault_18l60_63,
._meadow_18l60_124._variantPaper_18l60_95,
._meadow_18l60_124._variantInk_18l60_103 {
  border: 1.5px solid var(--wh-ink);
}

._meadow_18l60_124 {
  box-shadow: var(--btn-shadow);
  transition: transform 80ms ease-out, box-shadow 80ms ease-out;
}

._pressed_18l60_135 {
  transform: translateY(2px);
}

._loading_18l60_139 ._label_18l60_58 {
  visibility: hidden;
}

._label_18l60_58 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

._icon_18l60_150 {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

._spinner_18l60_156 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  margin: -0.5em 0 0 -0.5em;
  border: 2px solid currentcolor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: _wh-btn-spin_18l60_1 0.6s linear infinite;
}

@keyframes _wh-btn-spin_18l60_1 {
  to {
    transform: rotate(360deg);
  }
}._field_mpw1s_1 {
  display: flex;
  flex-direction: column;
  min-width: 0;
  font-family: var(--wh-font-display);
}

/* Scoped under .field so it outranks fiber's element-level form rules inside [data-theme]. */
._field_mpw1s_1 ._label_mpw1s_9 {
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--wh-ink);
}

/* The field's box: the input and any right slot share one bordered surface. */
._control_mpw1s_18 {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-radius: var(--wh-radius-sm);
  background: var(--wh-paper);
  box-sizing: border-box;
  /* Chunky on Meadow; the token is `none` on the flat themes. */
  box-shadow: var(--wh-shadow-btn);
}
._control_mpw1s_18:has(._input_mpw1s_28:focus-visible) {
  outline: 3px solid var(--wh-teal);
  outline-offset: 2px;
}

._meadow_mpw1s_33 {
  border: 1.5px solid var(--wh-ink);
}

._flat_mpw1s_37 {
  border: 1px solid var(--wh-ink);
}

._invalid_mpw1s_41 {
  border-color: var(--wh-coral-ink);
}

._disabled_mpw1s_45 {
  cursor: not-allowed;
  opacity: 0.5;
}

._input_mpw1s_28 {
  flex: 1;
  min-width: 0;
  align-self: stretch;
  margin: 0;
  padding: 0 14px;
  border: none;
  border-radius: inherit;
  background: transparent;
  color: var(--wh-ink);
  font-family: inherit;
  /* 16px keeps iOS Safari from zooming the page on focus. */
  font-size: 16px;
  font-weight: 500;
}
._input_mpw1s_28:focus {
  outline: none;
}
._input_mpw1s_28::-moz-placeholder {
  color: var(--wh-ink-soft);
  opacity: 1;
}
._input_mpw1s_28::placeholder {
  color: var(--wh-ink-soft);
  opacity: 1;
}
._input_mpw1s_28:disabled {
  cursor: not-allowed;
}
._input_mpw1s_28 {
  /* Keeps the browser's autofill tint off the themed surface. */
}
._input_mpw1s_28:-webkit-autofill {
  -webkit-text-fill-color: var(--wh-ink);
  box-shadow: 0 0 0 100px var(--wh-paper) inset;
}
._input_mpw1s_28:autofill {
  -webkit-text-fill-color: var(--wh-ink);
  box-shadow: 0 0 0 100px var(--wh-paper) inset;
}

._slot_mpw1s_83 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-shrink: 0;
}

._hint_mpw1s_90,
._error_mpw1s_91 {
  margin-top: 6px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

._hint_mpw1s_90 {
  color: var(--wh-ink-soft);
}

._error_mpw1s_91 {
  color: var(--wh-coral-ink);
  /* Stays in the DOM, empty, so the live region already exists when a message arrives. */
}
._error_mpw1s_91:empty {
  margin-top: 0;
}
._toggle_q8m8z_2 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 100%;
  padding: 0;
  border: none;
  border-radius: var(--wh-radius-sm);
  background: none;
  color: var(--wh-ink-soft);
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
._toggle_q8m8z_2:hover:not(:disabled) {
  color: var(--wh-ink);
}
._toggle_q8m8z_2 {
  /* Inset, so the ring sits inside the field's box rather than over its border. */
}
._toggle_q8m8z_2:focus-visible {
  outline: 3px solid var(--wh-teal);
  outline-offset: -3px;
}
._toggle_q8m8z_2:disabled {
  cursor: not-allowed;
}
._toggle_q8m8z_2 {
  /* Extends the tap area to at least 44×44 without changing the visual size. */
}
._toggle_q8m8z_2::after {
  content: "";
  position: absolute;
  inset: min(0px, 50% - 22px);
}._control_1qbrn_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-family: var(--wh-font-display);
  color: var(--wh-ink);
}

._header_1qbrn_9 {
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 20px;
}

._label_1qbrn_16 {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

._spinner_1qbrn_22 {
  width: 14px;
  height: 14px;
  border: 2px solid var(--wh-ink-soft);
  border-top-color: transparent;
  border-radius: 50%;
  animation: _wh-segmented-spin_1qbrn_1 0.6s linear infinite;
  box-sizing: border-box;
}
@media (prefers-reduced-motion: reduce) {
  :root:not([data-wh-motion=full]) ._spinner_1qbrn_22 {
    animation-duration: 2.4s;
  }
}
:root[data-wh-motion=reduce] ._spinner_1qbrn_22 {
  animation-duration: 2.4s;
}

@keyframes _wh-segmented-spin_1qbrn_1 {
  to {
    transform: rotate(360deg);
  }
}
._track_1qbrn_45 {
  display: flex;
  gap: 4px;
  padding: 4px;
  border-radius: var(--wh-radius-md);
  background: var(--wh-bg-soft);
  box-sizing: border-box;
}
._track_1qbrn_45[aria-disabled=true] {
  opacity: 0.55;
}

._meadow_1qbrn_57 ._track_1qbrn_45 {
  border: 1.5px solid var(--wh-ink);
}

._flat_1qbrn_61 ._track_1qbrn_45 {
  border: 1px solid var(--wh-line);
}

._segment_1qbrn_65 {
  position: relative;
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  cursor: pointer;
}
._segment_1qbrn_65:has(._input_1qbrn_72:disabled) {
  cursor: not-allowed;
}

/* Visually hidden, but still focusable and operable, so the native radio group handles the keyboard. */
._input_1qbrn_72 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: inherit;
}

._face_1qbrn_87 {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 8px 10px;
  border-radius: var(--wh-radius-sm);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.15;
  text-align: center;
  color: var(--wh-ink-soft);
  box-sizing: border-box;
  transition: background-color 120ms ease-out, color 120ms ease-out;
}
@media (prefers-reduced-motion: reduce) {
  :root:not([data-wh-motion=full]) ._face_1qbrn_87 {
    transition: none;
  }
}
:root[data-wh-motion=reduce] ._face_1qbrn_87 {
  transition: none;
}

._input_1qbrn_72:hover:not(:disabled, :checked) + ._face_1qbrn_87 {
  color: var(--wh-ink);
}

._input_1qbrn_72:checked + ._face_1qbrn_87 {
  background: var(--wh-paper);
  color: var(--wh-ink);
}

._meadow_1qbrn_57 ._input_1qbrn_72:checked + ._face_1qbrn_87 {
  box-shadow: 0 2px 0 var(--wh-ink);
  outline: 1.5px solid var(--wh-ink);
  outline-offset: -1.5px;
}

._flat_1qbrn_61 ._input_1qbrn_72:checked + ._face_1qbrn_87 {
  outline: 1px solid var(--wh-ink);
  outline-offset: -1px;
}

._input_1qbrn_72:focus-visible + ._face_1qbrn_87 {
  outline: 3px solid var(--wh-teal);
  outline-offset: 2px;
}

._hint_1qbrn_137 {
  font-size: 13px;
  line-height: 1.4;
  color: var(--wh-ink-soft);
}._action_1neuc_1 {
  color: var(--wh-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

._prompt_1neuc_7 {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
  min-height: 44px;
  padding: 0 8px;
  border: none;
  border-radius: var(--wh-radius-xs);
  background: none;
  cursor: pointer;
  font-family: var(--wh-font-display);
  font-size: 13px;
  font-weight: 600;
  color: var(--wh-ink-soft);
}
._prompt_1neuc_7:focus-visible {
  outline: 3px solid var(--wh-teal);
  outline-offset: 2px;
}
._prompt_1neuc_7:hover ._action_1neuc_1 {
  text-decoration-thickness: 2px;
}._row_19ifd_1 {
  display: flex;
  gap: 8px;
}

._compact_19ifd_6 {
  flex-direction: row;
}

._stacked_19ifd_10 {
  flex-direction: column;
}

/* Scoped under .row so the sizing wins over WordsHappenButton's own size class. */
._row_19ifd_1 ._iconButton_19ifd_15 {
  flex: 1 1 0;
  min-width: 0;
  padding: 10px 0;
}

._row_19ifd_1 ._labelledButton_19ifd_21 {
  width: 100%;
  padding: 12px 16px;
  font-size: 15px;
}._keyboard_1p6jv_1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  max-width: 500px;
  margin-inline: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: manipulation;
}

._row_1p6jv_12 {
  display: flex;
  justify-content: center;
  gap: 4px;
}

._key_1p6jv_1 {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  max-width: 44px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--wh-line);
  border-radius: var(--wh-radius-xs);
  background: var(--wh-bg-soft);
  color: var(--wh-ink);
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  box-sizing: border-box;
}
._key_1p6jv_1:focus-visible {
  outline: 3px solid var(--wh-teal);
  outline-offset: 2px;
}
._key_1p6jv_1:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

._wide_1p6jv_47 {
  flex-grow: 1.6;
  max-width: 68px;
  font-size: 12px;
}

._hit_1p6jv_53 {
  background: var(--wh-hit);
  border-color: var(--wh-hit-ink);
  color: var(--wh-hit-ink);
}

._near_1p6jv_59 {
  background: var(--wh-near);
  border-color: var(--wh-near-ink);
  color: var(--wh-near-ink);
}

._miss_1p6jv_65 {
  background: var(--wh-miss);
  border-color: transparent;
  color: var(--wh-miss-ink);
}

/* Ruled out by a hint: plain grey like a miss. Its name, not a strikethrough, tells the two apart. */
._removed_1p6jv_72 {
  background: var(--wh-miss);
  border-color: transparent;
  color: var(--wh-miss-ink);
}

/* Not a candidate: quieter, but still readable (3:1) and still pressable. */
._dimmed_1p6jv_79 {
  background: var(--wh-key-dim);
  border-color: transparent;
  color: var(--wh-key-dim-ink);
}

/* The pulse under two names: switching between them restarts it on the next change. */
@keyframes _wh-key-pulse-odd_1p6jv_1 {
  50% {
    transform: scale(1.12);
  }
}
@keyframes _wh-key-pulse-even_1p6jv_1 {
  50% {
    transform: scale(1.12);
  }
}
._pulseOdd_1p6jv_96 {
  animation: _wh-key-pulse-odd_1p6jv_1 200ms ease-out;
}

._pulseEven_1p6jv_100 {
  animation: _wh-key-pulse-even_1p6jv_1 200ms ease-out;
}

/* Belt and braces: the component also skips the pulse when motion is reduced. */
@media (prefers-reduced-motion: reduce) {
  :root:not([data-wh-motion=full]) ._pulseOdd_1p6jv_96,
  :root:not([data-wh-motion=full]) ._pulseEven_1p6jv_100 {
    animation: none;
  }
}
:root[data-wh-motion=reduce] ._pulseOdd_1p6jv_96,
:root[data-wh-motion=reduce] ._pulseEven_1p6jv_100 {
  animation: none;
}._tile_awmc6_1 {
  position: relative;
  display: inline-block;
  vertical-align: top;
  flex-shrink: 0;
  width: var(--tile-width);
  height: var(--tile-height);
}

._ghost_awmc6_10 {
  border-radius: var(--wh-radius-sm);
  border: 2px dashed var(--wh-tile-edge);
  box-sizing: border-box;
}

._solid_awmc6_16 {
  background: var(--wh-tile-edge);
  border-radius: var(--wh-radius-sm);
  box-shadow: var(--wh-tile-shadow);
}

._placed_awmc6_22 {
  box-shadow: 0 1px 0 var(--wh-tile-edge);
}

._highlight_awmc6_26 {
  box-shadow: 0 4px 0 var(--wh-tile-edge), 0 6px 16px rgba(0, 0, 0, 0.25);
}

._meadow_awmc6_30 {
  transition: transform 80ms ease-out;
}

._pressed_awmc6_34 {
  transform: translateY(2px);
}

._inner_awmc6_38 {
  position: absolute;
  inset: var(--tile-inset);
  background: var(--wh-tile-face);
  border-radius: var(--inner-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

._letter_awmc6_49 {
  color: var(--wh-tile-ink);
  font-weight: 700;
  font-size: var(--letter-font-size);
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  letter-spacing: -0.02em;
}

._points_awmc6_58 {
  position: absolute;
  bottom: 2px;
  right: 3px;
  font-size: var(--badge-font-size);
  line-height: 1;
  color: var(--wh-tile-ink);
  font-weight: 600;
  opacity: 0.65;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._bonus_awmc6_70 {
  position: absolute;
  top: -3px;
  right: -3px;
  font-size: var(--bonus-font-size);
  line-height: 1;
  color: var(--wh-paper);
  background: var(--bonus-bg);
  border-radius: 3px;
  padding: 1px 3px;
  font-weight: 700;
  white-space: nowrap;
  z-index: 1;
}@keyframes _wh-pop-in_tvt91_1 {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  60% {
    transform: scale(1.08);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/* `both` holds the first frame through the delay, so a staggered element never flashes in early. */
._popIn_tvt91_16 {
  animation: _wh-pop-in_tvt91_1 var(--pop-duration) var(--pop-delay) both;
  /* Belt and braces: the component also skips the class when motion is reduced. */
}
@media (prefers-reduced-motion: reduce) {
  :root:not([data-wh-motion=full]) ._popIn_tvt91_16 {
    animation: none;
  }
}
:root[data-wh-motion=reduce] ._popIn_tvt91_16 {
  animation: none;
}._nav_1jm1s_1 {
  display: flex;
  align-items: stretch;
  position: relative;
  width: 100%;
  height: 60px;
  background: var(--wh-bg);
}

._meadow_1jm1s_10 {
  box-shadow: var(--wh-shadow-soft);
}

._flat_1jm1s_14 {
  border-top: 1px solid var(--wh-line);
}

._tab_1jm1s_18 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._tabDisabled_1jm1s_34 {
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}

._icon_1jm1s_40 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

._tabLabel_1jm1s_47 {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--wh-ink-soft);
  line-height: 1;
}

._tabActive_1jm1s_55 ._tabLabel_1jm1s_47 {
  color: var(--wh-ink);
}

._badge_1jm1s_59 {
  position: absolute;
  top: -5px;
  right: -8px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  background: var(--wh-coral-fill);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  border-radius: 999px;
  box-sizing: border-box;
  white-space: nowrap;
}

._tabPlay_1jm1s_77 {
  justify-content: flex-end;
  padding-bottom: 6px;
}

._playCircle_1jm1s_82 {
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--wh-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.08);
}._tabs_1b3kk_1 {
  display: flex;
  flex-direction: column;
  font-family: var(--wh-font-display);
  color: var(--wh-ink);
}

._tabList_1b3kk_8 {
  display: flex;
  gap: 4px;
}

._meadow_1b3kk_13 ._tabList_1b3kk_8 {
  border-bottom: 1.5px solid var(--wh-ink);
}

._flat_1b3kk_17 ._tabList_1b3kk_8 {
  border-bottom: 1px solid var(--wh-line);
}

._tab_1b3kk_1 {
  position: relative;
  display: inline-flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 44px;
  padding: 10px 12px;
  border: 0;
  border-radius: var(--wh-radius-sm) var(--wh-radius-sm) 0 0;
  background: transparent;
  font: inherit;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.15;
  color: var(--wh-ink-soft);
  white-space: nowrap;
  cursor: pointer;
  transition: color 120ms ease-out, background-color 120ms ease-out;
}
@media (prefers-reduced-motion: reduce) {
  :root:not([data-wh-motion=full]) ._tab_1b3kk_1 {
    transition: none;
  }
}
:root[data-wh-motion=reduce] ._tab_1b3kk_1 {
  transition: none;
}
._tab_1b3kk_1 {
  /* The selected tab's indicator, sitting on the list's bottom border. */
}
._tab_1b3kk_1::after {
  content: "";
  position: absolute;
  inset-inline: 8px;
  bottom: -1.5px;
  height: 4px;
  border-radius: 2px 2px 0 0;
  background: transparent;
}
._tab_1b3kk_1:hover:not([aria-disabled=true], [aria-selected=true]) {
  color: var(--wh-ink);
  background: var(--wh-bg-soft);
}
._tab_1b3kk_1[aria-selected=true] {
  color: var(--wh-ink);
}
._tab_1b3kk_1[aria-selected=true]::after {
  background: var(--wh-ink);
}
._tab_1b3kk_1[aria-disabled=true] {
  color: var(--wh-ink-faint);
  cursor: not-allowed;
}
._tab_1b3kk_1:focus-visible {
  outline: 3px solid var(--wh-teal);
  outline-offset: -3px;
}

._flat_1b3kk_17 ._tab_1b3kk_1::after {
  bottom: -1px;
  height: 3px;
}

._flat_1b3kk_17 ._tab_1b3kk_1[aria-selected=true]::after {
  background: var(--wh-teal);
}

._tabPanel_1b3kk_90 {
  padding-block: 20px 0;
}
._tabPanel_1b3kk_90:focus-visible {
  outline: 3px solid var(--wh-teal);
  outline-offset: 4px;
  border-radius: var(--wh-radius-xs);
}/* The portal's theme root carries tokens only; the dialog paints itself in the top layer. */
._portal_8jag1_2 {
  display: contents;
}

@keyframes _wh-sheet-in_8jag1_1 {
  from {
    transform: translateY(24px);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
._dialog_8jag1_16 {
  box-sizing: border-box;
  width: min(100% - 32px, 400px);
  max-width: none;
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 20px;
  overflow-y: auto;
  background: var(--wh-paper);
  color: var(--wh-ink);
  border-radius: var(--wh-radius-lg);
  font-family: var(--wh-font-display);
  animation: _wh-sheet-in_8jag1_1 180ms ease-out;
}
._dialog_8jag1_16::backdrop {
  background: rgba(0, 0, 0, 0.45);
}
._dialog_8jag1_16 {
  /* Phones: a sheet pinned to the bottom edge, clear of the home indicator. */
}
@media (width < 480px) {
  ._dialog_8jag1_16 {
    width: 100%;
    max-height: calc(100dvh - 48px);
    margin: auto 0 0;
    padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px));
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root:not([data-wh-motion=full]) ._dialog_8jag1_16 {
    animation: none;
  }
}
:root[data-wh-motion=reduce] ._dialog_8jag1_16 {
  animation: none;
}

._meadow_8jag1_55 {
  border: 1.5px solid var(--wh-ink);
  box-shadow: 0 4px 0 var(--wh-ink);
}

._flat_8jag1_60 {
  border: 1px solid var(--wh-ink);
}

._header_8jag1_64 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

/* Scoped under .dialog so it outranks fiber's `[data-theme] h2` rule, which would impose its own size and font. */
._dialog_8jag1_16 ._title_8jag1_72 {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.15;
}

._close_8jag1_79 {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  margin: -10px -10px 0 0;
  padding: 0;
  border: none;
  border-radius: var(--wh-radius-sm);
  background: none;
  color: var(--wh-ink);
  cursor: pointer;
}
._close_8jag1_79:hover {
  background: var(--wh-bg-soft);
}
._close_8jag1_79:focus-visible {
  outline: 3px solid var(--wh-teal);
  outline-offset: 2px;
}

/* Scoped under .dialog so it outranks fiber's `[data-theme] p` rule, which would impose its own size and font. */
._dialog_8jag1_16 ._description_8jag1_104 {
  margin: 6px 0 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--wh-ink-soft);
}

._body_8jag1_112 {
  margin-top: 18px;
}._challenge_15iof_1 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  border-radius: var(--wh-radius-md);
  width: 100%;
  box-sizing: border-box;
  background: var(--wh-bg-soft);
}

._meadow_15iof_12 {
  box-shadow: var(--wh-shadow-card);
}

._flat_15iof_16 {
  border: 1px solid var(--wh-line);
}

/* A completed challenge's decoration recedes; its text keeps 4.5:1. */
._done_15iof_21 ._icon_15iof_21,
._done_15iof_21 ._badge_15iof_22,
._done_15iof_21 ._progressBar_15iof_23 {
  opacity: 0.6;
}

._done_15iof_21 ._title_15iof_27 {
  color: var(--wh-ink-soft);
}

._icon_15iof_21 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: var(--wh-radius-sm);
  background: var(--wh-bg);
  font-size: 24px;
  line-height: 1;
}

._body_15iof_44 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}

._badge_15iof_22 {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: var(--wh-radius-xs);
  line-height: 1.4;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._badgeNew_15iof_66 {
  background: var(--wh-coral-fill);
  color: #fff;
}

._badgeBonus_15iof_71 {
  background: var(--wh-sun);
  color: var(--wh-on-sun);
}

._badgeWeekly_15iof_76 {
  background: var(--wh-plum-deep);
  color: #fff;
}

._title_15iof_27 {
  font-size: 15px;
  font-weight: 700;
  color: var(--wh-ink);
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._subtitle_15iof_91 {
  font-size: 12px;
  color: var(--wh-ink-soft);
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._progressBar_15iof_23 {
  height: 6px;
  background: var(--wh-line);
  border-radius: 999px;
  overflow: hidden;
  margin-top: 4px;
}

._progressFill_15iof_108 {
  height: 100%;
  width: var(--fill-width);
  background: var(--wh-teal);
  border-radius: 999px;
  transition: width 300ms ease-out;
}

._footer_15iof_116 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 2px;
}

._reward_15iof_124 {
  font-size: 12px;
  font-weight: 600;
  color: var(--wh-ink-soft);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._progressLabel_15iof_133 {
  font-size: 12px;
  font-weight: 600;
  color: var(--wh-ink-soft);
  white-space: nowrap;
  flex-shrink: 0;
}

._progressDone_15iof_141 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}._card_1wklj_1 {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px 14px 10px 10px;
  background: var(--wh-paper);
  color: var(--wh-ink);
  border-radius: var(--wh-radius-md);
  cursor: pointer;
  font-family: var(--wh-font-display);
  text-align: left;
  box-sizing: border-box;
}
._card_1wklj_1:focus-visible {
  outline: 3px solid var(--wh-teal);
  outline-offset: 2px;
}
._card_1wklj_1:hover {
  background: var(--wh-bg-soft);
}

._meadow_1wklj_24 {
  border: 1.5px solid var(--wh-ink);
  box-shadow: 0 3px 0 var(--wh-ink);
  transition: transform 80ms ease-out, box-shadow 80ms ease-out;
}
._meadow_1wklj_24:active {
  transform: translateY(2px);
  box-shadow: 0 1px 0 var(--wh-ink);
}

._flat_1wklj_34 {
  border: 1px solid var(--wh-ink);
}

._lexi_1wklj_38 {
  display: inline-flex;
  flex-shrink: 0;
}

._text_1wklj_43 {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  line-height: 1.2;
}

._eyebrow_1wklj_51 {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--wh-ink-soft);
}

._digits_1wklj_59 {
  margin-top: 2px;
  font-size: 18px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--wh-coral-ink);
  white-space: nowrap;
}

._arrow_1wklj_68 {
  flex-shrink: 0;
  color: var(--wh-ink);
}._divider_vtfuu_1 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 1.5px;
}
._divider_vtfuu_1:empty {
  background: var(--wh-line);
  height: 1.5px;
}

._line_vtfuu_12 {
  flex: 1;
  height: 1.5px;
  background: var(--wh-line);
}

._label_vtfuu_18 {
  font-family: var(--wh-font-display);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--wh-ink-soft);
}._alert_1cw8i_1 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 14px;
  border-radius: var(--wh-radius-sm);
  background: var(--wh-coral-wash);
  color: var(--wh-ink);
  font-family: var(--wh-font-display);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  box-sizing: border-box;
}

._meadow_1cw8i_16 {
  border: 1.5px solid var(--wh-coral-ink);
}

._flat_1cw8i_20 {
  border: 1px solid var(--wh-coral-ink);
}

._title_1cw8i_24 {
  font-weight: 700;
}

._message_1cw8i_28 {
  text-wrap: pretty;
}._avatar_1kori_1 {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  box-sizing: border-box;
  width: var(--avatar-size);
  height: var(--avatar-size);
  font-size: var(--avatar-font-size);
}

._face_1kori_11 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 0 1.5px color-mix(in oklch, var(--wh-ink) 20%, transparent);
  box-sizing: border-box;
  background: var(--face-bg, transparent);
}

._image_1kori_24 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

._initials_1kori_31 {
  font-weight: 700;
  color: var(--wh-paper);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 1;
  letter-spacing: -0.01em;
}

._emblem_1kori_39 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

._onlineDot_1kori_47 {
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: oklch(62% 0.2 145deg);
  border: 2px solid var(--wh-bg);
  box-sizing: content-box;
}._gameRow_296rx_1 {
  display: block;
  list-style: none;
  border-bottom: 1px solid var(--wh-line);
  box-sizing: border-box;
}

._ended_296rx_8 {
  opacity: 0.6;
}

._inner_296rx_12 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 8px;
  margin: 0 -8px;
  width: calc(100% + 16px);
  background: none;
  border: none;
  font-family: inherit;
  text-align: left;
  box-sizing: border-box;
  cursor: default;
}

._innerInteractive_296rx_27 {
  cursor: pointer;
}
._innerInteractive_296rx_27:focus-visible {
  outline: 3px solid var(--wh-teal);
  outline-offset: 2px;
  border-radius: var(--wh-radius-xs);
}

._innerYourTurn_296rx_36._innerInteractive_296rx_27:hover {
  background: var(--wh-bg-soft);
  border-radius: var(--wh-radius-xs);
}

._body_296rx_41 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}

._name_296rx_49 {
  font-size: 15px;
  font-weight: 600;
  color: var(--wh-ink);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._meta_296rx_59 {
  font-size: 12px;
  color: var(--wh-ink-soft);
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._dot_296rx_68 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--wh-coral);
  flex-shrink: 0;
}._card_1ttw8_1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 20px 16px 16px;
  border-radius: var(--wh-radius-md);
  cursor: pointer;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: inherit;
  background: var(--card-bg);
  color: var(--card-color);
}
._card_1ttw8_1:focus-visible {
  outline: 3px solid var(--wh-teal);
  outline-offset: 2px;
}

._meadow_1ttw8_22 {
  box-shadow: var(--wh-shadow-card);
  transition: transform 80ms ease-out, box-shadow 80ms ease-out;
}

._pressed_1ttw8_27 {
  box-shadow: none;
  transform: translateY(2px);
}

._flat_1ttw8_32 {
  border: 1px solid var(--wh-line);
}

._icon_1ttw8_36 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-size: 32px;
  line-height: 1;
}

._title_1ttw8_44 {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

._subtitle_1ttw8_54 {
  font-size: 13px;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}._card_1q7e0_1 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  border-radius: var(--wh-radius-md);
  cursor: pointer;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: inherit;
  background: var(--wh-bg);
}
._card_1q7e0_1:focus-visible {
  outline: 3px solid var(--wh-teal);
  outline-offset: 2px;
}

._meadow_1q7e0_20 {
  box-shadow: var(--wh-shadow-card);
  transition: transform 80ms ease-out, box-shadow 80ms ease-out;
}

._pressed_1q7e0_25 {
  box-shadow: none;
  transform: translateY(2px);
}

._flat_1q7e0_30 {
  border: 1px solid var(--wh-line);
}

._media_1q7e0_34 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

._streakMedia_1q7e0_40 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--wh-bg-soft);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  box-shadow: inset 0 0 0 1.5px color-mix(in oklch, var(--wh-ink) 20%, transparent);
  box-sizing: border-box;
}

._streakCount_1q7e0_54 {
  font-size: 13px;
  font-weight: 700;
  color: var(--wh-ink);
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._body_1q7e0_62 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

._badge_1q7e0_70 {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: var(--wh-radius-xs);
  line-height: 1.4;
  margin-bottom: 1px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._badgeUrgent_1q7e0_85 {
  background: var(--wh-coral-fill);
  color: #fff;
}

._badgeReward_1q7e0_90 {
  background: var(--wh-sun);
  color: var(--wh-on-sun);
}

._title_1q7e0_95 {
  font-size: 16px;
  font-weight: 700;
  color: var(--wh-ink);
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._subtitle_1q7e0_105 {
  font-size: 13px;
  color: var(--wh-ink-soft);
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._tiles_1q7e0_114 {
  display: flex;
  gap: 4px;
  margin-top: 4px;
}

._flameIcon_1q7e0_120 {
  flex-shrink: 0;
}._pill_4gis3_1 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-family: var(--wh-font-display);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  box-sizing: border-box;
}

._toneSun_4gis3_17 {
  background: var(--wh-sun);
  color: var(--wh-on-sun);
}

._tonePaper_4gis3_22 {
  background: var(--wh-paper);
  color: var(--wh-ink);
}

._meadow_4gis3_27 {
  border: 1.5px solid var(--wh-ink);
  box-shadow: 0 2px 0 var(--wh-ink);
}

._flat_4gis3_32 {
  border: 1px solid var(--wh-ink);
}

._dot_4gis3_36 {
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--pill-dot);
}._sectionLabel_y99k5_1 {
  font-size: 13px;
  font-weight: 600;
  color: var(--wh-ink-soft);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}

._center_y99k5_12 {
  text-align: center;
}

._panel_1ftkx_2 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20px;
  color: var(--wh-ink);
  font-family: var(--wh-font-display);
}

._section_1ftkx_11 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border-radius: var(--wh-radius-lg);
  background: var(--wh-paper);
  box-shadow: var(--wh-shadow-card);
}

/* <p> rules are scoped under .panel so they outrank fiber's `[data-theme] p` rule. */
._panel_1ftkx_2 ._text_1ftkx_22 {
  margin: 0;
  font-size: 15px;
  line-height: 1.4;
  color: var(--wh-ink-soft);
}

._actions_1ftkx_29 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: stretch;
}

._signIn_1ftkx_36 {
  align-self: center;
}

._nameRow_1ftkx_40 {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}

._panel_1ftkx_2 ._name_1ftkx_40 {
  min-width: 0;
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

/* The live region stays in place while empty, taking no room, so "Saved" is read out when it appears. */
._panel_1ftkx_2 ._saved_1ftkx_57 {
  display: flex;
  gap: 4px;
  align-items: center;
  margin: -4px 0 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--wh-ink);
}
._panel_1ftkx_2 ._saved_1ftkx_57 svg {
  color: var(--wh-grass-deep);
}
._panel_1ftkx_2 ._saved_1ftkx_57:empty {
  margin-top: -12px;
}

._editor_1ftkx_74 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._editorActions_1ftkx_80 {
  display: flex;
  gap: 8px;
}

._details_1ftkx_85 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  /* Only search focuses it (tabIndex -1), always on purpose, so the ring shows for a pointer too. */
}
._details_1ftkx_85:focus {
  outline: 3px solid var(--wh-teal);
  outline-offset: 4px;
  border-radius: var(--wh-radius-xs);
}

._detailLabel_1ftkx_98 {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--wh-ink-soft);
}

._detailValue_1ftkx_105 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

._link_1ftkx_112 {
  position: relative;
  align-self: flex-start;
  font-size: 15px;
  font-weight: 600;
  color: var(--wh-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}
._link_1ftkx_112:focus-visible {
  outline: 3px solid var(--wh-teal);
  outline-offset: 2px;
  border-radius: var(--wh-radius-xs);
}
._link_1ftkx_112 {
  /* Extends the tap area to at least 44×44 without changing the visual size. */
}
._link_1ftkx_112::after {
  content: "";
  position: absolute;
  inset: min(0px, 50% - 22px);
}

._panel_1ftkx_2 ._loading_1ftkx_135 {
  margin: 0;
  padding: 16px;
  font-size: 15px;
  color: var(--wh-ink-soft);
}

._error_1ftkx_142 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}

._footer_1ftkx_149 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: auto;
  padding-top: 8px;
}

._deleteAccount_1ftkx_157 {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
}

._comingSoon_1ftkx_164 {
  font-size: 14px;
  color: var(--wh-ink-soft);
}
/*
 * Mobile first. The column is fluid from 320px with an 18px gutter plus the device's safe-area insets,
 * capped at 440px wide, and fills the screen's height; a short screen scrolls. On a wider (desktop) window
 * it is also capped at 900px high and centred, so the screen never stretches to silly proportions.
 */
._screen_1j9gv_7 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100dvh;
  background: var(--wh-bg);
  color: var(--wh-ink);
  font-family: var(--wh-font-display);
}

._column_1j9gv_17 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 440px;
  min-height: 100dvh;
  padding: calc(16px + env(safe-area-inset-top, 0px)) calc(18px + env(safe-area-inset-right, 0px)) calc(16px + env(safe-area-inset-bottom, 0px)) calc(18px + env(safe-area-inset-left, 0px));
  box-sizing: border-box;
}

@media (width >= 600px) {
  ._column_1j9gv_17 {
    min-height: min(100dvh, 900px);
  }
}
/* Inside a sized container — the showcase's device frame — follow its size instead of the window's. */
@container (height > 0) {
  ._screen_1j9gv_7,
  ._column_1j9gv_17 {
    min-height: 100cqh;
  }
}
@container (width >= 600px) and (height > 0) {
  ._column_1j9gv_17 {
    min-height: min(100cqh, 900px);
  }
}

._panel_1m7mw_2 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: var(--wh-ink);
  font-family: var(--wh-font-display);
}

._section_1m7mw_10 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  border-radius: var(--wh-radius-lg);
  background: var(--wh-paper);
  box-shadow: var(--wh-shadow-card);
}

._actions_1m7mw_20 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: stretch;
}

._signIn_1m7mw_27 {
  margin: 0;
  font-size: 15px;
  text-align: center;
  color: var(--wh-ink-soft);
}

._link_1m7mw_34 {
  position: relative;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-weight: 600;
  color: var(--wh-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
._link_1m7mw_34:focus-visible {
  outline: 3px solid var(--wh-teal);
  outline-offset: 2px;
  border-radius: var(--wh-radius-xs);
}
._link_1m7mw_34 {
  /* Extends the tap area to at least 44×44 without changing the visual size. */
}
._link_1m7mw_34::after {
  content: "";
  position: absolute;
  inset: min(0px, 50% - 22px);
}

._error_1m7mw_60 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}

/* The column comes from ScreenFrame. The top bar matches the auth screens' back control. */
._topBar_dpfvr_3 {
  display: flex;
  align-items: center;
}

/* A square 44×44 icon button, outranking the sm size's padding. */
._topBar_dpfvr_3 ._back_dpfvr_9 {
  width: 44px;
  height: 44px;
  padding: 0;
}

._main_dpfvr_15 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 16px;
  padding-block: 16px 24px;
  color: var(--wh-ink);
  font-family: var(--wh-font-display);
}

/* Scoped under .main so it outranks fiber's `[data-theme] h1` rule, which would impose its own size and font. */
._main_dpfvr_15 ._title_dpfvr_26 {
  margin: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.15;
  color: var(--wh-ink);
}

._tabs_dpfvr_34 {
  flex: 1;
}

._panel_dpfvr_38:not([hidden]) {
  display: flex;
  flex: 1;
  flex-direction: column;
}

/* The option search has just taken the player to: a teal ring that pulses once, then stays until focus leaves it. */
._main_dpfvr_15 [data-account-option-found] {
  border-radius: var(--wh-radius-sm);
  outline: 3px solid var(--wh-teal);
  outline-offset: 6px;
  animation: _found_dpfvr_1 0.9s ease-out 2;
}
@media (prefers-reduced-motion: reduce) {
  :root:not([data-wh-motion=full]) ._main_dpfvr_15 [data-account-option-found] {
    animation: none;
  }
}
:root[data-wh-motion=reduce] ._main_dpfvr_15 [data-account-option-found] {
  animation: none;
}

@keyframes _found_dpfvr_1 {
  0% {
    outline-offset: 14px;
    outline-color: transparent;
  }
  100% {
    outline-offset: 6px;
    outline-color: var(--wh-teal);
  }
}
._search_rwrc1_2 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* The clear button replaces the browser's own cancel button on a search input. */
._field_rwrc1_9 input::-webkit-search-cancel-button {
  -webkit-appearance: none;
          appearance: none;
}

/* 44×44 inside the field's box, on its right. */
._clear_rwrc1_14 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 100%;
  min-height: 44px;
  padding: 0;
  border: 0;
  border-radius: var(--wh-radius-sm);
  background: none;
  color: var(--wh-ink-soft);
  cursor: pointer;
}
._clear_rwrc1_14:hover {
  color: var(--wh-ink);
}
._clear_rwrc1_14:focus-visible {
  outline: 3px solid var(--wh-teal);
  outline-offset: -3px;
}

/* Read out, not shown: the list and the empty state say the same thing on screen. */
._status_rwrc1_37 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

._results_rwrc1_47 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

._result_rwrc1_47 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
  min-height: 44px;
  padding: 12px 16px;
  border: 0;
  border-radius: var(--wh-radius-lg);
  background: var(--wh-paper);
  box-shadow: var(--wh-shadow-card);
  color: var(--wh-ink);
  font: inherit;
  text-align: start;
  cursor: pointer;
}
._result_rwrc1_47:focus-visible {
  outline: 3px solid var(--wh-teal);
  outline-offset: 2px;
}

._label_rwrc1_77 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

._where_rwrc1_83 {
  font-size: 13px;
  line-height: 1.3;
  color: var(--wh-ink-soft);
}

._empty_rwrc1_89 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 24px 16px;
  border-radius: var(--wh-radius-lg);
  background: var(--wh-paper);
  box-shadow: var(--wh-shadow-card);
  text-align: center;
}

/* Scoped under .empty so it outranks fiber's element-level `p` rules inside [data-theme]. */
._empty_rwrc1_89 ._emptyTitle_rwrc1_101 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--wh-ink);
  overflow-wrap: anywhere;
}

._empty_rwrc1_89 ._emptyHint_rwrc1_109 {
  margin: 0;
  font-size: 14px;
  color: var(--wh-ink-soft);
}

._signIn_rwrc1_115 {
  align-self: center;
}._board_qx9hs_1 {
  position: relative;
  width: var(--board-size);
  height: var(--board-size);
  background: var(--wh-bg-soft);
  border: 1.5px solid var(--wh-ink);
  border-radius: 12px;
  box-shadow: 0 3px 0 var(--wh-ink);
  flex-shrink: 0;
  container-type: inline-size;
}

@media (prefers-reduced-motion: reduce) {
  :root:not([data-wh-motion=full]) ._board_qx9hs_1 * {
    animation: none !important;
    transition: none !important;
  }
}
:root[data-wh-motion=reduce] ._board_qx9hs_1 * {
  animation: none !important;
  transition: none !important;
}

._cellGrid_qx9hs_24 {
  position: absolute;
  left: var(--cell-grid-left);
  top: var(--cell-grid-top);
  display: grid;
  grid-template-columns: var(--cell-grid-cols);
  grid-template-rows: var(--cell-grid-rows);
  gap: var(--cell-grid-gap);
}

._visuallyHidden_qx9hs_34 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}._hole_1pjcq_1 {
  width: var(--cell-size);
  height: var(--cell-size);
  background: transparent;
}

._cell_1pjcq_7 {
  width: var(--cell-size);
  height: var(--cell-size);
  background: var(--cell-bg);
  border: 1px solid var(--wh-line);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Fredoka, system-ui;
  font-weight: 700;
  color: var(--cell-color);
  letter-spacing: 0;
  line-height: 1;
  position: relative;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* A premium square's edge: a touch of its symbol's colour on its fill. */
._premium_1pjcq_27 {
  border-color: color-mix(in oklch, var(--cell-color) 25%, var(--cell-bg));
}

._overlay_1pjcq_31 {
  position: absolute;
  inset: 0;
  background: var(--overlay-bg);
  border-radius: 3px;
  pointer-events: none;
}._marker_rbp3p_1 {
  position: absolute;
  left: var(--marker-left);
  top: var(--marker-top);
  width: var(--marker-size);
  height: var(--marker-size);
  box-sizing: border-box;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Fredoka, system-ui;
  font-weight: 700;
  line-height: 1;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._start_rbp3p_19 {
  background: var(--wh-start);
  color: var(--wh-start-ink);
  border: 1px solid color-mix(in oklch, var(--wh-start-ink) 25%, var(--wh-start));
}

/*
 * A hot letter is a hint, not a tile: a flame wash with a flame edge and the letter in a soft warm
 * ink, where a tile is cream with a hard black edge. The wash is a shade stronger than a premium
 * square's, so a hot letter is what the eye finds first. The bonus is a solid tab tucked into the
 * bottom-right corner, clear of a tile's points at the top right. The letter is centred across the
 * cell and sits a little above centre, so the tab doesn't crowd it.
 */
._hot_rbp3p_32,
._other_rbp3p_33 {
  border: 1.5px solid var(--marker-edge);
}

._hot_rbp3p_32 {
  --marker-edge: color-mix(in oklch, var(--wh-flame) 85%, var(--wh-hot-wash));
  --tab: var(--wh-flame-fill);
  --on-tab: var(--wh-on-flame-fill);
  background: var(--wh-hot-wash);
  color: var(--wh-hot-ink);
}

/* An opponent's, shown in public play: plain paper, a dashed plum edge, so it reads as not yours. */
._other_rbp3p_33 {
  --marker-edge: color-mix(in oklch, var(--wh-plum) 70%, var(--wh-paper));
  --tab: var(--wh-plum-fill);
  --on-tab: var(--wh-on-plum-fill);
  background: var(--wh-paper);
  color: var(--wh-ink-soft);
  border-style: dashed;
}

._letter_rbp3p_55 {
  font-size: calc(var(--marker-size) * var(--letter-scale));
  letter-spacing: -0.02em;
  transform: translateY(calc(var(--marker-size) * -0.08));
}

._badge_rbp3p_61 {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 1px 2px 0 3px;
  border-radius: 3px 0 2.5px;
  background: var(--tab);
  color: var(--on-tab);
  font-size: max(6px, var(--marker-size) * 0.24);
  font-weight: 600;
  line-height: 1.1;
}/* A symbol takes most of the cell it is drawn in, and the colour of its text. */
._symbol_1sr7f_2 {
  width: 70%;
  height: 70%;
}

._fill_1sr7f_7 {
  fill: currentcolor;
  stroke: currentcolor;
  stroke-width: 1.7;
  stroke-linejoin: round;
}

._line_1sr7f_14 {
  fill: none;
  stroke: currentcolor;
  stroke-width: 1.7;
}
._tile_1yn08_2 {
  /*
   * A whole pixel, not the previous 1.5px: fractional border widths get device-pixel-snapped
   * inconsistently in the box model (not just painting), so `.letters`' compensating inset below
   * could never reliably cancel it out. An integer value keeps both sides of that cancellation exact.
   */
  --tile-border-width: 2px;
  position: relative;
  width: var(--tile-width);
  height: var(--tile-height);
  box-sizing: border-box;
  background: var(--wh-tile-edge);
  border: var(--tile-border-width) solid var(--wh-ink);
  border-radius: var(--tile-radius);
  display: flex;
  opacity: 1;
  cursor: default;
  touch-action: none;
  transition: transform 150ms ease-out, box-shadow 150ms ease-out;
  /*
   * Not scoped under `.board`: the drag overlay is portalled outside it. The JS half of this — a null
   * `dropAnimation` — lives in `tileDropAnimation`; neither half alone satisfies the requirement.
   */
}
@media (prefers-reduced-motion: reduce) {
  :root:not([data-wh-motion=full]) ._tile_1yn08_2 {
    transition: none;
  }
}
:root[data-wh-motion=reduce] ._tile_1yn08_2 {
  transition: none;
}
._tile_1yn08_2 {
  /*
   * A tile is focusable so it can be moved by keyboard, and a pointer press focuses it too — leaving
   * the browser's own focus ring drawn around a tile nobody is keyboard-driving. On a dragged tile
   * that ring sits on the origin ghost for the whole gesture, reading as a stray blue box in the gap
   * the rack has opened. Keyboard focus still rings, which is the half that has to.
   */
}
._tile_1yn08_2:focus:not(:focus-visible) {
  outline: none;
}

/* Board-coordinate positioning. Omitted for the drag overlay, which dnd-kit positions itself. */
._positioned_1yn08_47 {
  position: absolute;
  left: var(--tile-left);
  top: var(--tile-top);
  z-index: 2;
}

/* Origin ghost — where the tile returns to on cancel. Outline only, so bonuses show through. */
._ghost_1yn08_55 {
  background: transparent;
  border: var(--tile-border-width) dashed var(--wh-ink-faint);
  box-shadow: none;
}

/*
 * A tile inside a cluster: the cluster's shape behind it supplies the surface and border. The transparent
 * border is kept so the letter sits exactly where it does on a chromed tile.
 */
._bare_1yn08_65 {
  background: transparent;
  border-color: transparent;
}

._lifted_1yn08_70 {
  transform: scale(1.04);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  z-index: 20;
}

/*
 * dnd-kit sets `data-dnd-dropping` on the overlay wrapper for the duration of the drop animation.
 * Unwinding the lift over the same 150ms keeps the overlay from landing 4% oversized on the target rect.
 */
[data-dnd-dropping] ._lifted_1yn08_70 {
  transform: none;
  box-shadow: none;
}

/*
 * A `DragOverlay` renders its wrapper whether or not anything is in the air — empty between drags, but
 * still a box, and Board and TileRack both sit in flex containers where a stray item costs a gap.
 * dnd-kit has this same rule, but only injects its stylesheet for the duration of a drag; `data-dnd-dragging`
 * marks the wrapper it is actually driving, and stays on for the drop animation.
 */
[data-dnd-overlay]:not([data-dnd-dragging]) {
  display: none;
}

._draggable_1yn08_95 {
  cursor: grab;
}

._inner_1yn08_99 {
  position: absolute;
  inset: var(--inner-inset);
  border-radius: var(--inner-radius);
  background: var(--wh-tile-face);
}

/*
 * Spans the whole, uninset tile — not `.inner`'s shrunk box — so a grid track lands exactly on each
 * true cell (`cellSize` wide, `gap` apart), the same coordinates the board itself lays cells out on.
 * Dividing `.inner`'s inset box evenly instead would drift every character but the first off centre.
 *
 * `inset: 0` alone is relative to `.tile`'s padding box, which excludes its border — leaving this
 * `--tile-border-width` narrower than the `cellSize` the grid track is set to, so the track overflows
 * its own container and every glyph reads off-centre. Extending outward by the border width closes
 * that gap so the grid truly spans `cellSize`, border included.
 */
._letters_1yn08_5 {
  position: absolute;
  inset: calc(-1 * var(--tile-border-width));
  display: grid;
}

._lettersRow_1yn08_122 {
  grid-auto-flow: column;
  grid-template-columns: var(--letters-template);
  grid-template-rows: 1fr;
  -moz-column-gap: var(--cell-gap);
       column-gap: var(--cell-gap);
}

._lettersColumn_1yn08_129 {
  grid-auto-flow: row;
  grid-template-rows: var(--letters-template);
  grid-template-columns: 1fr;
  row-gap: var(--cell-gap);
}

/*
 * A diagonal run: a square of tracks on the same cell pitch as the board, with each letter placed on
 * the diagonal cell it covers. The cells off the diagonal stay empty — the cluster shape behind the
 * tile is what draws the staircase, and it skirts them.
 */
._lettersDiagonal_1yn08_141 {
  grid-template-columns: var(--letters-template);
  grid-template-rows: var(--letters-template);
  gap: var(--cell-gap);
}

._letter_1yn08_5 {
  display: flex;
  align-items: center;
  justify-content: center;
}

._glyph_1yn08_153 {
  font-family: Fredoka, system-ui;
  font-weight: 600;
  color: var(--wh-tile-ink);
  font-size: var(--letter-font-size);
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._badge_1yn08_162 {
  position: absolute;
  right: var(--badge-right);
  top: var(--badge-top);
  font-family: Nunito, sans-serif;
  font-weight: 800;
  font-size: var(--badge-font-size);
  color: var(--wh-ink-soft);
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._reducedBadge_1yn08_174 {
  opacity: 0.45;
}

._bare_1yn08_65 ._inner_1yn08_99 {
  background: transparent;
}
/* Above the cell grid, below the tile layer — the cluster's letters draw on top of its shape. */
._cluster_vgnjd_3 {
  position: absolute;
  left: var(--cluster-left);
  top: var(--cluster-top);
  pointer-events: none;
  z-index: 1;
}

/*
 * A tray in the same chrome language as `.board` (board.module.scss): --wh-ink border, the same
 * 3px hard-shadow underline. Tiles size themselves entirely — BoardTileFace carries its own
 * `--tile-*` custom properties per instance — so, unlike the board, the rack needs no sizing
 * properties of its own; it only lays slots out in a row.
 */
._rack_6du9w_8 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  background: var(--wh-bg-soft);
  border: 1.5px solid var(--wh-ink);
  border-radius: 16px;
  box-shadow: 0 3px 0 var(--wh-ink);
}

._slot_6du9w_19 {
  display: flex;
  flex-shrink: 0;
}

/*
 * Carries the slide that shuffles a tile aside to open a gap (see `useTileSlide`). A box of its own
 * inside the slot, so that transform never reaches the droppable rect dnd-kit measures.
 */
._slotContent_6du9w_28 {
  display: flex;
}

._draggable_6du9w_32 {
  cursor: grab;
}._wordmark_fj307_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--wordmark-row-gap);
  width: 100%;
  font-family: var(--wh-font-display);
}

._row_fj307_10 {
  display: flex;
  gap: var(--wordmark-tile-gap);
  transform: translateX(var(--wordmark-offset));
}

/* The lobby's screens: games list, new game and the invite landing page. The column comes from ScreenFrame. */
._topBar_w9ehp_3 {
  display: flex;
  align-items: center;
}

/* A square 44×44 icon button, outranking the sm size's padding. */
._topBar_w9ehp_3 ._back_w9ehp_9 {
  width: 44px;
  height: 44px;
  padding: 0;
}

._main_w9ehp_15 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20px;
  padding-block: 16px 24px;
  color: var(--wh-ink);
  font-family: var(--wh-font-display);
}

/* Pinned under the safe area as the page scrolls, so its action stays in reach. */
._titleRow_w9ehp_26 {
  position: sticky;
  z-index: 1;
  top: env(safe-area-inset-top, 0);
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-inline: -4px;
  padding: 8px 4px;
  background: var(--wh-bg);
}

/* A square 44×44 icon button beside the title. */
._titleRow_w9ehp_26 ._titleAction_w9ehp_40 {
  flex: none;
  width: 44px;
  height: 44px;
  padding: 0;
}

/* Scoped under .main so it outranks fiber's `[data-theme] h1` rule, which would impose its own size and font. */
._main_w9ehp_15 ._title_w9ehp_26 {
  margin: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.15;
  color: var(--wh-ink);
}

._lead_w9ehp_56 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  color: var(--wh-ink-soft);
}

._section_w9ehp_63 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._list_w9ehp_69 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

._card_w9ehp_78 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border-radius: var(--wh-radius-lg);
  background: var(--wh-paper);
}

._waiting_w9ehp_87 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-radius: var(--wh-radius-lg);
  background: var(--wh-paper);
}

._waitingText_w9ehp_98 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._waitingTitle_w9ehp_105 {
  font-size: 15px;
  font-weight: 600;
}

._waitingMeta_w9ehp_110 {
  font-size: 13px;
  color: var(--wh-ink-soft);
}

._actions_w9ehp_115 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._inlineActions_w9ehp_121 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._code_w9ehp_127 {
  margin: 0;
  font-family: ui-monospace, Menlo, monospace;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-align: center;
}

._link_w9ehp_136 {
  margin: 0;
  font-size: 14px;
  color: var(--wh-ink-soft);
  text-align: center;
  overflow-wrap: anywhere;
}

._status_w9ehp_144 {
  margin: 0;
  font-size: 15px;
  color: var(--wh-ink-soft);
}

._error_w9ehp_150 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}

/* The board game screen. The column comes from ScreenFrame. */
._topBar_1v3hi_3 {
  display: flex;
  gap: 12px;
  align-items: center;
}

/* A square 44×44 icon button, outranking the sm size's padding. */
._topBar_1v3hi_3 ._back_1v3hi_10 {
  flex: none;
  width: 44px;
  height: 44px;
  padding: 0;
}

._status_1v3hi_17 {
  flex: 1;
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--wh-ink);
}

._bag_1v3hi_26 {
  flex: none;
  font-size: 14px;
  color: var(--wh-ink-soft);
}

._main_1v3hi_32 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 14px;
  padding-block: 12px 24px;
  color: var(--wh-ink);
  font-family: var(--wh-font-display);
}

._players_1v3hi_42 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

._player_1v3hi_42 {
  display: flex;
  gap: 8px;
  align-items: baseline;
  justify-content: space-between;
  min-width: 0;
  padding: 8px 12px;
  border: 1.5px solid var(--wh-line);
  border-radius: var(--wh-radius-md);
  background: var(--wh-bg-soft);
}

/* The player to move wears the accent: the side of the scoreboard that is waiting is quieter. */
._toPlay_1v3hi_64 {
  border-color: var(--wh-teal-deep);
  background: var(--wh-bg);
  box-shadow: inset 0 0 0 1.5px var(--wh-teal-deep);
}

._playerName_1v3hi_70 {
  overflow: hidden;
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._playerScore_1v3hi_78 {
  flex: none;
  font-size: 20px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

._visuallyHidden_1v3hi_85 {
  position: absolute;
  overflow: hidden;
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  white-space: nowrap;
}

._boardFrame_1v3hi_94 {
  display: flex;
  justify-content: center;
}

/* While a swap that ends the turn is chosen, the board waits. */
._boardLocked_1v3hi_100 {
  opacity: 0.6;
}

._rackArea_1v3hi_104 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
}

._rackLabel_1v3hi_111 {
  font-size: 13px;
  color: var(--wh-ink-soft);
}

._actions_1v3hi_116 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._actionsRow_1v3hi_122 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._previewValid_1v3hi_128,
._previewInvalid_1v3hi_129,
._quiet_1v3hi_130 {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

._previewValid_1v3hi_128 {
  color: var(--wh-teal-deep, var(--wh-ink));
}

._previewInvalid_1v3hi_129 {
  color: var(--wh-coral-deep, var(--wh-coral));
}

._quiet_1v3hi_130 {
  color: var(--wh-ink-soft);
}

._finished_1v3hi_148 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  border: 1.5px solid var(--wh-line);
  border-radius: var(--wh-radius-lg);
  background: var(--wh-bg-soft);
}

._finishedTitle_1v3hi_158 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
}

._history_1v3hi_164 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Scoped under .history so it outranks fiber's `[data-theme] h2` rule. */
._history_1v3hi_164 ._historyTitle_1v3hi_171 {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--wh-ink);
}

._historyList_1v3hi_178 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding-left: 1.6em;
  font-size: 14px;
  line-height: 1.4;
  color: var(--wh-ink-soft);
}._screen_sujkg_1 {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background: var(--wh-bg);
  color: var(--wh-ink);
}

._content_sujkg_9 {
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding: 20px 16px 100px;
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}

._header_sujkg_20 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._greeting_sujkg_26 {
  font-size: 20px;
  font-weight: 700;
}

._profileLink_sujkg_31 {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 44px;
  padding-inline-end: 8px;
  border-radius: var(--wh-radius-md);
  color: inherit;
  text-decoration: none;
}
._profileLink_sujkg_31:hover ._greeting_sujkg_26 {
  text-decoration: underline;
  text-underline-offset: 3px;
}
._profileLink_sujkg_31:focus-visible {
  outline: 3px solid var(--wh-teal);
  outline-offset: 2px;
}

._section_sujkg_51 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._gameList_sujkg_57 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

._modeGrid_sujkg_66 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

._challengeList_sujkg_72 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._nav_sujkg_78 {
  position: sticky;
  bottom: 0;
}/* The column comes from ScreenFrame; the hero absorbs any spare height. */
._topBar_1u12i_2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

/* The sm button, tightened to the reference's 13px top-bar label. */
._topBar_1u12i_2 ._topSignIn_1u12i_10 {
  padding: 7px 14px;
  font-size: 13px;
}

._pillPlaceholder_1u12i_15 {
  visibility: hidden;
}

._main_1u12i_19 {
  display: flex;
  flex: 1;
  flex-direction: column;
}

._hero_1u12i_25 {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 12px;
}

/* Scoped under .hero so it outranks fiber's `[data-theme] h1` rule, which would impose its own size and font. */
._hero_1u12i_25 ._headline_1u12i_35 {
  margin: 26px 0 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.15;
  text-align: center;
  color: var(--wh-ink);
}

._headlineLine_1u12i_44 {
  display: block;
}

._headlineAccent_1u12i_48 {
  color: var(--wh-coral-ink);
}

/* Scoped under .hero so it outranks fiber's `[data-theme] p` rule, which would impose its own size and font. */
._hero_1u12i_25 ._subhead_1u12i_53 {
  max-width: 270px;
  margin: 8px 0 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  text-wrap: pretty;
  color: var(--wh-ink-soft);
}

._cardSlot_1u12i_64 {
  align-self: stretch;
  margin-top: 22px;
}

._actions_1u12i_69 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 18px 0 8px;
}

._ctaAside_1u12i_76 {
  font-weight: 500;
  opacity: 0.85;
}

/*
 * The prompt is 44px tall for its tap area. Negative margins put its text where the reference has it:
 * 4px beyond the 10px gap, and 8px above the bottom padding.
 */
._bottomSignIn_1u12i_85 {
  align-self: center;
  margin: -10px 0 -14px;
}._main_18zpv_1 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: center;
}

._actions_18zpv_10 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: stretch;
  width: min(100%, 280px);
}

/* Scoped under .main so it outranks fiber's `[data-theme] h1` rule, which would impose its own size and font. */
._main_18zpv_1 ._title_18zpv_19 {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.15;
  text-align: center;
  color: var(--wh-ink);
}._accordion_toq78_1{background:var(--fiber-color-layer-01);border:1px solid var(--fiber-color-border-subtle-01);width:100%;transition:box-shadow .3s,background-color .3s;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}._accordion_toq78_1:focus-within{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}._variantGlass_toq78_13{-webkit-backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000001a}._sizeXS_toq78_21{border-radius:var(--fiber-border-radius-xs)}._sizeSM_toq78_25{border-radius:var(--fiber-border-radius-sm)}._sizeMD_toq78_29{border-radius:var(--fiber-border-radius-md)}._sizeLG_toq78_33{border-radius:var(--fiber-border-radius-lg)}._sizeXL_toq78_37{border-radius:var(--fiber-border-radius-xl)}._accordionItem_13afv_1{border-top:1px solid var(--fiber-color-border-subtle-01);transition:background-color .2s,border-color .2s}._accordionItem_13afv_1:first-child{border-top:none}._accordionItem_13afv_1[open]{background-color:var(--fiber-color-layer-02)}._accordionItem_13afv_1[open] ._heading_13afv_11{color:var(--fiber-color-primary)}._accordionItem_13afv_1._disabled_13afv_14 ._heading_13afv_11{cursor:not-allowed;color:var(--fiber-color-text-disabled)}._accordionItem_13afv_1._disabled_13afv_14 ._heading_13afv_11:hover{background:0 0}._accordionItem_13afv_1._disabled_13afv_14 ._heading_13afv_11:after{border-color:var(--fiber-color-text-disabled)}._accordionItem_13afv_1._disabled_13afv_14 ._content_13afv_24{color:var(--fiber-color-text-disabled)}._accordionItem_13afv_1._disabled_13afv_14[open]{background-color:#0000}._accordionItem_13afv_1._disabled_13afv_14[open] ._heading_13afv_11{color:var(--fiber-color-text-disabled);font-weight:400}._heading_13afv_11{padding:var(--fiber-space-md);cursor:pointer;color:var(--fiber-color-text-primary);justify-content:space-between;align-items:center;list-style:none;transition:background-color .2s,color .2s,font-weight .2s;display:flex}._heading_13afv_11::-webkit-details-marker{display:none}._heading_13afv_11:after{content:"";width:var(--fiber-font-size-md);height:var(--fiber-font-size-md);border-right:2px solid var(--fiber-color-text-primary);border-bottom:2px solid var(--fiber-color-text-primary);flex-shrink:0;transition:transform .4s cubic-bezier(.4,0,.2,1);display:inline-block;transform:rotate(45deg)scale(.5)}._heading_13afv_11:hover{background:var(--fiber-color-layer-02)}._heading_13afv_11:focus{outline:none}details[open] ._heading_13afv_11:after{transform:rotate(-135deg)scale(.5)}._content_13afv_24{color:var(--fiber-color-text-secondary);animation:.4s cubic-bezier(0,0,.2,1) _fadeInSlide_13afv_1}@keyframes _fadeInSlide_13afv_1{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}._sizeXS_13afv_85 ._heading_13afv_11{padding:var(--fiber-space-xs);font-size:var(--fiber-font-size-xs)}._sizeXS_13afv_85 ._heading_13afv_11:after{height:var(--fiber-font-size-xs);width:var(--fiber-font-size-xs)}._sizeXS_13afv_85 ._content_13afv_24{padding:var(--fiber-space-xs)}._sizeSM_13afv_97 ._heading_13afv_11{padding:var(--fiber-space-sm);font-size:var(--fiber-font-size-sm)}._sizeSM_13afv_97 ._heading_13afv_11:after{width:var(--fiber-font-size-sm);height:var(--fiber-font-size-sm)}._sizeSM_13afv_97 ._content_13afv_24{padding:var(--fiber-space-sm)}._sizeMD_13afv_109 ._heading_13afv_11{padding:var(--fiber-space-md);font-size:var(--fiber-font-size-md)}._sizeMD_13afv_109 ._heading_13afv_11:after{width:var(--fiber-font-size-md);height:var(--fiber-font-size-md)}._sizeMD_13afv_109 ._content_13afv_24{padding:var(--fiber-space-md)}._sizeLG_13afv_121 ._heading_13afv_11{padding:var(--fiber-space-lg);font-size:var(--fiber-font-size-lg)}._sizeLG_13afv_121 ._heading_13afv_11:after{width:var(--fiber-font-size-lg);height:var(--fiber-font-size-lg)}._sizeLG_13afv_121 ._content_13afv_24{padding:var(--fiber-space-lg)}._sizeXL_13afv_133 ._heading_13afv_11{padding:var(--fiber-space-xl);font-size:var(--fiber-font-size-xl)}._sizeXL_13afv_133 ._heading_13afv_11:after{width:var(--fiber-font-size-xl);height:var(--fiber-font-size-xl)}._sizeXL_13afv_133 ._content_13afv_24{padding:var(--fiber-space-xl)}._alignStart_13afv_145 ._heading_13afv_11{flex-direction:row-reverse;justify-content:flex-end;gap:1rem}._badge_mo149_1{border-radius:var(--fiber-border-radius-pill,100px);white-space:nowrap;font-weight:500;line-height:1;font-family:var(--fiber-font-family-base);color:var(--fiber-color-text-primary);background-color:var(--fiber-color-layer-03);justify-content:center;align-items:center;padding:0 .5rem;display:inline-flex}._variantDefault_mo149_15{background-color:var(--fiber-color-layer-selected-01);color:var(--fiber-color-text-primary)}._variantSuccess_mo149_20{background-color:var(--fiber-color-tertiary);color:var(--fiber-color-text-inverse)}._variantWarning_mo149_25{background-color:var(--fiber-color-warning);color:var(--fiber-color-text-primary)}._variantError_mo149_30{background-color:var(--fiber-color-error);color:var(--fiber-color-text-inverse)}._variantInfo_mo149_35{background-color:var(--fiber-color-info);color:var(--fiber-color-text-inverse)}._sizeXs_mo149_40{height:1rem;padding:0 .25rem;font-size:.625rem}._sizeSm_mo149_46{height:1.25rem;padding:0 .375rem;font-size:.75rem}._sizeMd_mo149_52{height:1.5rem;padding:0 .5rem;font-size:.875rem}._sizeLg_mo149_58{height:1.75rem;padding:0 .625rem;font-size:1rem}._sizeXl_mo149_64{height:2rem;padding:0 .75rem;font-size:1.125rem}._dot_mo149_70{min-width:unset;border-radius:50%;padding:0;overflow:hidden}._dot_mo149_70._sizeXs_mo149_40{width:6px;height:6px}._dot_mo149_70._sizeSm_mo149_46{width:8px;height:8px}._dot_mo149_70._sizeMd_mo149_52{width:10px;height:10px}._dot_mo149_70._sizeLg_mo149_58{width:12px;height:12px}._dot_mo149_70._sizeXl_mo149_64{width:14px;height:14px}._anchor_mo149_97{display:inline-flex;position:relative}._anchor_mo149_97 ._badgeOverlay_mo149_101{z-index:10;position:absolute;top:0;right:0;transform:translate(50%,-50%)}._avatar_9yai1_1{vertical-align:middle;color:inherit;font-family:var(--fiber-font-family-base);-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;background:0 0;border:none;flex-shrink:0;justify-content:center;align-self:center;align-items:center;padding:0;text-decoration:none;display:inline-flex;position:relative}._avatar_9yai1_1._sizeXs_9yai1_18{width:1.5rem;height:1.5rem}._avatar_9yai1_1._sizeXs_9yai1_18 ._initials_9yai1_22{font-size:.625rem}._avatar_9yai1_1._sizeSm_9yai1_25{width:2rem;height:2rem}._avatar_9yai1_1._sizeSm_9yai1_25 ._initials_9yai1_22{font-size:.75rem}._avatar_9yai1_1._sizeMd_9yai1_32{width:2.5rem;height:2.5rem}._avatar_9yai1_1._sizeMd_9yai1_32 ._initials_9yai1_22{font-size:.875rem}._avatar_9yai1_1._sizeLg_9yai1_39{width:3rem;height:3rem}._avatar_9yai1_1._sizeLg_9yai1_39 ._initials_9yai1_22{font-size:1.125rem}._avatar_9yai1_1._sizeXl_9yai1_46{width:4rem;height:4rem}._avatar_9yai1_1._sizeXl_9yai1_46 ._initials_9yai1_22{font-size:1.5rem}._avatar_9yai1_1._circle_9yai1_53,._avatar_9yai1_1._circle_9yai1_53 ._inner_9yai1_56{border-radius:50%}._avatar_9yai1_1._square_9yai1_59,._avatar_9yai1_1._square_9yai1_59 ._inner_9yai1_56{border-radius:var(--fiber-border-radius-md,8px)}._avatar_9yai1_1:focus-visible{outline:none}._avatar_9yai1_1:focus-visible:after{content:"";border:2px solid var(--fiber-color-primary);border-radius:inherit;pointer-events:none;position:absolute;inset:-4px}._avatar_9yai1_1[onClick],._avatar_9yai1_1[href]{cursor:pointer}._avatar_9yai1_1[onClick]:hover ._inner_9yai1_56,._avatar_9yai1_1[href]:hover ._inner_9yai1_56{filter:brightness(.9)}._inner_9yai1_56{background-color:var(--fiber-avatar-bg,var(--fiber-color-secondary));width:100%;height:100%;color:var(--fiber-avatar-color,var(--fiber-color-text-inverse));background-image:var(--fiber-avatar-gradient,linear-gradient(135deg, #ffffff1a 0%, #0000001a 100%));justify-content:center;align-items:center;display:flex;overflow:hidden}._image_9yai1_95{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}._initials_9yai1_22{text-transform:uppercase;font-weight:600}._fallbackIcon_9yai1_106{background-color:currentColor;width:60%;height:60%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 4a5 5 0 1 1-5 5 5 5 0 0 1 5-5m0-2a7 7 0 1 0 7 7 7 7 0 0 0-7-7zm10 28h-2v-5a5 5 0 0 0-5-5h-6a5 5 0 0 0-5 5v5H6v-5a7 7 0 0 1 7-7h6a7 7 0 0 1 7 7z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 4a5 5 0 1 1-5 5 5 5 0 0 1 5-5m0-2a7 7 0 1 0 7 7 7 7 0 0 0-7-7zm10 28h-2v-5a5 5 0 0 0-5-5h-6a5 5 0 0 0-5 5v5H6v-5a7 7 0 0 1 7-7h6a7 7 0 0 1 7 7z'/%3E%3C/svg%3E") 50%/contain no-repeat}._badge_9yai1_114{z-index:1;pointer-events:none;--offset:-2px;position:absolute}._badge_9yai1_114._topleft_9yai1_120{top:var(--offset);left:var(--offset)}._badge_9yai1_114._topright_9yai1_124{top:var(--offset);right:var(--offset)}._badge_9yai1_114._bottomleft_9yai1_128{bottom:var(--offset);left:var(--offset)}._badge_9yai1_114._bottomright_9yai1_132{bottom:var(--offset);right:var(--offset)}._avatarGroup_1nchj_1{flex-direction:row;align-items:center;display:inline-flex}._item_1nchj_7{position:relative}._item_1nchj_7:not(:first-child){margin-left:var(--fiber-avatar-group-overlap,-.75rem)}._overflow_1nchj_14{z-index:10}._sizeXs_1nchj_19{--fiber-avatar-group-overlap:-.5rem}._sizeSm_1nchj_23{--fiber-avatar-group-overlap:-.625rem}._sizeMd_1nchj_27{--fiber-avatar-group-overlap:-.75rem}._sizeLg_1nchj_31{--fiber-avatar-group-overlap:-1rem}._sizeXl_1nchj_35{--fiber-avatar-group-overlap:-1.25rem}._divider_1vqru_1{background-color:var(--fiber-color-border-subtle-01);border:none;flex-shrink:0}._horizontal_1vqru_7{width:100%;height:var(--_thickness);margin-block:var(--fiber-space-sm);align-items:center;display:flex}._horizontal_1vqru_7:before,._horizontal_1vqru_7:after{content:"";display:none}._vertical_1vqru_19{width:var(--_thickness);min-height:1em;margin-inline:var(--fiber-space-sm);align-self:stretch;display:block}._sizeXs_1vqru_27{--_thickness:var(--fiber-border-thickness-xs)}._sizeSm_1vqru_31{--_thickness:var(--fiber-border-thickness-sm)}._sizeMd_1vqru_35{--_thickness:var(--fiber-border-thickness-md)}._sizeLg_1vqru_39{--_thickness:var(--fiber-border-thickness-lg)}._sizeXl_1vqru_43{--_thickness:var(--fiber-border-thickness-xl)}._hasLabel_1vqru_47{gap:var(--fiber-space-sm);background-color:#0000}._hasLabel_1vqru_47:before,._hasLabel_1vqru_47:after{content:"";height:var(--_thickness);background-color:var(--fiber-color-border-subtle-01);flex-shrink:0;display:block}._labelStart_1vqru_59:before{flex:0 0 0}._labelStart_1vqru_59:after,._labelCenter_1vqru_66:before,._labelCenter_1vqru_66:after,._labelEnd_1vqru_70:before{flex:1 1 0}._labelEnd_1vqru_70:after{flex:0 0 0}._label_1vqru_59{white-space:nowrap;color:var(--fiber-color-text-secondary);font-family:var(--fiber-font-family-base);flex-shrink:0;font-size:.75rem;line-height:1}._card_1wgaq_1{border-radius:var(--fiber-border-radius-md);text-align:left;cursor:default;background-color:var(--fiber-color-layer-02);border:var(--fiber-border-thickness-xs) solid transparent;width:100%;color:inherit;flex-direction:column;margin:0;padding:0;font-family:inherit;text-decoration:none;transition:box-shadow .2s,background-color .2s;display:flex;overflow:hidden}._card_1wgaq_1._disabled_1wgaq_18{cursor:not-allowed;opacity:.6;pointer-events:none}._layoutHorizontal_1wgaq_24{flex-direction:row;align-items:stretch}._variantDefault_1wgaq_29{border-color:var(--fiber-color-border-subtle-01);background-color:var(--fiber-color-layer-02)}._variantDefault_1wgaq_29:hover:not(._disabled_1wgaq_18){background-color:var(--fiber-color-layer-hover-01)}._variantOutlined_1wgaq_37{border-color:var(--fiber-color-border-strong-01);background-color:#0000}._variantOutlined_1wgaq_37:hover:not(._disabled_1wgaq_18){background-color:var(--fiber-color-layer-hover-01)}._variantElevated_1wgaq_45{background-color:var(--fiber-color-layer-02);border-color:#0000;box-shadow:0 4px 12px #0000001a}._variantElevated_1wgaq_45:hover:not(._disabled_1wgaq_18){box-shadow:0 8px 16px #00000026}button._card_1wgaq_1{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:solid}button._card_1wgaq_1:focus-visible{outline:2px solid var(--fiber-color-primary);outline-offset:2px}a._card_1wgaq_1{cursor:pointer}a._card_1wgaq_1:focus-visible{outline:2px solid var(--fiber-color-primary);outline-offset:2px}._headerContainer_1wgaq_72{width:100%}._header_1wgaq_72{padding:var(--fiber-space-md);justify-content:space-between;align-items:flex-start;gap:var(--fiber-space-md);display:flex}._headerText_1wgaq_84{gap:var(--fiber-space-xs);flex-direction:column;display:flex}._title_1wgaq_90{font-size:var(--fiber-font-size-xl);font-weight:var(--fiber-font-weight-semibold);color:var(--fiber-color-text-primary);line-height:var(--fiber-line-height-sm);margin:0}._subtitle_1wgaq_98{font-size:var(--fiber-font-size-sm);color:var(--fiber-color-text-secondary);line-height:var(--fiber-line-height-md);margin:0}._action_1wgaq_105{flex-shrink:0}._body_1wgaq_109{padding:var(--fiber-space-md);color:var(--fiber-color-text-primary);flex:1}._footerContainer_1wgaq_115{width:100%}._footer_1wgaq_115{padding:var(--fiber-space-md);color:var(--fiber-color-text-primary)}._headerContainerH_1wgaq_124{padding:var(--fiber-space-md);flex-direction:row;flex-shrink:0;align-items:stretch;gap:0;display:flex}._footerContainerH_1wgaq_133{flex-direction:row;flex-shrink:0;align-items:stretch;display:flex}._footerH_1wgaq_140{padding:0 var(--fiber-space-md);color:var(--fiber-color-text-primary);justify-content:center;align-items:center;display:flex}._dividerV_1wgaq_148{height:auto;margin:var(--fiber-space-sm) 0;align-self:stretch}._overlay_17rl8_1{background-color:var(--fiber-color-background-overlay,#16161680);z-index:9500;opacity:0;visibility:hidden;transition:opacity var(--fiber-drawer-animation-duration,.2s) ease-out, visibility var(--fiber-drawer-animation-duration,.2s) ease-out;display:flex;position:fixed;inset:0}._overlay_17rl8_1._open_17rl8_11{opacity:1;visibility:visible}._drawer_17rl8_16{background-color:var(--fiber-color-layer-01,#fff);box-shadow:var(--fiber-shadow-lg);transition:transform var(--fiber-drawer-animation-duration,.2s) ease-out;flex-direction:column;display:flex;position:absolute;overflow:hidden}._drawer_17rl8_16._noAnimation_17rl8_25{transition:none}._drawer_17rl8_16._left_17rl8_28{top:0;bottom:0;left:0;transform:translate(-100%)}._drawer_17rl8_16._left_17rl8_28._open_17rl8_11{transform:translate(0)}._drawer_17rl8_16._right_17rl8_37{top:0;bottom:0;right:0;transform:translate(100%)}._drawer_17rl8_16._right_17rl8_37._open_17rl8_11{transform:translate(0)}._drawer_17rl8_16._top_17rl8_46{top:0;left:0;right:0;transform:translateY(-100%)}._drawer_17rl8_16._top_17rl8_46._open_17rl8_11{transform:translateY(0)}._drawer_17rl8_16._bottom_17rl8_55{bottom:0;left:0;right:0;transform:translateY(100%)}._drawer_17rl8_16._bottom_17rl8_55._open_17rl8_11{transform:translateY(0)}._header_17rl8_65{border-bottom:1px solid var(--fiber-color-border-subtle-01,#e0e0e0);padding:1rem;font-weight:600}._body_17rl8_71{flex:1;padding:1rem;overflow-y:auto}._footer_17rl8_77{border-top:1px solid var(--fiber-color-border-subtle-01,#e0e0e0);padding:1rem}._icon_sga2y_1{justify-content:center;align-items:center;display:inline-flex}._overlay_uv48t_1{z-index:9000;background-color:#16161680;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}._modal_uv48t_11{background-color:var(--fiber-color-layer-01);border-radius:var(--fiber-border-radius-md);flex-direction:column;max-height:90vh;display:flex;position:relative;overflow:hidden}._modal_uv48t_11._responsive_uv48t_20{width:-moz-fit-content;width:fit-content;max-width:90vw}._modal_uv48t_11._sizeNone_uv48t_24{width:auto;max-width:90vw;min-width:unset}._modal_uv48t_11._sizeXs_uv48t_29{width:20rem}._modal_uv48t_11._sizeSm_uv48t_32{width:36rem}._modal_uv48t_11._sizeMd_uv48t_35{width:48rem}._modal_uv48t_11._sizeLg_uv48t_38{width:64rem;max-width:90vw}._modal_uv48t_11._sizeXl_uv48t_42{width:80%;max-width:1200px}._modalHeader_uv48t_47{color:var(--fiber-color-text-primary);border-bottom:1px solid var(--fiber-color-border-subtle-01);padding:1rem 1rem .5rem;font-size:1.125rem;font-weight:600}._modalBody_uv48t_55{color:var(--fiber-color-text-primary);flex:1;padding:.5rem 1rem 1rem;overflow-y:auto}._footerContainer_uv48t_62{border-top:1px solid var(--fiber-color-border-subtle-01);padding:.75rem 1rem}._variantContent_uv48t_67{align-items:flex-start;gap:1rem;display:flex}._icon_uv48t_73{flex-shrink:0;justify-content:center;align-items:center;margin-top:.25rem;display:flex}._body_uv48t_81{flex-grow:1}._footer_uv48t_62{justify-content:flex-end;gap:1rem;width:100%;display:flex}._skeleton_1qvvs_1{background-color:var(--fiber-skeleton-base);border-radius:var(--fiber-border-radius-sm);display:block}._variantRectangular_1qvvs_7{border-radius:var(--fiber-border-radius-sm)}._variantCircular_1qvvs_11{border-radius:50%}._text_1qvvs_15{width:100%;font-size:var(--_line-height);flex-direction:column;gap:.5em;display:flex}._textLine_1qvvs_23{background-color:var(--fiber-skeleton-base);border-radius:var(--fiber-border-radius-sm);width:100%;height:1em;display:block}._textLineLast_1qvvs_31{width:70%}._sizeXs_1qvvs_35{--_line-height:var(--fiber-font-size-xs);--_default-height:1.5rem;--_default-diameter:1.5rem}._sizeSm_1qvvs_41{--_line-height:var(--fiber-font-size-sm);--_default-height:2rem;--_default-diameter:2rem}._sizeMd_1qvvs_47{--_line-height:var(--fiber-font-size-md);--_default-height:2.5rem;--_default-diameter:2.5rem}._sizeLg_1qvvs_53{--_line-height:var(--fiber-font-size-lg);--_default-height:3rem;--_default-diameter:3rem}._sizeXl_1qvvs_59{--_line-height:var(--fiber-font-size-xl);--_default-height:4rem;--_default-diameter:4rem}._variantRectangular_1qvvs_7{height:var(--_default-height)}._variantCircular_1qvvs_11{width:var(--_default-diameter);height:var(--_default-diameter)}._animationSweep_1qvvs_74{background-image:linear-gradient(90deg, var(--fiber-skeleton-base) 0%, var(--fiber-skeleton-shimmer) 50%, var(--fiber-skeleton-base) 100%);background-size:200% 100%;animation:1.6s ease-in-out infinite _skeletonSweep_1qvvs_1}@keyframes _skeletonSweep_1qvvs_1{0%{background-position:200%}to{background-position:-200%}}._animationPulse_1qvvs_88{animation:1.6s ease-in-out infinite _skeletonPulse_1qvvs_1}@keyframes _skeletonPulse_1qvvs_1{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){._animationSweep_1qvvs_74,._animationPulse_1qvvs_88{background-image:none;background-color:var(--fiber-skeleton-base);opacity:1;animation:none}}._spinner_7h51i_1{flex-direction:column;align-items:center;gap:.5rem;display:inline-flex}._overlay_7h51i_8{z-index:9500;background-color:var(--fiber-spinner-overlay-bg,#16161666);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}._overlay_7h51i_8._contained_7h51i_17{position:absolute}._children_7h51i_21{color:var(--fiber-color-text-secondary);text-align:center;font-size:.875rem}._dots_7h51i_27{align-items:center;gap:.3em;display:flex}._dot_7h51i_27{background-color:var(--fiber-color-primary);border-radius:50%;animation:1.2s ease-in-out infinite _dotBounce_7h51i_1;display:block}._dot_7h51i_27:first-child{animation-delay:0s}._dot_7h51i_27:nth-child(2){animation-delay:.2s}._dot_7h51i_27:nth-child(3){animation-delay:.4s}@keyframes _dotBounce_7h51i_1{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}._ring_7h51i_59{border-style:solid;border-color:var(--fiber-color-border-subtle-02) var(--fiber-color-border-subtle-02) var(--fiber-color-border-subtle-02) var(--fiber-color-primary);border-radius:50%;animation:.8s linear infinite _ringRotate_7h51i_1}@keyframes _ringRotate_7h51i_1{to{transform:rotate(360deg)}}._bars_7h51i_71{align-items:flex-end;gap:.2em;display:flex}._bar_7h51i_71{background-color:var(--fiber-color-primary);border-radius:2px;animation:1.2s ease-in-out infinite _barScale_7h51i_1;display:block}._bar_7h51i_71:first-child{animation-delay:0s}._bar_7h51i_71:nth-child(2){animation-delay:.15s}._bar_7h51i_71:nth-child(3){animation-delay:.3s}._bar_7h51i_71:nth-child(4){animation-delay:.45s}@keyframes _barScale_7h51i_1{0%,80%,to{opacity:.5;transform:scaleY(.4)}40%{opacity:1;transform:scaleY(1)}}._sizeXs_7h51i_106 ._dot_7h51i_27{width:.375rem;height:.375rem}._sizeXs_7h51i_106._ring_7h51i_59{border-width:2px;width:1rem;height:1rem}._sizeXs_7h51i_106 ._bar_7h51i_71{width:.2rem;height:.75rem}._sizeSm_7h51i_120 ._dot_7h51i_27{width:.5rem;height:.5rem}._sizeSm_7h51i_120._ring_7h51i_59{border-width:2px;width:1.5rem;height:1.5rem}._sizeSm_7h51i_120 ._bar_7h51i_71{width:.25rem;height:1rem}._sizeMd_7h51i_134 ._dot_7h51i_27{width:.625rem;height:.625rem}._sizeMd_7h51i_134._ring_7h51i_59{border-width:3px;width:2rem;height:2rem}._sizeMd_7h51i_134 ._bar_7h51i_71{width:.3rem;height:1.375rem}._sizeLg_7h51i_148 ._dot_7h51i_27{width:.875rem;height:.875rem}._sizeLg_7h51i_148._ring_7h51i_59{border-width:4px;width:3rem;height:3rem}._sizeLg_7h51i_148 ._bar_7h51i_71{width:.375rem;height:1.875rem}._sizeXl_7h51i_162 ._dot_7h51i_27{width:1.125rem;height:1.125rem}._sizeXl_7h51i_162._ring_7h51i_59{border-width:5px;width:4rem;height:4rem}._sizeXl_7h51i_162 ._bar_7h51i_71{width:.5rem;height:2.5rem}._tab_uiq2s_1{color:var(--fiber-color-text-secondary);font-family:var(--fiber-font-family-base);font-weight:var(--fiber-font-weight-medium);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:color 70ms,background-color 70ms;display:inline-flex}._tab_uiq2s_1:hover:not(._disabled_uiq2s_15){color:var(--fiber-color-text-primary);background-color:var(--fiber-color-layer-hover-01)}._tab_uiq2s_1._selected_uiq2s_19{color:var(--fiber-color-primary)}._tab_uiq2s_1._disabled_uiq2s_15{color:var(--fiber-color-text-disabled);cursor:not-allowed}._tab_uiq2s_1:focus-visible{outline:2px solid var(--fiber-color-primary);outline-offset:-2px}._orientationHorizontal_uiq2s_31{border-bottom:2px solid #0000}._orientationHorizontal_uiq2s_31._selected_uiq2s_19{border-bottom-color:var(--fiber-color-primary)}._orientationVertical_uiq2s_38{border-right:2px solid #0000;justify-content:flex-start}._orientationVertical_uiq2s_38._selected_uiq2s_19{border-right-color:var(--fiber-color-primary)}._sizeXS_uiq2s_46{font-size:var(--fiber-font-size-xs);gap:.25rem;padding:.25rem .5rem}._sizeSM_uiq2s_52{font-size:var(--fiber-font-size-sm);gap:.25rem;padding:.375rem .75rem}._sizeMD_uiq2s_58{font-size:var(--fiber-font-size-md);gap:.375rem;padding:.5rem 1rem}._sizeLG_uiq2s_64{font-size:var(--fiber-font-size-lg);gap:.375rem;padding:.625rem 1.25rem}._sizeXL_uiq2s_70{font-size:var(--fiber-font-size-xl);gap:.5rem;padding:.75rem 1.5rem}._tabListWrapper_ze4jv_1{flex-shrink:0;align-items:center;display:flex}._tabList_ze4jv_1{scrollbar-width:none;flex:1;min-width:0;display:flex}._tabList_ze4jv_1::-webkit-scrollbar{display:none}._scrollArrow_ze4jv_17{background:var(--fiber-color-layer-01);color:var(--fiber-color-text-secondary);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:color 70ms,background-color 70ms;display:flex}._scrollArrow_ze4jv_17:hover{color:var(--fiber-color-text-primary);background-color:var(--fiber-color-layer-hover-01)}._scrollArrow_ze4jv_17:focus-visible{outline:2px solid var(--fiber-color-primary);outline-offset:-2px}._orientationHorizontal_ze4jv_37{border-bottom:var(--fiber-border-thickness-xs) solid var(--fiber-color-border-subtle-01);flex-direction:row}._orientationHorizontal_ze4jv_37 ._tabList_ze4jv_1{flex-direction:row;overflow-x:auto}._orientationHorizontal_ze4jv_37 ._scrollArrow_ze4jv_17{padding:0 .25rem}._orientationVertical_ze4jv_49{border-right:var(--fiber-border-thickness-xs) solid var(--fiber-color-border-subtle-01);flex-direction:column}._orientationVertical_ze4jv_49 ._tabList_ze4jv_1{flex-direction:column;overflow-y:auto}._orientationVertical_ze4jv_49 ._scrollArrow_ze4jv_17{padding:.25rem 0}._tabPanel_10170_1{color:var(--fiber-color-text-primary)}._orientationHorizontal_10170_5{padding:1rem 0}._orientationVertical_10170_9{padding:0 1rem}._tabs_fl9gf_1{font-family:var(--fiber-font-family-base);display:flex}._tabs_fl9gf_1._orientationHorizontal_fl9gf_5{flex-direction:column}._tabs_fl9gf_1._orientationVertical_fl9gf_8{flex-direction:row}:root{--fiber-toast-animation-duration:.2s;--fiber-toast-success-bg:#defbe6;--fiber-toast-success-accent:#24a148;--fiber-toast-error-bg:#fff1f1;--fiber-toast-error-accent:var(--fiber-color-danger);--fiber-toast-warning-bg:#fdf6dd;--fiber-toast-warning-accent:#f1c21b;--fiber-toast-info-bg:#edf5ff;--fiber-toast-info-accent:var(--fiber-color-primary)}[data-theme=dark]{--fiber-toast-success-bg:#071908;--fiber-toast-error-bg:#2d0709;--fiber-toast-warning-bg:#302400;--fiber-toast-info-bg:#061727}._container_12fjd_20{z-index:10000;gap:var(--fiber-space-xs);width:min(380px, 100vw - 2 * var(--fiber-space-md));pointer-events:none;flex-direction:column;display:flex;position:fixed}._container_12fjd_20>*{pointer-events:all}._positionTopLeft_12fjd_33{top:var(--fiber-space-md);left:var(--fiber-space-md)}._positionTopRight_12fjd_38{top:var(--fiber-space-md);right:var(--fiber-space-md)}._positionBottomRight_12fjd_43{bottom:var(--fiber-space-md);right:var(--fiber-space-md)}._positionBottomLeft_12fjd_48{bottom:var(--fiber-space-md);left:var(--fiber-space-md)}._toast_12fjd_53{padding:var(--fiber-space-md);border-radius:var(--fiber-border-radius-md);border-left:var(--fiber-border-thickness-md) solid transparent;background-color:var(--fiber-color-layer-01);font-family:var(--fiber-font-family-base);font-size:var(--fiber-font-size-sm);flex-direction:column;display:flex;position:relative;box-shadow:0 2px 6px #0003}._hidden_12fjd_66{display:none}._dismissButton_12fjd_70{top:calc(var(--fiber-space-xs) / 2);right:calc(var(--fiber-space-xs) / 2);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-size:var(--fiber-font-size-lg);color:var(--fiber-color-text-secondary);border-radius:var(--fiber-border-radius-xs);background:0 0;border:none;padding:2px 6px;line-height:1;position:absolute}._dismissButton_12fjd_70:hover{background-color:var(--fiber-color-layer-hover-01)}._dismissButton_12fjd_70:focus-visible{outline:2px solid var(--fiber-color-primary);outline-offset:2px}._content_12fjd_92{align-items:flex-start;gap:var(--fiber-space-sm);display:flex}._hasDismiss_12fjd_98{padding-right:var(--fiber-space-xl)}._iconRight_12fjd_102{flex-direction:row-reverse}._iconWrap_12fjd_106{flex-shrink:0;align-items:center;display:flex}._textContent_12fjd_112{flex:1;min-width:0}._title_12fjd_117{font-weight:var(--fiber-font-weight-semibold);color:var(--fiber-color-text-primary);margin-bottom:.25rem}._message_12fjd_123{color:var(--fiber-color-text-secondary);line-height:var(--fiber-line-height-md)}._footer_12fjd_128{margin-top:var(--fiber-space-sm);align-items:center;gap:var(--fiber-space-sm);display:flex}._variantSuccess_12fjd_135{background-color:var(--fiber-toast-success-bg);border-left-color:var(--fiber-toast-success-accent)}._variantError_12fjd_140{background-color:var(--fiber-toast-error-bg);border-left-color:var(--fiber-toast-error-accent)}._variantWarning_12fjd_145{background-color:var(--fiber-toast-warning-bg);border-left-color:var(--fiber-toast-warning-accent)}._variantInfo_12fjd_150{background-color:var(--fiber-toast-info-bg);border-left-color:var(--fiber-toast-info-accent)}@keyframes _toastEnter_12fjd_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes _toastLeave_12fjd_1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}._animated_12fjd_175{animation:_toastEnter_12fjd_1 var(--fiber-toast-animation-duration) ease-out forwards}._animated_12fjd_175._leaving_12fjd_179{animation:_toastLeave_12fjd_1 var(--fiber-toast-animation-duration) ease-in forwards}:root{--fiber-button-font-family:var(--fiber-font-family-base);--fiber-button-font-weight:var(--fiber-font-weight-regular);--fiber-button-icon-margin:var(--fiber-space-md);--fiber-button-primary-bg:var(--fiber-color-primary);--fiber-button-primary-bg-hover:#0050e6;--fiber-button-primary-bg-active:#002d9c;--fiber-button-primary-color:var(--fiber-color-text-inverse);--fiber-button-secondary-bg:var(--fiber-color-secondary);--fiber-button-secondary-bg-hover:#474747;--fiber-button-secondary-bg-active:#6f6f6f;--fiber-button-secondary-color:var(--fiber-color-text-inverse);--fiber-button-tertiary-bg:transparent;--fiber-button-tertiary-bg-hover:var(--fiber-color-tertiary);--fiber-button-tertiary-bg-active:#0e6027;--fiber-button-tertiary-color:var(--fiber-color-tertiary);--fiber-button-tertiary-color-hover:var(--fiber-color-text-inverse);--fiber-button-danger-bg:var(--fiber-color-danger);--fiber-button-danger-bg-hover:#ba1b23;--fiber-button-danger-bg-active:#750e13;--fiber-button-danger-color:var(--fiber-color-text-inverse);--fiber-button-text-bg-hover:#8d8d8d1f;--fiber-button-text-color:var(--fiber-color-primary);--fiber-button-text-danger-bg-hover:#da1e281f;--fiber-button-text-danger-color:var(--fiber-color-danger)}._button_8lms1_28,._linkButton_8lms1_29{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border-radius:var(--fiber-border-radius-md);font-family:var(--fiber-button-font-family);font-size:var(--fiber-font-size-md);font-weight:var(--fiber-button-font-weight);border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;transition:background-color 70ms cubic-bezier(0,0,.38,.9);display:inline-flex}._button_8lms1_28:focus-visible,._linkButton_8lms1_29:focus-visible{outline:2px solid var(--fiber-color-primary);outline-offset:2px}._button_8lms1_28:disabled,._button_8lms1_28[aria-disabled=true],._linkButton_8lms1_29:disabled,._linkButton_8lms1_29[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}._sizeXS_8lms1_56{padding:calc(var(--fiber-space-xs) / 1.6) var(--fiber-space-xs);font-size:var(--fiber-font-size-xs)}._sizeSM_8lms1_61{padding:calc(var(--fiber-space-sm) / 1.6) var(--fiber-space-sm);font-size:var(--fiber-font-size-sm)}._sizeMD_8lms1_66{padding:calc(var(--fiber-space-md) / 1.6) var(--fiber-space-md);font-size:var(--fiber-font-size-md)}._sizeLG_8lms1_71{padding:calc(var(--fiber-space-lg) / 1.6) var(--fiber-space-lg);font-size:var(--fiber-font-size-lg)}._sizeXL_8lms1_76{padding:calc(var(--fiber-space-xl) / 1.6) var(--fiber-space-xl);font-size:var(--fiber-font-size-xl)}._size2XL_8lms1_81{padding:calc(var(--fiber-space-2xl) / 1.6) var(--fiber-space-2xl);font-size:var(--fiber-font-size-2xl)}._kindPrimary_8lms1_86{background-color:var(--fiber-button-primary-bg);color:var(--fiber-button-primary-color)}._kindPrimary_8lms1_86:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--fiber-button-primary-bg-hover)}._kindPrimary_8lms1_86:active:not(:disabled):not([aria-disabled=true]){background-color:var(--fiber-button-primary-bg-active)}._kindSecondary_8lms1_97{background-color:var(--fiber-button-secondary-bg);color:var(--fiber-button-secondary-color)}._kindSecondary_8lms1_97:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--fiber-button-secondary-bg-hover)}._kindSecondary_8lms1_97:active:not(:disabled):not([aria-disabled=true]){background-color:var(--fiber-button-secondary-bg-active)}._kindTertiary_8lms1_108{background-color:var(--fiber-button-tertiary-bg);color:var(--fiber-button-tertiary-color);border-color:var(--fiber-button-tertiary-color)}._kindTertiary_8lms1_108:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--fiber-button-tertiary-bg-hover);color:var(--fiber-button-tertiary-color-hover)}._kindTertiary_8lms1_108:active:not(:disabled):not([aria-disabled=true]){background-color:var(--fiber-button-tertiary-bg-active);color:var(--fiber-button-tertiary-color-hover)}._kindDanger_8lms1_122{background-color:var(--fiber-button-danger-bg);color:var(--fiber-button-danger-color)}._kindDanger_8lms1_122:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--fiber-button-danger-bg-hover)}._kindDanger_8lms1_122:active:not(:disabled):not([aria-disabled=true]){background-color:var(--fiber-button-danger-bg-active)}._kindText_8lms1_133{color:var(--fiber-button-text-color);background-color:#0000}._kindText_8lms1_133:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--fiber-button-text-bg-hover)}._kindTextDanger_8lms1_141{color:var(--fiber-button-text-danger-color);background-color:#0000}._kindTextDanger_8lms1_141:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--fiber-button-text-danger-bg-hover)}._container_8lms1_149{justify-content:space-between;align-items:center;width:100%;display:flex}._icon_8lms1_156{display:inline-flex}._iconAfter_8lms1_160{margin-left:var(--fiber-button-icon-margin)}._iconBefore_8lms1_164{margin-right:var(--fiber-button-icon-margin)}._iconOnly_8lms1_168{margin:0}._calendar_ov07u_1{background-color:var(--fiber-color-background);border:1px solid var(--fiber-color-border-subtle-01);border-radius:var(--fiber-border-radius-lg);font-size:var(--fiber-font-size-md);color:var(--fiber-color-text-primary);--__f__font-size:var(--fiber-font-size-md);--__f_cell-size:calc(var(--fiber-space-md) * 2.5);--__f__header-height:calc(var(--fiber-font-size-md) * 20);--_nav-size:28px;display:inline-flex;overflow:hidden;box-shadow:0 2px 8px #00000014}._presets_ov07u_16{padding:var(--fiber-space-sm);border-right:1px solid var(--fiber-color-border-subtle-01);background-color:var(--fiber-color-layer-01);flex-direction:column;gap:4px;min-width:140px;display:flex}._presetButton_ov07u_26{width:100%;padding:calc(var(--fiber-space-xs) / 2) var(--fiber-space-sm);text-align:left;border-radius:var(--fiber-border-radius-md);color:var(--fiber-color-text-primary);cursor:pointer;font-size:var(--__f__font-size);background:0 0;border:none;display:block}._presetButton_ov07u_26:hover{background-color:var(--fiber-color-layer-hover-01)}._presetButton_ov07u_26:focus-visible{outline:2px solid var(--fiber-color-primary);outline-offset:0}._calendarBody_ov07u_46{padding:var(--fiber-space-sm);gap:var(--fiber-space-sm);flex-direction:column;display:flex}._months_ov07u_53{gap:var(--fiber-space-md);display:flex}._monthPanel_ov07u_58{flex-direction:column;gap:4px;display:flex;position:relative}._header_ov07u_65{justify-content:space-between;align-items:center;gap:4px;padding:0 2px;display:flex;position:relative}._headerTitle_ov07u_74{text-align:center;cursor:pointer;font-weight:600;font-size:var(--__f__font-size);color:var(--fiber-color-text-primary);padding:4px var(--fiber-space-xs);border-radius:var(--fiber-border-radius-md);background:0 0;border:none;flex:1}._headerTitle_ov07u_74:hover{background-color:var(--fiber-color-layer-hover-01)}._headerTitle_ov07u_74:focus-visible{outline:2px solid var(--fiber-color-primary);outline-offset:0}._navArrow_ov07u_94{cursor:pointer;color:var(--fiber-color-text-secondary);border-radius:var(--fiber-border-radius-md);width:var(--_nav-size);height:var(--_nav-size);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}._navArrow_ov07u_94:hover{background-color:var(--fiber-color-layer-hover-01);color:var(--fiber-color-text-primary)}._navArrow_ov07u_94:focus-visible{outline:2px solid var(--fiber-color-primary);outline-offset:0}._dayHeaders_ov07u_116{grid-template-columns:repeat(7,1fr);display:grid}._dayHeader_ov07u_116{width:var(--__f_cell-size);height:var(--__f__header-height);font-size:var(--__f__font-size);color:var(--fiber-color-text-secondary);justify-content:center;align-items:center;font-weight:500;display:flex}._dayGrid_ov07u_132{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}._dayGrid_ov07u_132:focus{outline:none}._dayCell_ov07u_141{width:var(--__f_cell-size);height:var(--__f_cell-size);border-radius:var(--fiber-border-radius-md);cursor:pointer;font-size:var(--__f__font-size);color:var(--fiber-color-text-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none;border:2px solid #0000;justify-content:center;align-items:center;transition:background-color .1s;display:flex;position:relative}._dayCell_ov07u_141:hover:not(._disabled_ov07u_156):not(._selected_ov07u_156):not(._rangeStart_ov07u_156):not(._rangeEnd_ov07u_156){background-color:var(--fiber-color-layer-hover-01)}._dayCell_ov07u_141._otherMonth_ov07u_159{color:var(--fiber-color-text-disabled);opacity:.6}._dayCell_ov07u_141._today_ov07u_163{border-color:var(--fiber-color-primary);font-weight:700}._dayCell_ov07u_141._selected_ov07u_156{background-color:var(--fiber-color-primary);color:var(--fiber-color-text-inverse);border-color:var(--fiber-color-primary);border-radius:var(--fiber-border-radius-md)}._dayCell_ov07u_141._rangeStart_ov07u_156{background-color:var(--fiber-color-primary);color:var(--fiber-color-text-inverse);border-color:var(--fiber-color-primary);border-radius:var(--fiber-border-radius-md) 0 0 var(--fiber-border-radius-md)}._dayCell_ov07u_141._rangeEnd_ov07u_156{background-color:var(--fiber-color-primary);color:var(--fiber-color-text-inverse);border-color:var(--fiber-color-primary);border-radius:0 var(--fiber-border-radius-md) var(--fiber-border-radius-md) 0}._dayCell_ov07u_141._inRange_ov07u_185{background-color:#0f62fe1f;border-color:#0000;border-radius:0}._dayCell_ov07u_141._inRange_ov07u_185:hover{background-color:#0f62fe33}._dayCell_ov07u_141._hoverRange_ov07u_193{background-color:#0f62fe14;border-color:#0000;border-radius:0}._dayCell_ov07u_141._disabled_ov07u_156{color:var(--fiber-color-text-disabled);cursor:not-allowed;opacity:.5;pointer-events:none}._dayCell_ov07u_141._focused_ov07u_204{outline:2px solid var(--fiber-color-primary);outline-offset:-2px}._clearButtonRow_ov07u_209{justify-content:flex-start;padding-top:4px;display:flex}._clearButton_ov07u_209{cursor:pointer;color:var(--fiber-color-text-secondary);font-size:var(--__f__font-size);padding:4px var(--fiber-space-xs);border-radius:var(--fiber-border-radius-md);background:0 0;border:none;align-items:center;gap:4px;display:flex}._clearButton_ov07u_209:hover{color:var(--fiber-color-text-primary);background-color:var(--fiber-color-layer-hover-01)}._clearButton_ov07u_209:focus-visible{outline:2px solid var(--fiber-color-primary);outline-offset:0}._validation_ov07u_236{font-size:var(--__f__font-size);color:var(--fiber-color-text-secondary);padding:4px 2px}._validationInvalid_ov07u_242{color:var(--fiber-color-danger)}._jumpPicker_ov07u_246{z-index:100;background-color:var(--fiber-color-background);border:1px solid var(--fiber-color-border-subtle-01);border-radius:var(--fiber-border-radius-lg);padding:var(--fiber-space-sm);min-width:200px;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000001f}._jumpPickerYear_ov07u_260{margin-bottom:var(--fiber-space-xs);font-weight:600;font-size:var(--__f__font-size);justify-content:space-between;align-items:center;display:flex}._jumpPickerMonths_ov07u_269{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}._jumpPickerMonth_ov07u_269{border-radius:var(--fiber-border-radius-md);cursor:pointer;font-size:var(--__f__font-size);color:var(--fiber-color-text-primary);background:0 0;border:none;justify-content:center;align-items:center;padding:6px 4px;display:flex}._jumpPickerMonth_ov07u_269:hover{background-color:var(--fiber-color-layer-hover-01)}._jumpPickerMonth_ov07u_269:focus-visible{outline:2px solid var(--fiber-color-primary);outline-offset:0}._jumpPickerMonthActive_ov07u_295{background-color:var(--fiber-color-primary);color:var(--fiber-color-text-inverse)}._jumpPickerMonthActive_ov07u_295:hover{background-color:var(--fiber-color-primary);opacity:.9}._sizeXS_ov07u_304{--__f_cell-size:calc(var(--fiber-space-xs) * 2.5);--__f__font-size:var(--fiber-font-size-xs);--__f__header-height:calc(var(--fiber-font-size-xs) * 2);--_nav-size:22px}._sizeSM_ov07u_311{--__f_cell-size:calc(var(--fiber-space-sm) * 2.5);--__f__font-size:var(--fiber-font-size-sm);--__f__header-height:calc(var(--fiber-font-size-sm) * 2);--_nav-size:24px}._sizeMD_ov07u_318{--__f_cell-size:calc(var(--fiber-space-md) * 2.5);--__f__font-size:var(--fiber-font-size-md);--__f__header-height:calc(var(--fiber-font-size-md) * 2);--_nav-size:28px}._sizeLG_ov07u_325{--__f_cell-size:calc(var(--fiber-space-lg) * 2.5);--__f__font-size:var(--fiber-font-size-lg);--__f__header-height:calc(var(--fiber-font-size-lg) * 2);--_nav-size:32px}._sizeXL_ov07u_332{--__f_cell-size:calc(var(--fiber-space-xl) * 2.5);--__f__font-size:var(--fiber-font-size-xl);--__f__header-height:calc(var(--fiber-font-size-xl) * 2);--_nav-size:36px}._inputRow_1g33w_1{position:relative}._textInput_1g33w_8{flex-direction:column;display:flex}._textInput_1g33w_8>*{flex:1}._textInput_1g33w_8._invalid_1g33w_15 ._input_1g33w_1{border-color:var(--fiber-color-danger)}._textInput_1g33w_8._invalid_1g33w_15 ._input_1g33w_1:focus{outline-color:var(--fiber-color-danger)}._label_1g33w_22{color:var(--fiber-color-text-primary)}._label_1g33w_22._invalid_1g33w_15{color:var(--fiber-color-danger)}._input_1g33w_1{border-radius:var(--fiber-border-radius-md);border:1px solid var(--fiber-color-border-strong-01);background-color:var(--fiber-color-layer-01);color:var(--fiber-color-text-primary);max-width:100%}._input_1g33w_1:focus{outline:2px solid var(--fiber-color-primary);outline-offset:0}._input_1g33w_1:disabled{cursor:not-allowed;opacity:.5}._footer_1g33w_45{color:var(--fiber-color-text-secondary)}._footerInvalid_1g33w_49{color:var(--fiber-color-danger)}._sizeXS_1g33w_53{--_input-side-padding:calc(var(--fiber-space-xs) / 2)}._sizeXS_1g33w_53 ._label_1g33w_22,._sizeXS_1g33w_53 ._footer_1g33w_45,._sizeXS_1g33w_53 ._footerInvalid_1g33w_49{font-size:var(--fiber-font-size-xs);padding:calc(var(--fiber-space-xs) / 2) 0}._sizeXS_1g33w_53 ._input_1g33w_1{font-size:var(--fiber-font-size-xs);border-radius:var(--fiber-border-radius-xs);padding:calc(var(--fiber-space-xs) / 2)}._sizeSM_1g33w_68{--_input-side-padding:calc(var(--fiber-space-sm) / 2)}._sizeSM_1g33w_68 ._label_1g33w_22,._sizeSM_1g33w_68 ._footer_1g33w_45,._sizeSM_1g33w_68 ._footerInvalid_1g33w_49{font-size:var(--fiber-font-size-sm);padding:calc(var(--fiber-space-sm) / 2) 0}._sizeSM_1g33w_68 ._input_1g33w_1{font-size:var(--fiber-font-size-sm);border-radius:var(--fiber-border-radius-sm);padding:calc(var(--fiber-space-sm) / 2)}._sizeMD_1g33w_83{--_input-side-padding:calc(var(--fiber-space-md) / 2)}._sizeMD_1g33w_83 ._label_1g33w_22,._sizeMD_1g33w_83 ._footer_1g33w_45,._sizeMD_1g33w_83 ._footerInvalid_1g33w_49{font-size:var(--fiber-font-size-md);padding:calc(var(--fiber-space-md) / 2) 0}._sizeMD_1g33w_83 ._input_1g33w_1{font-size:var(--fiber-font-size-md);border-radius:var(--fiber-border-radius-md);padding:calc(var(--fiber-space-md) / 2)}._sizeLG_1g33w_98{--_input-side-padding:calc(var(--fiber-space-lg) / 2)}._sizeLG_1g33w_98 ._label_1g33w_22,._sizeLG_1g33w_98 ._footer_1g33w_45,._sizeLG_1g33w_98 ._footerInvalid_1g33w_49{font-size:var(--fiber-font-size-lg);padding:calc(var(--fiber-space-lg) / 2) 0}._sizeLG_1g33w_98 ._input_1g33w_1{font-size:var(--fiber-font-size-lg);border-radius:var(--fiber-border-radius-lg);padding:calc(var(--fiber-space-lg) / 2)}._sizeXL_1g33w_113{--_input-side-padding:calc(var(--fiber-space-xl) / 2)}._sizeXL_1g33w_113 ._label_1g33w_22,._sizeXL_1g33w_113 ._footer_1g33w_45,._sizeXL_1g33w_113 ._footerInvalid_1g33w_49{font-size:var(--fiber-font-size-xl);padding:calc(var(--fiber-space-xl) / 2) 0}._sizeXL_1g33w_113 ._input_1g33w_1{font-size:var(--fiber-font-size-xl);border-radius:var(--fiber-border-radius-xl);padding:calc(var(--fiber-space-xl) / 2)}._inputRow_1g33w_1 ._input_1g33w_1{padding-right:var(--_input-right-slot-padding,0px)}._calendarInput_9rab9_1{flex-direction:column;display:inline-flex;position:relative}._textInputOverride_9rab9_7{--_input-right-slot-padding:calc(var(--_input-side-padding,calc(var(--fiber-space-md) / 2)) + 36px);width:100%}._inputIcons_9rab9_12{right:var(--_input-side-padding,calc(var(--fiber-space-md) / 2));pointer-events:none;align-items:center;gap:4px;display:flex;position:absolute;top:0;bottom:0}._inputIcons_9rab9_12>*{pointer-events:auto}._calendarIcon_9rab9_26{color:var(--fiber-color-text-secondary);pointer-events:none;align-items:center;display:flex}._clearIcon_9rab9_33{cursor:pointer;color:var(--fiber-color-text-secondary);border-radius:var(--fiber-border-radius-sm);background:0 0;border:none;align-items:center;padding:2px;display:flex}._clearIcon_9rab9_33:hover{color:var(--fiber-color-text-primary);background-color:var(--fiber-color-layer-hover-01)}._clearIcon_9rab9_33:focus-visible{outline:2px solid var(--fiber-color-primary);outline-offset:0}._backdrop_9rab9_52{z-index:4999;background-color:#0000;display:none;position:fixed;inset:0}@media (width<=640px){._backdrop_9rab9_52{background-color:#0006;display:block}}._popover_9rab9_66{z-index:5000;border-radius:var(--fiber-border-radius-lg);background-color:var(--fiber-color-background);position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 20px #0000001f}@media (width<=640px){._popover_9rab9_66{max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}}._checkBoxContainer_cz0o0_1{flex-flow:wrap;align-items:flex-start;display:flex}._checkBoxContainer_cz0o0_1._invalid_cz0o0_7 ._input_cz0o0_7{border-color:var(--fiber-color-danger)}._checkBoxContainer_cz0o0_1._invalid_cz0o0_7 ._input_cz0o0_7:focus{outline-color:var(--fiber-color-danger)}._checkBoxContainer_cz0o0_1._sizeXS_cz0o0_13{-moz-column-gap:calc(var(--fiber-space-xs) / 2);column-gap:calc(var(--fiber-space-xs) / 2)}._checkBoxContainer_cz0o0_1._sizeSM_cz0o0_16{-moz-column-gap:calc(var(--fiber-space-sm) / 2);column-gap:calc(var(--fiber-space-sm) / 2)}._checkBoxContainer_cz0o0_1._sizeMD_cz0o0_19{-moz-column-gap:calc(var(--fiber-space-md) / 2);column-gap:calc(var(--fiber-space-md) / 2)}._checkBoxContainer_cz0o0_1._sizeLG_cz0o0_22{-moz-column-gap:calc(var(--fiber-space-lg) / 2);column-gap:calc(var(--fiber-space-lg) / 2)}._checkBoxContainer_cz0o0_1._sizeXL_cz0o0_25{-moz-column-gap:calc(var(--fiber-space-xl) / 2);column-gap:calc(var(--fiber-space-xl) / 2)}._label_cz0o0_29{color:var(--fiber-color-text-primary)}._label_cz0o0_29._invalid_cz0o0_7{color:var(--fiber-color-danger)}._footerInvalid_cz0o0_36{width:100%;color:var(--fiber-color-danger)}._input_cz0o0_7{border-radius:var(--fiber-border-radius-xs);cursor:pointer;accent-color:var(--fiber-color-primary)}._label_cz0o0_29{cursor:pointer;color:var(--fiber-color-text-primary)}._sizeXS_cz0o0_13 ._label_cz0o0_29,._sizeXS_cz0o0_13 ._footer_cz0o0_36,._sizeXS_cz0o0_13 ._footerInvalid_cz0o0_36{font-size:var(--fiber-font-size-xs);padding:calc(var(--fiber-space-xs) / 2) 0}._sizeXS_cz0o0_13 ._input_cz0o0_7{height:var(--fiber-font-size-xs);width:var(--fiber-font-size-xs);font-size:var(--fiber-font-size-xs);border-radius:var(--fiber-border-radius-xs);margin:0}._sizeSM_cz0o0_16 ._label_cz0o0_29,._sizeSM_cz0o0_16 ._footer_cz0o0_36,._sizeSM_cz0o0_16 ._footerInvalid_cz0o0_36{font-size:var(--fiber-font-size-sm);padding:calc(var(--fiber-space-sm) / 2) 0}._sizeSM_cz0o0_16 ._input_cz0o0_7{height:var(--fiber-font-size-sm);width:var(--fiber-font-size-sm);font-size:var(--fiber-font-size-sm);border-radius:var(--fiber-border-radius-sm);margin:0}._sizeMD_cz0o0_19 ._label_cz0o0_29,._sizeMD_cz0o0_19 ._footer_cz0o0_36,._sizeMD_cz0o0_19 ._footerInvalid_cz0o0_36{font-size:var(--fiber-font-size-md);padding:calc(var(--fiber-space-md) / 2) 0}._sizeMD_cz0o0_19 ._input_cz0o0_7{height:var(--fiber-font-size-md);width:var(--fiber-font-size-md);font-size:var(--fiber-font-size-md);border-radius:var(--fiber-border-radius-md);margin:0}._sizeLG_cz0o0_22 ._label_cz0o0_29,._sizeLG_cz0o0_22 ._footer_cz0o0_36,._sizeLG_cz0o0_22 ._footerInvalid_cz0o0_36{font-size:var(--fiber-font-size-lg);padding:calc(var(--fiber-space-lg) / 2) 0}._sizeLG_cz0o0_22 ._input_cz0o0_7{height:var(--fiber-font-size-lg);width:var(--fiber-font-size-lg);border-radius:var(--fiber-border-radius-lg);margin:0}._sizeXL_cz0o0_25 ._label_cz0o0_29,._sizeXL_cz0o0_25 ._footer_cz0o0_36,._sizeXL_cz0o0_25 ._footerInvalid_cz0o0_36{font-size:var(--fiber-font-size-xl);padding:calc(var(--fiber-space-xl) / 2) 0}._sizeXL_cz0o0_25 ._input_cz0o0_7{height:var(--fiber-font-size-xl);width:var(--fiber-font-size-xl);border-radius:var(--fiber-border-radius-xl);margin:0}._checkBoxGroup_rvy59_1{border:none;flex-direction:column;gap:.5rem;margin:0;padding:0;display:flex}._checkBoxGroup_rvy59_1._horizontal_rvy59_9{flex-flow:wrap}._checkBoxGroup_rvy59_1._vertical_rvy59_13{flex-direction:column}._legend_rvy59_17{color:var(--fiber-color-text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500}._sizeXS_rvy59_24 ._legend_rvy59_17{font-size:var(--fiber-font-size-xs);padding:calc(var(--fiber-space-xs) / 2) 0}._sizeSM_rvy59_29 ._legend_rvy59_17{font-size:var(--fiber-font-size-sm);padding:calc(var(--fiber-space-sm) / 2) 0}._sizeMD_rvy59_34 ._legend_rvy59_17{font-size:var(--fiber-font-size-md);padding:calc(var(--fiber-space-md) / 2) 0}._sizeLG_rvy59_39 ._legend_rvy59_17{font-size:var(--fiber-font-size-lg);padding:calc(var(--fiber-space-lg) / 2) 0}._sizeXL_rvy59_44 ._legend_rvy59_17{font-size:var(--fiber-font-size-xl);padding:calc(var(--fiber-space-xl) / 2) 0}._combobox_ffggu_1{flex-direction:column;display:flex}._label_ffggu_6{color:var(--fiber-color-text-primary)}._label_ffggu_6._invalid_ffggu_9{color:var(--fiber-color-danger)}._inputArea_ffggu_13{position:relative}._inputWrapper_ffggu_17{cursor:text;border-radius:var(--fiber-border-radius-md);border:1px solid var(--fiber-color-border-strong-01);background-color:var(--fiber-color-layer-01);color:var(--fiber-color-text-primary);flex-wrap:wrap;align-items:center;gap:4px;display:flex}._inputWrapper_ffggu_17._open_ffggu_28{outline:2px solid var(--fiber-color-primary);outline-offset:0}._inputWrapper_ffggu_17._invalid_ffggu_9{border-color:var(--fiber-color-danger)}._inputWrapper_ffggu_17._invalid_ffggu_9._open_ffggu_28{outline-color:var(--fiber-color-danger)}._inputWrapper_ffggu_17._disabled_ffggu_38{cursor:not-allowed;opacity:.5}._inputWrapper_ffggu_17._readOnly_ffggu_42{background-color:var(--fiber-color-layer-02,var(--fiber-color-layer-01))}._input_ffggu_13{min-width:60px;color:inherit;font-size:inherit;background:0 0;border:none;outline:none;flex:60px;padding:0;font-family:inherit}._input_ffggu_13::-moz-placeholder{color:var(--fiber-color-text-placeholder,var(--fiber-color-text-secondary))}._input_ffggu_13::placeholder{color:var(--fiber-color-text-placeholder,var(--fiber-color-text-secondary))}._input_ffggu_13:disabled{cursor:not-allowed}._chip_ffggu_64{border-radius:var(--fiber-border-radius-xs);background-color:var(--fiber-color-layer-selected,var(--fiber-color-primary));color:var(--fiber-color-text-on-color,#fff);align-items:center;gap:4px;padding:1px 6px;font-size:.85em;line-height:1.4;display:inline-flex}._chipRemove_ffggu_76{width:14px;height:14px;color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}._chipRemove_ffggu_76:hover{opacity:1}._countBadge_ffggu_96{border-radius:var(--fiber-border-radius-xs);background-color:var(--fiber-color-layer-selected,var(--fiber-color-primary));color:var(--fiber-color-text-on-color,#fff);white-space:nowrap;align-items:center;padding:1px 8px;font-size:.85em;display:inline-flex}._clearButton_ffggu_107{width:18px;height:18px;color:var(--fiber-color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:flex}._clearButton_ffggu_107:hover{color:var(--fiber-color-text-primary);background-color:var(--fiber-color-layer-hover,#0000000f)}._chevron_ffggu_128{border-top:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;flex-shrink:0;width:0;height:0;transition:transform .15s;display:inline-block}._chevron_ffggu_128._open_ffggu_28{transform:rotate(180deg)}._loadingSpinner_ffggu_142{flex-shrink:0;align-items:center;gap:3px;margin-right:4px;display:inline-flex}._spinnerDot_ffggu_150{background-color:var(--fiber-color-text-secondary);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite _spinnerPulse_ffggu_1;display:inline-block}._spinnerDot_ffggu_150:nth-child(2){animation-delay:.2s}._spinnerDot_ffggu_150:nth-child(3){animation-delay:.4s}@keyframes _spinnerPulse_ffggu_1{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}._dropdown_ffggu_175{z-index:100;border-radius:var(--fiber-border-radius-md);border:1px solid var(--fiber-color-border-strong-01);background-color:var(--fiber-color-layer-01);max-height:240px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001f}._dropdown_ffggu_175._above_ffggu_191{top:auto;bottom:calc(100% + 2px)}._option_ffggu_196{cursor:pointer;color:var(--fiber-color-text-primary);align-items:center;display:flex}._option_ffggu_196:hover,._option_ffggu_196._highlighted_ffggu_202{background-color:var(--fiber-color-layer-hover,#0000000f)}._option_ffggu_196._selected_ffggu_205{background-color:var(--fiber-color-layer-selected-hover,#0000001a);font-weight:500}._option_ffggu_196._createOption_ffggu_209{color:var(--fiber-color-primary);font-style:italic}._groupHeader_ffggu_214{text-transform:uppercase;letter-spacing:.05em;color:var(--fiber-color-text-secondary);cursor:default;font-size:.75em;font-weight:600}._statusItem_ffggu_223{color:var(--fiber-color-text-secondary);cursor:default;font-style:italic}._footer_ffggu_229{color:var(--fiber-color-text-secondary)}._footerInvalid_ffggu_233{color:var(--fiber-color-danger)}._sizeXS_ffggu_237 ._label_ffggu_6,._sizeXS_ffggu_237 ._footer_ffggu_229,._sizeXS_ffggu_237 ._footerInvalid_ffggu_233{font-size:var(--fiber-font-size-xs);padding:calc(var(--fiber-space-xs) / 2) 0}._sizeXS_ffggu_237 ._inputWrapper_ffggu_17{font-size:var(--fiber-font-size-xs);border-radius:var(--fiber-border-radius-xs);padding:calc(var(--fiber-space-xs) / 2);gap:3px}._sizeXS_ffggu_237 ._option_ffggu_196,._sizeXS_ffggu_237 ._statusItem_ffggu_223,._sizeXS_ffggu_237 ._groupHeader_ffggu_214{padding:calc(var(--fiber-space-xs) / 2) var(--fiber-space-xs);font-size:var(--fiber-font-size-xs)}._sizeSM_ffggu_256 ._label_ffggu_6,._sizeSM_ffggu_256 ._footer_ffggu_229,._sizeSM_ffggu_256 ._footerInvalid_ffggu_233{font-size:var(--fiber-font-size-sm);padding:calc(var(--fiber-space-sm) / 2) 0}._sizeSM_ffggu_256 ._inputWrapper_ffggu_17{font-size:var(--fiber-font-size-sm);border-radius:var(--fiber-border-radius-sm);padding:calc(var(--fiber-space-sm) / 2);gap:3px}._sizeSM_ffggu_256 ._option_ffggu_196,._sizeSM_ffggu_256 ._statusItem_ffggu_223,._sizeSM_ffggu_256 ._groupHeader_ffggu_214{padding:calc(var(--fiber-space-sm) / 2) var(--fiber-space-sm);font-size:var(--fiber-font-size-sm)}._sizeMD_ffggu_275 ._label_ffggu_6,._sizeMD_ffggu_275 ._footer_ffggu_229,._sizeMD_ffggu_275 ._footerInvalid_ffggu_233{font-size:var(--fiber-font-size-md);padding:calc(var(--fiber-space-md) / 2) 0}._sizeMD_ffggu_275 ._inputWrapper_ffggu_17{font-size:var(--fiber-font-size-md);border-radius:var(--fiber-border-radius-md);padding:calc(var(--fiber-space-md) / 2);gap:4px}._sizeMD_ffggu_275 ._option_ffggu_196,._sizeMD_ffggu_275 ._statusItem_ffggu_223,._sizeMD_ffggu_275 ._groupHeader_ffggu_214{padding:calc(var(--fiber-space-md) / 2) var(--fiber-space-md);font-size:var(--fiber-font-size-md)}._sizeLG_ffggu_294 ._label_ffggu_6,._sizeLG_ffggu_294 ._footer_ffggu_229,._sizeLG_ffggu_294 ._footerInvalid_ffggu_233{font-size:var(--fiber-font-size-lg);padding:calc(var(--fiber-space-lg) / 2) 0}._sizeLG_ffggu_294 ._inputWrapper_ffggu_17{font-size:var(--fiber-font-size-lg);border-radius:var(--fiber-border-radius-lg);padding:calc(var(--fiber-space-lg) / 2);gap:5px}._sizeLG_ffggu_294 ._option_ffggu_196,._sizeLG_ffggu_294 ._statusItem_ffggu_223,._sizeLG_ffggu_294 ._groupHeader_ffggu_214{padding:calc(var(--fiber-space-lg) / 2) var(--fiber-space-lg);font-size:var(--fiber-font-size-lg)}._sizeXL_ffggu_313 ._label_ffggu_6,._sizeXL_ffggu_313 ._footer_ffggu_229,._sizeXL_ffggu_313 ._footerInvalid_ffggu_233{font-size:var(--fiber-font-size-xl);padding:calc(var(--fiber-space-xl) / 2) 0}._sizeXL_ffggu_313 ._inputWrapper_ffggu_17{font-size:var(--fiber-font-size-xl);border-radius:var(--fiber-border-radius-xl);padding:calc(var(--fiber-space-xl) / 2);gap:6px}._sizeXL_ffggu_313 ._option_ffggu_196,._sizeXL_ffggu_313 ._statusItem_ffggu_223,._sizeXL_ffggu_313 ._groupHeader_ffggu_214{padding:calc(var(--fiber-space-xl) / 2) var(--fiber-space-xl);font-size:var(--fiber-font-size-xl)}._contentSwitcher_1milk_1{border-radius:var(--fiber-border-radius-md);border:1px solid var(--fiber-color-border-subtle-01);align-items:center;display:inline-flex;overflow:hidden}._switcherItem_1milk_9{border-radius:var(--fiber-border-radius-sm);background:var(--fiber-color-layer-01);color:var(--fiber-color-text-primary);cursor:pointer;border:none;padding:.375rem 1rem;font-size:.875rem;transition:background-color 70ms}._switcherItem_1milk_9:hover:not([aria-selected=true]){background-color:var(--fiber-color-layer-hover-01)}._switcherItem_1milk_9._selected_1milk_22,._switcherItem_1milk_9[aria-selected=true]{background-color:var(--fiber-color-primary);color:var(--fiber-color-text-inverse)}._switcherItem_1milk_9:focus-visible{outline:2px solid var(--fiber-color-primary);outline-offset:-2px}._divider_1milk_31{background-color:var(--fiber-color-border-subtle-01);align-self:center;width:1px;height:1rem;margin:0 .5rem}._selectContainer_4ene6_1{color:var(--fiber-color-text-primary);flex-direction:column;display:flex}._selectContainer_4ene6_1._invalid_4ene6_6 ._selectInput_4ene6_6{border-color:var(--fiber-color-danger)}._selectContainer_4ene6_1._invalid_4ene6_6 ._selectInput_4ene6_6:focus{outline-color:var(--fiber-color-danger)}._label_4ene6_13{color:var(--fiber-color-text-primary)}._label_4ene6_13._invalid_4ene6_6{color:var(--fiber-color-danger)}._selectWrapper_4ene6_20{display:flex;position:relative}._selectWrapper_4ene6_20:after{content:"";pointer-events:none;border-top:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}._selectMultipleWrapper_4ene6_37:after{display:none}._selectInput_4ene6_6{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--fiber-border-radius-md);border:1px solid var(--fiber-color-border-strong-01);background-color:var(--fiber-color-layer-01);color:var(--fiber-color-text-primary);width:100%;max-width:100%;line-height:1.1}._selectInput_4ene6_6:focus{outline:2px solid var(--fiber-color-primary);outline-offset:0}._selectInput_4ene6_6:disabled{cursor:not-allowed;opacity:.5}._footer_4ene6_60{color:var(--fiber-color-text-secondary)}._footerInvalid_4ene6_64{color:var(--fiber-color-danger)}._sizeXS_4ene6_68 ._label_4ene6_13,._sizeXS_4ene6_68 ._footer_4ene6_60,._sizeXS_4ene6_68 ._footerInvalid_4ene6_64{font-size:var(--fiber-font-size-xs);padding:calc(var(--fiber-space-xs) / 2) 0}._sizeXS_4ene6_68 ._selectWrapper_4ene6_20:after{right:var(--fiber-space-xs)}._sizeXS_4ene6_68 ._selectInput_4ene6_6{font-size:var(--fiber-font-size-xs);border-radius:var(--fiber-border-radius-xs);padding:calc(var(--fiber-space-xs) / 2);padding-right:calc(var(--fiber-space-xs) * 2)}._sizeSM_4ene6_84 ._label_4ene6_13,._sizeSM_4ene6_84 ._footer_4ene6_60,._sizeSM_4ene6_84 ._footerInvalid_4ene6_64{font-size:var(--fiber-font-size-sm);padding:calc(var(--fiber-space-sm) / 2) 0}._sizeSM_4ene6_84 ._selectWrapper_4ene6_20:after{right:var(--fiber-space-sm)}._sizeSM_4ene6_84 ._selectInput_4ene6_6{font-size:var(--fiber-font-size-sm);border-radius:var(--fiber-border-radius-sm);padding:calc(var(--fiber-space-sm) / 2);padding-right:calc(var(--fiber-space-sm) * 2)}._sizeMD_4ene6_100 ._label_4ene6_13,._sizeMD_4ene6_100 ._footer_4ene6_60,._sizeMD_4ene6_100 ._footerInvalid_4ene6_64{font-size:var(--fiber-font-size-md);padding:calc(var(--fiber-space-md) / 2) 0}._sizeMD_4ene6_100 ._selectWrapper_4ene6_20:after{right:var(--fiber-space-md)}._sizeMD_4ene6_100 ._selectInput_4ene6_6{font-size:var(--fiber-font-size-md);border-radius:var(--fiber-border-radius-md);padding:calc(var(--fiber-space-md) / 2);padding-right:calc(var(--fiber-space-md) * 2)}._sizeLG_4ene6_116 ._label_4ene6_13,._sizeLG_4ene6_116 ._footer_4ene6_60,._sizeLG_4ene6_116 ._footerInvalid_4ene6_64{font-size:var(--fiber-font-size-lg);padding:calc(var(--fiber-space-lg) / 2) 0}._sizeLG_4ene6_116 ._selectWrapper_4ene6_20:after{right:var(--fiber-space-lg)}._sizeLG_4ene6_116 ._selectInput_4ene6_6{font-size:var(--fiber-font-size-lg);border-radius:var(--fiber-border-radius-lg);padding:calc(var(--fiber-space-lg) / 2);padding-right:calc(var(--fiber-space-lg) * 2)}._sizeXL_4ene6_132 ._label_4ene6_13,._sizeXL_4ene6_132 ._footer_4ene6_60,._sizeXL_4ene6_132 ._footerInvalid_4ene6_64{font-size:var(--fiber-font-size-xl);padding:calc(var(--fiber-space-xl) / 2) 0}._sizeXL_4ene6_132 ._selectWrapper_4ene6_20:after{right:var(--fiber-space-xl)}._sizeXL_4ene6_132 ._selectInput_4ene6_6{font-size:var(--fiber-font-size-xl);border-radius:var(--fiber-border-radius-xl);padding:calc(var(--fiber-space-xl) / 2);padding-right:calc(var(--fiber-space-xl) * 2)}:root{--fiber-pagination-bg:transparent;--fiber-pagination-color:var(--fiber-color-text-primary);--fiber-pagination-border-color:var(--fiber-color-border-strong-01);--fiber-pagination-active-bg:var(--fiber-color-primary);--fiber-pagination-active-color:var(--fiber-color-text-inverse);--fiber-pagination-hover-bg:var(--fiber-color-layer-hover-01);--fiber-pagination-disabled-opacity:.4;--fiber-pagination-gap:.25rem}[data-theme=dark]{--fiber-pagination-color:var(--fiber-color-text-primary);--fiber-pagination-active-color:var(--fiber-color-text-primary)}._pagination_1u9y2_17{align-items:center;gap:var(--fiber-pagination-gap);flex-wrap:wrap;display:inline-flex}._navBtn_1u9y2_24,._pageBtn_1u9y2_25{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:var(--fiber-pagination-bg);color:var(--fiber-pagination-color);border:1px solid var(--fiber-pagination-border-color);border-radius:var(--fiber-border-radius-md);font-family:var(--fiber-font-family-base);-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}._navBtn_1u9y2_24:hover:not(:disabled),._pageBtn_1u9y2_25:hover:not(:disabled){background-color:var(--fiber-pagination-hover-bg);transition:background-color 70ms cubic-bezier(0,0,.38,.9)}._navBtn_1u9y2_24:focus-visible,._pageBtn_1u9y2_25:focus-visible{outline:2px solid var(--fiber-color-primary);outline-offset:2px}._navBtn_1u9y2_24:disabled,._pageBtn_1u9y2_25:disabled{cursor:not-allowed;opacity:var(--fiber-pagination-disabled-opacity);pointer-events:none}._pageBtn_1u9y2_25._active_1u9y2_56{background-color:var(--fiber-pagination-active-bg);color:var(--fiber-pagination-active-color);border-color:var(--fiber-pagination-active-bg);font-weight:var(--fiber-font-weight-semibold)}._pageBtn_1u9y2_25._active_1u9y2_56:hover:not(:disabled){background-color:var(--fiber-pagination-active-bg)}._pageList_1u9y2_66{align-items:center;gap:var(--fiber-pagination-gap);margin:0;padding:0;list-style:none;display:inline-flex}._ellipsisItem_1u9y2_75{align-items:center;display:inline-flex}._ellipsis_1u9y2_75{color:var(--fiber-color-text-secondary);pointer-events:none;justify-content:center;align-items:center;display:inline-flex}._ippSelect_1u9y2_88{margin-left:.5rem}._sizeXS_1u9y2_92{font-size:var(--fiber-font-size-xs);min-width:1.5rem;height:1.5rem;padding:0 .25rem}._sizeSM_1u9y2_99{font-size:var(--fiber-font-size-sm);min-width:1.75rem;height:1.75rem;padding:0 .3rem}._sizeMD_1u9y2_106{font-size:var(--fiber-font-size-md);min-width:2rem;height:2rem;padding:0 .375rem}._sizeLG_1u9y2_113{font-size:var(--fiber-font-size-lg);min-width:2.25rem;height:2.25rem;padding:0 .5rem}._sizeXL_1u9y2_120{font-size:var(--fiber-font-size-xl);min-width:2.5rem;height:2.5rem;padding:0 .625rem}:root{--fiber-data-table-bg:var(--fiber-color-layer-02);--fiber-data-table-header-bg:var(--fiber-color-layer-01);--fiber-data-table-header-color:var(--fiber-color-text-primary);--fiber-data-table-cell-color:var(--fiber-color-text-primary);--fiber-data-table-border-color:var(--fiber-color-border-subtle-01);--fiber-data-table-row-hover-bg:var(--fiber-color-layer-hover-01);--fiber-data-table-row-selected-bg:var(--fiber-color-layer-selected-01);--fiber-data-table-sort-icon-color:var(--fiber-color-text-secondary);--fiber-data-table-sort-active-color:var(--fiber-color-primary);--fiber-data-table-empty-color:var(--fiber-color-text-secondary);--fiber-data-table-footer-border-color:var(--fiber-color-border-subtle-01);--fiber-data-table-footer-bg:var(--fiber-color-layer-01)}._wrapper_8bapw_16{border:1px solid var(--fiber-data-table-border-color);border-radius:var(--fiber-border-radius-md);background-color:var(--fiber-data-table-bg);flex-direction:column;width:100%;display:flex;overflow:hidden}._tableContainer_8bapw_26{width:100%;overflow-x:auto}._table_8bapw_26{border-collapse:collapse;table-layout:fixed;width:100%;font-family:var(--fiber-font-family-base)}._checkboxCol_8bapw_38{width:3rem}._thead_8bapw_42{background-color:var(--fiber-data-table-header-bg)}._tr_8bapw_46{border-bottom:1px solid var(--fiber-data-table-border-color)}._tr_8bapw_46:last-child{border-bottom:none}._th_8bapw_42{text-align:left;font-weight:var(--fiber-font-weight-semibold);color:var(--fiber-data-table-header-color);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}._thSortable_8bapw_62{cursor:pointer}._thSortable_8bapw_62:hover{background-color:var(--fiber-data-table-row-hover-bg)}._thSortable_8bapw_62:focus-visible{outline:2px solid var(--fiber-color-primary);outline-offset:-2px}._thSortActive_8bapw_73{color:var(--fiber-data-table-sort-active-color)}._thContent_8bapw_77{align-items:center;gap:.375rem;display:inline-flex}._sortIcon_8bapw_83{color:var(--fiber-data-table-sort-icon-color);flex-shrink:0;align-items:center;display:inline-flex}._sortIconActive_8bapw_90{color:var(--fiber-data-table-sort-active-color)}._td_8bapw_94{color:var(--fiber-data-table-cell-color);vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._trClickable_8bapw_102{cursor:pointer}._trClickable_8bapw_102:hover{background-color:var(--fiber-data-table-row-hover-bg)}._trSelected_8bapw_109{background-color:var(--fiber-data-table-row-selected-bg)}._trSelected_8bapw_109:hover{background-color:var(--fiber-data-table-row-selected-bg);filter:brightness(.97)}._checkboxCell_8bapw_117{text-align:center;width:3rem}._checkbox_8bapw_38{cursor:pointer;accent-color:var(--fiber-color-primary)}._checkbox_8bapw_38:disabled{cursor:not-allowed;opacity:.5}._emptyCell_8bapw_131{text-align:center;color:var(--fiber-data-table-empty-color)}._footer_8bapw_136{border-top:1px solid var(--fiber-data-table-footer-border-color);background-color:var(--fiber-data-table-footer-bg);align-items:center;display:flex}._sizeXS_8bapw_143{font-size:var(--fiber-font-size-xs)}._sizeXS_8bapw_143._th_8bapw_42,._sizeXS_8bapw_143._td_8bapw_94{padding:.25rem .5rem}._sizeXS_8bapw_143._checkboxCell_8bapw_117{padding:.25rem}._sizeXS_8bapw_143._emptyCell_8bapw_131{padding:1rem .5rem}._sizeXS_8bapw_143._footer_8bapw_136{padding:.25rem .5rem}._sizeSM_8bapw_159{font-size:var(--fiber-font-size-sm)}._sizeSM_8bapw_159._th_8bapw_42,._sizeSM_8bapw_159._td_8bapw_94{padding:.375rem .75rem}._sizeSM_8bapw_159._checkboxCell_8bapw_117{padding:.375rem}._sizeSM_8bapw_159._emptyCell_8bapw_131{padding:1.25rem .75rem}._sizeSM_8bapw_159._footer_8bapw_136{padding:.375rem .75rem}._sizeMD_8bapw_175{font-size:var(--fiber-font-size-md)}._sizeMD_8bapw_175._th_8bapw_42,._sizeMD_8bapw_175._td_8bapw_94{padding:.625rem 1rem}._sizeMD_8bapw_175._checkboxCell_8bapw_117{padding:.625rem}._sizeMD_8bapw_175._emptyCell_8bapw_131{padding:1.5rem 1rem}._sizeMD_8bapw_175._footer_8bapw_136{padding:.5rem 1rem}._sizeLG_8bapw_191{font-size:var(--fiber-font-size-lg)}._sizeLG_8bapw_191._th_8bapw_42,._sizeLG_8bapw_191._td_8bapw_94{padding:.75rem 1.25rem}._sizeLG_8bapw_191._checkboxCell_8bapw_117{padding:.75rem}._sizeLG_8bapw_191._emptyCell_8bapw_131{padding:2rem 1.25rem}._sizeLG_8bapw_191._footer_8bapw_136{padding:.625rem 1.25rem}._sizeXL_8bapw_207{font-size:var(--fiber-font-size-xl)}._sizeXL_8bapw_207._th_8bapw_42,._sizeXL_8bapw_207._td_8bapw_94{padding:1rem 1.5rem}._sizeXL_8bapw_207._checkboxCell_8bapw_117{padding:1rem}._sizeXL_8bapw_207._emptyCell_8bapw_131{padding:2.5rem 1.5rem}._sizeXL_8bapw_207._footer_8bapw_136{padding:.75rem 1.5rem}._numberInput_fmr96_1{flex-direction:column;display:flex}._numberInput_fmr96_1>*{flex:1}._numberInput_fmr96_1._invalid_fmr96_8 ._inputWrapper_fmr96_8{border-color:var(--fiber-color-danger)}._numberInput_fmr96_1._invalid_fmr96_8 ._inputWrapper_fmr96_8:focus-within{outline-color:var(--fiber-color-danger)}._label_fmr96_15{color:var(--fiber-color-text-primary)}._label_fmr96_15._invalid_fmr96_8{color:var(--fiber-color-danger)}._inputWrapper_fmr96_8{border:1px solid var(--fiber-color-border-strong-01);border-radius:var(--fiber-border-radius-md);background-color:var(--fiber-color-layer-01);align-items:stretch;display:flex;overflow:hidden}._inputWrapper_fmr96_8:focus-within{outline:2px solid var(--fiber-color-primary);outline-offset:0}._inputWrapper_fmr96_8._disabled_fmr96_34{opacity:.5;pointer-events:none;cursor:not-allowed}._inputWrapper_fmr96_8._readOnly_fmr96_39 ._stepBtn_fmr96_39{cursor:not-allowed}._input_fmr96_8{color:var(--fiber-color-text-primary);background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0}._input_fmr96_8::-webkit-inner-spin-button{-webkit-appearance:none}._input_fmr96_8::-webkit-outer-spin-button{-webkit-appearance:none}._input_fmr96_8{-moz-appearance:textfield}._slot_fmr96_59{color:var(--fiber-color-text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;align-items:center;display:flex}._steppers_fmr96_67{border-left:1px solid var(--fiber-color-border-strong-01);flex-shrink:0;display:flex}._stepBtn_fmr96_39{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--fiber-color-text-primary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}._stepBtn_fmr96_39:hover:not(:disabled){background-color:var(--fiber-color-layer-hover-01)}._stepBtn_fmr96_39:disabled{cursor:not-allowed;opacity:.4}._stepBtn_fmr96_39+._stepBtn_fmr96_39{border-left:1px solid var(--fiber-color-border-strong-01)}._footer_fmr96_99{color:var(--fiber-color-text-secondary)}._footerInvalid_fmr96_103{color:var(--fiber-color-danger)}._sizeXS_fmr96_107 ._label_fmr96_15,._sizeXS_fmr96_107 ._footer_fmr96_99,._sizeXS_fmr96_107 ._footerInvalid_fmr96_103{font-size:var(--fiber-font-size-xs);padding:calc(var(--fiber-space-xs) / 2) 0}._sizeXS_fmr96_107 ._inputWrapper_fmr96_8{border-radius:var(--fiber-border-radius-xs);font-size:var(--fiber-font-size-xs)}._sizeXS_fmr96_107 ._input_fmr96_8{font-size:var(--fiber-font-size-xs);padding:calc(var(--fiber-space-xs) / 2)}._sizeXS_fmr96_107 ._slot_fmr96_59{font-size:var(--fiber-font-size-xs);padding:0 calc(var(--fiber-space-xs) / 4)}._sizeXS_fmr96_107 ._stepBtn_fmr96_39{min-width:calc(var(--fiber-space-xs) * 1.5);padding:0 calc(var(--fiber-space-xs) / 4)}._sizeSM_fmr96_130 ._label_fmr96_15,._sizeSM_fmr96_130 ._footer_fmr96_99,._sizeSM_fmr96_130 ._footerInvalid_fmr96_103{font-size:var(--fiber-font-size-sm);padding:calc(var(--fiber-space-sm) / 2) 0}._sizeSM_fmr96_130 ._inputWrapper_fmr96_8{border-radius:var(--fiber-border-radius-sm);font-size:var(--fiber-font-size-sm)}._sizeSM_fmr96_130 ._input_fmr96_8{font-size:var(--fiber-font-size-sm);padding:calc(var(--fiber-space-sm) / 2)}._sizeSM_fmr96_130 ._slot_fmr96_59{font-size:var(--fiber-font-size-sm);padding:0 calc(var(--fiber-space-sm) / 4)}._sizeSM_fmr96_130 ._stepBtn_fmr96_39{min-width:calc(var(--fiber-space-sm) * 1.5);padding:0 calc(var(--fiber-space-sm) / 4)}._sizeMD_fmr96_153 ._label_fmr96_15,._sizeMD_fmr96_153 ._footer_fmr96_99,._sizeMD_fmr96_153 ._footerInvalid_fmr96_103{font-size:var(--fiber-font-size-md);padding:calc(var(--fiber-space-md) / 2) 0}._sizeMD_fmr96_153 ._inputWrapper_fmr96_8{border-radius:var(--fiber-border-radius-md);font-size:var(--fiber-font-size-md)}._sizeMD_fmr96_153 ._input_fmr96_8{font-size:var(--fiber-font-size-md);padding:calc(var(--fiber-space-md) / 2)}._sizeMD_fmr96_153 ._slot_fmr96_59{font-size:var(--fiber-font-size-md);padding:0 calc(var(--fiber-space-md) / 4)}._sizeMD_fmr96_153 ._stepBtn_fmr96_39{min-width:calc(var(--fiber-space-md) * 1.5);padding:0 calc(var(--fiber-space-md) / 4)}._sizeLG_fmr96_176 ._label_fmr96_15,._sizeLG_fmr96_176 ._footer_fmr96_99,._sizeLG_fmr96_176 ._footerInvalid_fmr96_103{font-size:var(--fiber-font-size-lg);padding:calc(var(--fiber-space-lg) / 2) 0}._sizeLG_fmr96_176 ._inputWrapper_fmr96_8{border-radius:var(--fiber-border-radius-lg);font-size:var(--fiber-font-size-lg)}._sizeLG_fmr96_176 ._input_fmr96_8{font-size:var(--fiber-font-size-lg);padding:calc(var(--fiber-space-lg) / 2)}._sizeLG_fmr96_176 ._slot_fmr96_59{font-size:var(--fiber-font-size-lg);padding:0 calc(var(--fiber-space-lg) / 4)}._sizeLG_fmr96_176 ._stepBtn_fmr96_39{min-width:calc(var(--fiber-space-lg) * 1.5);padding:0 calc(var(--fiber-space-lg) / 4)}._sizeXL_fmr96_199 ._label_fmr96_15,._sizeXL_fmr96_199 ._footer_fmr96_99,._sizeXL_fmr96_199 ._footerInvalid_fmr96_103{font-size:var(--fiber-font-size-xl);padding:calc(var(--fiber-space-xl) / 2) 0}._sizeXL_fmr96_199 ._inputWrapper_fmr96_8{border-radius:var(--fiber-border-radius-xl);font-size:var(--fiber-font-size-xl)}._sizeXL_fmr96_199 ._input_fmr96_8{font-size:var(--fiber-font-size-xl);padding:calc(var(--fiber-space-xl) / 2)}._sizeXL_fmr96_199 ._slot_fmr96_59{font-size:var(--fiber-font-size-xl);padding:0 calc(var(--fiber-space-xl) / 4)}._sizeXL_fmr96_199 ._stepBtn_fmr96_39{min-width:calc(var(--fiber-space-xl) * 1.5);padding:0 calc(var(--fiber-space-xl) / 4)}._panel_1099y_1{background:var(--fiber-color-layer-02);border:var(--fiber-border-thickness-xs) solid var(--fiber-color-border-subtle-01);border-radius:var(--fiber-border-radius-md);box-shadow:var(--fiber-shadow-overlay);z-index:9500;outline:none;max-width:400px}._radioBoxContainer_1r1e0_1{flex-flow:wrap;align-items:flex-start;display:flex}:is(._radioBoxContainer_1r1e0_1:has(._input_1r1e0_7:disabled) ._label_1r1e0_7,._radioBoxContainer_1r1e0_1:has(._input_1r1e0_7:disabled) ._footer_1r1e0_8,._radioBoxContainer_1r1e0_1:has(._input_1r1e0_7:disabled) ._footerInvalid_1r1e0_9){color:var(--fiber-color-text-disabled)}._radioBoxContainer_1r1e0_1._invalid_1r1e0_12 ._input_1r1e0_7{border-color:var(--fiber-color-danger)}._radioBoxContainer_1r1e0_1._invalid_1r1e0_12 ._input_1r1e0_7:focus{outline-color:var(--fiber-color-danger)}._radioBoxContainer_1r1e0_1._sizeXS_1r1e0_18{-moz-column-gap:calc(var(--fiber-space-xs) / 2);column-gap:calc(var(--fiber-space-xs) / 2)}._radioBoxContainer_1r1e0_1._sizeSM_1r1e0_21{-moz-column-gap:calc(var(--fiber-space-sm) / 2);column-gap:calc(var(--fiber-space-sm) / 2)}._radioBoxContainer_1r1e0_1._sizeMD_1r1e0_24{-moz-column-gap:calc(var(--fiber-space-md) / 2);column-gap:calc(var(--fiber-space-md) / 2)}._radioBoxContainer_1r1e0_1._sizeLG_1r1e0_27{-moz-column-gap:calc(var(--fiber-space-lg) / 2);column-gap:calc(var(--fiber-space-lg) / 2)}._radioBoxContainer_1r1e0_1._sizeXL_1r1e0_30{-moz-column-gap:calc(var(--fiber-space-xl) / 2);column-gap:calc(var(--fiber-space-xl) / 2)}._label_1r1e0_7{color:var(--fiber-color-text-primary)}._label_1r1e0_7._invalid_1r1e0_12{color:var(--fiber-color-danger)}._footerInvalid_1r1e0_9{width:100%;color:var(--fiber-color-danger)}._input_1r1e0_7{border-radius:var(--fiber-border-radius-xs);cursor:pointer;accent-color:var(--fiber-color-primary)}._label_1r1e0_7{cursor:pointer;color:var(--fiber-color-text-primary)}._sizeXS_1r1e0_18 ._label_1r1e0_7,._sizeXS_1r1e0_18 ._footer_1r1e0_8,._sizeXS_1r1e0_18 ._footerInvalid_1r1e0_9{font-size:var(--fiber-font-size-xs);padding:calc(var(--fiber-space-xs) / 2) 0}._sizeXS_1r1e0_18 ._input_1r1e0_7{height:var(--fiber-font-size-xs);width:var(--fiber-font-size-xs);font-size:var(--fiber-font-size-xs);border-radius:var(--fiber-border-radius-xs);margin:0}._sizeSM_1r1e0_21 ._label_1r1e0_7,._sizeSM_1r1e0_21 ._footer_1r1e0_8,._sizeSM_1r1e0_21 ._footerInvalid_1r1e0_9{font-size:var(--fiber-font-size-sm);padding:calc(var(--fiber-space-sm) / 2) 0}._sizeSM_1r1e0_21 ._input_1r1e0_7{height:var(--fiber-font-size-sm);width:var(--fiber-font-size-sm);font-size:var(--fiber-font-size-sm);border-radius:var(--fiber-border-radius-sm);margin:0}._sizeMD_1r1e0_24 ._label_1r1e0_7,._sizeMD_1r1e0_24 ._footer_1r1e0_8,._sizeMD_1r1e0_24 ._footerInvalid_1r1e0_9{font-size:var(--fiber-font-size-md);padding:calc(var(--fiber-space-md) / 2) 0}._sizeMD_1r1e0_24 ._input_1r1e0_7{height:var(--fiber-font-size-md);width:var(--fiber-font-size-md);font-size:var(--fiber-font-size-md);border-radius:var(--fiber-border-radius-md);margin:0}._sizeLG_1r1e0_27 ._label_1r1e0_7,._sizeLG_1r1e0_27 ._footer_1r1e0_8,._sizeLG_1r1e0_27 ._footerInvalid_1r1e0_9{font-size:var(--fiber-font-size-lg);padding:calc(var(--fiber-space-lg) / 2) 0}._sizeLG_1r1e0_27 ._input_1r1e0_7{height:var(--fiber-font-size-lg);width:var(--fiber-font-size-lg);border-radius:var(--fiber-border-radius-lg);margin:0}._sizeXL_1r1e0_30 ._label_1r1e0_7,._sizeXL_1r1e0_30 ._footer_1r1e0_8,._sizeXL_1r1e0_30 ._footerInvalid_1r1e0_9{font-size:var(--fiber-font-size-xl);padding:calc(var(--fiber-space-xl) / 2) 0}._sizeXL_1r1e0_30 ._input_1r1e0_7{height:var(--fiber-font-size-xl);width:var(--fiber-font-size-xl);border-radius:var(--fiber-border-radius-xl);margin:0}._radioButtonGroup_11fv5_1{border:none;flex-direction:column;gap:.5rem;margin:0;padding:0;display:flex}._radioButtonGroup_11fv5_1._horizontal_11fv5_9{flex-flow:wrap}._radioButtonGroup_11fv5_1._vertical_11fv5_13{flex-direction:column}._legend_11fv5_17{color:var(--fiber-color-text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500}._sizeXS_11fv5_24 ._legend_11fv5_17{font-size:var(--fiber-font-size-xs);padding:calc(var(--fiber-space-xs) / 2) 0}._sizeSM_11fv5_29 ._legend_11fv5_17{font-size:var(--fiber-font-size-sm);padding:calc(var(--fiber-space-sm) / 2) 0}._sizeMD_11fv5_34 ._legend_11fv5_17{font-size:var(--fiber-font-size-md);padding:calc(var(--fiber-space-md) / 2) 0}._sizeLG_11fv5_39 ._legend_11fv5_17{font-size:var(--fiber-font-size-lg);padding:calc(var(--fiber-space-lg) / 2) 0}._sizeXL_11fv5_44 ._legend_11fv5_17{font-size:var(--fiber-font-size-xl);padding:calc(var(--fiber-space-xl) / 2) 0}._slider_15lyn_1{gap:calc(var(--fiber-space-xs) / 2);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;flex-direction:column;width:100%;display:inline-flex}._sliderBody_15lyn_10{padding:0 calc(var(--_thumb-size) / 2);flex-direction:column;gap:0;display:flex}._trackArea_15lyn_17{height:var(--_thumb-size);cursor:pointer;position:relative}._disabled_15lyn_22 ._trackArea_15lyn_17{cursor:not-allowed}._track_15lyn_17{height:var(--_track-height);background:var(--fiber-color-border-subtle-01);border-radius:999px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}._invalid_15lyn_36 ._track_15lyn_17{background:color-mix(in srgb, var(--fiber-color-danger) 20%, var(--fiber-color-border-subtle-01))}._fill_15lyn_39{background:var(--fiber-color-primary);pointer-events:none;border-radius:999px;height:100%;transition:none;position:absolute;top:0}._invalid_15lyn_36 ._fill_15lyn_39{background:var(--fiber-color-danger)}._disabled_15lyn_22 ._fill_15lyn_39{background:var(--fiber-color-interactive-disabled)}._thumbContainer_15lyn_55{width:var(--_thumb-size);height:var(--_thumb-size);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}._thumb_15lyn_55{width:var(--_thumb-size);height:var(--_thumb-size);background:var(--fiber-color-primary);border:2px solid var(--fiber-color-background);box-shadow:0 1px 4px #0003, 0 0 0 1px var(--fiber-color-primary);cursor:grab;border-radius:50%;outline:none;flex-shrink:0;transition:box-shadow .1s}._thumb_15lyn_55:focus-visible{box-shadow:0 1px 4px #0003, 0 0 0 3px var(--fiber-color-background), 0 0 0 5px var(--fiber-color-primary)}._active_15lyn_81 ._thumb_15lyn_55{cursor:grabbing}._thumb_15lyn_55._disabled_15lyn_22{background:var(--fiber-color-border-strong-01);box-shadow:0 1px 4px #0000001a, 0 0 0 1px var(--fiber-color-border-strong-01);cursor:not-allowed}._invalid_15lyn_36 ._thumb_15lyn_55{background:var(--fiber-color-danger);box-shadow:0 1px 4px #0003, 0 0 0 1px var(--fiber-color-danger)}._tooltip_15lyn_94{background:var(--fiber-color-secondary);color:var(--fiber-color-text-inverse);border-radius:var(--fiber-border-radius-sm,2px);font-size:var(--fiber-font-size-xs);white-space:nowrap;pointer-events:none;z-index:1;padding:2px 6px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}._tooltip_15lyn_94:after{content:"";border:4px solid #0000;border-top-color:var(--fiber-color-secondary);position:absolute;top:100%;left:50%;transform:translate(-50%)}._marks_15lyn_118{height:16px;margin-top:4px;position:relative}._mark_15lyn_118{flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%)}._mark_15lyn_118._markFirst_15lyn_130{align-items:flex-start;transform:translate(0)}._mark_15lyn_118._markLast_15lyn_134{align-items:flex-end;transform:translate(-100%)}._mark_15lyn_118._markClickable_15lyn_138{cursor:pointer}._markTick_15lyn_142{background:var(--fiber-color-border-subtle-02);flex-shrink:0;width:1px;height:4px}._markLabel_15lyn_149{font-size:var(--fiber-font-size-xs);color:var(--fiber-color-text-secondary);white-space:nowrap;margin-top:2px;line-height:1}._label_15lyn_156{color:var(--fiber-color-text-primary);font-size:var(--_font-size);line-height:var(--fiber-line-height-md,1.4)}._label_15lyn_156._invalid_15lyn_36{color:var(--fiber-color-danger)}._footer_15lyn_165{color:var(--fiber-color-text-secondary);font-size:var(--_font-size)}._footerInvalid_15lyn_170{color:var(--fiber-color-danger);font-size:var(--_font-size)}._sizeXS_15lyn_175{--_thumb-size:var(--fiber-font-size-xs);--_track-height:calc(var(--fiber-border-thickness-xs) * .75);--_font-size:var(--fiber-font-size-xs)}._sizeSM_15lyn_181{--_thumb-size:var(--fiber-font-size-sm);--_track-height:calc(var(--fiber-border-thickness-sm) * .75);--_font-size:var(--fiber-font-size-sm)}._sizeMD_15lyn_187{--_thumb-size:var(--fiber-font-size-md);--_track-height:calc(var(--fiber-border-thickness-md) * .75);--_font-size:var(--fiber-font-size-md)}._sizeLG_15lyn_193{--_thumb-size:var(--fiber-font-size-lg);--_track-height:calc(var(--fiber-border-thickness-lg) * .75);--_font-size:var(--fiber-font-size-lg)}._sizeXL_15lyn_199{--_thumb-size:var(--fiber-font-size-xl);--_track-height:calc(var(--fiber-border-thickness-xl) * .75);--_font-size:var(--fiber-font-size-xl)}._switch_1ujen_1{gap:calc(var(--fiber-space-xs) / 2);flex-direction:column;display:inline-flex}._switch_1ujen_1._labelLeft_1ujen_6 ._row_1ujen_6{flex-direction:row-reverse;justify-content:flex-end}._row_1ujen_6{flex-direction:row;align-items:center;display:flex}._trackWrapper_1ujen_17{width:var(--_track-width);height:var(--_track-height);flex-shrink:0;display:inline-flex;position:relative}._input_1ujen_25{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}._input_1ujen_25:disabled{cursor:not-allowed}._input_1ujen_25:disabled+._track_1ujen_17{opacity:.5}._input_1ujen_25:checked+._track_1ujen_17{background-color:var(--fiber-color-primary)}._input_1ujen_25:checked+._track_1ujen_17 ._thumb_1ujen_44{transform:translateX(var(--_thumb-travel))}._input_1ujen_25:focus-visible+._track_1ujen_17{outline:2px solid var(--fiber-color-primary);outline-offset:2px}._invalid_1ujen_51 ._input_1ujen_25:checked+._track_1ujen_17{background-color:var(--fiber-color-danger)}._track_1ujen_17{--_thumb-size:calc(var(--_track-height) - 4px);--_thumb-travel:calc(var(--_track-width) - var(--_thumb-size) - 4px);background-color:var(--fiber-color-border-subtle-02);box-sizing:border-box;outline:1px solid var(--fiber-color-border-strong-01);border-radius:999px;align-items:center;padding:2px;transition:background-color .15s;display:flex;position:absolute;inset:0}._invalid_1ujen_51 ._track_1ujen_17{outline:1px solid var(--fiber-color-danger);outline-offset:1px}._thumb_1ujen_44{width:var(--_thumb-size);height:var(--_thumb-size);background-color:#fff;border-radius:50%;flex-shrink:0;transition:transform .15s}._label_1ujen_6{cursor:pointer;color:var(--fiber-color-text-primary)}._footer_1ujen_88{color:var(--fiber-color-text-secondary)}._footerInvalid_1ujen_92{color:var(--fiber-color-danger)}._sizeXS_1ujen_96{--_track-height:var(--fiber-font-size-xs);--_track-width:calc(var(--fiber-font-size-xs) * 2)}._sizeXS_1ujen_96 ._row_1ujen_6{gap:calc(var(--fiber-space-xs) / 2)}._sizeXS_1ujen_96 ._label_1ujen_6,._sizeXS_1ujen_96 ._footer_1ujen_88,._sizeXS_1ujen_96 ._footerInvalid_1ujen_92{font-size:var(--fiber-font-size-xs)}._sizeSM_1ujen_109{--_track-height:var(--fiber-font-size-sm);--_track-width:calc(var(--fiber-font-size-sm) * 2)}._sizeSM_1ujen_109 ._row_1ujen_6{gap:calc(var(--fiber-space-sm) / 2)}._sizeSM_1ujen_109 ._label_1ujen_6,._sizeSM_1ujen_109 ._footer_1ujen_88,._sizeSM_1ujen_109 ._footerInvalid_1ujen_92{font-size:var(--fiber-font-size-sm)}._sizeMD_1ujen_122{--_track-height:var(--fiber-font-size-md);--_track-width:calc(var(--fiber-font-size-md) * 2)}._sizeMD_1ujen_122 ._row_1ujen_6{gap:calc(var(--fiber-space-md) / 2)}._sizeMD_1ujen_122 ._label_1ujen_6,._sizeMD_1ujen_122 ._footer_1ujen_88,._sizeMD_1ujen_122 ._footerInvalid_1ujen_92{font-size:var(--fiber-font-size-md)}._sizeLG_1ujen_135{--_track-height:var(--fiber-font-size-lg);--_track-width:calc(var(--fiber-font-size-lg) * 2)}._sizeLG_1ujen_135 ._row_1ujen_6{gap:calc(var(--fiber-space-lg) / 2)}._sizeLG_1ujen_135 ._label_1ujen_6,._sizeLG_1ujen_135 ._footer_1ujen_88,._sizeLG_1ujen_135 ._footerInvalid_1ujen_92{font-size:var(--fiber-font-size-lg)}._sizeXL_1ujen_148{--_track-height:var(--fiber-font-size-xl);--_track-width:calc(var(--fiber-font-size-xl) * 2)}._sizeXL_1ujen_148 ._row_1ujen_6{gap:calc(var(--fiber-space-xl) / 2)}._sizeXL_1ujen_148 ._label_1ujen_6,._sizeXL_1ujen_148 ._footer_1ujen_88,._sizeXL_1ujen_148 ._footerInvalid_1ujen_92{font-size:var(--fiber-font-size-xl)}._textareaContainer_hy0tm_1{flex-direction:column;display:flex}._textareaContainer_hy0tm_1>*{flex:1}._textareaContainer_hy0tm_1._invalid_hy0tm_8 ._textarea_hy0tm_1{border-color:var(--fiber-color-danger)}._textareaContainer_hy0tm_1._invalid_hy0tm_8 ._textarea_hy0tm_1:focus{outline-color:var(--fiber-color-danger)}._label_hy0tm_15{color:var(--fiber-color-text-primary)}._label_hy0tm_15._invalid_hy0tm_8{color:var(--fiber-color-danger)}._textarea_hy0tm_1{border-radius:var(--fiber-border-radius-md);border:1px solid var(--fiber-color-border-strong-01);background-color:var(--fiber-color-layer-01);color:var(--fiber-color-text-primary);resize:vertical;max-width:100%}._textarea_hy0tm_1:focus{outline:2px solid var(--fiber-color-primary);outline-offset:0}._textarea_hy0tm_1:disabled{cursor:not-allowed;opacity:.5}._footer_hy0tm_39{color:var(--fiber-color-text-secondary)}._footerInvalid_hy0tm_43{color:var(--fiber-color-danger)}._sizeXS_hy0tm_47 ._label_hy0tm_15,._sizeXS_hy0tm_47 ._footer_hy0tm_39,._sizeXS_hy0tm_47 ._footerInvalid_hy0tm_43{font-size:var(--fiber-font-size-xs);padding:calc(var(--fiber-space-xs) / 2) 0}._sizeXS_hy0tm_47 ._textarea_hy0tm_1{font-size:var(--fiber-font-size-xs);border-radius:var(--fiber-border-radius-xs);padding:calc(var(--fiber-space-xs) / 2)}._sizeSM_hy0tm_59 ._label_hy0tm_15,._sizeSM_hy0tm_59 ._footer_hy0tm_39,._sizeSM_hy0tm_59 ._footerInvalid_hy0tm_43{font-size:var(--fiber-font-size-sm);padding:calc(var(--fiber-space-sm) / 2) 0}._sizeSM_hy0tm_59 ._textarea_hy0tm_1{font-size:var(--fiber-font-size-sm);border-radius:var(--fiber-border-radius-sm);padding:calc(var(--fiber-space-sm) / 2)}._sizeMD_hy0tm_71 ._label_hy0tm_15,._sizeMD_hy0tm_71 ._footer_hy0tm_39,._sizeMD_hy0tm_71 ._footerInvalid_hy0tm_43{font-size:var(--fiber-font-size-md);padding:calc(var(--fiber-space-md) / 2) 0}._sizeMD_hy0tm_71 ._textarea_hy0tm_1{font-size:var(--fiber-font-size-md);border-radius:var(--fiber-border-radius-md);padding:calc(var(--fiber-space-md) / 2)}._sizeLG_hy0tm_83 ._label_hy0tm_15,._sizeLG_hy0tm_83 ._footer_hy0tm_39,._sizeLG_hy0tm_83 ._footerInvalid_hy0tm_43{font-size:var(--fiber-font-size-lg);padding:calc(var(--fiber-space-lg) / 2) 0}._sizeLG_hy0tm_83 ._textarea_hy0tm_1{font-size:var(--fiber-font-size-lg);border-radius:var(--fiber-border-radius-lg);padding:calc(var(--fiber-space-lg) / 2)}._sizeXL_hy0tm_95 ._label_hy0tm_15,._sizeXL_hy0tm_95 ._footer_hy0tm_39,._sizeXL_hy0tm_95 ._footerInvalid_hy0tm_43{font-size:var(--fiber-font-size-xl);padding:calc(var(--fiber-space-xl) / 2) 0}._sizeXL_hy0tm_95 ._textarea_hy0tm_1{font-size:var(--fiber-font-size-xl);border-radius:var(--fiber-border-radius-xl);padding:calc(var(--fiber-space-xl) / 2)}._timePicker_1cfw2_1{flex-direction:column;display:flex}._timePicker_1cfw2_1._invalid_1cfw2_5 ._segments_1cfw2_5{border-color:var(--fiber-color-danger)}._timePicker_1cfw2_1._invalid_1cfw2_5 ._segments_1cfw2_5:focus-within{outline-color:var(--fiber-color-danger)}._label_1cfw2_12{color:var(--fiber-color-text-primary);font-weight:500}._label_1cfw2_12._invalid_1cfw2_5{color:var(--fiber-color-danger)}._fieldset_1cfw2_20{border:none;margin:0;padding:0}._legend_1cfw2_26{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._segments_1cfw2_5{border-radius:var(--fiber-border-radius-md);border:1px solid var(--fiber-color-border-strong-01);background-color:var(--fiber-color-layer-01);color:var(--fiber-color-text-primary);align-items:center;width:-moz-fit-content;width:fit-content;display:inline-flex}._segments_1cfw2_5:focus-within{outline:2px solid var(--fiber-color-primary);outline-offset:0}._segments_1cfw2_5._disabled_1cfw2_50{cursor:not-allowed;opacity:.5}._segment_1cfw2_5{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;font-family:inherit;font-size:inherit;text-align:center;background:0 0;border:none;outline:none;width:2ch;padding:0}._segment_1cfw2_5:disabled{cursor:not-allowed}._separator_1cfw2_71{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 .125rem}._footer_1cfw2_76{color:var(--fiber-color-text-secondary)}._footerInvalid_1cfw2_80{color:var(--fiber-color-danger)}._sizeXS_1cfw2_84 ._label_1cfw2_12,._sizeXS_1cfw2_84 ._footer_1cfw2_76,._sizeXS_1cfw2_84 ._footerInvalid_1cfw2_80{font-size:var(--fiber-font-size-xs);padding:calc(var(--fiber-space-xs) / 2) 0}._sizeXS_1cfw2_84 ._segments_1cfw2_5{height:1.5rem;padding:0 calc(var(--fiber-space-xs) / 2);font-size:var(--fiber-font-size-xs);border-radius:var(--fiber-border-radius-xs)}._sizeSM_1cfw2_97 ._label_1cfw2_12,._sizeSM_1cfw2_97 ._footer_1cfw2_76,._sizeSM_1cfw2_97 ._footerInvalid_1cfw2_80{font-size:var(--fiber-font-size-sm);padding:calc(var(--fiber-space-sm) / 2) 0}._sizeSM_1cfw2_97 ._segments_1cfw2_5{height:2rem;padding:0 calc(var(--fiber-space-sm) / 2);font-size:var(--fiber-font-size-sm);border-radius:var(--fiber-border-radius-sm)}._sizeMD_1cfw2_110 ._label_1cfw2_12,._sizeMD_1cfw2_110 ._footer_1cfw2_76,._sizeMD_1cfw2_110 ._footerInvalid_1cfw2_80{font-size:var(--fiber-font-size-md);padding:calc(var(--fiber-space-md) / 2) 0}._sizeMD_1cfw2_110 ._segments_1cfw2_5{height:2.5rem;padding:0 calc(var(--fiber-space-md) / 2);font-size:var(--fiber-font-size-md);border-radius:var(--fiber-border-radius-md)}._sizeLG_1cfw2_123 ._label_1cfw2_12,._sizeLG_1cfw2_123 ._footer_1cfw2_76,._sizeLG_1cfw2_123 ._footerInvalid_1cfw2_80{font-size:var(--fiber-font-size-lg);padding:calc(var(--fiber-space-lg) / 2) 0}._sizeLG_1cfw2_123 ._segments_1cfw2_5{height:3rem;padding:0 calc(var(--fiber-space-lg) / 2);font-size:var(--fiber-font-size-lg);border-radius:var(--fiber-border-radius-lg)}._sizeXL_1cfw2_136 ._label_1cfw2_12,._sizeXL_1cfw2_136 ._footer_1cfw2_76,._sizeXL_1cfw2_136 ._footerInvalid_1cfw2_80{font-size:var(--fiber-font-size-xl);padding:calc(var(--fiber-space-xl) / 2) 0}._sizeXL_1cfw2_136 ._segments_1cfw2_5{height:3.5rem;padding:0 calc(var(--fiber-space-xl) / 2);font-size:var(--fiber-font-size-xl);border-radius:var(--fiber-border-radius-xl)}._tooltip_1lkni_1{display:inline-flex;position:relative}._tooltip_1lkni_1:after{content:attr(data-tooltip);background-color:var(--fiber-color-background-inverse);color:var(--fiber-color-text-inverse);border-radius:var(--fiber-border-radius-sm);white-space:nowrap;pointer-events:none;opacity:0;z-index:6000;padding:.25rem .5rem;font-size:.75rem;transition:opacity .1s;position:absolute}._tooltip_1lkni_1:hover:after,._tooltip_1lkni_1:focus-within:after,._tooltip_1lkni_1._open_1lkni_19:after{opacity:1}._tooltip_1lkni_1._bottom_1lkni_22:after{top:calc(100% + .375rem);left:50%;transform:translate(-50%)}._tooltip_1lkni_1._top_1lkni_27:after{bottom:calc(100% + .375rem);left:50%;transform:translate(-50%)}._tooltip_1lkni_1._left_1lkni_32:after{top:50%;right:calc(100% + .375rem);transform:translateY(-50%)}._tooltip_1lkni_1._right_1lkni_37:after{top:50%;left:calc(100% + .375rem);transform:translateY(-50%)}._unitInput_fzjif_1{flex-direction:column;display:flex}._unitInput_fzjif_1>*{flex:1}._unitInput_fzjif_1._invalid_fzjif_8 ._inputWrapper_fzjif_8{border-color:var(--fiber-color-danger)}._unitInput_fzjif_1._invalid_fzjif_8 ._inputWrapper_fzjif_8:focus-within{outline-color:var(--fiber-color-danger)}._label_fzjif_15{color:var(--fiber-color-text-primary)}._label_fzjif_15._invalid_fzjif_8{color:var(--fiber-color-danger)}._inputWrapper_fzjif_8{border:1px solid var(--fiber-color-border-strong-01);border-radius:var(--fiber-border-radius-md);background-color:var(--fiber-color-layer-01);align-items:stretch;display:flex;overflow:hidden}._inputWrapper_fzjif_8:focus-within{outline:2px solid var(--fiber-color-primary);outline-offset:0}._inputWrapper_fzjif_8._disabled_fzjif_34{opacity:.5;pointer-events:none;cursor:not-allowed}._inputWrapper_fzjif_8._readOnly_fzjif_39 ._stepBtn_fzjif_39{cursor:not-allowed}._input_fzjif_8{color:var(--fiber-color-text-primary);background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0}._slot_fzjif_53{color:var(--fiber-color-text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;align-items:center;display:flex}._steppers_fzjif_61{border-left:1px solid var(--fiber-color-border-strong-01);flex-shrink:0;display:flex}._stepBtn_fzjif_39{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--fiber-color-text-primary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}._stepBtn_fzjif_39:hover:not(:disabled){background-color:var(--fiber-color-layer-hover-01)}._stepBtn_fzjif_39:disabled{cursor:not-allowed;opacity:.4}._stepBtn_fzjif_39+._stepBtn_fzjif_39{border-left:1px solid var(--fiber-color-border-strong-01)}._footer_fzjif_93{color:var(--fiber-color-text-secondary)}._footerInvalid_fzjif_97{color:var(--fiber-color-danger)}._sizeXS_fzjif_101 ._label_fzjif_15,._sizeXS_fzjif_101 ._footer_fzjif_93,._sizeXS_fzjif_101 ._footerInvalid_fzjif_97{font-size:var(--fiber-font-size-xs);padding:calc(var(--fiber-space-xs) / 2) 0}._sizeXS_fzjif_101 ._inputWrapper_fzjif_8{border-radius:var(--fiber-border-radius-xs);font-size:var(--fiber-font-size-xs)}._sizeXS_fzjif_101 ._input_fzjif_8{font-size:var(--fiber-font-size-xs);padding:calc(var(--fiber-space-xs) / 2)}._sizeXS_fzjif_101 ._slot_fzjif_53{font-size:var(--fiber-font-size-xs);padding:0 calc(var(--fiber-space-xs) / 4)}._sizeXS_fzjif_101 ._stepBtn_fzjif_39{min-width:calc(var(--fiber-space-xs) * 1.5);padding:0 calc(var(--fiber-space-xs) / 4)}._sizeSM_fzjif_124 ._label_fzjif_15,._sizeSM_fzjif_124 ._footer_fzjif_93,._sizeSM_fzjif_124 ._footerInvalid_fzjif_97{font-size:var(--fiber-font-size-sm);padding:calc(var(--fiber-space-sm) / 2) 0}._sizeSM_fzjif_124 ._inputWrapper_fzjif_8{border-radius:var(--fiber-border-radius-sm);font-size:var(--fiber-font-size-sm)}._sizeSM_fzjif_124 ._input_fzjif_8{font-size:var(--fiber-font-size-sm);padding:calc(var(--fiber-space-sm) / 2)}._sizeSM_fzjif_124 ._slot_fzjif_53{font-size:var(--fiber-font-size-sm);padding:0 calc(var(--fiber-space-sm) / 4)}._sizeSM_fzjif_124 ._stepBtn_fzjif_39{min-width:calc(var(--fiber-space-sm) * 1.5);padding:0 calc(var(--fiber-space-sm) / 4)}._sizeMD_fzjif_147 ._label_fzjif_15,._sizeMD_fzjif_147 ._footer_fzjif_93,._sizeMD_fzjif_147 ._footerInvalid_fzjif_97{font-size:var(--fiber-font-size-md);padding:calc(var(--fiber-space-md) / 2) 0}._sizeMD_fzjif_147 ._inputWrapper_fzjif_8{border-radius:var(--fiber-border-radius-md);font-size:var(--fiber-font-size-md)}._sizeMD_fzjif_147 ._input_fzjif_8{font-size:var(--fiber-font-size-md);padding:calc(var(--fiber-space-md) / 2)}._sizeMD_fzjif_147 ._slot_fzjif_53{font-size:var(--fiber-font-size-md);padding:0 calc(var(--fiber-space-md) / 4)}._sizeMD_fzjif_147 ._stepBtn_fzjif_39{min-width:calc(var(--fiber-space-md) * 1.5);padding:0 calc(var(--fiber-space-md) / 4)}._sizeLG_fzjif_170 ._label_fzjif_15,._sizeLG_fzjif_170 ._footer_fzjif_93,._sizeLG_fzjif_170 ._footerInvalid_fzjif_97{font-size:var(--fiber-font-size-lg);padding:calc(var(--fiber-space-lg) / 2) 0}._sizeLG_fzjif_170 ._inputWrapper_fzjif_8{border-radius:var(--fiber-border-radius-lg);font-size:var(--fiber-font-size-lg)}._sizeLG_fzjif_170 ._input_fzjif_8{font-size:var(--fiber-font-size-lg);padding:calc(var(--fiber-space-lg) / 2)}._sizeLG_fzjif_170 ._slot_fzjif_53{font-size:var(--fiber-font-size-lg);padding:0 calc(var(--fiber-space-lg) / 4)}._sizeLG_fzjif_170 ._stepBtn_fzjif_39{min-width:calc(var(--fiber-space-lg) * 1.5);padding:0 calc(var(--fiber-space-lg) / 4)}._sizeXL_fzjif_193 ._label_fzjif_15,._sizeXL_fzjif_193 ._footer_fzjif_93,._sizeXL_fzjif_193 ._footerInvalid_fzjif_97{font-size:var(--fiber-font-size-xl);padding:calc(var(--fiber-space-xl) / 2) 0}._sizeXL_fzjif_193 ._inputWrapper_fzjif_8{border-radius:var(--fiber-border-radius-xl);font-size:var(--fiber-font-size-xl)}._sizeXL_fzjif_193 ._input_fzjif_8{font-size:var(--fiber-font-size-xl);padding:calc(var(--fiber-space-xl) / 2)}._sizeXL_fzjif_193 ._slot_fzjif_53{font-size:var(--fiber-font-size-xl);padding:0 calc(var(--fiber-space-xl) / 4)}._sizeXL_fzjif_193 ._stepBtn_fzjif_39{min-width:calc(var(--fiber-space-xl) * 1.5);padding:0 calc(var(--fiber-space-xl) / 4)}._column_mm74g_1{grid-column:span var(--col-lg,16)}@media (width<=1056px){._column_mm74g_1{grid-column:span var(--col-md,var(--col-lg,16))}}@media (width<=672px){._column_mm74g_1{grid-column:span var(--col-sm,var(--col-md,var(--col-lg,4)))}}@media (width>=1312px){._column_mm74g_1{grid-column:span var(--col-xl,var(--col-lg,16))}}._grid_1xuff_1{grid-template-columns:repeat(16,1fr);gap:1rem;width:100%;max-width:100%;display:grid}._headerFooterPageLayout_hu258_1{flex-direction:column;width:100%;height:100vh;display:flex}._main_hu258_8{flex:1;margin-bottom:auto}._leftNavPageLayout_fubmc_1{width:100%;height:100vh;display:flex}._left_fubmc_1{flex-shrink:0;height:100%;display:flex}._right_fubmc_13{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}._nav_fubmc_21{display:flex}._main_fubmc_25{flex:1}:root{--fiber-breadcrumb-font-family:var(--fiber-font-family-base);--fiber-breadcrumb-font-weight:var(--fiber-font-weight-regular);--fiber-breadcrumb-color:var(--fiber-color-text-primary);--fiber-breadcrumb-color-hover:var(--fiber-color-primary);--fiber-breadcrumb-icon-margin:var(--fiber-space-sm);--fiber-breadcrumb-gap:var(--fiber-space-md)}[data-theme=dark]{--fiber-breadcrumb-color:var(--fiber-color-text-primary)}._breadcrumb_umzbu_14{font-family:var(--fiber-breadcrumb-font-family);font-weight:var(--fiber-breadcrumb-font-weight);color:var(--fiber-breadcrumb-color)}._list_umzbu_20{align-items:center;gap:var(--fiber-breadcrumb-gap);flex-wrap:nowrap;margin:0;padding:0;list-style:none;display:flex}._breadcrumb_umzbu_14._wrap_umzbu_29 ._list_umzbu_20{flex-wrap:wrap}._item_umzbu_33{align-items:center;margin:0;padding:0;display:flex}._separatorItem_umzbu_40{padding:0}._separatorItem_umzbu_40 ._itemContent_umzbu_43{cursor:default;background:0 0;border:none;padding:0}._separatorItem_umzbu_40 ._itemContent_umzbu_43:hover{color:inherit;background:0 0}._ellipsisItem_umzbu_54{padding:0}._itemContent_umzbu_43{align-items:center;gap:var(--fiber-breadcrumb-icon-margin);padding:var(--fiber-space-xs) var(--fiber-space-sm);cursor:pointer;font-family:inherit;font-weight:inherit;color:inherit;border-radius:var(--fiber-border-radius-sm);background:0 0;border:none;text-decoration:none;transition:color .15s ease-out;display:inline-flex}._itemContent_umzbu_43:focus-visible{outline:2px solid var(--fiber-color-primary);outline-offset:2px}._itemLink_umzbu_78:hover,._itemButton_umzbu_79:hover,._itemLink_umzbu_78:active,._itemButton_umzbu_79:active{color:var(--fiber-breadcrumb-color-hover)}._itemSpan_umzbu_87{cursor:default;padding:var(--fiber-space-xs) var(--fiber-space-sm)}._itemSpan_umzbu_87:hover{color:inherit}._itemLast_umzbu_95 ._itemContent_umzbu_43{cursor:default}._itemLast_umzbu_95 ._itemContent_umzbu_43:hover{color:inherit}._icon_umzbu_102{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._label_umzbu_109{text-overflow:ellipsis;white-space:nowrap;line-height:normal;overflow:hidden}._separator_umzbu_40{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}._ellipsisButton_umzbu_121{min-width:auto;padding:var(--fiber-space-xs) var(--fiber-space-sm);font-size:inherit;font-weight:inherit}._ellipsisButton_umzbu_121:hover{color:var(--fiber-breadcrumb-color-hover)}._sizeXS_umzbu_131{font-size:var(--fiber-font-size-xs)}._sizeSM_umzbu_135{font-size:var(--fiber-font-size-sm)}._sizeMD_umzbu_139{font-size:var(--fiber-font-size-md)}._sizeLG_umzbu_143{font-size:var(--fiber-font-size-lg)}._sizeXL_umzbu_147{font-size:var(--fiber-font-size-xl)}._navigationMenu_1fguy_1{--_item-padding-x:.75rem;--_item-padding-y:.5rem;--_item-font-size:var(--fiber-font-size-md);--_item-gap:.375rem;--_item-icon-size:1rem;--_chevron-size:.875rem;--_submenu-offset:.25rem}._sizeXS_1fguy_11{--_item-padding-x:.375rem;--_item-padding-y:.25rem;--_item-font-size:var(--fiber-font-size-xs);--_item-gap:.1875rem;--_item-icon-size:.75rem;--_chevron-size:.625rem}._sizeSM_1fguy_20{--_item-padding-x:.5rem;--_item-padding-y:.375rem;--_item-font-size:var(--fiber-font-size-sm);--_item-gap:.25rem;--_item-icon-size:.875rem;--_chevron-size:.75rem}._sizeLG_1fguy_29{--_item-padding-x:1rem;--_item-padding-y:.625rem;--_item-font-size:var(--fiber-font-size-lg);--_item-gap:.5rem;--_item-icon-size:1.25rem;--_chevron-size:1rem}._sizeXL_1fguy_38{--_item-padding-x:1.25rem;--_item-padding-y:.75rem;--_item-font-size:var(--fiber-font-size-xl);--_item-gap:.625rem;--_item-icon-size:1.5rem;--_chevron-size:1.125rem}._navigationMenu_1fguy_1{box-sizing:border-box;display:flex}._orientationHorizontal_1fguy_52{flex-direction:row}._orientationHorizontal_1fguy_52 ._itemList_1fguy_55{flex-direction:row;align-items:center;gap:.125rem;display:flex}._orientationVertical_1fguy_62{flex-direction:column}._orientationVertical_1fguy_62 ._itemList_1fguy_55{flex-direction:column;gap:.125rem;width:100%;display:flex}._itemList_1fguy_55{margin:0;padding:0;list-style:none}._item_1fguy_55{flex-direction:column;display:flex;position:relative}._itemButton_1fguy_84,._itemLink_1fguy_84{align-items:center;gap:var(--_item-gap);padding:var(--_item-padding-y) var(--_item-padding-x);font-size:var(--_item-font-size);color:var(--fiber-color-text-secondary);border-radius:var(--fiber-border-radius-sm);cursor:pointer;white-space:nowrap;box-sizing:border-box;background:0 0;border:1px solid #0000;width:100%;font-family:inherit;font-weight:500;line-height:1.25;text-decoration:none;transition:background-color .12s,color .12s,border-color .12s;display:inline-flex}._itemButton_1fguy_84:hover:not(._disabled_1fguy_104),._itemLink_1fguy_84:hover:not(._disabled_1fguy_104){background-color:var(--fiber-color-surface-hover);color:var(--fiber-color-text-primary)}._itemButton_1fguy_84:focus-visible,._itemLink_1fguy_84:focus-visible{outline:2px solid var(--fiber-color-border-focus);outline-offset:2px}._itemLink_1fguy_84._active_1fguy_113{background-color:var(--fiber-color-surface-selected);color:var(--fiber-color-text-primary);border-color:var(--fiber-color-border-selected)}._itemLink_1fguy_84._active_1fguy_113:hover{background-color:var(--fiber-color-surface-selected)}._submenuTrigger_1fguy_122{justify-content:flex-start}._disabled_1fguy_104{opacity:.45;pointer-events:none;cursor:not-allowed}._itemIcon_1fguy_132{font-size:var(--_item-icon-size);flex-shrink:0;align-items:center;display:inline-flex}._itemIcon_1fguy_132 svg{width:var(--_item-icon-size);height:var(--_item-icon-size)}._itemLabel_1fguy_143{flex:1}._itemBadge_1fguy_147{flex-shrink:0;margin-left:auto}._chevron_1fguy_152{width:var(--_chevron-size);height:var(--_chevron-size);color:var(--fiber-color-text-secondary);flex-shrink:0;margin-left:auto;transition:transform .2s}._chevronOpen_1fguy_161{transform:rotate(180deg)}._subMenu_1fguy_165{padding:var(--_submenu-offset) 0;margin:0;list-style:none}._subMenuHorizontal_1fguy_171{top:calc(100% + var(--_submenu-offset));z-index:100;background-color:var(--fiber-color-surface-overlay);border:1px solid var(--fiber-color-border-default);border-radius:var(--fiber-border-radius-md);min-width:180px;box-shadow:var(--fiber-shadow-md);padding:.25rem;position:absolute;left:0}._subMenuVertical_1fguy_184{padding-left:calc(var(--_item-padding-x) + var(--_item-icon-size) + var(--_item-gap));border-left:2px solid var(--fiber-color-border-default);margin:.125rem 0 .25rem var(--_item-padding-x);position:static}._subMenuOpen_1fguy_191{flex-direction:column;gap:.125rem;display:flex}._stepper_g9fu5_1{--_ind-size:2rem;--_gap:.75rem;--_label-font-size:var(--fiber-font-size-md);--_desc-font-size:var(--fiber-font-size-sm);--_ind-font-size:var(--fiber-font-size-sm);--_connector-min-h:1.5rem}._sizeSM_g9fu5_10{--_ind-size:1.5rem;--_gap:.5rem;--_label-font-size:var(--fiber-font-size-sm);--_desc-font-size:var(--fiber-font-size-xs);--_ind-font-size:var(--fiber-font-size-xs);--_connector-min-h:1.25rem}._sizeXS_g9fu5_19{--_ind-size:1.25rem;--_gap:.375rem;--_label-font-size:var(--fiber-font-size-xs);--_desc-font-size:var(--fiber-font-size-xs);--_ind-font-size:var(--fiber-font-size-xs);--_connector-min-h:1rem}._sizeLG_g9fu5_28{--_ind-size:2.5rem;--_gap:1rem;--_label-font-size:var(--fiber-font-size-lg);--_desc-font-size:var(--fiber-font-size-md);--_ind-font-size:var(--fiber-font-size-md);--_connector-min-h:1.75rem}._sizeXL_g9fu5_37{--_ind-size:3rem;--_gap:1.25rem;--_label-font-size:var(--fiber-font-size-xl);--_desc-font-size:var(--fiber-font-size-lg);--_ind-font-size:var(--fiber-font-size-lg);--_connector-min-h:2rem}._stepList_g9fu5_46{margin:0;padding:0;list-style:none}._stepButton_g9fu5_52{cursor:pointer;font-family:var(--fiber-font-family-base);color:var(--fiber-color-text-primary);align-items:center;gap:var(--_gap);background:0 0;border:none;width:100%;padding:0;display:flex}._stepButton_g9fu5_52:focus-visible{outline:2px solid var(--fiber-color-primary);outline-offset:2px;border-radius:var(--fiber-border-radius-sm)}._stepButton_g9fu5_52[aria-disabled=true]{cursor:not-allowed}._disabled_g9fu5_73>._stepButton_g9fu5_52{color:var(--fiber-color-text-disabled);cursor:not-allowed}._indicator_g9fu5_78{width:var(--_ind-size);height:var(--_ind-size);font-size:var(--_ind-font-size);font-weight:var(--fiber-font-weight-semibold);border:2px solid var(--fiber-color-border-strong-01);background-color:var(--fiber-color-background);color:var(--fiber-color-text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s,color .15s;display:flex}._indicatorActive_g9fu5_94,._indicatorCompleted_g9fu5_100{border-color:var(--fiber-color-primary);background-color:var(--fiber-color-primary);color:var(--fiber-color-text-inverse)}._indicatorError_g9fu5_106{border-color:var(--fiber-color-error);background-color:var(--fiber-color-error);color:var(--fiber-color-text-inverse)}._indicatorDisabled_g9fu5_112{border-color:var(--fiber-color-border-subtle-01);background-color:var(--fiber-color-layer-01);color:var(--fiber-color-text-disabled)}._labelGroup_g9fu5_118{flex-direction:column;min-width:0;display:flex}._label_g9fu5_118{font-size:var(--_label-font-size);font-weight:var(--fiber-font-weight-medium);color:inherit;line-height:1.4}._description_g9fu5_131{font-size:var(--_desc-font-size);color:var(--fiber-color-text-secondary);margin-top:.125rem;line-height:1.4}._disabled_g9fu5_73 ._description_g9fu5_131{color:var(--fiber-color-text-disabled)}._error_g9fu5_142>._stepButton_g9fu5_52 ._label_g9fu5_118{color:var(--fiber-color-error)}._connectorLine_g9fu5_146{background-color:var(--fiber-color-border-subtle-01);transition:background-color .15s}._connectorLine_g9fu5_146._connectorFilled_g9fu5_150{background-color:var(--fiber-color-primary)}._stepContent_g9fu5_154{color:var(--fiber-color-text-primary);font-size:var(--_label-font-size)}._srOnly_g9fu5_159{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._horizontal_g9fu5_171 ._stepList_g9fu5_46{align-items:flex-start;display:flex}._horizontal_g9fu5_171 ._step_g9fu5_1{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex;position:relative}._horizontal_g9fu5_171 ._stepButton_g9fu5_52{text-align:center;z-index:1;padding:0 var(--_gap);flex-direction:column;align-items:center;width:auto;position:relative}._horizontal_g9fu5_171 ._stepButton_g9fu5_52 ._labelGroup_g9fu5_118{align-items:center}._horizontal_g9fu5_171 ._connectorWrap_g9fu5_195{top:calc(var(--_ind-size) / 2 - 1px);left:calc(50% + var(--_ind-size) / 2 + 4px);right:calc(-50% + var(--_ind-size) / 2 + 4px);pointer-events:none;z-index:0;position:absolute}._horizontal_g9fu5_171 ._connectorWrap_g9fu5_195 ._connectorLine_g9fu5_146{width:100%;height:2px}._horizontal_g9fu5_171 ._contentPanel_g9fu5_207{margin-top:var(--fiber-space-lg);padding:var(--fiber-space-md);border:1px solid var(--fiber-color-border-subtle-01);border-radius:var(--fiber-border-radius-md);background-color:var(--fiber-color-layer-02)}@media (width<=672px){._horizontal_g9fu5_171 ._stepList_g9fu5_46{flex-direction:column;align-items:stretch}._horizontal_g9fu5_171 ._step_g9fu5_1{flex:none;align-items:flex-start}._horizontal_g9fu5_171 ._stepButton_g9fu5_52{text-align:left;flex-direction:row;width:100%;padding:0}._horizontal_g9fu5_171 ._stepButton_g9fu5_52 ._labelGroup_g9fu5_118{align-items:flex-start}._horizontal_g9fu5_171 ._connectorWrap_g9fu5_195{width:var(--_ind-size);min-height:var(--_connector-min-h);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:relative;top:0;left:0;right:0}._horizontal_g9fu5_171 ._connectorWrap_g9fu5_195 ._connectorLine_g9fu5_146{width:2px;height:100%;min-height:var(--_connector-min-h)}}._vertical_g9fu5_251 ._stepList_g9fu5_46,._vertical_g9fu5_251 ._step_g9fu5_1{flex-direction:column;display:flex}._vertical_g9fu5_251 ._stepButton_g9fu5_52{text-align:left;flex-direction:row;align-items:center}._vertical_g9fu5_251 ._stepButton_g9fu5_52 ._labelGroup_g9fu5_118{align-items:flex-start}._vertical_g9fu5_251 ._stepBody_g9fu5_267{flex-direction:row;align-items:stretch;display:flex}._vertical_g9fu5_251 ._stepBody_g9fu5_267 ._connectorWrap_g9fu5_195{width:var(--_ind-size);min-height:var(--_connector-min-h);flex-direction:column;flex-shrink:0;align-items:center;display:flex}._vertical_g9fu5_251 ._stepBody_g9fu5_267 ._connectorWrap_g9fu5_195 ._connectorLine_g9fu5_146{width:2px;min-height:var(--_connector-min-h);flex:1}._vertical_g9fu5_251 ._stepBody_g9fu5_267 ._stepContent_g9fu5_154{padding:.25rem var(--_gap) var(--fiber-space-md);flex:1}._vertical_g9fu5_251 ._stepBodyHidden_g9fu5_289,._vertical_g9fu5_251 ._stepBodyLastActive_g9fu5_292 ._connectorWrap_g9fu5_195{display:none}._vertical_g9fu5_251 ._stepBodyLastActive_g9fu5_292 ._stepContent_g9fu5_154{padding-left:calc(var(--_ind-size) + var(--_gap));padding-bottom:0}:root{--fiber-border-thickness-xs:1px;--fiber-border-thickness-sm:2px;--fiber-border-thickness-md:4px;--fiber-border-thickness-lg:8px;--fiber-border-thickness-xl:16px;--fiber-border-radius-xs:1px;--fiber-border-radius-sm:2px;--fiber-border-radius-md:4px;--fiber-border-radius-lg:8px;--fiber-border-radius-xl:16px;--fiber-shadow-overlay:0 4px 16px #0000001f, 0 1px 4px #00000014;--fiber-space-xs:.75rem;--fiber-space-sm:.875rem;--fiber-space-md:1rem;--fiber-space-lg:1.125rem;--fiber-space-xl:1.25rem;--fiber-space-2xl:1.5rem;--fiber-space-3xl:2rem;--fiber-font-family-base:IBM Plex Sans, sans-serif;--fiber-font-family-heading:IBM Plex Sans, sans-serif;--fiber-font-family-monospace:IBM Plex Mono, ui-monospace, monospace;--fiber-font-size-xs:.75rem;--fiber-font-size-sm:.875rem;--fiber-font-size-md:1rem;--fiber-font-size-lg:1.125rem;--fiber-font-size-xl:1.25rem;--fiber-font-size-2xl:1.5rem;--fiber-font-size-3xl:2rem;--fiber-line-height-xs:1.2;--fiber-line-height-sm:1.3;--fiber-line-height-md:1.4;--fiber-line-height-lg:1.5;--fiber-line-height-xl:1.6;--fiber-font-weight-regular:400;--fiber-font-weight-medium:500;--fiber-font-weight-semibold:600;--fiber-font-weight-bold:700}[data-theme]{font-family:var(--fiber-font-family-base), sans-serif}[data-theme] h1{color:var(--fiber-color-text-primary);font-family:var(--fiber-font-family-heading), sans-serif;font-size:var(--fiber-font-size-3xl);font-weight:var(--fiber-font-weight-semibold);line-height:var(--fiber-line-height-xs)}[data-theme] h2{color:var(--fiber-color-text-primary);font-family:var(--fiber-font-family-heading), sans-serif;font-size:var(--fiber-font-size-2xl);font-weight:var(--fiber-font-weight-semibold);line-height:var(--fiber-line-height-xs)}[data-theme] h3{color:var(--fiber-color-text-primary);font-family:var(--fiber-font-family-heading), sans-serif;font-size:var(--fiber-font-size-xl);font-weight:var(--fiber-font-weight-semibold);line-height:var(--fiber-line-height-sm)}[data-theme] h4{color:var(--fiber-color-text-primary);font-family:var(--fiber-font-family-heading), sans-serif;font-size:var(--fiber-font-size-lg);font-weight:var(--fiber-font-weight-semibold);line-height:var(--fiber-line-height-sm)}[data-theme] h5{color:var(--fiber-color-text-primary);font-family:var(--fiber-font-family-heading), sans-serif;font-size:var(--fiber-font-size-md);font-weight:var(--fiber-font-weight-semibold);line-height:var(--fiber-line-height-md)}[data-theme] h6{color:var(--fiber-color-text-primary);font-family:var(--fiber-font-family-heading), sans-serif;font-size:var(--fiber-font-size-sm);font-weight:var(--fiber-font-weight-semibold);line-height:var(--fiber-line-height-md)}[data-theme] p{color:var(--fiber-color-text-primary);font-size:var(--fiber-font-size-md);line-height:var(--fiber-line-height-lg)}[data-theme] code,[data-theme] pre{color:var(--fiber-color-text-primary);font-family:var(--fiber-font-family-monospace), monospace;font-size:var(--fiber-font-size-sm)}:root{--fiber-color-primary:#0f62fe;--fiber-color-secondary:#393939;--fiber-color-tertiary:#198038;--fiber-color-danger:#da1e28;--fiber-color-background:#fff;--fiber-color-background-inverse:#161616;--fiber-color-layer-01:#f4f4f4;--fiber-color-layer-02:#fff;--fiber-color-layer-03:#f4f4f4;--fiber-color-layer-hover-01:#8d8d8d1f;--fiber-color-layer-selected-01:#e0e0e0;--fiber-color-text-primary:#161616;--fiber-color-text-secondary:#525252;--fiber-color-text-inverse:#fff;--fiber-color-text-disabled:#858585;--fiber-color-text-disabled-inverse:#4b4b4b;--fiber-color-border-subtle-01:#e0e0e0;--fiber-color-border-subtle-02:#c6c6c6;--fiber-color-border-strong-01:#8d8d8d;--fiber-color-border-inverse:#161616;--fiber-color-success:#24a148;--fiber-color-warning:#f1c21b;--fiber-color-error:var(--fiber-color-danger);--fiber-color-info:var(--fiber-color-primary);--fiber-color-success-bg:#defbe6;--fiber-color-warning-bg:#fdf6dd;--fiber-color-error-bg:#fff1f1;--fiber-color-info-bg:#edf5ff;--fiber-color-interactive-disabled:#a8a8a8;--fiber-skeleton-base:#e0e0e0;--fiber-skeleton-shimmer:#f4f4f4}[data-theme=dark]{--fiber-color-background:#161616;--fiber-color-background-inverse:#f4f4f4;--fiber-color-layer-01:#262626;--fiber-color-layer-02:#393939;--fiber-color-layer-03:#161616;--fiber-color-layer-selected-01:#525252;--fiber-color-text-primary:#f4f4f4;--fiber-color-text-secondary:#c6c6c6;--fiber-color-text-inverse:#161616;--fiber-color-text-disabled:#4b4b4b;--fiber-color-text-disabled-inverse:#858585;--fiber-color-border-subtle-01:#393939;--fiber-color-border-subtle-02:#525252;--fiber-color-border-strong-01:#8d8d8d;--fiber-color-border-inverse:#f4f4f4;--fiber-color-success-bg:#071908;--fiber-color-warning-bg:#302400;--fiber-color-error-bg:#2d0709;--fiber-color-info-bg:#061727;--fiber-color-interactive-disabled:#6f6f6f;--fiber-skeleton-base:#393939;--fiber-skeleton-shimmer:#525252}._themeContainer_brp0c_1{height:auto}

/*
 * Every theme is an explicit palette, so the browser is told which one rather than left to infer it:
 * `only` both picks the UA's light or dark defaults — canvas, form controls, scrollbars — and
 * forbids it from transforming authored colours on top. Chrome's auto dark theme does exactly that
 * transform on a page that declares nothing, and turns meadow's cream tile faces near-black.
 *
 * It is declared on the root as well as on the themes below, since the canvas and that decision
 * belong to the document, not to a subtree of it. `:has()` keeps the root claim to pages that
 * actually mount a theme, and lets a `noir` page say dark.
 */
html:has([data-wh-theme]) {
  color-scheme: only light;
}

html:has([data-wh-theme=noir]) {
  color-scheme: only dark;
}

/*
 * A theme root paints its own surface. Its palette is written against `--wh-bg`, so a theme dropped
 * onto a host page that paints something else — the showcase portal's standalone view leaves the
 * canvas to the browser — puts every `--wh-ink` label on a background it was never chosen for.
 */
[data-wh-theme] {
  background: var(--wh-bg);
  color: var(--wh-ink);
}

/*
 * fiber styles h1–h6 and p through its own tokens (`[data-theme] h1 { color: var(--fiber-…) }`), and
 * a nested fiber theme can't undo an outer one: its light values live on :root, so the app root's dark
 * theme wins inside ours and headings come out near-white on a light page. Point those tokens at the
 * Words Happen palette. The second selector is fiber's own Theme wrapper inside ours, where it beats
 * fiber's `[data-theme=dark]` declarations for noir.
 */
[data-wh-theme],
[data-wh-theme] [data-theme] {
  --fiber-color-text-primary: var(--wh-ink);
  --fiber-color-text-secondary: var(--wh-ink-soft);
  --fiber-font-family-heading: var(--wh-font-display);
}

/*
 * Role tokens, each checked by tokens.spec.ts for 4.5:1 text contrast:
 * --wh-coral-fill  a coral deep enough to carry white text (filled buttons);
 * --wh-coral-ink   coral for text on --wh-bg and --wh-paper;
 * --wh-coral-wash  a faint coral surface for --wh-ink text (error banners);
 * --wh-on-sun      text on a --wh-sun fill;
 * --wh-flame       a hot letter, edged in --wh-flame-deep, --wh-on-flame its letter;
 * --wh-flame-fill  a flame deep enough to carry --wh-on-flame-fill text (a hot letter's bonus),
 *                  --wh-plum-fill and --wh-on-plum-fill the same for an opponent's;
 * --wh-hot-wash    a hot letter's cell, a flame wash a shade stronger than a premium square's, so a
 *                  hot letter stands out on the board; --wh-hot-ink its letter;
 * --wh-word2       the double-word premium square, its sparkles in --wh-word2-ink; --wh-word3 and
 *                  --wh-word3-ink the triple word; --wh-start and --wh-start-ink the start square's
 *                  rings. Each is a pale wash of --wh-sky, --wh-plum or --wh-teal. A premium's ink is
 *                  half way between the wash and a deep shade of the hue, so the squares stay quiet
 *                  beside the tiles and hot letters; the start square's is 80% of the way, since the
 *                  first word has to find it.
 * --wh-key-dim    a keyboard key that isn't a candidate, its letter in --wh-key-dim-ink: quieter than a
 *                  plain key but still 3:1, so a dimmed letter stays readable and pressable.
 * --wh-font-display is the headline and control face for each theme.
 */
/* Meadow — Playful default: chunky 3D shadows, Fredoka display font */
[data-wh-theme=meadow] {
  color-scheme: only light;
  --wh-bg: oklch(98% 0.012 85deg);
  --wh-bg-soft: oklch(95% 0.018 85deg);
  --wh-paper: #fffdf7;
  --wh-ink: oklch(22% 0.02 260deg);
  --wh-ink-soft: oklch(45% 0.02 260deg);
  --wh-ink-faint: oklch(68% 0.01 260deg);
  --wh-line: oklch(90% 0.01 85deg);
  --wh-teal: oklch(72% 0.13 190deg);
  --wh-teal-deep: oklch(55% 0.14 195deg);
  --wh-coral: oklch(72% 0.15 30deg);
  --wh-coral-deep: oklch(58% 0.18 28deg);
  --wh-coral-fill: oklch(52% 0.18 28deg);
  --wh-coral-ink: oklch(55% 0.18 28deg);
  --wh-coral-wash: oklch(95% 0.035 30deg);
  --wh-sun: oklch(86% 0.15 90deg);
  --wh-sun-deep: oklch(72% 0.16 75deg);
  --wh-on-sun: oklch(22% 0.02 260deg);
  --wh-sky: oklch(80% 0.1 235deg);
  --wh-flame: oklch(80% 0.15 58deg);
  --wh-flame-deep: oklch(64% 0.17 45deg);
  --wh-on-flame: oklch(22% 0.02 260deg);
  --wh-word2: oklch(95% 0.03 235deg);
  --wh-word2-ink: oklch(71.5% 0.043 235deg);
  --wh-word3: oklch(91% 0.042 320deg);
  --wh-word3-ink: oklch(66% 0.06 320deg);
  --wh-start: oklch(93% 0.037 190deg);
  --wh-start-ink: oklch(54.6% 0.063 190deg);
  --wh-flame-fill: oklch(52% 0.16 45deg);
  --wh-on-flame-fill: #fffdf7;
  --wh-plum-fill: oklch(45% 0.17 320deg);
  --wh-on-plum-fill: #fffdf7;
  --wh-hot-wash: oklch(93% 0.056 58deg);
  --wh-hot-ink: oklch(52% 0.1 50deg);
  --wh-grass: oklch(78% 0.16 145deg);
  --wh-grass-deep: oklch(58% 0.16 150deg);
  --wh-plum: oklch(65% 0.15 320deg);
  --wh-plum-deep: oklch(45% 0.17 320deg);
  --wh-tile-face: #fff8e3;
  --wh-tile-edge: #e8d89a;
  --wh-tile-ink: oklch(25% 0.04 60deg);
  --wh-tile-shadow: 0 2px 0 #d9c688, 0 4px 8px rgb(122 88 10 / 18%);
  --wh-hit: oklch(76% 0.16 148deg);
  --wh-hit-ink: oklch(22% 0.04 150deg);
  --wh-near: oklch(86% 0.15 88deg);
  --wh-near-ink: oklch(25% 0.05 70deg);
  --wh-miss: oklch(82% 0.01 260deg);
  --wh-miss-ink: oklch(32% 0.01 260deg);
  --wh-key-dim: oklch(97% 0.01 85deg);
  --wh-key-dim-ink: oklch(58% 0.015 260deg);
  --wh-radius-xs: 8px;
  --wh-radius-sm: 12px;
  --wh-radius-md: 18px;
  --wh-radius-lg: 24px;
  --wh-radius-xl: 32px;
  --wh-shadow-soft: 0 1px 2px rgb(30 20 10 / 4%), 0 4px 14px rgb(30 20 10 / 6%);
  --wh-shadow-card: 0 2px 0 oklch(90% 0.015 85deg), 0 10px 24px rgb(30 20 10 / 8%);
  --wh-shadow-pop: 0 4px 0 var(--wh-teal-deep), 0 10px 20px oklch(55% 0.14 195deg / 35%);
  --wh-shadow-btn: 0 3px 0 var(--wh-ink);
  --wh-font-display: "Fredoka", system-ui, sans-serif;
}

/* Editorial — Paper + ink, restrained: Fraunces display font, hairline borders */
[data-wh-theme=editorial] {
  color-scheme: only light;
  --wh-bg: oklch(98% 0.004 80deg);
  --wh-bg-soft: oklch(94% 0.006 80deg);
  --wh-paper: #faf8f0;
  --wh-ink: oklch(18% 0.01 250deg);
  --wh-ink-soft: oklch(42% 0.01 250deg);
  --wh-ink-faint: oklch(65% 0.008 250deg);
  --wh-line: oklch(88% 0.005 80deg);
  --wh-teal: oklch(62% 0.11 185deg);
  --wh-teal-deep: oklch(48% 0.12 190deg);
  --wh-coral: oklch(65% 0.12 25deg);
  --wh-coral-deep: oklch(52% 0.14 23deg);
  --wh-coral-fill: oklch(52% 0.14 23deg);
  --wh-coral-ink: oklch(55% 0.14 23deg);
  --wh-coral-wash: oklch(95% 0.025 25deg);
  --wh-sun: oklch(80% 0.12 82deg);
  --wh-sun-deep: oklch(65% 0.13 70deg);
  --wh-on-sun: oklch(18% 0.01 250deg);
  --wh-sky: oklch(77% 0.08 235deg);
  --wh-flame: oklch(76% 0.12 55deg);
  --wh-flame-deep: oklch(60% 0.14 45deg);
  --wh-on-flame: oklch(18% 0.01 250deg);
  --wh-word2: oklch(93% 0.027 235deg);
  --wh-word2-ink: oklch(69% 0.035 235deg);
  --wh-word3: oklch(88% 0.037 315deg);
  --wh-word3-ink: oklch(62% 0.048 315deg);
  --wh-start: oklch(89% 0.035 185deg);
  --wh-start-ink: oklch(48.2% 0.051 185deg);
  --wh-flame-fill: oklch(50% 0.13 45deg);
  --wh-on-flame-fill: #faf8f0;
  --wh-plum-fill: oklch(40% 0.14 315deg);
  --wh-on-plum-fill: #faf8f0;
  --wh-hot-wash: oklch(90% 0.048 55deg);
  --wh-hot-ink: oklch(49% 0.1 50deg);
  --wh-grass: oklch(70% 0.13 140deg);
  --wh-grass-deep: oklch(52% 0.13 145deg);
  --wh-plum: oklch(58% 0.12 315deg);
  --wh-plum-deep: oklch(40% 0.14 315deg);
  --wh-tile-face: #f7f4e8;
  --wh-tile-edge: oklch(85% 0.015 80deg);
  --wh-tile-ink: oklch(20% 0.01 250deg);
  --wh-tile-shadow: 0 1px 0 oklch(82% 0.01 80deg), 0 2px 6px rgb(20 15 5 / 8%);
  --wh-hit: oklch(72% 0.13 145deg);
  --wh-hit-ink: oklch(18% 0.02 150deg);
  --wh-near: oklch(83% 0.12 85deg);
  --wh-near-ink: oklch(20% 0.03 70deg);
  --wh-miss: oklch(84% 0.005 80deg);
  --wh-miss-ink: oklch(32% 0.01 250deg);
  --wh-key-dim: oklch(96.5% 0.004 80deg);
  --wh-key-dim-ink: oklch(57% 0.01 250deg);
  --wh-radius-xs: 8px;
  --wh-radius-sm: 12px;
  --wh-radius-md: 18px;
  --wh-radius-lg: 24px;
  --wh-radius-xl: 32px;
  --wh-shadow-soft: 0 1px 2px rgb(20 15 5 / 3%), 0 2px 8px rgb(20 15 5 / 5%);
  --wh-shadow-card: 0 1px 0 oklch(88% 0.005 80deg), 0 4px 16px rgb(20 15 5 / 6%);
  --wh-shadow-pop: 0 2px 0 var(--wh-teal-deep), 0 6px 14px oklch(48% 0.12 190deg / 25%);
  --wh-shadow-btn: none;
  --wh-font-display: "Fraunces", "Georgia", serif;
}

/* Mono — Technical, grid-led: tight radius, monospace feel */
[data-wh-theme=mono] {
  color-scheme: only light;
  --wh-bg: oklch(97% 0 0deg);
  --wh-bg-soft: oklch(93% 0 0deg);
  --wh-paper: #f5f5f5;
  --wh-ink: oklch(16% 0 0deg);
  --wh-ink-soft: oklch(42% 0 0deg);
  --wh-ink-faint: oklch(65% 0 0deg);
  --wh-line: oklch(82% 0 0deg);
  --wh-teal: oklch(65% 0.15 195deg);
  --wh-teal-deep: oklch(48% 0.16 200deg);
  --wh-coral: oklch(65% 0.16 30deg);
  --wh-coral-deep: oklch(52% 0.18 25deg);
  --wh-coral-fill: oklch(52% 0.18 25deg);
  --wh-coral-ink: oklch(54% 0.18 25deg);
  --wh-coral-wash: oklch(95% 0.03 25deg);
  --wh-sun: oklch(80% 0.16 85deg);
  --wh-sun-deep: oklch(65% 0.17 72deg);
  --wh-on-sun: oklch(16% 0 0deg);
  --wh-sky: oklch(76% 0.12 235deg);
  --wh-flame: oklch(77% 0.16 55deg);
  --wh-flame-deep: oklch(60% 0.18 45deg);
  --wh-on-flame: oklch(16% 0 0deg);
  --wh-word2: oklch(92% 0.029 235deg);
  --wh-word2-ink: oklch(67.5% 0.042 235deg);
  --wh-word3: oklch(88% 0.038 315deg);
  --wh-word3-ink: oklch(62% 0.055 315deg);
  --wh-start: oklch(89% 0.036 195deg);
  --wh-start-ink: oklch(48.2% 0.062 195deg);
  --wh-flame-fill: oklch(50% 0.16 45deg);
  --wh-on-flame-fill: #f5f5f5;
  --wh-plum-fill: oklch(42% 0.18 315deg);
  --wh-on-plum-fill: #f5f5f5;
  --wh-hot-wash: oklch(90% 0.054 55deg);
  --wh-hot-ink: oklch(49% 0.1 50deg);
  --wh-grass: oklch(72% 0.17 145deg);
  --wh-grass-deep: oklch(55% 0.17 150deg);
  --wh-plum: oklch(60% 0.16 315deg);
  --wh-plum-deep: oklch(42% 0.18 315deg);
  --wh-tile-face: #f0f0f0;
  --wh-tile-edge: oklch(78% 0 0deg);
  --wh-tile-ink: oklch(16% 0 0deg);
  --wh-tile-shadow: 0 1px 0 oklch(75% 0 0deg), 0 2px 4px rgb(0 0 0 / 12%);
  --wh-hit: oklch(74% 0.17 148deg);
  --wh-hit-ink: oklch(16% 0 0deg);
  --wh-near: oklch(84% 0.16 88deg);
  --wh-near-ink: oklch(16% 0 0deg);
  --wh-miss: oklch(80% 0 0deg);
  --wh-miss-ink: oklch(28% 0 0deg);
  --wh-key-dim: oklch(96% 0 0deg);
  --wh-key-dim-ink: oklch(56% 0 0deg);
  --wh-radius-xs: 4px;
  --wh-radius-sm: 6px;
  --wh-radius-md: 8px;
  --wh-radius-lg: 12px;
  --wh-radius-xl: 16px;
  --wh-shadow-soft: 0 1px 0 oklch(88% 0 0deg), 0 2px 8px rgb(0 0 0 / 8%);
  --wh-shadow-card: 0 0 0 1px oklch(82% 0 0deg), 0 4px 12px rgb(0 0 0 / 8%);
  --wh-shadow-pop: 0 2px 0 var(--wh-teal-deep), 0 4px 12px rgb(0 0 0 / 20%);
  --wh-shadow-btn: none;
  --wh-font-display: ui-monospace, "SF Mono", "Menlo", monospace;
}

/* Noir — Premium dark: inverted palette */
[data-wh-theme=noir] {
  color-scheme: only dark;
  --wh-bg: oklch(16% 0.02 260deg);
  --wh-bg-soft: oklch(21% 0.025 260deg);
  --wh-paper: oklch(20% 0.03 260deg);
  --wh-ink: oklch(96% 0.01 260deg);
  --wh-ink-soft: oklch(76% 0.015 260deg);
  --wh-ink-faint: oklch(54% 0.015 260deg);
  --wh-line: oklch(28% 0.025 260deg);
  --wh-teal: oklch(70% 0.14 190deg);
  --wh-teal-deep: oklch(55% 0.15 195deg);
  --wh-coral: oklch(70% 0.16 30deg);
  --wh-coral-deep: oklch(56% 0.18 28deg);
  --wh-coral-fill: oklch(52% 0.18 28deg);
  --wh-coral-ink: oklch(70% 0.16 30deg);
  --wh-coral-wash: oklch(26% 0.06 28deg);
  --wh-sun: oklch(82% 0.16 88deg);
  --wh-sun-deep: oklch(68% 0.17 74deg);
  --wh-on-sun: oklch(16% 0.02 260deg);
  --wh-sky: oklch(76% 0.11 235deg);
  --wh-flame: oklch(78% 0.16 58deg);
  --wh-flame-deep: oklch(64% 0.18 45deg);
  --wh-on-flame: oklch(16% 0.02 260deg);
  --wh-word2: oklch(37% 0.054 235deg);
  --wh-word2-ink: oklch(61% 0.059 235deg);
  --wh-word3: oklch(34% 0.069 320deg);
  --wh-word3-ink: oklch(57.5% 0.081 320deg);
  --wh-start: oklch(35% 0.063 190deg);
  --wh-start-ink: oklch(72.6% 0.078 190deg);
  --wh-flame-fill: oklch(78% 0.16 58deg);
  --wh-on-flame-fill: oklch(16% 0.02 260deg);
  --wh-plum-fill: oklch(72% 0.15 320deg);
  --wh-on-plum-fill: oklch(16% 0.02 260deg);
  --wh-hot-wash: oklch(39% 0.072 58deg);
  --wh-hot-ink: oklch(77% 0.09 50deg);
  --wh-grass: oklch(75% 0.17 145deg);
  --wh-grass-deep: oklch(58% 0.17 150deg);
  --wh-plum: oklch(68% 0.16 320deg);
  --wh-plum-deep: oklch(50% 0.18 320deg);
  --wh-tile-face: oklch(32% 0.04 260deg);
  --wh-tile-edge: oklch(48% 0.07 260deg);
  --wh-tile-ink: oklch(94% 0.01 260deg);
  --wh-tile-shadow: 0 2px 0 oklch(12% 0.02 260deg), 0 4px 12px rgb(0 0 0 / 50%);
  --wh-hit: oklch(64% 0.15 150deg);
  --wh-hit-ink: oklch(14% 0.02 150deg);
  --wh-near: oklch(78% 0.14 85deg);
  --wh-near-ink: oklch(16% 0.03 70deg);
  --wh-miss: oklch(34% 0.02 260deg);
  --wh-miss-ink: oklch(88% 0.01 260deg);
  --wh-key-dim: oklch(18% 0.02 260deg);
  --wh-key-dim-ink: oklch(56% 0.015 260deg);
  --wh-radius-xs: 8px;
  --wh-radius-sm: 12px;
  --wh-radius-md: 18px;
  --wh-radius-lg: 24px;
  --wh-radius-xl: 32px;
  --wh-shadow-soft: 0 1px 2px rgb(0 0 0 / 20%), 0 4px 14px rgb(0 0 0 / 30%);
  --wh-shadow-card: 0 2px 0 oklch(25% 0.025 260deg), 0 8px 20px rgb(0 0 0 / 40%);
  --wh-shadow-pop: 0 4px 0 var(--wh-teal-deep), 0 8px 20px oklch(55% 0.15 195deg / 45%);
  --wh-shadow-btn: none;
  --wh-font-display: "Fredoka", system-ui, sans-serif;
}/* The canvas comes from the theme on <html>, which the boot script sets before the first paint. */
body {
  margin: 0;
}

._main_1twsi_6 {
  height: 100vh;
}/*$vite$:1*/