/* [next]/internal/font/google/newsreader_d5c4cc4a.module.css [app-client] (css) */
@font-face {
  font-family: Newsreader;
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../media/79e9e0e3b9220e46-s.3a-pd9010p_dh.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Newsreader;
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../media/e62850744c7f266e-s.0n7ulcr4ivksg.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Newsreader;
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../media/9433d1a810498265-s.p.1hij5ex6k3v9q.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Newsreader;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../media/79e9e0e3b9220e46-s.3a-pd9010p_dh.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Newsreader;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../media/e62850744c7f266e-s.0n7ulcr4ivksg.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Newsreader;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../media/9433d1a810498265-s.p.1hij5ex6k3v9q.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Newsreader;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../media/79e9e0e3b9220e46-s.3a-pd9010p_dh.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Newsreader;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../media/e62850744c7f266e-s.0n7ulcr4ivksg.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Newsreader;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../media/9433d1a810498265-s.p.1hij5ex6k3v9q.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Newsreader;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/150f724d70372c02-s.1ljbalzvxyif7.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Newsreader;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/750c737482d9de2f-s.3ex3j6ahhvjry.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Newsreader;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/5f402bd2d8eef81a-s.p.40bho2kviej2o.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Newsreader;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/150f724d70372c02-s.1ljbalzvxyif7.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Newsreader;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/750c737482d9de2f-s.3ex3j6ahhvjry.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Newsreader;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/5f402bd2d8eef81a-s.p.40bho2kviej2o.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Newsreader;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/150f724d70372c02-s.1ljbalzvxyif7.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Newsreader;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/750c737482d9de2f-s.3ex3j6ahhvjry.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Newsreader;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/5f402bd2d8eef81a-s.p.40bho2kviej2o.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Newsreader Fallback;
  src: local(Times New Roman);
  ascent-override: 69.68%;
  descent-override: 25.12%;
  line-gap-override: 0.0%;
  size-adjust: 105.48%;
}

.newsreader_d5c4cc4a-module__54ogCa__className {
  font-family: Newsreader, Newsreader Fallback;
}

.newsreader_d5c4cc4a-module__54ogCa__variable {
  --font-newsreader: "Newsreader", "Newsreader Fallback";
}

/* [next]/internal/font/google/public_sans_3290d4bb.module.css [app-client] (css) */
@font-face {
  font-family: Public Sans;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/6e8df35dd937fa7a-s.0itc0wjx1mi4q.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Public Sans;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/fc2699ecc8323b38-s.1gwygi6ipeo67.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Public Sans;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/fa0520225c6f3d07-s.p.33u8lzvd44aqk.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Public Sans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/6e8df35dd937fa7a-s.0itc0wjx1mi4q.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Public Sans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/fc2699ecc8323b38-s.1gwygi6ipeo67.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Public Sans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/fa0520225c6f3d07-s.p.33u8lzvd44aqk.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Public Sans;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/6e8df35dd937fa7a-s.0itc0wjx1mi4q.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Public Sans;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/fc2699ecc8323b38-s.1gwygi6ipeo67.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Public Sans;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/fa0520225c6f3d07-s.p.33u8lzvd44aqk.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Public Sans;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/6e8df35dd937fa7a-s.0itc0wjx1mi4q.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Public Sans;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/fc2699ecc8323b38-s.1gwygi6ipeo67.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Public Sans;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/fa0520225c6f3d07-s.p.33u8lzvd44aqk.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Public Sans Fallback;
  src: local(Arial);
  ascent-override: 90.59%;
  descent-override: 21.46%;
  line-gap-override: 0.0%;
  size-adjust: 104.87%;
}

.public_sans_3290d4bb-module__pHAv1a__className {
  font-family: Public Sans, Public Sans Fallback;
  font-style: normal;
}

.public_sans_3290d4bb-module__pHAv1a__variable {
  --font-public-sans: "Public Sans", "Public Sans Fallback";
}

/* [project]/src/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: var(--font-public-sans), system-ui, sans-serif;
    --font-serif: var(--font-newsreader), Georgia, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: .25rem;
    --text-base: 15px;
    --text-base--line-height: 1.5;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --radius-sm: 10px;
    --radius-md: 12px;
    --radius-lg: 14px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-public-sans), system-ui, sans-serif;
    --default-mono-font-family: var(--font-mono);
    --color-canvas: #f4f4ee;
    --color-canvas-header: #f7f7f1;
    --color-surface: #fdfefb;
    --color-surface-quiet: #fafaf6;
    --color-surface-pure-white: #fff;
    --color-table-header-bg: #f0f1eb;
    --color-avatar-bg: #e8e9e0;
    --color-avatar-text: #41433c;
    --color-text-primary: #1c1e18;
    --color-text-secondary: #585a54;
    --color-text-tertiary: #696b65;
    --color-border: #dbdbd5;
    --color-border-hover: #9e9f98;
    --color-border-focus-inline: #b7b8b1;
    --color-accent: #865582;
    --color-accent-hover: #6b3767;
    --color-accent-on-dark: #af7ba9;
    --color-accent-tint-bg: #f8f1f773;
    --color-accent-tint-bg-strong: #f8ecf799;
    --color-accent-border-tint: #e7d4e4;
    --color-accent-text-mid: #6b4167;
    --color-accent-text-dark: #352934;
    --color-dark-surface: #25232a;
    --color-dark-surface-deep: #1b1920;
    --color-dark-surface-nested: #312f37;
    --color-dark-text: #efedf3;
    --color-dark-text-muted: #cfcbd9;
    --color-dislike-dot: #c590c0;
    --color-danger-border: #dec4c1;
    --color-danger-border-hover: #b9827d;
    --color-danger-text: #6a403c;
    --color-danger-text-on-dark: #e7958e;
    --color-danger-bg-tint: snow;
    --color-danger-solid-bg: #90302e;
    --color-success-border: #9dc3a3;
    --color-success-border-hover: #578f63;
    --color-success-bg: #e4f8e78c;
    --color-success-text: #0d4a22;
    --color-dark-btn-bg: #1c1e18;
    --color-dark-btn-text: #f5f6f0;
    --color-dark-btn-hover: #2d2f27;
    --color-text-button-hover: #2a2c26;
    --color-text-muted: #474942;
    --color-danger-idle-bg: #e8e8e2;
    --color-dark-border: #5a5662;
    --color-dark-border-focus: #978cad;
    --color-radio-border-idle: #c4c5bf;
    --color-checkbox-border-idle: #cbcbc5;
    --color-list-row-border: #e6e7e1;
    --color-timeline-dot-border: #aeafa7;
    --color-dashed-row-border: #cecec8;
    --color-empty-state-border: #d7d8d2;
    --color-segmented-track-bg: #e6e7e1;
    --color-segmented-text: #2d2f28;
    --color-sheet-backdrop: #15171257;
    --color-sheet-bg: #f8f9f4;
    --color-shell-divider: #e1e2dc;
    --color-sidebar-nav-hover-bg: #edede7;
    --color-nav-active-bar: #282a23;
    --color-table-border: #e1e2dc;
    --color-table-row-border: #ebece6;
    --color-table-row-hover: #edeee5;
    --color-ring-guide-border: #d7d8d2;
    --color-ring-label-text: #62645e;
    --color-ring-node-border: #deded9;
    --color-view-mode-active-border: #2d2f28;
    --color-rediscover-eyebrow: #674864;
    --color-rediscover-name: #271e26;
    --color-rediscover-why: #433942;
    --color-rediscover-meta: #5e4e5c;
    --color-rediscover-card-border: #e6d9e4;
    --color-archived-eyebrow: #6a4f67;
    --color-pill-button-text: #4c4e47;
    --color-sheet-inset-bg: #f0f1eb;
    --color-sheet-inset-border: #e1e2dc;
    --radius-chip: 999px;
    --radius-sheet: 16px;
    --radius-sheet-mobile: 18px 18px 0 0;
    --tracking-eyebrow: .09em;
    --shadow-fab: 0 8px 20px #1517123d;
    --text-hero-desktop: 42px;
    --text-hero-desktop--line-height: 1.2;
    --text-hero-phone: 30px;
    --text-hero-phone--line-height: 1.25;
    --text-page-title: 26px;
    --text-onboarding-title: 27px;
    --text-onboarding-title--line-height: 1.3;
    --text-first-run-person-title: 21px;
    --text-person-name: 34px;
    --text-person-name--line-height: 1.1;
    --text-review-name: 27px;
    --text-review-name--line-height: 1.1;
    --text-card-heading: 19px;
    --text-circle-label: 18px;
    --text-sheet-title: 22px;
    --text-list-row-name: 17px;
    --text-table-name: 16px;
    --text-bulk-row-name: 16.5px;
    --text-timeline-note: 16.5px;
    --text-timeline-note--line-height: 1.5;
    --text-why-input: 19px;
    --text-why-input--line-height: 1.55;
    --text-why-review: 18px;
    --text-why-review--line-height: 1.6;
    --text-empty-state: 19px;
    --text-empty-state--line-height: 1.5;
    --text-body: 14.5px;
    --text-body--line-height: 1.6;
    --text-button: 14px;
    --text-nav: 14px;
    --text-tab: 12px;
    --text-table-header: 12px;
    --text-eyebrow: 12px;
    --text-meta: 12.5px;
    --text-meta--line-height: 1.55;
    --text-chip: 13px;
    --text-input: 14.25px;
    --text-input-compact: 13px;
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-canvas: lab(96.0132% -.941157 2.86216);
      --color-canvas-header: lab(97.1732% -.941306 2.86205);
      --color-surface: lab(99.4569% -.474155 1.4284);
      --color-surface-quiet: lab(98.3151% -.70864 2.14454);
      --color-surface-pure-white: lab(100% 0 0);
      --color-table-header-bg: lab(94.8532% -.941038 2.86226);
      --color-avatar-bg: lab(91.9889% -1.40017 4.30208);
      --color-avatar-text: lab(28.2055% -2.01355 3.98632);
      --color-text-primary: lab(10.8025% -1.97643 4.02487);
      --color-text-secondary: lab(38.0459% -1.69317 3.30757);
      --color-text-tertiary: lab(45.0062% -1.69685 3.30417);
      --color-border: lab(87.3131% -.939995 2.86304);
      --color-border-hover: lab(65.2906% -1.16387 3.58731);
      --color-border-focus-inline: lab(74.5708% -1.16694 3.58492);
      --color-accent: lab(43.0278% 26.3221 -16.4467);
      --color-accent-hover: lab(31.2501% 29.1969 -18.1522);
      --color-accent-on-dark: lab(58.1236% 26.355 -16.5148);
      --color-accent-tint-bg: lab(95.777% 3.53763 -2.24434 / .45);
      --color-accent-tint-bg-strong: lab(94.5076% 5.89278 -3.7349 / .6);
      --color-accent-border-tint: lab(86.8296% 8.83201 -5.59005);
      --color-accent-text-mid: lab(33.8878% 23.3909 -14.605);
      --color-accent-text-dark: lab(18.4522% 7.33918 -4.62197);
      --color-dark-surface: lab(13.9978% 2.53181 -4.51047);
      --color-dark-surface-deep: lab(9.35587% 2.5531 -4.49809);
      --color-dark-surface-nested: lab(19.7751% 2.88798 -5.15815);
      --color-dark-text: lab(94.1122% 1.39093 -2.61545);
      --color-dark-text-muted: lab(82.3765% 3.5235 -6.50444);
      --color-dislike-dot: lab(66.2496% 26.3696 -16.5432);
      --color-danger-border: lab(81.1625% 9.202 4.96711);
      --color-danger-border-hover: lab(59.8981% 21.6678 11.8811);
      --color-danger-text: lab(32.1463% 18.6508 10.3402);
      --color-danger-text-on-dark: lab(70.0465% 31.0519 17.1629);
      --color-danger-bg-tint: lab(98.785% 1.83249 .984478);
      --color-danger-solid-bg: lab(34.9032% 40.9699 24.3727);
      --color-success-border: lab(75.2713% -17.814 11.43);
      --color-success-border-hover: lab(54.7596% -26.9205 17.4767);
      --color-success-bg: lab(95.7616% -8.8726 5.65814 / .55);
      --color-success-text: lab(26.8844% -27.2729 18.0963);
      --color-dark-btn-bg: lab(10.8025% -1.97643 4.02487);
      --color-dark-btn-text: lab(96.5932% -.941247 2.8621);
      --color-dark-btn-hover: lab(18.9535% -2.4754 5.02572);
      --color-text-button-hover: lab(17.7641% -1.99586 4.00409);
      --color-text-muted: lab(30.5258% -2.01641 3.98355);
      --color-danger-idle-bg: lab(91.9531% -.940651 2.86255);
      --color-dark-border: lab(37.1311% 3.58491 -6.4633);
      --color-dark-border-focus: lab(59.9653% 9.21244 -16.0128);
      --color-radio-border-idle: lab(79.193% -.938714 2.86402);
      --color-checkbox-border-idle: lab(81.513% -.939071 2.86371);
      --color-list-row-border: lab(91.3731% -.940591 2.86262);
      --color-timeline-dot-border: lab(71.0907% -1.16587 3.58577);
      --color-dashed-row-border: lab(82.673% -.93925 2.86356);
      --color-empty-state-border: lab(86.1531% -.939816 2.86316);
      --color-segmented-track-bg: lab(91.3731% -.940591 2.86262);
      --color-segmented-text: lab(18.9243% -1.99834 4.00152);
      --color-sheet-backdrop: lab(7.32241% -1.53031 2.90244 / .34);
      --color-sheet-bg: lab(97.7351% -.70861 2.14458);
      --color-shell-divider: lab(89.6331% -.940323 2.86279);
      --color-sidebar-nav-hover-bg: lab(93.6932% -.940889 2.86237);
      --color-nav-active-bar: lab(16.6039% -1.99319 4.00686);
      --color-table-border: lab(89.6331% -.940323 2.86279);
      --color-table-row-border: lab(93.1131% -.94077 2.86243);
      --color-table-row-hover: lab(93.729% -1.40068 4.30168);
      --color-ring-guide-border: lab(86.1531% -.939816 2.86316);
      --color-ring-label-text: lab(42.1061% -1.69545 3.30549);
      --color-ring-node-border: lab(88.4731% -.940144 2.86289);
      --color-view-mode-active-border: lab(18.9243% -1.99834 4.00152);
      --color-rediscover-eyebrow: lab(34.7701% 17.5725 -11.0149);
      --color-rediscover-name: lab(12.7221% 5.87235 -3.69939);
      --color-rediscover-why: lab(25.4844% 5.88022 -3.71332);
      --color-rediscover-meta: lab(35.2049% 8.81445 -5.55966);
      --color-rediscover-card-border: lab(88.1275% 5.89231 -3.73408);
      --color-archived-eyebrow: lab(37.2385% 14.661 -9.21218);
      --color-pill-button-text: lab(32.846% -2.01899 3.98107);
      --color-sheet-inset-bg: lab(94.8532% -.941038 2.86226);
      --color-sheet-inset-border: lab(89.6331% -.940323 2.86279);
      --shadow-fab: 0 8px 20px lab(7.32241% -1.53031 2.90244 / .24);
    }
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

  .top-0 {
    top: 0;
  }

  .top-14 {
    top: calc(var(--spacing) * 14);
  }

  .top-\[6px\] {
    top: 6px;
  }

  .right-\[18px\] {
    right: 18px;
  }

  .bottom-0 {
    bottom: 0;
  }

  .bottom-\[84px\] {
    bottom: 84px;
  }

  .-left-1 {
    left: calc(var(--spacing) * -1);
  }

  .left-1\/2 {
    left: 50%;
  }

  .z-20 {
    z-index: 20;
  }

  .z-\[2\] {
    z-index: 2;
  }

  .z-\[5\] {
    z-index: 5;
  }

  .z-\[8\] {
    z-index: 8;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }

  .-mx-\[22px\] {
    margin-inline: -22px;
  }

  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-\[14px\] {
    margin-block: 14px;
  }

  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }

  .-mt-\[22px\] {
    margin-top: -22px;
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-\[6px\] {
    margin-top: 6px;
  }

  .mt-\[7px\] {
    margin-top: 7px;
  }

  .mt-auto {
    margin-top: auto;
  }

  .-mb-\[26px\] {
    margin-bottom: -26px;
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-\[3px\] {
    margin-bottom: 3px;
  }

  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }

  .-ml-\[7px\] {
    margin-left: -7px;
  }

  .ml-\[5px\] {
    margin-left: 5px;
  }

  .ml-auto {
    margin-left: auto;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .table-cell {
    display: table-cell;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-\[7px\] {
    height: 7px;
  }

  .h-\[9px\] {
    height: 9px;
  }

  .h-\[17px\] {
    height: 17px;
  }

  .h-\[19px\] {
    height: 19px;
  }

  .h-\[21px\] {
    height: 21px;
  }

  .h-\[25px\] {
    height: 25px;
  }

  .h-\[30px\] {
    height: 30px;
  }

  .h-\[34px\] {
    height: 34px;
  }

  .h-\[36px\] {
    height: 36px;
  }

  .h-\[52px\] {
    height: 52px;
  }

  .h-\[58px\] {
    height: 58px;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .max-h-\[42vh\] {
    max-height: 42vh;
  }

  .max-h-\[46vh\] {
    max-height: 46vh;
  }

  .max-h-\[88vh\] {
    max-height: 88vh;
  }

  .min-h-0 {
    min-height: 0;
  }

  .min-h-\[52px\] {
    min-height: 52px;
  }

  .min-h-full {
    min-height: 100%;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-\[7px\] {
    width: 7px;
  }

  .w-\[9px\] {
    width: 9px;
  }

  .w-\[17px\] {
    width: 17px;
  }

  .w-\[19px\] {
    width: 19px;
  }

  .w-\[21px\] {
    width: 21px;
  }

  .w-\[30px\] {
    width: 30px;
  }

  .w-\[34px\] {
    width: 34px;
  }

  .w-\[36px\] {
    width: 36px;
  }

  .w-\[42px\] {
    width: 42px;
  }

  .w-\[52px\] {
    width: 52px;
  }

  .w-\[58px\] {
    width: 58px;
  }

  .w-\[232px\] {
    width: 232px;
  }

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

  .max-w-\[240px\] {
    max-width: 240px;
  }

  .max-w-\[380px\] {
    max-width: 380px;
  }

  .max-w-\[400px\] {
    max-width: 400px;
  }

  .max-w-\[440px\] {
    max-width: 440px;
  }

  .max-w-\[460px\] {
    max-width: 460px;
  }

  .max-w-\[520px\] {
    max-width: 520px;
  }

  .max-w-\[560px\] {
    max-width: 560px;
  }

  .max-w-\[600px\] {
    max-width: 600px;
  }

  .max-w-\[620px\] {
    max-width: 620px;
  }

  .max-w-\[680px\] {
    max-width: 680px;
  }

  .max-w-\[1160px\] {
    max-width: 1160px;
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-\[140px\] {
    min-width: 140px;
  }

  .min-w-\[190px\] {
    min-width: 190px;
  }

  .min-w-\[200px\] {
    min-width: 200px;
  }

  .min-w-\[220px\] {
    min-width: 220px;
  }

  .min-w-\[280px\] {
    min-width: 280px;
  }

  .min-w-\[780px\] {
    min-width: 780px;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-none {
    flex: none;
  }

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

  .grow {
    flex-grow: 1;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .appearance-none {
    appearance: none;
  }

  .grid-cols-\[minmax\(175px\,1\.2fr\)_96px_minmax\(130px\,1fr\)_minmax\(250px\,2fr\)_122px\] {
    grid-template-columns: minmax(175px, 1.2fr) 96px minmax(130px, 1fr) minmax(250px, 2fr) 122px;
  }

  .grid-cols-\[repeat\(auto-fit\,minmax\(300px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .gap-0 {
    gap: 0;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: var(--spacing);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  .gap-\[2px\] {
    gap: 2px;
  }

  .gap-\[5px\] {
    gap: 5px;
  }

  .gap-\[6px\] {
    gap: 6px;
  }

  .gap-\[7px\] {
    gap: 7px;
  }

  .gap-\[9px\] {
    gap: 9px;
  }

  .gap-\[10px\] {
    gap: 10px;
  }

  .gap-\[11px\] {
    gap: 11px;
  }

  .gap-\[13px\] {
    gap: 13px;
  }

  .gap-\[14px\] {
    gap: 14px;
  }

  .gap-\[15px\] {
    gap: 15px;
  }

  .gap-\[18px\] {
    gap: 18px;
  }

  .gap-\[26px\] {
    gap: 26px;
  }

  .gap-px {
    gap: 1px;
  }

  .self-center {
    align-self: center;
  }

  .self-start {
    align-self: flex-start;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overflow-y-hidden {
    overflow-y: hidden;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-\[6px\] {
    border-radius: 6px;
  }

  .rounded-\[8px\] {
    border-radius: 8px;
  }

  .rounded-\[9px\] {
    border-radius: 9px;
  }

  .rounded-\[11px\] {
    border-radius: 11px;
  }

  .rounded-\[12px\] {
    border-radius: 12px;
  }

  .rounded-\[13px\] {
    border-radius: 13px;
  }

  .rounded-\[16px\] {
    border-radius: 16px;
  }

  .rounded-\[inherit\] {
    border-radius: inherit;
  }

  .rounded-chip {
    border-radius: var(--radius-chip);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-sheet {
    border-radius: var(--radius-sheet);
  }

  .rounded-sheet-mobile {
    border-radius: var(--radius-sheet-mobile);
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-\[1\.5px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1.5px;
  }

  .\!border-none {
    --tw-border-style: none !important;
    border-style: none !important;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-accent-border-tint {
    border-color: var(--color-accent-border-tint);
  }

  .border-border {
    border-color: var(--color-border);
  }

  .border-checkbox-border-idle {
    border-color: var(--color-checkbox-border-idle);
  }

  .border-danger-border {
    border-color: var(--color-danger-border);
  }

  .border-danger-solid-bg {
    border-color: var(--color-danger-solid-bg);
  }

  .border-dark-border {
    border-color: var(--color-dark-border);
  }

  .border-dark-btn-bg {
    border-color: var(--color-dark-btn-bg);
  }

  .border-dark-surface {
    border-color: var(--color-dark-surface);
  }

  .border-dark-text {
    border-color: var(--color-dark-text);
  }

  .border-dashed-row-border {
    border-color: var(--color-dashed-row-border);
  }

  .border-empty-state-border {
    border-color: var(--color-empty-state-border);
  }

  .border-list-row-border {
    border-color: var(--color-list-row-border);
  }

  .border-nav-active-bar {
    border-color: var(--color-nav-active-bar);
  }

  .border-rediscover-card-border {
    border-color: var(--color-rediscover-card-border);
  }

  .border-ring-guide-border {
    border-color: var(--color-ring-guide-border);
  }

  .border-ring-node-border {
    border-color: var(--color-ring-node-border);
  }

  .border-sheet-inset-border {
    border-color: var(--color-sheet-inset-border);
  }

  .border-shell-divider {
    border-color: var(--color-shell-divider);
  }

  .border-success-border {
    border-color: var(--color-success-border);
  }

  .border-table-border {
    border-color: var(--color-table-border);
  }

  .border-table-row-border {
    border-color: var(--color-table-row-border);
  }

  .border-timeline-dot-border {
    border-color: var(--color-timeline-dot-border);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-view-mode-active-border {
    border-color: var(--color-view-mode-active-border);
  }

  .\!bg-transparent {
    background-color: #0000 !important;
  }

  .bg-accent {
    background-color: var(--color-accent);
  }

  .bg-accent-tint-bg {
    background-color: var(--color-accent-tint-bg);
  }

  .bg-accent-tint-bg-strong {
    background-color: var(--color-accent-tint-bg-strong);
  }

  .bg-avatar-bg {
    background-color: var(--color-avatar-bg);
  }

  .bg-border {
    background-color: var(--color-border);
  }

  .bg-canvas {
    background-color: var(--color-canvas);
  }

  .bg-canvas-header {
    background-color: var(--color-canvas-header);
  }

  .bg-danger-bg-tint {
    background-color: var(--color-danger-bg-tint);
  }

  .bg-danger-idle-bg {
    background-color: var(--color-danger-idle-bg);
  }

  .bg-danger-solid-bg {
    background-color: var(--color-danger-solid-bg);
  }

  .bg-dark-btn-bg {
    background-color: var(--color-dark-btn-bg);
  }

  .bg-dark-surface {
    background-color: var(--color-dark-surface);
  }

  .bg-dark-surface-deep {
    background-color: var(--color-dark-surface-deep);
  }

  .bg-dark-surface-nested {
    background-color: var(--color-dark-surface-nested);
  }

  .bg-dark-text {
    background-color: var(--color-dark-text);
  }

  .bg-dislike-dot {
    background-color: var(--color-dislike-dot);
  }

  .bg-segmented-track-bg {
    background-color: var(--color-segmented-track-bg);
  }

  .bg-sheet-backdrop {
    background-color: var(--color-sheet-backdrop);
  }

  .bg-sheet-bg {
    background-color: var(--color-sheet-bg);
  }

  .bg-sheet-inset-bg {
    background-color: var(--color-sheet-inset-bg);
  }

  .bg-shell-divider {
    background-color: var(--color-shell-divider);
  }

  .bg-success-bg {
    background-color: var(--color-success-bg);
  }

  .bg-surface {
    background-color: var(--color-surface);
  }

  .bg-surface-pure-white {
    background-color: var(--color-surface-pure-white);
  }

  .bg-surface-quiet {
    background-color: var(--color-surface-quiet);
  }

  .bg-table-header-bg {
    background-color: var(--color-table-header-bg);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-\[linear-gradient\(transparent\,var\(--color-canvas\)_22\%\)\] {
    background-image: linear-gradient(transparent,var(--color-canvas) 22%);
  }

  .bg-\[repeating-linear-gradient\(135deg\,var\(--color-surface-quiet\)_0_5px\,var\(--color-canvas\)_5px_11px\)\] {
    background-image: repeating-linear-gradient(135deg,var(--color-surface-quiet) 0 5px,var(--color-canvas) 5px 11px);
  }

  .\!p-0 {
    padding: 0 !important;
  }

  .p-0 {
    padding: 0;
  }

  .p-1 {
    padding: var(--spacing);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-16 {
    padding: calc(var(--spacing) * 16);
  }

  .p-\[3px\] {
    padding: 3px;
  }

  .\!px-\[7px\] {
    padding-inline: 7px !important;
  }

  .px-0 {
    padding-inline: 0;
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5);
  }

  .px-1 {
    padding-inline: var(--spacing);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }

  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }

  .px-\[2px\] {
    padding-inline: 2px;
  }

  .px-\[10px\] {
    padding-inline: 10px;
  }

  .px-\[13px\] {
    padding-inline: 13px;
  }

  .px-\[14px\] {
    padding-inline: 14px;
  }

  .px-\[15px\] {
    padding-inline: 15px;
  }

  .px-\[17px\] {
    padding-inline: 17px;
  }

  .px-\[18px\] {
    padding-inline: 18px;
  }

  .px-\[22px\] {
    padding-inline: 22px;
  }

  .px-\[72px\] {
    padding-inline: 72px;
  }

  .\!py-\[5px\] {
    padding-block: 5px !important;
  }

  .py-0 {
    padding-block: 0;
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-\[2px\] {
    padding-block: 2px;
  }

  .py-\[3px\] {
    padding-block: 3px;
  }

  .py-\[6px\] {
    padding-block: 6px;
  }

  .py-\[7px\] {
    padding-block: 7px;
  }

  .py-\[9px\] {
    padding-block: 9px;
  }

  .py-\[11px\] {
    padding-block: 11px;
  }

  .py-\[13px\] {
    padding-block: 13px;
  }

  .py-\[14px\] {
    padding-block: 14px;
  }

  .py-\[15px\] {
    padding-block: 15px;
  }

  .py-\[18px\] {
    padding-block: 18px;
  }

  .py-\[26px\] {
    padding-block: 26px;
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .pt-1 {
    padding-top: var(--spacing);
  }

  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }

  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }

  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }

  .pt-\[1px\] {
    padding-top: 1px;
  }

  .pt-\[6px\] {
    padding-top: 6px;
  }

  .pt-\[13px\] {
    padding-top: 13px;
  }

  .pt-\[14px\] {
    padding-top: 14px;
  }

  .pt-\[18px\] {
    padding-top: 18px;
  }

  .pt-\[22px\] {
    padding-top: 22px;
  }

  .pt-\[26px\] {
    padding-top: 26px;
  }

  .pt-\[34px\] {
    padding-top: 34px;
  }

  .pr-0\.5 {
    padding-right: calc(var(--spacing) * .5);
  }

  .pr-1 {
    padding-right: var(--spacing);
  }

  .pr-\[6px\] {
    padding-right: 6px;
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }

  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }

  .pb-\[3px\] {
    padding-bottom: 3px;
  }

  .pb-\[6px\] {
    padding-bottom: 6px;
  }

  .pb-\[7px\] {
    padding-bottom: 7px;
  }

  .pb-\[9px\] {
    padding-bottom: 9px;
  }

  .pb-\[18px\] {
    padding-bottom: 18px;
  }

  .pb-\[26px\] {
    padding-bottom: 26px;
  }

  .pb-\[120px\] {
    padding-bottom: 120px;
  }

  .pl-1 {
    padding-left: var(--spacing);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .font-serif {
    font-family: var(--font-newsreader), Georgia, serif;
  }

  .\!text-why-input {
    font-size: var(--text-why-input) !important;
    line-height: var(--tw-leading, var(--text-why-input--line-height)) !important;
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-body {
    font-size: var(--text-body);
    line-height: var(--tw-leading, var(--text-body--line-height));
  }

  .text-empty-state {
    font-size: var(--text-empty-state);
    line-height: var(--tw-leading, var(--text-empty-state--line-height));
  }

  .text-hero-desktop {
    font-size: var(--text-hero-desktop);
    line-height: var(--tw-leading, var(--text-hero-desktop--line-height));
  }

  .text-hero-phone {
    font-size: var(--text-hero-phone);
    line-height: var(--tw-leading, var(--text-hero-phone--line-height));
  }

  .text-meta {
    font-size: var(--text-meta);
    line-height: var(--tw-leading, var(--text-meta--line-height));
  }

  .text-onboarding-title {
    font-size: var(--text-onboarding-title);
    line-height: var(--tw-leading, var(--text-onboarding-title--line-height));
  }

  .text-person-name {
    font-size: var(--text-person-name);
    line-height: var(--tw-leading, var(--text-person-name--line-height));
  }

  .text-review-name {
    font-size: var(--text-review-name);
    line-height: var(--tw-leading, var(--text-review-name--line-height));
  }

  .text-timeline-note {
    font-size: var(--text-timeline-note);
    line-height: var(--tw-leading, var(--text-timeline-note--line-height));
  }

  .text-why-review {
    font-size: var(--text-why-review);
    line-height: var(--tw-leading, var(--text-why-review--line-height));
  }

  .text-\[11\.5px\] {
    font-size: 11.5px;
  }

  .text-\[12\.5px\] {
    font-size: 12.5px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13\.5px\] {
    font-size: 13.5px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[15\.5px\] {
    font-size: 15.5px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[17px\] {
    font-size: 17px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .text-\[19px\] {
    font-size: 19px;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .text-\[21px\] {
    font-size: 21px;
  }

  .text-\[25px\] {
    font-size: 25px;
  }

  .text-\[27px\] {
    font-size: 27px;
  }

  .text-bulk-row-name {
    font-size: var(--text-bulk-row-name);
  }

  .text-button {
    font-size: var(--text-button);
  }

  .text-card-heading {
    font-size: var(--text-card-heading);
  }

  .text-chip {
    font-size: var(--text-chip);
  }

  .text-circle-label {
    font-size: var(--text-circle-label);
  }

  .text-eyebrow {
    font-size: var(--text-eyebrow);
  }

  .text-first-run-person-title {
    font-size: var(--text-first-run-person-title);
  }

  .text-input {
    font-size: var(--text-input);
  }

  .text-input-compact {
    font-size: var(--text-input-compact);
  }

  .text-list-row-name {
    font-size: var(--text-list-row-name);
  }

  .text-nav {
    font-size: var(--text-nav);
  }

  .text-page-title {
    font-size: var(--text-page-title);
  }

  .text-sheet-title {
    font-size: var(--text-sheet-title);
  }

  .text-tab {
    font-size: var(--text-tab);
  }

  .text-table-header {
    font-size: var(--text-table-header);
  }

  .text-table-name {
    font-size: var(--text-table-name);
  }

  .\!leading-\[1\.55\] {
    --tw-leading: 1.55 !important;
    line-height: 1.55 !important;
  }

  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }

  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }

  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }

  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }

  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }

  .leading-\[1\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }

  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }

  .leading-\[1\.55\] {
    --tw-leading: 1.55;
    line-height: 1.55;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .tracking-\[0\.01em\] {
    --tw-tracking: .01em;
    letter-spacing: .01em;
  }

  .tracking-\[0\.07em\] {
    --tw-tracking: .07em;
    letter-spacing: .07em;
  }

  .tracking-\[0\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .tracking-eyebrow {
    --tw-tracking: var(--tracking-eyebrow);
    letter-spacing: var(--tracking-eyebrow);
  }

  .\[text-wrap\:pretty\] {
    text-wrap: pretty;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-accent {
    color: var(--color-accent);
  }

  .text-accent-hover {
    color: var(--color-accent-hover);
  }

  .text-accent-text-dark {
    color: var(--color-accent-text-dark);
  }

  .text-accent-text-mid {
    color: var(--color-accent-text-mid);
  }

  .text-archived-eyebrow {
    color: var(--color-archived-eyebrow);
  }

  .text-avatar-text {
    color: var(--color-avatar-text);
  }

  .text-danger-text {
    color: var(--color-danger-text);
  }

  .text-danger-text-on-dark {
    color: var(--color-danger-text-on-dark);
  }

  .text-dark-btn-text {
    color: var(--color-dark-btn-text);
  }

  .text-dark-surface-deep {
    color: var(--color-dark-surface-deep);
  }

  .text-dark-text {
    color: var(--color-dark-text);
  }

  .text-dark-text-muted {
    color: var(--color-dark-text-muted);
  }

  .text-pill-button-text {
    color: var(--color-pill-button-text);
  }

  .text-rediscover-eyebrow {
    color: var(--color-rediscover-eyebrow);
  }

  .text-rediscover-meta {
    color: var(--color-rediscover-meta);
  }

  .text-rediscover-name {
    color: var(--color-rediscover-name);
  }

  .text-rediscover-why {
    color: var(--color-rediscover-why);
  }

  .text-ring-label-text {
    color: var(--color-ring-label-text);
  }

  .text-segmented-text {
    color: var(--color-segmented-text);
  }

  .text-success-text {
    color: var(--color-success-text);
  }

  .text-text-muted {
    color: var(--color-text-muted);
  }

  .text-text-primary {
    color: var(--color-text-primary);
  }

  .text-text-secondary {
    color: var(--color-text-secondary);
  }

  .text-text-tertiary {
    color: var(--color-text-tertiary);
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .underline {
    text-decoration-line: underline;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-50 {
    opacity: .5;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-fab {
    --tw-shadow: 0 8px 20px var(--tw-shadow-color, #1517123d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @supports (color: lab(0% 0 0)) {
    .shadow-fab {
      --tw-shadow: 0 8px 20px var(--tw-shadow-color, lab(7.32241% -1.53031 2.90244 / .24));
    }
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,border-color\,color\] {
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,border-color\] {
    transition-property: background-color, border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,color\] {
    transition-property: background-color, color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\] {
    transition-property: background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[border-color\,background-color\] {
    transition-property: border-color, background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[border-color\,color\] {
    transition-property: border-color, color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[border-color\] {
    transition-property: border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,border-color\] {
    transition-property: color, border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-\[180ms\] {
    --tw-duration: .18s;
    transition-duration: .18s;
  }

  .ease-\[ease\] {
    --tw-ease: ease;
    transition-timing-function: ease;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }

  .peer-checked\:opacity-100:is(:where(.peer):checked ~ *) {
    opacity: 1;
  }

  .checked\:border-accent:checked {
    border-color: var(--color-accent);
  }

  .checked\:bg-accent:checked {
    background-color: var(--color-accent);
  }

  @media (hover: hover) {
    .hover\:border-accent:hover {
      border-color: var(--color-accent);
    }

    .hover\:border-border:hover {
      border-color: var(--color-border);
    }

    .hover\:border-border-hover:hover {
      border-color: var(--color-border-hover);
    }

    .hover\:border-danger-border-hover:hover {
      border-color: var(--color-danger-border-hover);
    }

    .hover\:border-dark-border-focus:hover {
      border-color: var(--color-dark-border-focus);
    }

    .hover\:border-success-border-hover:hover {
      border-color: var(--color-success-border-hover);
    }

    .hover\:bg-dark-btn-hover:hover {
      background-color: var(--color-dark-btn-hover);
    }

    .hover\:bg-sidebar-nav-hover-bg:hover {
      background-color: var(--color-sidebar-nav-hover-bg);
    }

    .hover\:bg-surface:hover {
      background-color: var(--color-surface);
    }

    .hover\:bg-surface-pure-white:hover {
      background-color: var(--color-surface-pure-white);
    }

    .hover\:bg-surface-quiet:hover {
      background-color: var(--color-surface-quiet);
    }

    .hover\:bg-table-row-hover:hover {
      background-color: var(--color-table-row-hover);
    }

    .hover\:text-accent:hover {
      color: var(--color-accent);
    }

    .hover\:text-accent-hover:hover {
      color: var(--color-accent-hover);
    }

    .hover\:text-danger-solid-bg:hover {
      color: var(--color-danger-solid-bg);
    }

    .hover\:text-text-button-hover:hover {
      color: var(--color-text-button-hover);
    }

    .hover\:text-text-primary:hover {
      color: var(--color-text-primary);
    }
  }

  .focus\:border-border-focus-inline:focus {
    border-color: var(--color-border-focus-inline);
  }

  .focus\:border-dark-border-focus:focus {
    border-color: var(--color-dark-border-focus);
  }

  .focus\:bg-surface-pure-white:focus {
    background-color: var(--color-surface-pure-white);
  }

  .focus-visible\:outline-offset-0:focus-visible {
    outline-offset: 0px;
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }

  .focus-visible\:outline-offset-\[-2px\]:focus-visible {
    outline-offset: -2px;
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .data-\[state\=active\]\:bg-surface[data-state="active"] {
    background-color: var(--color-surface);
  }

  .data-\[state\=checked\]\:translate-x-\[17px\][data-state="checked"] {
    --tw-translate-x: 17px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=checked\]\:border-accent[data-state="checked"] {
    border-color: var(--color-accent);
  }

  .data-\[state\=checked\]\:bg-accent[data-state="checked"] {
    background-color: var(--color-accent);
  }

  .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=unchecked\]\:border-radio-border-idle[data-state="unchecked"] {
    border-color: var(--color-radio-border-idle);
  }

  .data-\[state\=unchecked\]\:bg-border[data-state="unchecked"] {
    background-color: var(--color-border);
  }

  @media (min-width: 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }
}

body {
  background: var(--color-canvas);
  color: var(--color-text-primary);
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.note-text {
  font-family: var(--font-serif);
  color: inherit;
  font-style: italic;
  line-height: 1.5;
}

:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.dark-surface :focus-visible {
  outline-color: var(--color-accent-on-dark);
}

.chip-row {
  scrollbar-width: none;
  flex-wrap: nowrap;
  gap: 7px;
  padding-bottom: 2px;
  display: flex;
  overflow-x: auto;
}

.chip-row::-webkit-scrollbar {
  height: 0;
}

@media (min-width: 860px) {
  .chip-row {
    flex-wrap: wrap;
    overflow-x: visible;
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__1udv3z6._.css.map*/