:root {
  --genentech-a-1: #13294b;
  --genentech-a-2: #003087;
  --genentech-a-3: #485cc7;
  --genentech-a-4: #9baee4;
  --genentech-a-5: #e1e7f7;
  --genentech-b-1: #004677;
  --genentech-b-2: #0b41cd;
  --genentech-b-3: #00a3e0;
  --genentech-b-4: #8dc8e0;
  --genentech-b-5: #ddeef8;
  --genentech-c-1: #470a68;
  --genentech-c-2: #671e75;
  --genentech-c-3: #8c4799;
  --genentech-c-4: #ba9cc5;
  --genentech-c-5: #eae1ee;
  --genentech-d-1: #51284f;
  --genentech-d-2: #722257;
  --genentech-d-3: #af1685;
  --genentech-d-4: #dea8dd;
  --genentech-d-5: #f3e1f3;
  --genentech-e-1: #6a2c3e;
  --genentech-e-2: #862633;
  --genentech-e-3: #c8102e;
  --genentech-e-3-5: #ff8782;
  --genentech-e-4: #ecc7cd;
  --genentech-e-5: #f8ebed;
  --genentech-f-1: #dc4405;
  --genentech-f-2: #dc4405;
  --genentech-f-3: #ff8200;
  --genentech-f-3-5: #ffbd69;
  --genentech-f-4: #fcd757;
  --genentech-f-5: #fef4d1;
  --genentech-g-1: #005844;
  --genentech-g-2: #008c15;
  --genentech-g-3: #74aa50;
  --genentech-g-4: #c3dc93;
  --genentech-g-5: #eaf3d9;
  --genentech-h-1: #25282a;
  --genentech-h-2: #545859;
  --genentech-h-3: #9ea2a2;
  --genentech-h-4: #d0d3d4;
  --genentech-h-5: #eff0f0;
  --genentech-h-6: #fbfbfa;
  --genentech-white: #fff;
  --genentech-black: #000;
  --color-primary-50: var(--genentech-a-5);
  --color-primary-100: var(--genentech-a-5);
  --color-primary-200: var(--genentech-a-4);
  --color-primary-300: var(--genentech-a-3);
  --color-primary-500: var(--genentech-a-2);
  --color-primary-600: var(--genentech-a-2);
  --color-primary-700: var(--genentech-a-1);
  --color-primary-800: var(--genentech-a-1);
  --color-secondary-300: var(--genentech-c-3);
  --color-secondary-600: var(--genentech-c-2);
  --color-secondary-700: var(--genentech-c-1);
  --color-secondary-800: var(--genentech-c-1);
  --color-success-100: var(--genentech-g-5);
  --color-success-200: var(--genentech-g-4);
  --color-success-500: var(--genentech-g-2);
  --color-success-600: var(--genentech-g-1);
  --color-error-100: var(--genentech-e-5);
  --color-error-200: var(--genentech-e-4);
  --color-error-500: var(--genentech-e-3);
  --color-error-600: var(--genentech-e-2);
  --color-warning-100: var(--genentech-f-5);
  --color-warning-200: var(--genentech-f-4);
  --color-warning-500: var(--genentech-f-3);
  --color-warning-600: var(--genentech-f-2);
  --color-info-100: var(--genentech-a-5);
  --color-info-200: var(--genentech-a-4);
  --color-info-500: var(--genentech-a-2);
  --color-info-600: var(--genentech-a-1);
  --color-white: var(--genentech-white);
  --color-black: var(--genentech-black);
  --color-gray-100: var(--genentech-h-5);
  --color-gray-200: var(--genentech-h-4);
  --color-gray-300: var(--genentech-h-3);
  --color-gray-400: var(--genentech-h-3);
  --color-gray-500: var(--genentech-h-3);
  --color-gray-600: var(--genentech-h-2);
  --color-gray-700: var(--genentech-h-2);
  --color-gray-800: var(--genentech-h-1);
  --color-gray-900: var(--genentech-h-1);
  --color-neutral-300: var(--color-gray-300);
  --font-family-primary: "Gene Sans", "Helvetica", "Arial", sans-serif;
  --font-family-serif: "Gene Serif", "Georgia", "Times", serif;
  --font-family-mono: "Monaco", "Consolas", monospace;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.5rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1;
  --line-height-snug: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;
  --line-height-loose: 2;
  --space-0: 0;
  --space-0-5: 0.125rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-2-5: 0.625rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-14: 3.5rem;
  --space-16: 4rem;
  --space-18: 4.5rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --layout-0: 0;
  --layout-1: 1rem;
  --layout-2: 1.5rem;
  --layout-3: 2rem;
  --layout-4: 3rem;
  --layout-5: 4rem;
  --layout-6: 4.5rem;
  --layout-7: 6rem;
  --layout-8: 7.5rem;
  --radius-none: 0;
  --radius-sm: 0.125rem;
  --radius-base: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-full: 9999px;
  --border-0: 0;
  --border-1: 1px;
  --border-2: 2px;
  --border-4: 4px;
  --border-8: 8px;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-base:
    0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-md:
    0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg:
    0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl:
    0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --container-max-width-med: 822px;
  --container-max-width: 1280px;
  --container-padding: 2rem;
  --container-padding-mobile: 1.25rem;
  --page-background: var(--genentech-h-5);
  --breakpoint-sm: 768px;
  --breakpoint-md: 1024px;
  --breakpoint-lg: 1200px;
  --breakpoint-xl: 1536px;
  --z-index-dropdown: 1000;
  --z-index-sticky: 1020;
  --z-index-fixed: 1030;
  --z-index-modal: 1040;
  --z-index-popover: 1050;
  --z-index-tooltip: 1060;
  --surface-primary: var(--color-white);
  --surface-secondary: var(--color-gray-100);
  --surface-tertiary: var(--color-gray-200);
  --surface-disabled: var(--color-gray-200);
  --text-primary: var(--color-gray-900);
  --text-secondary: var(--color-gray-600);
  --text-disabled: var(--color-gray-300);
  --text-inverse: var(--color-white);
  --border-primary: var(--color-gray-300);
  --border-secondary: var(--color-gray-200);
  --border-tertiary: var(--color-gray-100);
  --interactive-primary: var(--color-primary-600);
  --interactive-primary-hover: var(--color-primary-700);
  --focus-ring: var(--color-primary-600);
  --state-success: var(--color-success-500);
  --state-success-bg: var(--color-success-100);
  --state-error: var(--color-error-500);
  --state-error-bg: var(--color-error-100);
  --state-warning: var(--color-warning-500);
  --state-warning-bg: var(--color-warning-100);
  --state-info: var(--color-info-500);
  --state-info-bg: var(--color-info-100);
  --status-info: var(--color-info-500);
  --status-success: var(--color-success-500);
  --status-warning: var(--color-warning-500);
  --status-error: var(--color-error-500);
  --error-600: var(--color-error-600);
  --button-border-radius: var(--radius-md);
  --button-font-weight: var(--font-weight-medium);
  --button-transition: all 0.2s ease;
  --button-height-sm: 2rem;
  --button-height-md: 2.5rem;
  --button-height-lg: 3rem;
  --button-padding-x-sm: var(--space-3);
  --button-padding-x-md: var(--space-4);
  --button-padding-x-lg: var(--space-6);
  --form-border-radius: var(--radius-md);
  --form-border-color: var(--border-primary);
  --form-border-color-focus: var(--interactive-primary);
  --form-background-color: var(--surface-primary);
  --form-text-color: var(--text-primary);
  --form-placeholder-color: var(--border-primary);
  --card-border-radius: var(--radius-lg);
  --card-background-color: var(--surface-primary);
  --card-border-color: var(--border-secondary);
  --card-shadow: var(--shadow-sm);
  --card-shadow-hover: var(--shadow-md);
  --card-padding: var(--space-6);
  --elevation-1: var(--shadow-sm);
  --elevation-2: var(--shadow-base);
  --elevation-3: var(--shadow-md);
  --elevation-4: var(--shadow-lg);
  --elevation-5: var(--shadow-xl);
  --badge-red-bg: #ff8782;
  --badge-pink-bg: #fad6c7;
  --badge-orange-bg: #ffbd69;
  --duration-fast: 150ms;
  --duration-normal: 250ms;
  --duration-slow: 350ms;
  --easing-linear: linear;
  --easing-ease: ease;
  --easing-ease-in: ease-in;
  --easing-ease-out: ease-out;
  --easing-ease-in-out: ease-in-out;
}
*,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

/* ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com */
*,
:after,
:before {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: var(--color-gray-200);
}
:after,
:before {
  --tw-content: "";
}
:host,
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family:
    ui-sans-serif,
    system-ui,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  line-height: inherit;
}
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;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
pre,
samp {
  font-family: var(--font-family-mono);
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
}
fieldset,
legend {
  padding: 0;
}
menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
[role="button"],
button {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--container-padding-mobile);
  padding-left: var(--container-padding-mobile);
}
@media (min-width: var(--breakpoint-sm )) {
  .container {
    max-width: var(--breakpoint-sm);
  }
}
@media (min-width: var(--breakpoint-md )) {
  .container {
    max-width: var(--breakpoint-md);
    padding-right: var(--container-padding);
    padding-left: var(--container-padding);
  }
}
@media (min-width: var(--breakpoint-lg )) {
  .container {
    max-width: var(--breakpoint-lg);
  }
}
@media (min-width: var(--breakpoint-xl )) {
  .container {
    max-width: var(--breakpoint-xl);
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.visible {
  visibility: visible;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.m-0 {
  margin: var(--space-0);
}
.mx-0 {
  margin-left: var(--space-0);
  margin-right: var(--space-0);
}
.my-0 {
  margin-top: var(--space-0);
  margin-bottom: var(--space-0);
}
.my-2 {
  margin-top: var(--space-2);
  margin-bottom: var(--space-2);
}
.my-8 {
  margin-top: var(--space-8);
  margin-bottom: var(--space-8);
}
.mb-0 {
  margin-bottom: var(--space-0);
}
.mb-1 {
  margin-bottom: var(--space-1);
}
.mb-10 {
  margin-bottom: var(--space-10);
}
.mb-2 {
  margin-bottom: var(--space-2);
}
.mb-3 {
  margin-bottom: var(--space-3);
}
.mb-4 {
  margin-bottom: var(--space-4);
}
.mb-6 {
  margin-bottom: var(--space-6);
}
.ml-2 {
  margin-left: var(--space-2);
}
.ml-3 {
  margin-left: var(--space-3);
}
.mr-2 {
  margin-right: var(--space-2);
}
.mt-1 {
  margin-top: var(--space-1);
}
.mt-2 {
  margin-top: var(--space-2);
}
.mt-3 {
  margin-top: var(--space-3);
}
.mt-4 {
  margin-top: var(--space-4);
}
.mt-6 {
  margin-top: var(--space-6);
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-12 {
  height: var(--space-12);
}
.h-2 {
  height: var(--space-2);
}
.h-5 {
  height: var(--space-5);
}
.h-6 {
  height: var(--space-6);
}
.w-12 {
  width: var(--space-12);
}
.w-16 {
  width: var(--space-16);
}
.w-2 {
  width: var(--space-2);
}
.w-5 {
  width: var(--space-5);
}
.w-6 {
  width: var(--space-6);
}
.w-full {
  width: 100%;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-\[350px\] {
  max-width: 350px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[500px\] {
  max-width: 500px;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xl {
  max-width: 36rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.grow {
  flex-grow: 1;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(120px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
}
.grid-cols-\[repeat\(auto-fit\2c minmax\(200px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.grid-cols-\[repeat\(auto-fit\2c minmax\(280px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.grid-cols-\[repeat\(auto-fit\2c minmax\(300px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.grid-cols-\[repeat\(auto-fit\2c minmax\(350px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0 {
  gap: var(--space-0);
}
.gap-2 {
  gap: var(--space-2);
}
.gap-3 {
  gap: var(--space-3);
}
.gap-4 {
  gap: var(--space-4);
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(var(--space-1) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(var(--space-1) * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(var(--space-2) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(var(--space-2) * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(var(--space-3) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(var(--space-3) * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(var(--space-4) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(var(--space-4) * var(--tw-space-y-reverse));
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.break-words {
  overflow-wrap: break-word;
}
.rounded {
  border-radius: var(--radius-base);
}
.rounded-full {
  border-radius: var(--radius-full);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.rounded-md {
  border-radius: var(--radius-md);
}
.rounded-sm {
  border-radius: var(--radius-sm);
}
.border {
  border-width: var(--border-1);
}
.border-b {
  border-bottom-width: var(--border-1);
}
.border-t {
  border-top-width: var(--border-1);
}
.border-none {
  border-style: none;
}
.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
  border-color: var(--color-gray-200);
}
.border-gray-300 {
  border-color: var(--color-gray-300);
}
.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}
.border-primary-200 {
  border-color: var(--color-primary-200);
}
.border-primary-600 {
  border-color: var(--color-primary-600);
}
.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-100 {
  background-color: var(--color-gray-100);
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-gray-600 {
  background-color: var(--color-gray-600);
}
.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-primary-50 {
  background-color: var(--color-primary-50);
}
.bg-primary-500 {
  background-color: var(--color-primary-500);
}
.bg-primary-600 {
  background-color: var(--color-primary-600);
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  background-color: var(--color-white);
}
.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}
.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}
.p-2 {
  padding: var(--space-2);
}
.p-3 {
  padding: var(--space-3);
}
.p-4 {
  padding: var(--space-4);
}
.p-6 {
  padding: var(--space-6);
}
.p-8 {
  padding: var(--space-8);
}
.px-2 {
  padding-left: var(--space-2);
  padding-right: var(--space-2);
}
.px-3 {
  padding-left: var(--space-3);
  padding-right: var(--space-3);
}
.px-4 {
  padding-left: var(--space-4);
  padding-right: var(--space-4);
}
.px-6 {
  padding-left: var(--space-6);
  padding-right: var(--space-6);
}
.py-1 {
  padding-top: var(--space-1);
  padding-bottom: var(--space-1);
}
.py-10 {
  padding-top: var(--space-10);
  padding-bottom: var(--space-10);
}
.py-2 {
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
}
.py-3 {
  padding-top: var(--space-3);
  padding-bottom: var(--space-3);
}
.py-4 {
  padding-top: var(--space-4);
  padding-bottom: var(--space-4);
}
.pt-3 {
  padding-top: var(--space-3);
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-2xl {
  font-size: var(--font-size-2xl);
}
.text-3xl {
  font-size: var(--font-size-3xl);
}
.text-5xl {
  font-size: var(--font-size-5xl);
}
.text-\[0\.625rem\] {
  font-size: 0.625rem;
}
.text-base {
  font-size: var(--font-size-base);
}
.text-lg {
  font-size: var(--font-size-lg);
}
.text-sm {
  font-size: var(--font-size-sm);
}
.text-xl {
  font-size: var(--font-size-xl);
}
.text-xs {
  font-size: var(--font-size-xs);
}
.font-bold {
  font-weight: var(--font-weight-bold);
}
.font-medium {
  font-weight: var(--font-weight-medium);
}
.font-semibold {
  font-weight: var(--font-weight-semibold);
}
.uppercase {
  text-transform: uppercase;
}
.leading-relaxed {
  line-height: var(--line-height-relaxed);
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.text-error-500 {
  color: var(--color-error-500);
}
.text-gray-300 {
  color: var(--color-gray-300);
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  color: var(--color-gray-600);
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  color: var(--color-gray-900);
}
.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-primary-500 {
  color: var(--color-primary-500);
}
.text-primary-600 {
  color: var(--color-primary-600);
}
.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-success-500 {
  color: var(--color-success-500);
}
.text-warning-500 {
  color: var(--color-warning-500);
}
.text-white {
  color: var(--color-white);
}
.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}
.text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.shadow {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
}
.shadow,
.shadow-sm {
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: var(--shadow-sm);
  --tw-shadow-colored: var(--shadow-sm);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.blur {
  --tw-blur: blur(8px);
}
.blur,
.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, text-decoration-color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-colors {
  transition-property:
    color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.duration-200 {
  transition-duration: 0.2s;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
body,
html {
  max-width: 100vw;
  overflow-x: hidden;
  font-family: var(
    --font-family-primary,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif
  );
  line-height: var(--line-height-normal, 1.6);
  font-size: var(--font-size-base);
  color: var(--text-primary);
  background: var(--surface-primary);
}
a {
  color: var(--interactive-primary);
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
a:hover {
  color: var(--interactive-primary-hover);
  text-decoration: underline;
}
.container {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 var(--container-padding-mobile);
}
@media (min-width: 768px) {
  .container {
    padding: 0 var(--container-padding);
  }
}
.hover\:border-primary-600:hover {
  border-color: var(--color-primary-600);
}
.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.hover\:text-blue-600:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-800:hover {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:shadow-md:hover {
  --tw-shadow: var(--shadow-md);
  --tw-shadow-colored: var(--shadow-md);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.focus\:border-primary-600:focus {
  border-color: var(--color-primary-600);
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-primary-600:focus {
  --tw-ring-color: var(--color-primary-600);
}
.focus\:ring-opacity-20:focus {
  --tw-ring-opacity: 0.2;
}
@media (min-width: 768px) {
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@font-face {
  font-family: Gene Sans;
  src:
    url("") format("woff2"),
    url("") format("woff"),
    url("") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gene Sans;
  src:
    url("") format("woff2"),
    url("") format("woff"),
    url("") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Gene Sans;
  src:
    url("") format("woff2"),
    url("") format("woff"),
    url("") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gene Sans;
  src:
    url("") format("woff2"),
    url("") format("woff"),
    url("") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Gene Sans;
  src:
    url("") format("woff2"),
    url("") format("woff"),
    url("") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gene Sans;
  src:
    url("") format("woff2"),
    url("") format("woff"),
    url("") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Gene Sans;
  src:
    url("") format("woff2"),
    url("") format("woff"),
    url("") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gene Sans;
  src:
    url("") format("woff2"),
    url("") format("woff"),
    url("") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
.demos_page__0HZUf {
  min-height: 100vh;
  background-color: var(--surface-primary);
  padding: var(--space-4);
}
.demos_header__pqxcX {
  text-align: center;
  margin-bottom: var(--space-12);
}
.demos_header__pqxcX h1 {
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0 0 var(--space-4) 0;
}
.demos_header__pqxcX p {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  margin: 0 0 var(--space-6) 0;
}
.demos_backLink__8Kjda {
  display: inline-flex;
  align-items: center;
  padding: var(--space-2) var(--space-4);
  background-color: var(--surface-secondary);
  color: var(--text-primary);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  transition: all 0.2s ease-in-out;
}
.demos_backLink__8Kjda:hover {
  background-color: var(--interactive-primary);
  color: var(--color-white);
}
.demos_sections__bJwJU {
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
}
.demos_bgGray100__s8PTA {
  background: var(--color-gray-100);
  padding: var(--space-4);
}
.demos_sectionTitle__D_g4s {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0 0 var(--space-6) 0;
  padding-bottom: var(--space-3);
  border-bottom: var(--border-1) solid var(--border-secondary);
}
.demos_demo__Ekla0 {
  margin-bottom: var(--space-8);
}
.demos_demo__Ekla0 > h3 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  margin: 0 0 var(--space-4) 0;
}
.demos_row__GBWhZ {
  display: flex;
  gap: var(--space-4);
  align-items: stretch;
  flex-direction: column;
  margin-bottom: var(--space-4);
}
.demos_column__s9qLm {
  display: flex;
  flex-direction: column;
  max-width: none;
}
.demos_demoHeaderContent__o5d99 h1 {
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: var(--space-2) 0 var(--space-3) 0;
}
.demos_demoHeaderContent__o5d99 p {
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  margin: 0;
}
.demos_breadcrumb__HX5e9 {
  display: inline-flex;
  align-items: center;
  padding: var(--space-2) var(--space-3);
  margin-bottom: 1rem;
  background: transparent;
  color: var(--color-primary-500);
  font-weight: 600;
  font-size: 1rem;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}
.demos_breadcrumb__HX5e9:hover {
  text-decoration: underline;
}
.demos_tabbedContent___68xw {
  margin-top: var(--space-4);
}
.demos_intro__98SPi {
  text-align: center;
  margin-bottom: var(--space-6);
}
.demos_intro__98SPi p {
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  margin: 0;
  text-align: center;
}
.demos_searchSection__1lhz2 {
  margin-bottom: var(--space-8);
  padding: var(--space-6);
  background-color: var(--surface-secondary);
  border-radius: var(--radius-xl);
  border: var(--border-1) solid var(--border-secondary);
}
.demos_searchInput__nBqKb {
  margin-bottom: var(--space-4);
}
.demos_searchResults__5KIlB {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: var(--space-4);
  padding-top: var(--space-3);
  border-top: var(--border-1) solid var(--border-tertiary);
}
.demos_searchResultsCount__xIhAB {
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  font-weight: var(--font-weight-medium);
  margin: 0;
}
.demos_searchHint__ugO5F {
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  margin: 0;
}
.demos_searchHint__ugO5F kbd {
  background-color: var(--surface-primary);
  border: var(--border-1) solid var(--border-primary);
  border-radius: var(--radius-sm);
  padding: 0.125rem 0.375rem;
  font-size: var(--font-size-xs);
  font-family: var(--font-family-mono);
  color: var(--text-secondary);
  margin: 0 0.125rem;
}
.demos_searchResultsSection__3OE1O {
  margin-bottom: var(--space-8);
}
.demos_componentHeader__0AeUg {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: var(--space-2);
  gap: var(--space-3);
}
.demos_componentHeader__0AeUg h3 {
  margin: 0;
  flex: 1;
}
.demos_categoryBadge__0m6lU {
  background-color: var(--color-primary-100);
  color: var(--color-primary-700);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-md);
  white-space: nowrap;
  flex-shrink: 0;
}
.demos_searchHighlight__yukVf {
  background-color: var(--color-warning-200);
  color: var(--color-warning-800);
  padding: 0.125rem 0.25rem;
  border-radius: var(--radius-sm);
  font-weight: var(--font-weight-medium);
}
.demos_noResults__JWSgt {
  text-align: center;
  padding: var(--space-12) var(--space-6);
  margin: var(--space-8) 0;
}
.demos_noResultsContent__Y28eJ h3 {
  font-size: var(--font-size-xl);
  color: var(--text-primary);
  margin: 0 0 var(--space-4) 0;
}
.demos_noResultsContent__Y28eJ p {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  margin: 0 0 var(--space-4) 0;
}
.demos_noResultsContent__Y28eJ ul {
  text-align: left;
  display: inline-block;
  margin: 0;
  padding-left: var(--space-5);
}
.demos_noResultsContent__Y28eJ li {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  margin-bottom: var(--space-2);
  line-height: var(--line-height-relaxed);
}
.demos_noResultsContent__Y28eJ strong {
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
}
.demos_categoryGrid__CINHQ {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
  margin-top: var(--space-8);
}
.demos_categoryCard__vTkZb {
  display: block;
  padding: var(--space-4);
  background-color: var(--surface-primary);
  border: var(--border-1) solid var(--border-secondary);
  border-radius: var(--radius-xl);
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  box-shadow: var(--shadow-sm);
}
.demos_categoryCard__vTkZb:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  border-color: var(--interactive-primary);
}
.demos_categoryCard__vTkZb h3 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0 0 var(--space-2) 0;
}
.demos_categoryCard__vTkZb p {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  margin: 0 0 var(--space-3) 0;
  line-height: var(--line-height-relaxed);
}
.demos_categoryMeta__JptVc {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}
.demos_componentCount__zwyub {
  font-weight: var(--font-weight-medium);
}
.demos_categorySection__UBieg {
  margin-bottom: var(--space-12);
}
.demos_categoryTitle___oSip {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0 0 var(--space-6) 0;
  padding-bottom: var(--space-3);
  border-bottom: var(--border-1) solid var(--border-secondary);
}
.demos_userCardGrid__HYqr_ {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: var(--space-4, 1rem);
  margin-bottom: var(--space-4, 1rem);
}
.demos_userCardDeletedInfo__E3ue8 {
  margin-top: var(--space-4, 1rem);
  padding: var(--space-4, 1rem);
  background: var(--bg-base-2, #f8f9fa);
  border-radius: var(--radius-md, 6px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4, 1rem);
}
.demos_userCardDeletedInfo__E3ue8 p {
  margin: 0;
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--text-secondary, #545859);
}
.demos_userCardResetButton__CknYY {
  padding: var(--space-2, 0.5rem) var(--space-3, 0.75rem);
  background: var(--bg-base-1, #fff);
  border: 1px solid var(--border-primary, #d1d5d9);
  border-radius: var(--radius-sm, 4px);
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--text-primary, #25282a);
  cursor: pointer;
  transition: all 0.2s ease;
}
.demos_userCardResetButton__CknYY:hover {
  background: var(--bg-base-2, #f8f9fa);
  border-color: var(--border-secondary, #949494);
}
.demos_subtitle__711_f {
  font-size: var(--font-size-base, 1rem);
  color: var(--text-secondary, #545859);
  margin-bottom: var(--space-8, 2rem);
  line-height: 1.5;
}
.demos_description__SQHpf {
  margin-bottom: var(--space-5, 1.25rem);
}
.demos_demoDescription__shJyf,
.demos_description__SQHpf {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--text-secondary, #545859);
}
.demos_demoDescription__shJyf {
  margin: var(--space-2, 0.5rem) 0 var(--space-3, 0.75rem) 0;
}
.demos_successMessage__zYMog {
  padding: var(--space-3, 0.75rem);
  background-color: var(--color-success-50, #e6f4ea);
  border: 1px solid var(--color-success-200, #a8dab5);
  border-radius: var(--radius-md, 6px);
  color: var(--color-success-700, #137333);
}
.demos_listNoPadding__xUEaf {
  padding-left: var(--space-4, 1rem);
  margin: 0;
}
@media (min-width: 1024px) {
  .demos_page__0HZUf {
    padding: var(--space-6);
  }
  .demos_header__pqxcX h1 {
    font-size: var(--font-size-4xl);
  }
  .demos_header__pqxcX p {
    font-size: var(--font-size-lg);
  }
  .demos_categoryGrid__CINHQ {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--space-6);
  }
  .demos_categoryCard__vTkZb {
    padding: var(--space-6);
  }
  .demos_row__GBWhZ {
    flex-direction: row;
    align-items: center;
  }
  .demos_column__s9qLm {
    max-width: 400px;
  }
  .demos_userCardDeletedInfo__E3ue8 {
    flex-direction: row;
    align-items: center;
  }
  .demos_searchSection__1lhz2 {
    padding: var(--space-8);
  }
  .demos_searchResults__5KIlB {
    margin-top: var(--space-5);
    padding-top: var(--space-4);
  }
}
@media (max-width: 768px) {
  .demos_userCardGrid__HYqr_ {
    grid-template-columns: 1fr;
  }
  .demos_userCardDeletedInfo__E3ue8 {
    flex-direction: column;
    align-items: flex-start;
  }
  .demos_searchSection__1lhz2 {
    padding: var(--space-4);
    margin-bottom: var(--space-6);
  }
  .demos_searchResults__5KIlB {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-2);
  }
  .demos_searchHint__ugO5F {
    align-self: flex-end;
  }
  .demos_componentHeader__0AeUg {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-2);
  }
  .demos_categoryBadge__0m6lU {
    align-self: flex-start;
  }
  .demos_noResults__JWSgt {
    padding: var(--space-8) var(--space-4);
  }
}
.demos_demoForm__TQ9Cd {
  padding: var(--space-6);
  background-color: var(--surface-secondary);
  border-radius: var(--radius-lg);
  border: var(--border-1) solid var(--border-secondary);
  margin: var(--space-4) 0;
}
.demos_example__7gg9z {
  margin-bottom: var(--space-8);
  padding-bottom: var(--space-6);
  border-bottom: var(--border-1) solid var(--border-tertiary);
}
.demos_example__7gg9z:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.demos_example__7gg9z h3 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0 0 var(--space-2) 0;
}
.demos_example__7gg9z .demos_description__SQHpf {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  margin: 0 0 var(--space-4) 0;
}
.demos_sizeComparison__8ATxA {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}
.demos_statesGrid__el9oc {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--space-4);
  margin-top: var(--space-4);
}
.demos_formGrid__Wn9g6 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
  margin-bottom: var(--space-4);
}
.demos_formActions__Y4yMq {
  display: flex;
  gap: var(--space-3);
  justify-content: flex-end;
  margin-top: var(--space-6);
  padding-top: var(--space-4);
  border-top: var(--border-1) solid var(--border-tertiary);
}
.demos_formSuccessMessage__gRrVM {
  background-color: var(--color-success-100);
  color: var(--color-success-600);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  border: var(--border-1) solid var(--color-success-200);
  margin-bottom: var(--space-4);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
}
.demos_showcaseGrid__PqTWl {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}
.demos_showcaseSection__lbEU5 h4 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  margin: 0 0 var(--space-3) 0;
}
.demos_showcaseRow__IanfZ {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--space-4);
}
.demos_checkboxGroup__U8qDo {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
@media (max-width: 768px) {
  .demos_formGrid__Wn9g6,
  .demos_statesGrid__el9oc {
    grid-template-columns: 1fr;
  }
  .demos_formActions__Y4yMq {
    flex-direction: column;
  }
  .demos_sizeComparison__8ATxA {
    gap: var(--space-4);
  }
  .demos_demoForm__TQ9Cd {
    padding: var(--space-4);
  }
  .demos_showcaseRow__IanfZ {
    grid-template-columns: 1fr;
  }
}
.demos_breadcrumbRow__IEOgc {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
}
.demos_breadcrumbSeparator__zFqb9 {
  color: var(--text-tertiary);
  font-size: var(--font-size-sm);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.demos_footerLinks__P2eL5 {
  display: flex;
  gap: var(--space-6);
  flex-wrap: wrap;
  margin-bottom: var(--space-4);
}
.demos_inlineContent__BSFnQ {
  max-width: 600px;
  margin-bottom: var(--space-4);
}
.demos_inlineContent__BSFnQ p {
  margin: 0;
  line-height: var(--line-height-relaxed);
}
@keyframes demos_pulse__rW7Gx {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0.6;
  }
}
.Badge_badge__NDtQY {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  border-radius: var(--radius-full);
  white-space: nowrap;
  text-align: center;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.Badge_badge__NDtQY.Badge_dot__oP6hZ {
  gap: var(--space-2);
  padding: var(--space-1) var(--space-4);
  background-color: transparent;
}
.Badge_dotIndicator__77fl1 {
  width: 8px;
  height: 8px;
  min-width: 8px;
  min-height: 8px;
  border-radius: 50%;
  background-color: inherit;
  flex-shrink: 0;
}
.Badge_dotLabel__V0k68 {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-base);
  line-height: var(--line-height-tight);
  color: var(--text-primary);
  white-space: nowrap;
}
.Badge_pill__rUKNX.Badge_small__YUJJ5,
.Badge_small__YUJJ5 {
  padding: 0.125rem var(--space-2);
  font-size: var(--font-size-xs);
  line-height: var(--line-height-tight);
  min-height: 1.125rem;
}
.Badge_pill__rUKNX.Badge_medium__I30xX {
  padding: 0.25rem var(--space-3);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-tight);
  min-height: 1.5rem;
}
.Badge_pill__rUKNX.Badge_large__8_RaZ {
  padding: var(--space-2) var(--space-4);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  min-height: 2rem;
}
.Badge_medium__I30xX {
  padding: 0.25rem var(--space-3);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-tight);
  min-height: 1.5rem;
}
.Badge_large__8_RaZ {
  padding: var(--space-2) var(--space-4);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  min-height: 2rem;
}
.Badge_warning__lUmDg {
  background-color: var(--status-warning);
  color: var(--text-primary);
}
.Badge_basic__l0qVx {
  background-color: var(--surface-tertiary);
  color: var(--text-primary);
}
.Badge_info__OMUr0 {
  background-color: var(--status-info);
  color: var(--text-inverse);
}
.Badge_success__ky6kU {
  background-color: var(--status-success);
  color: var(--text-inverse);
}
.Badge_error__ZKVm_ {
  background-color: var(--status-error);
  color: var(--text-inverse);
}
.Badge_blue__S6LSw {
  background-color: var(--status-info);
  color: var(--text-inverse);
}
.Badge_green__KIJM1 {
  background-color: var(--genentech-g-2);
  color: var(--genentech-white);
}
.Badge_yellow__twwRY {
  background-color: var(--genentech-f-4);
  color: var(--genentech-h-1);
}
.Badge_red__AGKum {
  background-color: var(--genentech-e-3-5);
  color: var(--text-primary);
}
.Badge_pink__yDACM {
  background-color: var(--genentech-e-4);
  color: var(--text-primary);
}
.Badge_orange__gO6iX {
  background-color: var(--genentech-f-3-5);
  color: var(--text-primary);
}
.Badge_black__975QI {
  background-color: var(--text-primary);
  color: var(--text-inverse);
}
.Badge_purple__unGvD {
  background-color: var(--genentech-c-3);
  color: var(--text-inverse);
}
.Badge_badge__NDtQY:focus {
  outline: var(--border-2) solid var(--focus-ring);
  outline-offset: var(--space-1);
}
@media (prefers-contrast: high) {
  .Badge_badge__NDtQY {
    border-width: var(--border-2);
    font-weight: var(--font-weight-semibold);
  }
}
@media (prefers-reduced-motion: reduce) {
  .Badge_badge__NDtQY {
    transition: none;
  }
}
.GeneIcon_iconWrapper__nU_Lk {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  vertical-align: middle;
  flex-shrink: 0;
}
.GeneIcon_icon__yhT_E {
  transition: transform 0.2s ease-in-out;
}
.GeneIcon_iconWrapper__nU_Lk svg,
.GeneIcon_icon__yhT_E {
  width: 100%;
  height: 100%;
}
.GeneIcon_iconCurrentColor__JR_Cs svg[stroke] circle,
.GeneIcon_iconCurrentColor__JR_Cs svg[stroke] line,
.GeneIcon_iconCurrentColor__JR_Cs svg[stroke] path,
.GeneIcon_iconCurrentColor__JR_Cs svg[stroke] polygon,
.GeneIcon_iconCurrentColor__JR_Cs svg[stroke] rect,
.GeneIcon_iconCurrentColor__JR_Cs[stroke] circle,
.GeneIcon_iconCurrentColor__JR_Cs[stroke] line,
.GeneIcon_iconCurrentColor__JR_Cs[stroke] path,
.GeneIcon_iconCurrentColor__JR_Cs[stroke] polygon,
.GeneIcon_iconCurrentColor__JR_Cs[stroke] rect {
  fill: none;
  stroke: currentColor;
}
.GeneIcon_iconPlaceholder__v2Z_U {
  display: inline-block;
  background-color: var(--color-gray-200);
  border-radius: var(--radius-sm);
  animation: GeneIcon_pulse__Si9fP 1.5s ease-in-out infinite;
}
.GeneIcon_iconError__SrEHO {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-gray-300);
}
@keyframes GeneIcon_pulse__Si9fP {
  0%,
  to {
    opacity: 0.3;
  }
  50% {
    opacity: 0.1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .GeneIcon_icon__yhT_E {
    transition: none;
  }
  a:active .GeneIcon_icon__yhT_E,
  a:hover .GeneIcon_icon__yhT_E,
  button:active .GeneIcon_icon__yhT_E,
  button:hover .GeneIcon_icon__yhT_E {
    transform: none;
  }
  .GeneIcon_iconPlaceholder__v2Z_U {
    animation: none;
  }
}
@media (prefers-contrast: high) {
  .GeneIcon_iconWrapper__nU_Lk svg {
    opacity: 1;
  }
  .GeneIcon_iconError__SrEHO {
    color: var(--color-gray-600);
  }
}
.Avatar_avatar__mf8ys {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  background-color: var(--color-primary-100);
  color: var(--interactive-primary);
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  flex-shrink: 0;
  overflow: hidden;
}
.Avatar_image__gtpcE {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: var(--radius-full);
}
.Avatar_initials__9pNHZ {
  text-transform: uppercase;
  line-height: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.Avatar_icon__3Yb70 {
  color: inherit;
}
.Avatar_avatarWithText__UhUOd {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
.Avatar_textContent__XcwtL {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.Avatar_name__ncq4X {
  font-family: var(--ui-body-body-s-bold-font-family, "Gene Sans");
  font-weight: 400;
  line-height: var(--ui-body-body-s-bold-line-height, 1.5rem);
  letter-spacing: var(--ui-body-body-s-bold-letter-spacing, 0.0125rem);
}
.Avatar_name__ncq4X,
.Avatar_title__LqtEL {
  color: var(--fg-high-contrast, #25282a);
  font-size: 0.875rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}
.Avatar_title__LqtEL {
  font-family: var(--UI-Label-Label-S-fontFamily, "Gene Sans");
  font-weight: 300;
  line-height: var(--UI-Label-Label-S-lineHeight, 1.25rem);
  letter-spacing: var(--UI-Label-Label-S-letterSpacing, 0.0125rem);
}
.Avatar_xs__WNDkx {
  width: 1.5rem;
  height: 1.5rem;
  font-size: var(--font-size-xs);
}
.Avatar_sm__nMk5K {
  width: 1.75rem;
  height: 1.75rem;
  font-size: var(--font-size-xs);
}
.Avatar_md__a1MJU {
  width: 2.5rem;
  height: 2.5rem;
  font-size: var(--font-size-sm);
}
.Avatar_lg__NHutt {
  width: 3.5rem;
  height: 3.5rem;
  font-size: var(--font-size-base);
}
.Avatar_xl__5Jv4F {
  width: 5rem;
  height: 5rem;
  font-size: var(--font-size-lg);
}
.Avatar_xl__5Jv4F .Avatar_name__ncq4X {
  font-size: 1rem;
}
.Avatar_isInteractive__j4qtJ:hover {
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.Avatar_avatar__mf8ys.Avatar_isInteractive__j4qtJ:active {
  background-color: rgba(0, 0, 0, 0.1);
}
.Avatar_avatar__mf8ys.Avatar_isInteractive__j4qtJ:focus {
  border: 2px solid #003087;
  outline: none;
}
.Avatar_avatar__mf8ys.Avatar_isInteractive__j4qtJ:focus-visible {
  border: 2px solid #003087;
  outline: none;
}
.Avatar_avatarWithText__UhUOd.Avatar_isInteractive__j4qtJ:hover {
  border-radius: var(--space-1);
  padding: var(--space-1);
  margin: calc(-1 * var(--space-1));
}
.Avatar_avatarWithText__UhUOd.Avatar_isInteractive__j4qtJ:focus {
  outline: 2px solid #003087;
  outline-offset: var(--space-1);
  border-radius: var(--space-1);
}
.Avatar_avatarWithText__UhUOd.Avatar_isInteractive__j4qtJ:focus-visible {
  outline: 2px solid #003087;
  outline-offset: var(--space-1);
  border-radius: var(--space-1);
}
.Avatar_inDropdown__Se8pG.Avatar_avatarWithText__UhUOd.Avatar_isInteractive__j4qtJ:hover {
  background-color: transparent;
}
@media (prefers-contrast: high) {
  .Avatar_avatar__mf8ys {
    border: var(--border-1) solid var(--border-primary);
  }
}
@media (prefers-reduced-motion: reduce) {
  .Avatar_avatar__mf8ys {
    transition: none;
  }
}
.BasicTeaserCard_basicTeaserCard__DS0Aw {
  border: var(--border-1) solid var(--border-primary);
  background: transparent;
  padding: var(--space-6);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.BasicTeaserCard_content__eQpim {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
  text-align: center;
  margin-bottom: var(--space-10);
}
.BasicTeaserCard_eyebrow__J5fNU {
  color: var(--text-secondary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  line-height: 150%;
  letter-spacing: 0.0125rem;
  margin-bottom: var(--space-1);
}
.BasicTeaserCard_heading__EDZMG {
  font-size: var(--font-size-xl);
  line-height: var(--line-height-tight);
  color: var(--text-primary);
}
.BasicTeaserCard_description__QUnW3,
.BasicTeaserCard_heading__EDZMG {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-normal);
  margin: 0;
  text-align: left;
}
.BasicTeaserCard_description__QUnW3 {
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  color: var(--text-secondary);
}
.BasicTeaserCard_buttonContainer__4ZF3n {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  flex-direction: row;
  align-items: end;
  justify-content: flex-start;
  flex-grow: 1;
}
.BasicTeaserCard_button__mxHVb {
  width: var(--button-override-width, auto);
}
.BasicTeaserCard_secondaryButton___1sJO {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .BasicTeaserCard_buttonContainer__4ZF3n {
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-3);
  }
  .BasicTeaserCard_button__mxHVb,
  .BasicTeaserCard_secondaryButton___1sJO {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .BasicTeaserCard_buttonContainer__4ZF3n {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  .BasicTeaserCard_button__mxHVb {
    flex-shrink: 0;
  }
  .BasicTeaserCard_secondaryButton___1sJO {
    margin-left: auto;
  }
}
.Header_root__W93QE {
  background-color: var(--genentech-white, #fff);
  height: var(--layout-6, 72px);
  display: flex;
  align-items: center;
}
.Header_headerInner__80laQ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.Header_mobileTitle__39wo2 {
  font-family: var(--font-family-base, "Gene Sans", sans-serif);
  font-size: var(--font-size-base, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.2px;
  color: var(--color-primary-500);
}
.Header_left__xS1ip {
  display: none;
}
.Header_brand__bKuFF {
  display: flex;
  align-items: center;
  gap: var(--space-6, 24px);
  text-decoration: none;
  color: inherit;
}
.Header_logo__HTazP {
  flex-shrink: 0;
}
.Header_pipe__ARsr_ {
  color: var(--genentech-h-3, #9ea2a2);
  font-size: var(--font-size-base, 1rem);
  line-height: 1;
}
.Header_title__0FRho {
  font-family: var(--font-family-base, "Gene Sans", sans-serif);
  font-size: var(--font-size-base, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.2px;
  color: var(--color-primary-500);
  white-space: nowrap;
}
.Header_right__jDFgR {
  display: flex;
  align-items: center;
  gap: var(--space-3, 12px);
}
.Header_hamburger__DpJFE {
  display: block;
}
.Header_navInline__puCGp {
  display: none;
}
.Header_navInline__puCGp ul {
  display: flex;
  gap: var(--space-6, 24px);
  list-style: none;
  margin: 0;
  padding: 0;
}
.Header_navInline__puCGp a {
  display: flex;
  align-items: center;
  gap: var(--space-2, 8px);
  text-decoration: none;
  color: var(--genentech-black, #000);
  font-family: var(--font-family-base, "Gene Sans", sans-serif);
  font-size: var(--font-size-sm, 0.875rem);
  line-height: 1.25rem;
  padding: var(--space-2, 8px) var(--space-3, 12px);
  border-radius: var(--radius-lg, 8px);
  transition: background-color 0.2s ease;
}
.Header_navInline__puCGp a:hover {
  background-color: var(--genentech-h-5, #f5f5f5);
}
.Header_navInline__puCGp a:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}
.Header_avatar__hKJ_Z {
  width: var(--space-10, 40px);
  height: var(--space-10, 40px);
  border-radius: 50%;
  background-color: var(--genentech-a-5, #e1e7f7);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family-base, "Gene Sans", sans-serif);
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.2px;
  color: var(--color-primary-500);
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.Header_avatar__hKJ_Z:hover {
  opacity: 0.9;
}
.Header_avatar__hKJ_Z:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}
.Header_backdrop__asGVz {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: var(--z-index-modal, 1040);
}
.Header_drawer__gPysO {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  height: 100dvh;
  width: 100vw;
  background-color: var(--genentech-white, #fff);
  box-shadow: var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.1));
  transform: translateX(100%);
  transition: transform 0.2s ease-out;
  z-index: var(--z-index-popover, 1050);
}
.Header_drawerOpen__Auif0 {
  transform: translateX(0);
}
.Header_drawerHeader__ClQql {
  display: flex;
  justify-content: flex-end;
  padding: var(--space-4, 16px);
  height: var(--layout-6, 72px);
  align-items: center;
}
.Header_drawerList__aohLJ {
  list-style: none;
  margin: 0;
  padding: 0 var(--space-4, 16px);
}
.Header_drawerList__aohLJ li {
  margin-bottom: var(--space-2, 8px);
}
.Header_drawerList__aohLJ a {
  display: flex;
  align-items: center;
  gap: var(--space-3, 12px);
  padding: var(--space-3, 12px) var(--space-4, 16px);
  text-decoration: none;
  color: var(--genentech-black, #000);
  font-family: var(--font-family-base, "Gene Sans", sans-serif);
  font-size: var(--font-size-base, 1rem);
  line-height: 1.5rem;
  border-radius: var(--radius-lg, 8px);
  transition: background-color 0.2s ease;
}
.Header_drawerList__aohLJ a:hover {
  background-color: var(--genentech-h-5, #f5f5f5);
}
.Header_drawerList__aohLJ a:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}
.Header_srOnly__7tzxn {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
@media (max-width: 767px) {
  .Header_title__0FRho {
    display: block;
    margin-right: auto;
    font-family: var(--font-family-base, "Gene Sans", sans-serif);
    font-size: var(--font-size-base, 1rem);
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0.2px;
    color: var(--color-primary-500);
  }
  .Header_brand__bKuFF .Header_title__0FRho {
    display: none;
  }
}
@media (min-width: 768px) {
  .Header_hamburger__DpJFE,
  .Header_mobileTitle__39wo2 {
    display: none;
  }
  .Header_left__xS1ip,
  .Header_navInline__puCGp {
    display: block;
  }
  .Header_backdrop__asGVz,
  .Header_drawer__gPysO,
  .Header_navInline__puCGp a > span:first-child {
    display: none;
  }
}
.IconCard_iconCard__FHaEE {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-6, 24px);
  padding: var(--space-6, 24px);
  background-color: var(--surface-primary, #fff);
  width: 100%;
}
.IconCard_bgNone__d767Q {
  background-color: transparent;
  box-shadow: none;
}
.IconCard_illustration__1N4rR {
  position: relative;
  width: 120px;
  height: 120px;
  flex-shrink: 0;
}
.IconCard_illustrationImage__dnD2t {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.IconCard_content__NIMVw {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2, 8px);
  width: 100%;
}
.IconCard_title__IMBKP {
  font-size: var(--font-size-base, 1rem);
  font-weight: 400;
  line-height: 24px;
  color: var(--text-primary, #25282a);
}
.IconCard_description__rdkwR,
.IconCard_title__IMBKP {
  font-family: var(--font-family-primary, "Gene Sans", sans-serif);
  letter-spacing: 0.2px;
  text-align: center;
  margin: 0;
}
.IconCard_description__rdkwR {
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: 300;
  line-height: 20px;
  color: var(--text-secondary, #545859);
}
@media (max-width: 1024px) {
  .IconCard_illustration__1N4rR {
    width: 120px;
    height: 120px;
  }
}
@media (prefers-contrast: high) {
  .IconCard_iconCard__FHaEE {
    border: 2px solid var(--border-primary, #545859);
  }
  .IconCard_title__IMBKP {
    font-weight: 600;
  }
}
.PageTitle_pageTitle__BY39O {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.PageTitle_title__aK7cU {
  color: var(--genentech-h-1, #25282a);
  font-family: var(--font-family-primary);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-relaxed);
  margin: 0;
  font-size: var(--font-size-xl);
}
@media (min-width: 1200px) {
  .PageTitle_title__aK7cU {
    font-size: var(--font-size-2xl);
  }
}
@media (min-width: var(--breakpoint-lg,1200px)) {
  .PageTitle_title__aK7cU {
    font-size: var(--font-size-2xl);
  }
}
@media (max-width: 480px) {
  .PageTitle_pageTitle__BY39O {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-4, 1rem);
  }
  .PageTitle_title__aK7cU {
    font-size: var(--font-size-lg);
  }
}
@media (max-width: 768px) {
  .PageTitle_pageTitle__BY39O {
    gap: var(--space-3, 0.75rem);
  }
  .PageTitle_title__aK7cU {
    flex: 1;
    margin-right: var(--space-3, 0.75rem);
  }
}
@media (prefers-contrast: high) {
  .PageTitle_title__aK7cU {
    color: var(--genentech-black, #000);
  }
}
@media (prefers-reduced-motion: reduce) {
  .PageTitle_pageTitle__BY39O * {
    transition: none;
  }
}
.PageTransition_pageTransition__EpDyt {
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}
.PageTransition_pageEnter__Atp38 {
  opacity: 0;
  transform: translateY(10px);
}
.PageTransition_pageTransition__EpDyt:not(.PageTransition_pageEnter__Atp38) {
  opacity: 1;
  transform: translateY(0);
}
.PageTransition_loading__BniBj {
  opacity: 0.7;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .PageTransition_pageTransition__EpDyt {
    transition: none;
    animation: none;
  }
  .PageTransition_pageEnter__Atp38 {
    opacity: 1;
    transform: none;
  }
}
.FilterDropdown_container__tLm24 {
  position: relative;
  font-family: var(--font-family-primary);
}
.FilterDropdown_container__tLm24.FilterDropdown_disabled__5ukbh {
  opacity: 0.5;
  pointer-events: none;
}
.FilterDropdown_label__BEbLC {
  display: block;
  white-space: nowrap;
  margin-bottom: var(--space-1);
}
.FilterDropdown_label__BEbLC,
.FilterDropdown_trigger__M0ega {
  font-size: var(--font-size-base, 1rem);
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-normal, 1.5);
  color: var(--text-primary, var(--color-gray-900));
}
.FilterDropdown_trigger__M0ega {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  min-width: 140px;
  padding: var(--space-2, 0.5rem) var(--space-3, 0.75rem);
  background: var(--surface-primary, var(--color-white));
  border: var(--border-1, 1px) solid
    var(--border-primary, var(--color-gray-300));
  border-radius: var(--radius-sm, 0.125rem);
  font-family: var(--font-family-primary);
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
}
.FilterDropdown_trigger__M0ega:hover:not(:disabled) {
  border-color: var(--interactive-primary, var(--color-primary-600));
  background: var(--surface-secondary, var(--color-gray-100));
}
.FilterDropdown_trigger__M0ega:focus-visible {
  outline: 2px solid var(--interactive-primary, var(--color-primary-600));
  outline-offset: 2px;
  border-color: var(--interactive-primary, var(--color-primary-600));
}
.FilterDropdown_trigger__M0ega:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.FilterDropdown_container__tLm24.FilterDropdown_open__DeTbq
  .FilterDropdown_trigger__M0ega {
  border-color: var(--interactive-primary, var(--color-primary-600));
  background: var(--surface-secondary, var(--color-gray-100));
}
.FilterDropdown_triggerText__cPbW4 {
  flex: 1;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.FilterDropdown_triggerIcon__wAtdT {
  flex-shrink: 0;
  margin-left: var(--space-2, 0.5rem);
  transition: transform 0.2s ease;
  color: var(--text-secondary, var(--color-gray-600));
}
.FilterDropdown_container__tLm24.FilterDropdown_open__DeTbq
  .FilterDropdown_triggerIcon__wAtdT {
  transform: rotate(180deg);
}
.FilterDropdown_menu__Ish8W {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: var(--z-index-dropdown, 1000);
  margin: var(--space-1, 0.25rem) 0 0 0;
  padding: var(--space-1, 0.25rem) 0;
  background: var(--surface-primary, var(--color-white));
  border: var(--border-1, 1px) solid
    var(--border-primary, var(--color-gray-300));
  border-radius: var(--radius-sm, 0.125rem);
  box-shadow: var(--shadow-md);
  list-style: none;
  max-height: 200px;
  overflow-y: auto;
}
.FilterDropdown_option__hxpqw {
  display: flex;
  align-items: center;
  padding: var(--space-2, 0.5rem) var(--space-3, 0.75rem);
  font-size: var(--font-size-base, 1rem);
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-normal, 1.5);
  color: var(--text-primary, var(--color-gray-900));
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.FilterDropdown_option__hxpqw.FilterDropdown_highlighted__o__qM,
.FilterDropdown_option__hxpqw:hover {
  background: var(--surface-secondary, var(--color-gray-100));
}
.FilterDropdown_option__hxpqw.FilterDropdown_selected__BuN_M {
  background: var(--color-primary-50, var(--genentech-a-5));
  color: var(--interactive-primary, var(--color-primary-600));
  font-weight: var(--font-weight-medium, 500);
}
.FilterDropdown_option__hxpqw.FilterDropdown_selected__BuN_M.FilterDropdown_highlighted__o__qM {
  background: var(--color-primary-100, var(--genentech-a-5));
}
.FilterDropdown_option__hxpqw:focus {
  outline: none;
  background: var(--surface-secondary, var(--color-gray-100));
}
.FilterDropdown_option__hxpqw:active {
  background: var(--surface-tertiary, var(--color-gray-200));
}
@media (max-width: 768px) {
  .FilterDropdown_container__tLm24 {
    gap: var(--space-1, 0.25rem);
  }
  .FilterDropdown_trigger__M0ega {
    min-width: 120px;
    padding: var(--space-2, 0.5rem);
  }
  .FilterDropdown_label__BEbLC {
    font-size: var(--font-size-sm, 0.875rem);
  }
}
@media (prefers-contrast: high) {
  .FilterDropdown_trigger__M0ega {
    border-width: 2px;
  }
  .FilterDropdown_trigger__M0ega:focus-visible {
    outline-width: 3px;
  }
  .FilterDropdown_option__hxpqw.FilterDropdown_selected__BuN_M {
    border-left: 3px solid var(--interactive-primary, var(--color-primary-600));
  }
}
@media (prefers-reduced-motion: reduce) {
  .FilterDropdown_option__hxpqw,
  .FilterDropdown_triggerIcon__wAtdT,
  .FilterDropdown_trigger__M0ega {
    transition: none;
  }
}
.Toast_toast__j_L0G {
  position: fixed;
  top: var(--space-6);
  left: 50%;
  transform: translateX(-50%);
  z-index: var(--z-index-tooltip);
  opacity: 0;
  transition: all var(--duration-slow) var(--easing-ease-in-out);
  pointer-events: none;
}
.Toast_toast__j_L0G.Toast_show__NZnG8 {
  opacity: 1;
  pointer-events: auto;
  animation: Toast_slideDown__2Z_93 var(--duration-slow)
    var(--easing-ease-in-out);
}
.Toast_toast__j_L0G.Toast_static__qhATJ {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  z-index: 1;
  width: 100%;
}
.Toast_toast__j_L0G.Toast_static__qhATJ.Toast_show__NZnG8 {
  animation: none;
}
@keyframes Toast_slideDown__2Z_93 {
  0% {
    transform: translateX(-50%) translateY(-100%);
  }
  to {
    transform: translateX(-50%) translateY(0);
  }
}
.Toast_structure__2NuFX {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  background: var(--genentech-white);
  border-radius: 2px;
  box-shadow:
    0 0 2px 0 rgba(0, 0, 0, 0.16),
    0 12px 40px 0 rgba(0, 0, 0, 0.17);
  overflow: hidden;
  min-height: 1px;
  width: 100%;
}
.Toast_accentBar__IiSR9 {
  width: 4px;
  border-radius: 2px 0 0 2px;
  flex-shrink: 0;
}
.Toast_accentBar__IiSR9.Toast_success__srzuG {
  background-color: var(--genentech-g-2);
}
.Toast_accentBar__IiSR9.Toast_error__9anlI {
  background-color: var(--genentech-e-3);
}
.Toast_accentBar__IiSR9.Toast_warning__REsYf {
  background-color: var(--genentech-f-3);
}
.Toast_accentBar__IiSR9.Toast_info__SOWt_ {
  background-color: var(--genentech-a-2);
}
.Toast_container__Q_P6A {
  display: flex;
  flex: 1;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-3) var(--space-4) var(--space-3) var(--space-3);
  overflow: hidden;
  min-width: 1px;
}
.Toast_iconAndTextContainer__AQlXH {
  display: flex;
  flex: 1;
  gap: var(--space-3);
  align-items: flex-start;
  min-width: 1px;
}
.Toast_icon__oatg_ {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  position: relative;
}
.Toast_success__srzuG .Toast_icon__oatg_ {
  color: var(--genentech-g-2);
}
.Toast_error__9anlI .Toast_icon__oatg_ {
  color: var(--genentech-e-3);
}
.Toast_warning__REsYf .Toast_icon__oatg_ {
  color: var(--genentech-f-3);
}
.Toast_info__SOWt_ .Toast_icon__oatg_ {
  color: var(--genentech-a-2);
}
.Toast_textContainer__UUl5C {
  gap: var(--space-2);
  padding-top: 2px;
  flex-shrink: 0;
}
.Toast_textContainer__UUl5C,
.Toast_textContent__dxtTK {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.Toast_textContent__dxtTK {
  gap: 3px;
  line-height: var(--line-height-snug);
  font-size: var(--font-size-sm);
  letter-spacing: 0.2px;
  color: var(--genentech-h-1);
}
.Toast_title__YT5jt {
  font-weight: var(--font-weight-normal);
}
.Toast_message__2Wf0i,
.Toast_title__YT5jt {
  font-family: var(--font-family-primary);
  margin: 0;
  width: 100%;
  flex-shrink: 0;
}
.Toast_message__2Wf0i {
  font-weight: var(--font-weight-light);
}
.Toast_closeButtonContainer__pa_cO {
  display: flex;
  align-items: center;
  padding-top: var(--space-1);
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  flex-shrink: 0;
}
@media (max-width: 480px) {
  .Toast_toast__j_L0G {
    min-width: auto;
    width: calc(100vw - var(--space-6) * 2);
    max-width: none;
  }
  .Toast_container__Q_P6A {
    padding: var(--space-3) var(--space-4) var(--space-3) var(--space-3);
    gap: var(--space-2);
  }
  .Toast_iconAndTextContainer__AQlXH {
    gap: var(--space-2);
  }
  .Toast_textContent__dxtTK {
    width: auto;
    max-width: none;
  }
  .Toast_message__2Wf0i,
  .Toast_title__YT5jt {
    font-size: var(--font-size-sm);
  }
}
@media (prefers-reduced-motion: reduce) {
  .Toast_toast__j_L0G {
    animation: none;
    transition: opacity 0.2s ease;
  }
}
@media (prefers-contrast: high) {
  .Toast_structure__2NuFX {
    border: 2px solid var(--border-primary);
  }
}
.TokenDisplay_tokenCard__32_Oq {
  background: var(--surface-primary, #fff);
  border: var(--border-1, 1px) solid var(--border-secondary, #d0d3d4);
  border-radius: var(--radius-lg, 0.5rem);
  padding: var(--space-4, 1rem);
  transition: all 0.2s ease;
}
.TokenDisplay_tokenCard__32_Oq:hover {
  border-color: var(--color-primary-500);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.TokenDisplay_colorPreview__qdMLp {
  margin-bottom: var(--space-3, 0.75rem);
}
.TokenDisplay_colorSwatch__ZBro7 {
  width: 100%;
  height: 64px;
  border-radius: var(--radius-sm, 0.25rem);
  border: var(--border-1, 1px) solid var(--border-tertiary, #eff0f0);
  position: relative;
}
.TokenDisplay_colorSwatch__ZBro7:after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: var(--radius-sm, 0.25rem);
  border: var(--border-1, 1px) solid rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
.TokenDisplay_spacingPreview__B2nGp {
  margin-bottom: var(--space-3, 0.75rem);
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.TokenDisplay_spacingBar__nzlgQ {
  position: relative;
  width: 100%;
  height: 24px;
  background: var(--surface-tertiary, #f8f9fa);
  border-radius: var(--radius-sm, 0.25rem);
  overflow: hidden;
  display: flex;
  align-items: center;
}
.TokenDisplay_spacingIndicator__OHdlk {
  height: 100%;
  background: var(--color-primary-500);
  min-width: 2px;
  position: relative;
}
.TokenDisplay_spacingLabel__N4j52 {
  position: absolute;
  right: var(--space-2, 0.5rem);
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--font-size-xs, 0.75rem);
  color: var(--text-secondary, #545859);
  font-weight: var(--font-weight-medium, 500);
}
.TokenDisplay_radiusPreview__tk8ig {
  margin-bottom: var(--space-3, 0.75rem);
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.TokenDisplay_radiusBox___2rqs {
  width: 48px;
  height: 48px;
  background: var(--color-primary-500);
  border: var(--border-1, 1px) solid var(--border-primary, #9ea2a2);
}
.TokenDisplay_shadowPreview__sJAzq {
  margin-bottom: var(--space-3, 0.75rem);
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.TokenDisplay_shadowBox__TzJV6 {
  width: 48px;
  height: 48px;
  background: var(--surface-primary, #fff);
  border-radius: var(--radius-sm, 0.25rem);
}
.TokenDisplay_breakpointPreview__Ko4yg {
  margin-bottom: var(--space-3, 0.75rem);
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.TokenDisplay_breakpointIndicator__qGY_t {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-3, 0.75rem) var(--space-4, 1rem);
  background: var(--surface-tertiary, #f8f9fa);
  border: var(--border-1, 1px) solid var(--border-primary, #9ea2a2);
  border-radius: var(--radius-sm, 0.25rem);
}
.TokenDisplay_breakpointSize__hJNXk {
  font-size: var(--font-size-base, 1rem);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-primary-500);
}
.TokenDisplay_typographyPreview__mtT2j {
  margin-bottom: var(--space-3, 0.75rem);
  min-height: 64px;
  display: flex;
  align-items: center;
  padding: var(--space-2, 0.5rem);
  background: var(--surface-accent, #fbfbfa);
  border-radius: var(--radius-sm, 0.25rem);
  border: var(--border-1, 1px) solid var(--border-tertiary, #eff0f0);
}
.TokenDisplay_typographySample__DBtKw {
  color: var(--text-primary, #25282a);
  font-family: var(
    --font-family-primary,
    "Gene Sans",
    "Helvetica",
    "Arial",
    sans-serif
  );
  line-height: var(--line-height-normal, 1.5);
  word-break: break-word;
}
.TokenDisplay_tokenInfo__ZVInU {
  display: flex;
  flex-direction: column;
  gap: var(--space-2, 0.5rem);
}
.TokenDisplay_tokenLabel__PeFXc {
  font-size: var(--font-size-base, 1rem);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--text-primary, #25282a);
  margin: 0;
}
.TokenDisplay_tokenMeta__RCE2e {
  display: flex;
  flex-direction: column;
  gap: var(--space-1, 0.25rem);
}
.TokenDisplay_tokenName__qw6O3 {
  color: var(--color-primary-500);
  background: var(--color-primary-50, #e1e7f7);
  word-break: break-all;
  font-weight: var(--font-weight-medium, 500);
}
.TokenDisplay_tokenName__qw6O3,
.TokenDisplay_tokenValue__CIsib {
  font-family: var(--font-family-mono, "Monaco", "Consolas", monospace);
  font-size: var(--font-size-xs, 0.75rem);
  padding: var(--space-1, 0.25rem) var(--space-2, 0.5rem);
  border-radius: var(--radius-sm, 0.25rem);
  width: -moz-fit-content;
  width: fit-content;
}
.TokenDisplay_tokenValue__CIsib {
  color: var(--text-secondary, #545859);
  background: var(--surface-secondary, #eff0f0);
}
.TokenDisplay_tokenGroup__aiHwv {
  font-size: var(--font-size-xs, 0.75rem);
  color: var(--text-secondary, #545859);
  background: var(--surface-tertiary, #f8f9fa);
  padding: var(--space-1, 0.25rem) var(--space-2, 0.5rem);
  border-radius: var(--radius-sm, 0.25rem);
  border: var(--border-1, 1px) solid var(--border-tertiary, #eff0f0);
  width: -moz-fit-content;
  width: fit-content;
  font-weight: var(--font-weight-medium, 500);
}
.TokenDisplay_tokenRole__e_GMF {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--text-primary, #25282a);
  font-weight: var(--font-weight-medium, 500);
  line-height: var(--line-height-snug, 1.25);
}
.TokenDisplay_tokenUsage__BACK6 {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--text-secondary, #545859);
  line-height: var(--line-height-normal, 1.5);
  border-left: 2px solid var(--border-primary, #9ea2a2);
  padding-left: var(--space-3, 0.75rem);
  font-style: italic;
}
.TokenDisplay_typographyTokens__Lno6T {
  display: flex;
  flex-direction: column;
  gap: var(--space-1, 0.25rem);
}
@media (max-width: 768px) {
  .TokenDisplay_tokenCard__32_Oq {
    padding: var(--space-3, 0.75rem);
  }
  .TokenDisplay_breakpointPreview__Ko4yg,
  .TokenDisplay_colorSwatch__ZBro7,
  .TokenDisplay_radiusPreview__tk8ig,
  .TokenDisplay_shadowPreview__sJAzq,
  .TokenDisplay_spacingPreview__B2nGp,
  .TokenDisplay_typographyPreview__mtT2j {
    height: 48px;
  }
  .TokenDisplay_radiusBox___2rqs,
  .TokenDisplay_shadowBox__TzJV6 {
    width: 36px;
    height: 36px;
  }
  .TokenDisplay_spacingBar__nzlgQ {
    height: 20px;
  }
  .TokenDisplay_spacingLabel__N4j52 {
    font-size: 10px;
  }
  .TokenDisplay_typographySample__DBtKw {
    font-size: var(--font-size-sm, 0.875rem) !important;
    line-height: var(--line-height-snug, 1.25) !important;
  }
}
.ListItem_listItem__9VOTZ {
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--space-3) var(--space-4);
  margin: 0;
  border: none;
  background: transparent;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-normal);
  color: var(--text-primary);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition:
    background-color 0.15s ease,
    color 0.15s ease;
  border-radius: 0;
  outline: none;
  gap: var(--space-3);
}
.ListItem_listItem__9VOTZ:focus,
.ListItem_listItem__9VOTZ:hover {
  background: var(--surface-secondary);
  color: var(--interactive-primary);
}
.ListItem_listItem__9VOTZ:focus {
  outline: 2px solid var(--interactive-primary);
  outline-offset: -2px;
}
.ListItem_listItem__9VOTZ:active {
  background: var(--color-gray-100);
}
.ListItem_selected__sG69N {
  background: var(--surface-secondary);
  color: var(--interactive-primary);
  font-weight: var(--font-weight-medium);
}
.ListItem_selected__sG69N:focus,
.ListItem_selected__sG69N:hover {
  background: var(--color-primary-50);
  color: var(--interactive-primary);
}
.ListItem_disabled__dfeTA {
  color: var(--text-disabled);
  cursor: not-allowed;
  opacity: 0.6;
}
.ListItem_disabled__dfeTA:active,
.ListItem_disabled__dfeTA:focus,
.ListItem_disabled__dfeTA:hover {
  background: transparent;
  color: var(--text-disabled);
  outline: none;
}
.ListItem_icon__C16KO {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ListItem_content__p83D1 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ListItem_linkItem__GQ7As:visited {
  color: var(--text-primary);
}
.ListItem_listItem__9VOTZ:focus-visible {
  outline: 2px solid var(--interactive-primary);
  outline-offset: -2px;
}
@media (max-width: 768px) {
  .ListItem_listItem__9VOTZ {
    padding: var(--space-4) var(--space-3);
    font-size: var(--font-size-base);
  }
  .ListItem_icon__C16KO {
    width: 24px;
    height: 24px;
  }
}
@media (prefers-contrast: high) {
  .ListItem_listItem__9VOTZ:focus {
    outline-width: 3px;
    outline-color: currentColor;
  }
  .ListItem_selected__sG69N {
    border: 2px solid var(--interactive-primary);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ListItem_listItem__9VOTZ {
    transition: none;
  }
}
.DropdownList_dropdownList__Ofd77 {
  list-style: none;
  margin: 0;
  padding: 0;
  background: var(--surface-primary);
  border: var(--border-1) solid var(--border-primary);
  border-radius: var(--radius-sm);
  box-shadow: var(--elevation-2);
  overflow: hidden;
}
.DropdownList_links__anD80 {
  min-width: 200px;
}
.DropdownList_avatars__Kl3Kx {
  min-width: 280px;
}
.DropdownList_avatarItem__fZfEg {
  padding: var(--space-3) var(--space-4);
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.DropdownList_avatarItem__fZfEg:hover {
  background: var(--surface-secondary);
}
.DropdownList_avatarItem__fZfEg:focus {
  background: var(--surface-secondary);
  outline: var(--border-2) solid var(--focus-ring);
  outline-offset: calc(-1 * var(--space-1));
}
.DropdownList_avatarItem__fZfEg:active {
  background: var(--surface-tertiary);
}
@media (max-width: 767px) {
  .DropdownList_dropdownList__Ofd77 {
    min-width: 100%;
    max-width: 100vw;
  }
  .DropdownList_avatars__Kl3Kx,
  .DropdownList_links__anD80 {
    min-width: 100%;
  }
  .DropdownList_avatarItem__fZfEg {
    padding: var(--space-3) var(--space-3);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .DropdownList_links__anD80 {
    min-width: 220px;
  }
  .DropdownList_avatars__Kl3Kx {
    min-width: 300px;
  }
  .DropdownList_avatarItem__fZfEg {
    padding: var(--space-3) var(--space-4);
  }
}
@media (min-width: 1200px) {
  .DropdownList_links__anD80 {
    min-width: 240px;
  }
  .DropdownList_avatars__Kl3Kx {
    min-width: 320px;
  }
  .DropdownList_avatarItem__fZfEg {
    padding: var(--space-4) var(--space-5);
  }
}
.UserCard_card__F9EqR {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-3);
  background-color: var(--surface-primary);
  border-bottom: var(--border-1) solid var(--border-secondary);
  transition: all var(--duration-normal) var(--easing-ease-in-out);
  min-height: 64px;
}
.UserCard_card__F9EqR:hover {
  border-color: var(--border-primary);
  box-shadow: var(--elevation-1);
}
.UserCard_clickable__qb8_F {
  cursor: pointer;
}
.UserCard_clickable__qb8_F:hover {
  background-color: var(--surface-secondary);
}
.UserCard_clickable__qb8_F:focus {
  outline: var(--border-2) solid var(--interactive-primary);
  outline-offset: -4px;
}
.UserCard_clickable__qb8_F:active {
  transform: translateY(1px);
}
.UserCard_content__3j3V0 {
  display: flex;
  align-items: center;
  gap: var(--space-2, 0.5rem);
  flex: 1;
  min-width: 0;
}
.UserCard_avatar__jEX_B {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  background-color: var(--color-primary-50);
}
.UserCard_initial__5HGa5 {
  font-size: var(--font-size-base, 1rem);
  color: var(--color-primary-500);
  text-transform: uppercase;
}
.UserCard_info__B6OQP {
  display: flex;
  flex-direction: column;
  gap: var(--space-1, 0.25rem);
  min-width: 0;
  padding-right: var(--space-3, 0.75rem);
}
.UserCard_name__ybQ32 {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--text-primary, #25282a);
  line-height: var(--line-height-tight, 1.25);
}
.UserCard_subtitle___vso7 {
  font-size: var(--font-size-xs, 0.75rem);
  color: var(--text-secondary, #545859);
  line-height: var(--line-height-tight, 1.25);
}
.UserCard_icon__QdhOf {
  color: var(--color-gray-600);
  transition: color var(--duration-normal) var(--easing-ease-in-out);
}
.UserCard_clickable__qb8_F:hover .UserCard_icon__QdhOf {
  color: var(--text-secondary, #545859);
}
.UserCard_disabled__urAMy {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.UserCard_disabled__urAMy .UserCard_name__ybQ32,
.UserCard_disabled__urAMy .UserCard_subtitle___vso7 {
  color: var(--text-disabled, #9ca3af);
}
.UserCard_disabled__urAMy .UserCard_avatar__jEX_B {
  background-color: var(--color-gray-100, #f3f4f6);
}
.UserCard_disabled__urAMy .UserCard_icon__QdhOf,
.UserCard_disabled__urAMy .UserCard_initial__5HGa5 {
  color: var(--color-gray-400, #9ca3af);
}
@media (min-width: 1024px) {
  .UserCard_card__F9EqR {
    padding: var(--space-4, 1rem);
    min-height: 72px;
  }
  .UserCard_avatar__jEX_B {
    width: 40px;
    height: 40px;
  }
  .UserCard_initial__5HGa5 {
    font-size: var(--font-size-lg, 1.125rem);
  }
  .UserCard_name__ybQ32 {
    font-size: var(--font-size-base, 1rem);
    line-height: 1.5;
  }
  .UserCard_subtitle___vso7 {
    font-size: var(--font-size-sm, 0.875rem);
  }
  .UserCard_content__3j3V0 {
    gap: var(--space-3, 0.75rem);
  }
}
.UserCard_name__ybQ32,
.UserCard_subtitle___vso7 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (prefers-contrast: high) {
  .UserCard_card__F9EqR {
    border-width: 2px;
  }
  .UserCard_avatar__jEX_B {
    border: 2px solid var(--color-primary-500);
  }
}
@media (prefers-reduced-motion: reduce) {
  .UserCard_card__F9EqR,
  .UserCard_icon__QdhOf {
    transition: none;
  }
  .UserCard_clickable__qb8_F:active {
    transform: none;
  }
}
.List_list__U__V0 {
  flex-direction: column;
  gap: var(--space-2);
}
.List_listItem__Q6pch,
.List_list__U__V0 {
  display: flex;
  margin: 0;
  padding: 0;
  font-family: var(--font-family-primary);
}
.List_listItem__Q6pch {
  align-items: flex-start;
  gap: var(--space-3);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-light);
  line-height: var(--typography-line-height-300, 24px);
  color: var(--text-primary);
  letter-spacing: var(--typography-letter-spacing-100, 0.2px);
}
.List_listContent__y_yYP {
  flex: 1;
  min-width: 0;
}
.List_list__U__V0 {
  list-style: none;
}
.List_unordered__ucwag .List_listItem__Q6pch {
  position: relative;
  padding-left: 0;
}
.List_unordered__ucwag .List_listItem__Q6pch:before {
  content: "";
  display: block;
  width: 16px;
  height: 24px;
  flex-shrink: 0;
  position: relative;
}
.List_unordered__ucwag .List_listItem__Q6pch:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 8px;
  width: 8px;
  height: 8px;
  background-color: var(--interactive-primary);
  border-radius: 50%;
}
.List_ordered__DcDRt {
  counter-reset: list-counter;
}
.List_ordered__DcDRt .List_listItem__Q6pch {
  position: relative;
  padding-left: 0;
  counter-increment: list-counter;
}
.List_ordered__DcDRt .List_listItem__Q6pch:before {
  content: counter(list-counter) ".";
  display: block;
  width: 26px;
  height: 24px;
  flex-shrink: 0;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  line-height: var(--typography-line-height-300, 24px);
  color: var(--text-primary);
  letter-spacing: var(--typography-letter-spacing-100, 0.2px);
}
.List_icon__pFjdm .List_listItem__Q6pch {
  position: relative;
  padding-left: 0;
}
.List_levelTwo__LZvk3.List_unordered__ucwag .List_listItem__Q6pch:after {
  background-color: transparent;
  border: 1px solid var(--interactive-primary);
}
.List_levelTwo__LZvk3.List_ordered__DcDRt {
  counter-reset: list-counter-alpha;
}
.List_levelTwo__LZvk3.List_ordered__DcDRt .List_listItem__Q6pch {
  counter-increment: list-counter-alpha;
}
.List_levelTwo__LZvk3.List_ordered__DcDRt .List_listItem__Q6pch:before {
  content: counter(list-counter-alpha, lower-alpha) ".";
}
.List_levelThree__3f3Na.List_unordered__ucwag .List_listItem__Q6pch:after {
  border-radius: 0;
  background-color: var(--interactive-primary);
  border: none;
}
.List_levelThree__3f3Na.List_ordered__DcDRt {
  counter-reset: list-counter-roman;
}
.List_levelThree__3f3Na.List_ordered__DcDRt .List_listItem__Q6pch {
  counter-increment: list-counter-roman;
}
.List_levelThree__3f3Na.List_ordered__DcDRt .List_listItem__Q6pch:before {
  content: counter(list-counter-roman, lower-roman) ".";
}
.List_levelOne__5VaWb,
.List_levelThree__3f3Na,
.List_levelTwo__LZvk3 {
  margin-left: 0;
}
.List_icon__pFjdm .List_listItem__Q6pch .List_iconElement__1VyXR {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.List_nestedList__AQ9lm {
  margin-top: var(--space-2);
}
.List_list__U__V0:focus-within {
  outline: none;
}
.List_listItem__Q6pch:focus-within {
  outline: 2px solid var(--interactive-primary);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}
@media (max-width: 768px) {
  .List_listItem__Q6pch {
    font-size: var(--font-size-sm);
  }
}
@media (prefers-contrast: high) {
  .List_unordered__ucwag .List_listItem__Q6pch:before {
    border: 1px solid var(--text-primary);
  }
  .List_levelTwo__LZvk3.List_unordered__ucwag .List_listItem__Q6pch:before {
    border-width: 2px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .List_listItem__Q6pch:focus-within {
    transition: none;
  }
}
.Slider_slider__2mYkG {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  width: 100%;
}
.Slider_label__HvUbk {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-normal);
  letter-spacing: 0.2px;
  color: var(--text-secondary);
  margin: 0;
}
.Slider_structure__5wXtr {
  display: flex;
  gap: var(--space-4);
  align-items: flex-end;
  width: 100%;
}
.Slider_sliderContainer__qQ1Wf {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.Slider_sliderStructure__sjldV {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  width: 100%;
}
.Slider_sliderTrack__8vD_b {
  position: relative;
  height: 2px;
  width: 100%;
  background: var(--color-gray-300);
  border-radius: var(--radius-full);
  overflow: visible;
}
.Slider_sliderInput__jHDke {
  position: absolute;
  top: -12px;
  left: 0;
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 0;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  z-index: 3;
}
.Slider_sliderInput__jHDke::-webkit-slider-track {
  background: transparent;
  height: 24px;
  border: none;
  border-radius: 0;
}
.Slider_sliderInput__jHDke::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: transparent;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
.Slider_sliderInput__jHDke::-moz-range-track {
  background: transparent;
  height: 24px;
  border: none;
}
.Slider_sliderInput__jHDke::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: transparent;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
.Slider_sliderProgress__3YopI {
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  background: var(--color-primary-600);
  border-radius: var(--radius-full);
  transition: width var(--duration-fast) var(--easing-ease-out);
  z-index: 1;
}
.Slider_sliderThumb__Eq9vq {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background: var(--color-primary-600);
  border: 2px solid var(--color-white);
  border-radius: 50%;
  box-shadow: var(--shadow-sm);
  transition: all var(--duration-fast) var(--easing-ease-out);
  z-index: 2;
  pointer-events: none;
}
.Slider_sliderInput__jHDke:focus-visible
  + .Slider_sliderProgress__3YopI
  + .Slider_sliderThumb__Eq9vq {
  outline: var(--border-2) solid var(--focus-ring);
  outline-offset: 2px;
  box-shadow: var(--shadow-md);
}
.Slider_sliderInput__jHDke:hover:not(:disabled)
  + .Slider_sliderProgress__3YopI
  + .Slider_sliderThumb__Eq9vq {
  transform: translate(-50%, -50%) scale(1.1);
  box-shadow: var(--shadow-md);
}
.Slider_sliderInput__jHDke:active:not(:disabled)
  + .Slider_sliderProgress__3YopI
  + .Slider_sliderThumb__Eq9vq {
  transform: translate(-50%, -50%) scale(1.2);
}
.Slider_disabled__NdOpe .Slider_sliderTrack__8vD_b {
  background: var(--color-gray-200);
}
.Slider_disabled__NdOpe .Slider_sliderProgress__3YopI {
  background: var(--color-gray-300);
}
.Slider_disabled__NdOpe .Slider_sliderThumb__Eq9vq {
  background: var(--color-gray-300);
  border-color: var(--color-gray-200);
  box-shadow: none;
}
.Slider_disabled__NdOpe .Slider_sliderInput__jHDke {
  cursor: not-allowed;
}
.Slider_sliderLabels__3tb9E {
  display: flex;
  justify-content: space-between;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-snug);
  letter-spacing: 0.3px;
  color: var(--text-secondary);
}
.Slider_maxLabel__0Ke66,
.Slider_minLabel__mg_xX {
  font-variant-numeric: tabular-nums;
}
.Slider_inputContainer__gWmLT {
  flex-shrink: 0;
  padding-bottom: var(--space-1);
}
.Slider_numberInput__DNRvf {
  width: 78px;
  height: 48px;
  padding: var(--space-3) var(--space-4);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-light);
  line-height: var(--line-height-normal);
  letter-spacing: 0.2px;
  color: var(--text-primary);
  background: var(--surface-primary);
  border: var(--border-1) solid var(--border-primary);
  border-radius: var(--radius-sm);
  transition: all var(--duration-fast) var(--easing-ease-out);
  text-align: center;
}
.Slider_numberInput__DNRvf:focus {
  outline: none;
  border-color: var(--interactive-primary);
  box-shadow: 0 0 0 var(--border-2) rgba(0, 48, 135, 0.1);
}
.Slider_numberInput__DNRvf:focus-visible {
  outline: var(--border-2) solid var(--focus-ring);
  outline-offset: 2px;
}
.Slider_numberInput__DNRvf:disabled {
  background: var(--surface-disabled);
  border-color: var(--border-tertiary);
  color: var(--text-disabled);
  cursor: not-allowed;
}
.Slider_helperText__ZjW7p {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-tight);
  letter-spacing: 0.5px;
  color: var(--text-secondary);
  margin-top: var(--space-1);
}
.Slider_sm__t69sf .Slider_numberInput__DNRvf {
  width: 60px;
  height: 36px;
  padding: var(--space-2) var(--space-3);
  font-size: var(--font-size-base);
}
.Slider_sm__t69sf .Slider_sliderThumb__Eq9vq {
  width: 16px;
  height: 16px;
}
.Slider_sm__t69sf .Slider_sliderInput__jHDke {
  height: 20px;
  top: -10px;
}
.Slider_sm__t69sf .Slider_sliderInput__jHDke::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
}
.Slider_sm__t69sf .Slider_sliderInput__jHDke::-moz-range-thumb {
  width: 16px;
  height: 16px;
}
.Slider_md__eFGql .Slider_numberInput__DNRvf {
  width: 78px;
  height: 48px;
}
.Slider_lg__KOBm_ .Slider_numberInput__DNRvf {
  width: 96px;
  height: 56px;
  padding: var(--space-4) var(--space-6);
  font-size: var(--font-size-xl);
}
.Slider_lg__KOBm_ .Slider_sliderThumb__Eq9vq {
  width: 24px;
  height: 24px;
}
.Slider_lg__KOBm_ .Slider_sliderInput__jHDke {
  height: 28px;
  top: -14px;
}
.Slider_lg__KOBm_ .Slider_sliderInput__jHDke::-webkit-slider-thumb {
  width: 24px;
  height: 24px;
}
.Slider_lg__KOBm_ .Slider_sliderInput__jHDke::-moz-range-thumb {
  width: 24px;
  height: 24px;
}
.Slider_withInput__vx85J .Slider_structure__5wXtr {
  align-items: flex-end;
}
@media (max-width: 480px) {
  .Slider_structure__5wXtr {
    gap: var(--space-2);
  }
  .Slider_numberInput__DNRvf {
    width: 60px;
    font-size: var(--font-size-base);
  }
  .Slider_lg__KOBm_ .Slider_numberInput__DNRvf {
    width: 78px;
    font-size: var(--font-size-lg);
  }
}
@media (prefers-contrast: high) {
  .Slider_sliderTrack__8vD_b {
    background: ButtonFace;
    border: var(--border-1) solid ButtonText;
  }
  .Slider_sliderProgress__3YopI {
    background: Highlight;
  }
  .Slider_sliderThumb__Eq9vq {
    background: Highlight;
    border-color: ButtonFace;
  }
}
@media (prefers-reduced-motion: reduce) {
  .Slider_numberInput__DNRvf,
  .Slider_sliderProgress__3YopI,
  .Slider_sliderThumb__Eq9vq {
    transition: none;
  }
}
.LessonCard_lessonCard__RT2It {
  background-color: var(--surface-primary);
  border-radius: var(--radius-lg);
  box-shadow:
    0 0 1px 0 rgba(0, 0, 0, 0.32),
    0 2px 4px 0 rgba(0, 0, 0, 0.11);
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  overflow: hidden;
  transition: all var(--duration-normal) var(--easing-ease-out);
}
.LessonCard_lessonCard__RT2It:hover {
  box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.15),
    0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.LessonCard_lessonCard__RT2It:focus-within {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}
.LessonCard_container__SAfyW {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  padding-top: var(--space-6);
}
.LessonCard_headerContainer__OrJF_ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--space-6);
}
.LessonCard_imageContainer__Runea {
  padding: 0 var(--space-6);
}
.LessonCard_imageWrapper__SWCEv {
  position: relative;
  width: 100%;
  height: 233px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.LessonCard_image__hBpk4 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.LessonCard_imagePlaceholder__hSW_T {
  width: 100%;
  height: 100%;
  background-color: var(--surface-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  font-size: var(--font-size-sm);
}
.LessonCard_userInfo__pmhmI {
  gap: var(--space-3);
}
.LessonCard_avatar__g3ILm,
.LessonCard_userInfo__pmhmI {
  display: flex;
  align-items: center;
}
.LessonCard_userText__K54OZ {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-light);
  font-size: var(--font-size-sm);
  line-height: 20px;
  letter-spacing: 0.2px;
  color: var(--text-secondary);
}
.LessonCard_primaryUser__CXCly {
  font-weight: var(--font-weight-normal);
  color: var(--interactive-primary);
}
.LessonCard_closeButton__NASbI {
  display: flex;
  align-items: flex-start;
}
.LessonCard_postInfo__UrdYh {
  display: flex;
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-normal);
  gap: var(--space-6);
  align-items: center;
  line-height: var(--line-height-normal);
  padding: 0 var(--space-6);
  font-size: var(--font-size-base);
  color: var(--text-primary);
  letter-spacing: 0.2px;
}
.LessonCard_contentContainer__FdU8v {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.LessonCard_content__YwelI {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}
.LessonCard_titleContainer__CwkQd {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--space-6);
}
.LessonCard_title___PIeW {
  flex: 1;
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-normal);
  line-height: 40px;
  font-size: var(--font-size-3xl);
  color: var(--state-info);
  letter-spacing: 0;
  margin: 0;
}
.LessonCard_descriptionContainer__VSY46 {
  border-bottom: 1px solid var(--border-secondary);
  display: flex;
  gap: var(--space-6);
  align-items: flex-start;
  padding: 0 var(--space-6);
}
.LessonCard_description__TAKb4 {
  flex: 1;
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-light);
  line-height: var(--line-height-relaxed);
  font-size: var(--font-size-lg);
  color: var(--text-primary);
  letter-spacing: 0;
  margin: 0;
}
.LessonCard_skillsSection___0l7W {
  display: grid;
  grid-auto-flow: column;
  gap: var(--space-6);
  align-items: flex-start;
  width: 251px;
}
.LessonCard_skillsDivider__ht1Q_ {
  background: var(--border-secondary);
  width: 1px;
  height: 100%;
}
.LessonCard_skillsContainer__beFQN {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: var(--space-6);
  width: 226px;
}
.LessonCard_skillsTitle__RWpKP {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-relaxed);
  font-size: var(--font-size-xl);
  color: var(--text-primary);
  letter-spacing: 0;
  margin: 0;
}
.LessonCard_tagContainer__VwC6T {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.LessonCard_skillTag__Tjuu9 {
  background-color: var(--surface-primary);
  border: 1px solid var(--color-info-200);
  border-radius: var(--radius-full);
  display: flex;
  gap: var(--space-2);
  align-items: center;
  justify-content: center;
  min-width: 72px;
  padding: 6px var(--space-3) 6px var(--space-4);
}
.LessonCard_skillTagLabel__mK8At {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-normal);
  font-size: var(--font-size-base);
  color: var(--interactive-primary);
  letter-spacing: 0.2px;
}
.LessonCard_statusContainer__UF2BA {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--space-6);
}
.LessonCard_statusBadge___Y4TI {
  background-color: var(--surface-tertiary);
  display: flex;
  gap: 0;
  height: 28px;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border-radius: 16px;
}
.LessonCard_statusText__3DWCZ {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-normal);
  line-height: 20px;
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  letter-spacing: 0.2px;
}
.LessonCard_actionsContainer__1mCIR {
  border-top: 1px solid var(--border-secondary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-6);
}
.LessonCard_actionButtons__d8RpJ {
  display: flex;
  gap: var(--space-4);
  align-items: center;
}
.LessonCard_primaryButton__7tN7y {
  border: 1px solid var(--interactive-primary);
  display: flex;
  gap: var(--space-2);
  align-items: center;
  justify-content: center;
  padding: 6px var(--space-4);
  border-radius: var(--radius-sm);
  min-width: 80px;
  background-color: transparent;
  cursor: pointer;
  transition: all var(--duration-normal) var(--easing-ease-out);
}
.LessonCard_primaryButton__7tN7y:hover {
  background-color: var(--surface-secondary);
}
.LessonCard_primaryButton__7tN7y:focus {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}
.LessonCard_primaryButton__7tN7y:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.LessonCard_buttonIcon__W3dhP {
  width: 24px;
  height: 24px;
}
.LessonCard_buttonText__jwbOj {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-normal);
  font-size: var(--font-size-base);
  color: var(--interactive-primary);
  letter-spacing: 0.2px;
}
.LessonCard_socialActions__kIvzi {
  display: flex;
  gap: var(--space-5);
  align-items: center;
}
.LessonCard_iconButton__oyZso {
  display: flex;
  align-items: flex-start;
  padding: 6px;
  border-radius: 2px;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all var(--duration-normal) var(--easing-ease-out);
}
.LessonCard_iconButton__oyZso:hover {
  background-color: var(--surface-secondary);
}
.LessonCard_iconButton__oyZso:focus {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}
.LessonCard_commentsContainer__pjV7W {
  background-color: var(--surface-secondary);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-6) 0;
}
.LessonCard_commentsLink__mEKxB {
  display: flex;
  gap: 8px;
  align-items: center;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--duration-normal) var(--easing-ease-out);
}
.LessonCard_commentsLink__mEKxB:hover {
  text-decoration: underline;
}
.LessonCard_commentsLink__mEKxB:focus {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}
.LessonCard_commentsText__aQLpz {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-normal);
  font-size: var(--font-size-base);
  color: var(--interactive-primary);
  letter-spacing: 0.2px;
}
@media (max-width: 768px) {
  .LessonCard_lessonCard__RT2It {
    gap: var(--space-4);
  }
  .LessonCard_container__SAfyW {
    gap: var(--space-4);
    padding-top: var(--space-4);
  }
  .LessonCard_headerContainer__OrJF_,
  .LessonCard_imageContainer__Runea,
  .LessonCard_postInfo__UrdYh,
  .LessonCard_titleContainer__CwkQd {
    padding: 0 var(--space-4);
  }
  .LessonCard_descriptionContainer__VSY46 {
    flex-direction: column;
    gap: var(--space-4);
    padding: 0 var(--space-4);
  }
  .LessonCard_skillsSection___0l7W {
    width: 100%;
    flex-direction: column;
  }
  .LessonCard_skillsDivider__ht1Q_ {
    display: none;
  }
  .LessonCard_skillsContainer__beFQN {
    width: 100%;
  }
  .LessonCard_actionsContainer__1mCIR,
  .LessonCard_statusContainer__UF2BA {
    padding: var(--space-4);
  }
  .LessonCard_socialActions__kIvzi {
    gap: var(--space-3);
  }
}
.Link_link__rOrL2 {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-normal);
  letter-spacing: 0.2px;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition:
    color 0.2s ease,
    -webkit-text-decoration 0.2s ease;
  transition:
    color 0.2s ease,
    text-decoration 0.2s ease;
  transition:
    color 0.2s ease,
    text-decoration 0.2s ease,
    -webkit-text-decoration 0.2s ease;
  border-radius: var(--radius-xs);
  padding: var(--space-1) 0;
}
.Link_link__rOrL2:focus-visible {
  outline: var(--border-2) solid var(--focus-ring);
  outline-offset: var(--space-1);
}
.Link_primary___jUoB {
  color: var(--interactive-primary);
}
.Link_primary___jUoB:hover:not(.Link_disabled__uQhZk) {
  color: var(--interactive-primary-hover);
  text-decoration: underline;
}
.Link_primary___jUoB:active:not(.Link_disabled__uQhZk),
.Link_primary___jUoB:focus:not(.Link_disabled__uQhZk) {
  color: var(--interactive-primary);
  text-decoration: underline;
}
.Link_secondary__LdNEV {
  color: var(--text-secondary);
}
.Link_secondary__LdNEV:active:not(.Link_disabled__uQhZk),
.Link_secondary__LdNEV:focus:not(.Link_disabled__uQhZk),
.Link_secondary__LdNEV:hover:not(.Link_disabled__uQhZk) {
  color: var(--interactive-primary);
  text-decoration: underline;
}
.Link_lg__8cAo_ {
  font-size: var(--font-size-xl);
  line-height: var(--line-height-600);
  letter-spacing: 0;
}
.Link_md__c5MTK {
  font-size: var(--font-size-base);
  line-height: var(--line-height-300);
  letter-spacing: 0.2px;
}
.Link_sm__1ZPt_ {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-200);
  letter-spacing: 0.2px;
}
.Link_disabled__uQhZk {
  cursor: not-allowed;
  pointer-events: none;
}
.Link_disabled__uQhZk,
.Link_disabled__uQhZk:hover {
  color: var(--interactive-disabled) !important;
  text-decoration: none !important;
}
.Link_iconWrapper__bJp48 {
  justify-content: center;
  flex-shrink: 0;
}
.Link_iconWrapper__bJp48,
.Link_textWrapper__MlJfk {
  display: inline-flex;
  align-items: center;
}
.Link_hasIcon__rvPB5 {
  gap: var(--space-2);
}
.Link_link__rOrL2[aria-disabled="true"] {
  cursor: not-allowed;
}
.Link_link__rOrL2[aria-disabled="true"],
.Link_link__rOrL2[aria-disabled="true"]:active,
.Link_link__rOrL2[aria-disabled="true"]:focus,
.Link_link__rOrL2[aria-disabled="true"]:hover {
  color: var(--interactive-disabled);
  text-decoration: none;
}
.ListingCard_card__eS6gY {
  display: flex;
  flex-direction: column;
  background-color: var(--surface-primary, #fff);
  width: 100%;
  transition: background-color 0.2s ease;
  position: relative;
}
.ListingCard_clickable__z7tvY {
  cursor: pointer;
}
.ListingCard_clickable__z7tvY:hover {
  background-color: var(--surface-accent, #fbfbfa);
}
.ListingCard_clickable__z7tvY .ListingCard_titleLink__zcanp:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.ListingCard_body__OU0JI {
  display: flex;
  align-items: center;
  gap: var(--space-2, 8px);
  padding: var(--space-6, 24px);
  width: 100%;
}
.ListingCard_content__zMGaT {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  flex: 1;
  min-width: 0;
}
.ListingCard_badge__eWfDq {
  display: inline;
}
.ListingCard_titleSection___j2Ee {
  margin-bottom: var(--space-2);
}
.ListingCard_titleLink__zcanp,
.ListingCard_title__aTW_T {
  font-family: var(--font-family-primary, "Gene Sans", sans-serif);
  font-size: var(--font-size-lg, 1.125rem);
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0;
  color: var(--text-primary, #21201f);
  margin: 0;
  flex: 1;
}
.ListingCard_titleLink__zcanp {
  display: inline-block;
  text-decoration: none;
}
.ListingCard_titleLink__zcanp:hover {
  text-decoration: none;
}
.ListingCard_titleLink__zcanp:focus-visible {
  outline: 0.125rem solid var(--interactive-primary);
  outline-offset: 0.125rem;
  border-radius: var(--radius-sm, 0.25rem);
  position: relative;
  z-index: 2;
}
.ListingCard_titleSection___j2Ee > .badge {
  position: relative;
  z-index: 2;
}
.ListingCard_description__yD_Qq {
  font-family: var(--font-family-primary, "Gene Sans", sans-serif);
  font-size: var(--font-size-base, 1rem);
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: var(--text-primary, #21201f);
  margin: 0;
  width: 100%;
}
.ListingCard_cardFooter__GUbaM {
  display: flex;
  align-items: center;
  gap: var(--space-2, 8px);
}
.ListingCard_dateSection__LeZ0J {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2, 8px);
  flex-shrink: 0;
}
.ListingCard_date__2_6bV,
.ListingCard_subDescription__4Z3Bn {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-normal);
}
.ListingCard_date__2_6bV,
.ListingCard_requesterName__3Z4MB,
.ListingCard_subDescription__4Z3Bn {
  font-family: var(--font-family-primary, "Gene Sans", sans-serif);
  line-height: 20px;
  letter-spacing: 0.2px;
  color: var(--text-secondary, #545859);
  margin: 0;
  flex-shrink: 0;
}
.ListingCard_requesterName__3Z4MB {
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: 300;
}
.ListingCard_subDescription__4Z3Bn {
  flex-shrink: 0;
}
.ListingCard_arrow__M3VaZ {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-2, 8px);
  flex-shrink: 0;
  color: var(--text-secondary, #545859);
}
.ListingCard_divider__TtW5V {
  height: 1px;
  width: 100%;
  background-color: var(--border-secondary, #9ea2a2);
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .ListingCard_cardFooter__GUbaM {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-1, 4px);
  }
  .ListingCard_titleSection___j2Ee {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-2, 8px);
  }
  .ListingCard_dateSection__LeZ0J {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-1, 4px);
  }
  .ListingCard_body__OU0JI {
    padding: var(--space-4, 16px);
  }
}
@media (prefers-contrast: high) {
  .ListingCard_card__eS6gY {
    border: 1px solid var(--border-primary, #545859);
  }
  .ListingCard_titleLink__zcanp,
  .ListingCard_title__aTW_T {
    font-weight: 600;
  }
  .ListingCard_divider__TtW5V {
    background-color: var(--border-primary, #545859);
    height: 2px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ListingCard_card__eS6gY,
  .ListingCard_titleLink__zcanp {
    transition: none;
  }
}
.Divider_divider__IzsKD {
  width: 100%;
  height: var(--border-1);
  margin: 0;
  border: none;
  background-color: var(--border-secondary);
}
.EmptyState_emptyState__IApVl {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-6, 24px);
  padding: var(--space-6, 24px);
  background-color: var(--surface-primary, #fff);
  width: 100%;
}
.EmptyState_bgNone__1uDqU {
  background-color: transparent;
  box-shadow: none;
}
.EmptyState_illustration__ElHVg {
  position: relative;
  width: 120px;
  height: 120px;
  flex-shrink: 0;
}
.EmptyState_illustrationImage__Q0JxH {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.EmptyState_content__XBKwS {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2, 8px);
  width: 100%;
}
.EmptyState_title__pV_04 {
  font-size: var(--font-size-base, 1rem);
  font-weight: 400;
  line-height: 24px;
  color: var(--text-primary, #25282a);
}
.EmptyState_description___yFyF,
.EmptyState_title__pV_04 {
  font-family: var(--font-family-primary, "Gene Sans", sans-serif);
  letter-spacing: 0.2px;
  text-align: center;
  margin: 0;
}
.EmptyState_description___yFyF {
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: 300;
  line-height: 20px;
  color: var(--text-secondary, #545859);
}
@media (max-width: 1024px) {
  .EmptyState_illustration__ElHVg {
    width: 120px;
    height: 120px;
  }
}
.EmptyState_action__0TMhR {
  margin-top: var(--space-4, 16px);
}
@media (prefers-contrast: high) {
  .EmptyState_emptyState__IApVl {
    border: 2px solid var(--border-primary, #545859);
  }
  .EmptyState_title__pV_04 {
    font-weight: 600;
  }
}
.Button_button__kNsoF {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-1);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-base);
  font-weight: var(--button-font-weight);
  line-height: var(--line-height-normal);
  letter-spacing: 0.2px;
  cursor: pointer;
  padding: var(--space-3) var(--space-6);
  border-radius: var(--radius-sm);
  border: none;
  transition: var(--button-transition);
  text-decoration: none;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  min-width: 100px;
  text-align: center;
}
.Button_button__kNsoF:focus-visible {
  outline: var(--border-2) solid var(--focus-ring);
  outline-offset: var(--space-1);
}
.Button_button__kNsoF:hover:not(.Button_link__2tBzl) {
  text-decoration: none !important;
}
.Button_primary___TRBL {
  background: var(--interactive-primary);
  border: var(--border-1) solid var(--interactive-primary);
  color: var(--text-inverse);
  box-shadow:
    0 0 1px 0 rgba(0, 0, 0, 0.32),
    0 2px 4px 0 rgba(0, 0, 0, 0.11);
}
.Button_primary___TRBL:hover:not(.Button_disabled__crLpj) {
  background: var(--interactive-primary-hover);
  border-color: var(--interactive-primary-hover);
  color: var(--text-inverse) !important;
}
.Button_primary___TRBL:active:not(.Button_disabled__crLpj) {
  background: var(--interactive-primary);
  border-color: var(--interactive-primary);
}
.Button_primary___TRBL:focus-visible {
  outline: var(--border-2) solid var(--focus-ring);
  outline-offset: var(--space-1);
}
.Button_secondary__uqblI {
  background: transparent;
  border: var(--border-1) solid var(--interactive-primary);
  color: var(--interactive-primary);
}
.Button_secondary__uqblI:hover:not(.Button_disabled__crLpj) {
  border-color: var(--interactive-primary-hover);
  color: var(--interactive-primary-hover) !important;
}
.Button_secondary__uqblI:active:not(.Button_disabled__crLpj) {
  border-color: var(--interactive-primary);
  color: var(--interactive-primary);
}
.Button_secondary__uqblI:focus-visible {
  outline: var(--border-2) solid var(--focus-ring);
  outline-offset: var(--space-1);
}
.Button_primary___TRBL.Button_disabled__crLpj,
.Button_secondary__uqblI.Button_disabled__crLpj,
.Button_warning__EMk6R.Button_disabled__crLpj {
  background: var(--surface-disabled);
  border-color: var(--border-tertiary);
  color: var(--text-disabled);
  opacity: 1;
}
.Button_warning__EMk6R {
  background: var(--state-error);
  border: var(--border-1) solid var(--state-error);
  color: var(--text-inverse);
  box-shadow:
    0 0 1px 0 rgba(0, 0, 0, 0.32),
    0 2px 4px 0 rgba(0, 0, 0, 0.11);
}
.Button_warning__EMk6R:hover:not(.Button_disabled__crLpj) {
  background: var(--error-600);
  border-color: var(--error-600);
  color: var(--text-inverse) !important;
}
.Button_warning__EMk6R:active:not(.Button_disabled__crLpj) {
  background: var(--state-error);
  border-color: var(--state-error);
}
.Button_warning__EMk6R:focus-visible {
  outline: var(--border-2) solid var(--focus-ring);
  outline-offset: var(--space-1);
}
.Button_link__2tBzl {
  background: transparent;
  border: none;
  color: var(--interactive-primary);
  font-size: var(--font-size-base);
  text-decoration: none;
  min-width: auto;
}
.Button_button__kNsoF.Button_link__2tBzl {
  padding: var(--space-2) 0;
}
.Button_link__2tBzl:hover:not(.Button_disabled__crLpj) {
  color: var(--interactive-primary-hover) !important;
  text-decoration: underline;
  background: transparent;
}
.Button_link__2tBzl:active:not(.Button_disabled__crLpj) {
  color: var(--interactive-primary);
  background: transparent;
}
.Button_link__2tBzl:focus-visible {
  outline: var(--border-2) solid var(--focus-ring);
  outline-offset: var(--space-1);
}
.Button_link__2tBzl.Button_disabled__crLpj {
  color: var(--interactive-disabled);
  opacity: 1;
}
.Button_warning-secondary__QT3jt {
  background: transparent;
  border: var(--border-1) solid var(--state-error);
  color: var(--state-error);
}
.Button_warning-secondary__QT3jt:hover:not(.Button_disabled__crLpj) {
  background: var(--error-100);
  border-color: var(--error-600);
  color: var(--error-600) !important;
}
.Button_warning-secondary__QT3jt:active:not(.Button_disabled__crLpj) {
  background: var(--error-50);
  border-color: var(--state-error);
  color: var(--state-error);
}
.Button_warning-secondary__QT3jt:focus-visible {
  outline: var(--border-2) solid var(--focus-ring);
  outline-offset: var(--space-1);
}
.Button_warning-text__suAK_ {
  background: transparent;
  border: none;
  color: var(--state-error);
  padding: var(--space-2);
  min-width: auto;
}
.Button_warning-text__suAK_:hover:not(.Button_disabled__crLpj) {
  color: var(--error-600) !important;
  background: transparent;
}
.Button_warning-text__suAK_:active:not(.Button_disabled__crLpj) {
  color: var(--state-error);
  background: transparent;
}
.Button_warning-text__suAK_:focus-visible {
  outline: var(--border-2) solid var(--focus-ring);
  outline-offset: var(--space-1);
}
.Button_sm__zl8Hn {
  padding: 4px 12px;
  font-size: 14px;
  line-height: 20px;
  min-width: 80px;
  border-radius: 2px;
}
.Button_md__X7n33 {
  padding: 6px 16px;
}
.Button_lg__LixsJ,
.Button_md__X7n33 {
  font-size: 16px;
  line-height: 24px;
  min-width: 100px;
  border-radius: 2px;
}
.Button_lg__LixsJ {
  padding: 12px 24px;
}
.Button_disabled__crLpj {
  cursor: not-allowed;
  pointer-events: none;
}
.Button_iconWrapper__9Ezil {
  justify-content: center;
  flex-shrink: 0;
}
.Button_iconWrapper__9Ezil,
.Button_textWrapper__MtC1C {
  display: inline-flex;
  align-items: center;
}
.Button_iconOnly__Ubcyq {
  min-width: auto;
  padding: 12px;
}
.Button_iconOnly__Ubcyq.Button_sm__zl8Hn {
  padding: 8px;
}
.Button_iconOnly__Ubcyq.Button_lg__LixsJ {
  padding: 16px;
}
.Button_link__2tBzl.Button_iconOnly__Ubcyq {
  padding: var(--space-2, 0.5rem);
}
.Button_icon__PqZKa {
  background: transparent;
  border: none;
  color: var(--text-secondary);
  min-width: auto;
  padding: 0;
  border-radius: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.Button_icon__PqZKa:hover:not(.Button_disabled__crLpj) {
  background: var(--surface-secondary);
  color: var(--text-primary) !important;
}
.Button_icon__PqZKa:active:not(.Button_disabled__crLpj) {
  background: var(--surface-tertiary);
  color: var(--text-primary);
}
.Button_icon__PqZKa:focus-visible {
  outline: var(--border-2) solid var(--focus-ring);
  outline-offset: 0;
  border: var(--border-2) solid var(--focus-ring);
}
.Button_icon__PqZKa.Button_disabled__crLpj {
  color: var(--text-disabled);
  background: transparent;
  opacity: 1;
}
.Button_icon__PqZKa.Button_sm__zl8Hn {
  padding: 0;
  width: 18px;
  height: 18px;
}
.Button_icon__PqZKa.Button_md__X7n33 {
  padding: 6px;
  width: 36px;
  height: 36px;
}
.Button_icon__PqZKa.Button_lg__LixsJ {
  padding: 0;
  width: 44px;
  height: 44px;
}
.Button_srOnly__MaeWc {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.NotificationItem_notificationItem__2wbWt {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 434px;
  position: relative;
  transition: background-color 0.2s ease;
}
.NotificationItem_notificationItem__2wbWt.NotificationItem_read__Tf5cE {
  background-color: transparent;
}
.NotificationItem_notificationItem__2wbWt.NotificationItem_read__Tf5cE
  .NotificationItem_description__BH99H,
.NotificationItem_notificationItem__2wbWt.NotificationItem_read__Tf5cE
  .NotificationItem_title__x0AMp {
  color: var(--text-secondary, #545859);
}
.NotificationItem_notificationItem__2wbWt.NotificationItem_unread__1vjZO {
  background-color: var(--color-info-100, #e1e7f7);
}
.NotificationItem_notificationItem__2wbWt.NotificationItem_unread__1vjZO
  .NotificationItem_title__x0AMp {
  color: var(--text-primary, #25282a);
}
.NotificationItem_notificationItem__2wbWt.NotificationItem_unread__1vjZO
  .NotificationItem_description__BH99H {
  color: var(--text-secondary, #545859);
}
.NotificationItem_notificationItem__2wbWt.NotificationItem_hover__HGikr {
  background-color: var(--surface-secondary, #eff0f0);
}
.NotificationItem_notificationItem__2wbWt.NotificationItem_hover__HGikr.NotificationItem_read__Tf5cE
  .NotificationItem_title__x0AMp {
  color: var(--text-secondary, #545859);
}
.NotificationItem_notificationItem__2wbWt.NotificationItem_hover__HGikr.NotificationItem_unread__1vjZO
  .NotificationItem_title__x0AMp {
  color: var(--text-primary, #25282a);
}
.NotificationItem_notificationItem__2wbWt.NotificationItem_clickable__eDtAg {
  cursor: pointer;
}
.NotificationItem_notificationItem__2wbWt.NotificationItem_clickable__eDtAg:hover {
  background-color: var(--surface-secondary, #eff0f0);
}
.NotificationItem_body__AaVms {
  display: flex;
  flex-direction: column;
  gap: var(--space-2, 8px);
  padding: var(--space-2, 8px);
  width: 100%;
}
.NotificationItem_contentSection__OkXGO {
  display: flex;
  gap: var(--space-4, 16px);
  align-items: flex-start;
  width: 100%;
}
.NotificationItem_mainContent__iSpzZ {
  display: flex;
  gap: var(--space-2, 8px);
  align-items: flex-start;
  flex: 1;
  min-width: 0;
}
.NotificationItem_metaContent__NFsgY {
  gap: var(--space-2, 8px);
}
.NotificationItem_avatarSection__Shnmy,
.NotificationItem_metaContent__NFsgY {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.NotificationItem_notificationAvatar__3uen1 {
  border: 2px solid var(--genentech-white);
  box-sizing: content-box;
}
.NotificationItem_textContent__i34py {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.NotificationItem_title__x0AMp {
  font-size: var(--font-size-base, 16px);
  line-height: var(--line-height-300, 24px);
}
.NotificationItem_description__BH99H,
.NotificationItem_title__x0AMp {
  font-family: var(--font-family-primary, "Gene_Sans:Regular", sans-serif);
  font-weight: var(--font-weight-normal, normal);
  letter-spacing: var(--letter-spacing-100, 0.2px);
  margin: 0;
  width: 100%;
}
.NotificationItem_description__BH99H {
  font-size: var(--font-size-sm, 14px);
  line-height: var(--line-height-200, 20px);
}
.NotificationItem_unreadIndicator__82gBo {
  display: flex;
  align-items: center;
  height: 24px;
}
.NotificationItem_actionsSection___LyAJ {
  display: flex;
  align-items: center;
  gap: var(--space-1, 4px);
  flex-shrink: 0;
}
.NotificationItem_numberBadge__r1a_O {
  background-color: var(--state-info, #003087) !important;
  color: var(--text-inverse, #fff) !important;
}
.NotificationItem_additionalInfo__PvZjB {
  display: flex;
  align-items: center;
  gap: var(--space-4, 16px);
  width: 100%;
}
.NotificationItem_timestamp__oxn8i {
  font-family: var(--font-family-primary, "Gene_Sans:Regular", sans-serif);
  font-weight: var(--font-weight-normal, normal);
  font-size: var(--font-size-xs, 12px);
  line-height: var(--line-height-100, 16px);
  letter-spacing: var(--letter-spacing-300, 0.5px);
  color: var(--text-secondary, #545859);
  margin: 0;
  flex: 1;
}
.NotificationItem_additionalBadge__ogMiM {
  background-color: var(--genentech-e-4, #ecc7cd);
  color: var(--text-primary, #25282a);
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .NotificationItem_notificationItem__2wbWt {
    max-width: 100%;
  }
  .NotificationItem_additionalInfo__PvZjB,
  .NotificationItem_contentSection__OkXGO {
    gap: var(--space-2, 8px);
  }
  .NotificationItem_actionsSection___LyAJ {
    gap: 2px;
  }
}
@media (prefers-contrast: high) {
  .NotificationItem_notificationItem__2wbWt.NotificationItem_unread__1vjZO {
    background-color: var(--color-info-200, #c5d3f0);
    border: 1px solid var(--border-primary, #25282a);
  }
}
@media (prefers-reduced-motion: reduce) {
  .NotificationItem_notificationItem__2wbWt {
    transition: none;
  }
}
.NotificationItem_notificationItem__2wbWt:focus-within {
  outline: 1px solid var(--interactive-primary, #003087);
  outline-offset: 1px;
}
.NotificationItem_notificationItem__2wbWt[aria-busy="true"] {
  opacity: 0.7;
  pointer-events: none;
}
.NotificationItem_srOnly__8bCj7 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.NotificationPanel_notificationPanel__cNZIG {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 280px;
  max-width: 434px;
  background-color: var(--surface-primary, #fff);
}
.NotificationPanel_panelContainer__ir9Ky {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.NotificationPanel_header__tAwc6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4, 16px);
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--border-secondary, #9ea2a2);
  background-color: var(--surface-primary, #fff);
  flex-shrink: 0;
}
.NotificationPanel_title__6StE6 {
  font-family: var(--font-family-primary, "Gene_Sans:Regular", sans-serif);
  font-weight: var(--font-weight-light, 300);
  font-size: var(--font-size-xl, 20px);
  line-height: var(--line-height-400, 28px);
  letter-spacing: var(--letter-spacing-0, 0);
  color: var(--text-primary, #25282a);
  margin: 0;
  flex: 1;
}
.NotificationPanel_headerLinkButton__bdAh1 {
  display: flex !important;
  align-items: center !important;
  gap: var(--space-2, 8px) !important;
}
.NotificationPanel_content__qvh6S {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 0;
}
.NotificationPanel_content__qvh6S::-webkit-scrollbar {
  width: 6px;
}
.NotificationPanel_content__qvh6S::-webkit-scrollbar-track {
  background: var(--surface-secondary, #eff0f0);
}
.NotificationPanel_content__qvh6S::-webkit-scrollbar-thumb {
  background-color: var(--border-primary, #25282a);
  border-radius: 3px;
}
.NotificationPanel_content__qvh6S::-webkit-scrollbar-thumb:hover {
  background-color: var(--text-secondary, #545859);
}
.NotificationPanel_notificationsList__O_wDt {
  display: flex;
  flex-direction: column;
}
.NotificationPanel_loadingContainer__TwIOm {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.NotificationPanel_skeletonItem__JT4Vp {
  display: flex;
  align-items: flex-start;
  gap: var(--space-4, 16px);
  padding: var(--space-2, 8px);
  border-bottom: 1px solid var(--border-secondary, #9ea2a2);
  animation: NotificationPanel_pulse__FIWJc 1.5s ease-in-out infinite;
}
.NotificationPanel_skeletonContent__zPFLQ {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-1, 4px);
}
.NotificationPanel_skeletonTitle__Z092Q {
  height: 16px;
  background-color: var(--surface-secondary, #eff0f0);
  border-radius: var(--radius-sm, 4px);
  width: 70%;
}
.NotificationPanel_skeletonDescription__YU8c9 {
  height: 14px;
  background-color: var(--surface-secondary, #eff0f0);
  border-radius: var(--radius-sm, 4px);
  width: 90%;
}
.NotificationPanel_skeletonMeta__YosJk {
  display: flex;
  align-items: center;
  gap: var(--space-2, 8px);
}
.NotificationPanel_skeletonTimestamp__u5VCm {
  height: 12px;
  background-color: var(--surface-secondary, #eff0f0);
  border-radius: var(--radius-sm, 4px);
  width: 60px;
}
.NotificationPanel_skeletonDot__yE1b3 {
  width: 8px;
  height: 8px;
  background-color: var(--surface-secondary, #eff0f0);
  border-radius: 50%;
}
@keyframes NotificationPanel_pulse__FIWJc {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.NotificationPanel_footer__Agos_ {
  display: flex;
  align-items: center;
  gap: var(--space-4, 16px);
  padding-top: var(--space-4, 16px);
  border-top: 1px solid var(--border-secondary, #9ea2a2);
  background-color: var(--surface-primary, #fff);
  flex-shrink: 0;
}
.NotificationPanel_footerLinkButton__Hu9Zh {
  display: flex !important;
  align-items: center !important;
  gap: var(--space-2, 8px) !important;
}
@media (max-width: 768px) {
  .NotificationPanel_notificationPanel__cNZIG {
    min-width: 250px;
    max-width: 100vw;
  }
  .NotificationPanel_header__tAwc6 {
    padding-bottom: var(--space-4, 16px);
    gap: var(--space-2, 8px);
  }
  .NotificationPanel_title__6StE6 {
    font-size: var(--font-size-lg, 18px);
  }
  .NotificationPanel_headerLinkButton__bdAh1 {
    padding: var(--space-1, 4px) var(--space-2, 8px) !important;
    font-size: var(--font-size-xs, 12px) !important;
  }
  .NotificationPanel_footer__Agos_ {
    padding-top: var(--space-3, 12px);
    gap: var(--space-2, 8px);
    flex-direction: column;
  }
  .NotificationPanel_footerLinkButton__Hu9Zh {
    width: 100% !important;
    justify-content: center !important;
    padding: var(--space-2, 8px) var(--space-3, 12px) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .NotificationPanel_footerLinkButton__Hu9Zh,
  .NotificationPanel_headerLinkButton__bdAh1 {
    transition: none !important;
  }
  .NotificationPanel_skeletonItem__JT4Vp {
    animation: none;
  }
}
.NotificationPanel_notificationPanel__cNZIG[aria-busy="true"] {
  opacity: 0.8;
}
.NotificationPanel_srOnly__Iwi65 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.NotificationPanel_notificationsList__O_wDt .notificationItem,
.NotificationPanel_notificationsList__O_wDt .notificationItem:last-child {
  border-bottom: none;
}
.Popover_popover__dfd5l {
  min-width: 280px;
  max-width: 380px;
  width: 380px;
  z-index: var(--z-index-popover);
  box-shadow:
    0 0 2px 0 rgba(0, 0, 0, 0.16),
    0 12px 40px 0 rgba(0, 0, 0, 0.17);
  opacity: 0;
  transform: scale(0.95);
  transition:
    opacity var(--duration-normal) var(--easing-ease-out),
    transform var(--duration-normal) var(--easing-ease-out);
}
.Popover_closeButton__xnDMG {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}
.Popover_popover__dfd5l[data-variant] {
  opacity: 1;
  transform: scale(1);
}
.Popover_body__pWQ_V {
  background-color: var(--surface-primary);
  border-radius: var(--radius-sm);
  padding: var(--space-6);
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  overflow: hidden;
}
.Popover_content__X7A4Q {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  color: var(--text-primary);
}
.Popover_content__X7A4Q h1,
.Popover_content__X7A4Q h2,
.Popover_content__X7A4Q h3,
.Popover_content__X7A4Q h4,
.Popover_content__X7A4Q h5,
.Popover_content__X7A4Q h6 {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-xl);
  line-height: var(--line-height-relaxed);
  color: var(--text-primary);
  margin: 0;
}
.Popover_content__X7A4Q p {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-light);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  letter-spacing: 0.2px;
  color: var(--text-primary);
  margin: 0;
}
@media (max-width: 480px) {
  .Popover_popover__dfd5l {
    min-width: calc(100vw - 32px);
    max-width: calc(100vw - 32px);
    width: calc(100vw - 32px);
  }
  .Popover_body__pWQ_V {
    padding: var(--space-4);
  }
}
.Popover_popover__dfd5l:focus {
  outline: none;
}
.Popover_content__X7A4Q > * {
  color: inherit;
}
.Popover_content__X7A4Q > :first-child {
  margin-top: 0;
}
.Popover_content__X7A4Q > :last-child {
  margin-bottom: 0;
}
.Popover_content__X7A4Q form {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.Popover_content__X7A4Q ol,
.Popover_content__X7A4Q ul {
  margin: 0;
  padding-left: var(--space-4);
}
.Popover_content__X7A4Q li {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-light);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  color: var(--text-primary);
}
.Popover_content__X7A4Q button {
  align-self: flex-start;
}
.Popover_content__X7A4Q .Popover_custom-content__K7Btp {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.Popover_scrollableContent__lFZ_F {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  color: var(--text-primary);
  position: relative;
  scrollbar-width: thin;
  scrollbar-color: var(--border-primary) var(--surface-secondary);
}
.Popover_scrollableContent__lFZ_F::-webkit-scrollbar {
  width: 8px;
}
.Popover_scrollableContent__lFZ_F::-webkit-scrollbar-track {
  background: var(--surface-secondary);
  border-radius: 4px;
}
.Popover_scrollableContent__lFZ_F::-webkit-scrollbar-thumb {
  background-color: var(--border-primary);
  border-radius: 4px;
  -webkit-transition: background-color var(--duration-fast) var(--easing-ease);
  transition: background-color var(--duration-fast) var(--easing-ease);
}
.Popover_scrollableContent__lFZ_F::-webkit-scrollbar-thumb:hover {
  background-color: var(--text-secondary);
}
.Popover_scrollIndicatorBottom__rY715,
.Popover_scrollIndicatorTop__C5FYL {
  position: absolute;
  left: 0;
  right: 0;
  height: 40px;
  pointer-events: none;
  z-index: 10;
  transition: opacity var(--duration-fast) var(--easing-ease);
}
.Popover_scrollIndicatorTop__C5FYL {
  top: 0;
  background: linear-gradient(
    to bottom,
    var(--surface-primary) 0,
    var(--surface-primary) 20%,
    hsla(0, 0%, 100%, 0.8) 40%,
    hsla(0, 0%, 100%, 0) 100%
  );
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
}
.Popover_scrollIndicatorBottom__rY715 {
  bottom: 0;
  background: linear-gradient(
    to top,
    var(--surface-primary) 0,
    var(--surface-primary) 20%,
    hsla(0, 0%, 100%, 0.8) 40%,
    hsla(0, 0%, 100%, 0) 100%
  );
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
}
.Popover_scrollableContent__lFZ_F > * {
  color: inherit;
}
.Popover_scrollableContent__lFZ_F > :first-child {
  margin-top: 0;
}
.Popover_scrollableContent__lFZ_F > :last-child {
  margin-bottom: 0;
}
.Popover_scrollableContent__lFZ_F form {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.Popover_scrollableContent__lFZ_F ol,
.Popover_scrollableContent__lFZ_F ul {
  margin: 0;
  padding-left: var(--space-4);
}
.Popover_scrollableContent__lFZ_F li {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-light);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  color: var(--text-primary);
}
.Popover_scrollableContent__lFZ_F h1,
.Popover_scrollableContent__lFZ_F h2,
.Popover_scrollableContent__lFZ_F h3,
.Popover_scrollableContent__lFZ_F h4,
.Popover_scrollableContent__lFZ_F h5,
.Popover_scrollableContent__lFZ_F h6 {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-xl);
  line-height: var(--line-height-relaxed);
  color: var(--text-primary);
  margin: 0;
}
.Popover_scrollableContent__lFZ_F p {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-light);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  letter-spacing: 0.2px;
  color: var(--text-primary);
  margin: 0;
}
.ConfirmationModal_backdrop__gBVIc {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-4, 1rem);
}
.ConfirmationModal_modal__YUZ1_ {
  background: var(--bg-base-1, #fff);
  border-radius: var(--radius-md, 6px);
  box-shadow:
    0 0 1px 0 rgba(0, 0, 0, 0.32),
    0 2px 4px 0 rgba(0, 0, 0, 0.11),
    0 8px 24px 0 rgba(0, 0, 0, 0.15);
  max-width: 400px;
  width: 100%;
  position: relative;
  animation: ConfirmationModal_modalEnter___Mm2C 0.2s ease-out;
}
@keyframes ConfirmationModal_modalEnter___Mm2C {
  0% {
    opacity: 0;
    transform: scale(0.95) translateY(-10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
.ConfirmationModal_closeButton__TISWi {
  position: absolute;
  right: var(--space-1);
  top: var(--space-1);
}
.ConfirmationModal_content__HX1MW {
  padding: var(--space-6, 1.5rem);
  padding-top: var(--space-8, 2rem);
}
.ConfirmationModal_title__Hjk8T {
  font-family: var(--font-family-primary, "Gene Sans", sans-serif);
  font-size: var(--font-size-lg, 1.125rem);
  font-weight: var(--font-weight-medium, 500);
  line-height: 1.4;
  color: var(--text-primary, #25282a);
  margin: 0 0 var(--space-4, 1rem) 0;
}
.ConfirmationModal_message__w90Hi {
  font-family: var(--font-family-primary, "Gene Sans", sans-serif);
  font-size: var(--font-size-base, 1rem);
  font-weight: var(--font-weight-normal, 400);
  line-height: 1.5;
  color: var(--text-secondary, #545859);
  margin: 0 0 var(--space-6, 1.5rem) 0;
}
.ConfirmationModal_actions__gNunQ {
  display: flex;
  gap: var(--space-3, 0.75rem);
  justify-content: flex-end;
}
@media (max-width: 480px) {
  .ConfirmationModal_backdrop__gBVIc {
    padding: var(--space-3, 0.75rem);
  }
  .ConfirmationModal_content__HX1MW {
    padding: var(--space-5, 1.25rem);
    padding-top: var(--space-7, 1.75rem);
  }
  .ConfirmationModal_actions__gNunQ {
    flex-direction: column-reverse;
    gap: var(--space-2, 0.5rem);
  }
  .ConfirmationModal_actions__gNunQ button {
    width: 100%;
    justify-content: center;
  }
}
@media (prefers-contrast: high) {
  .ConfirmationModal_modal__YUZ1_ {
    border: 2px solid var(--border-primary, #545859);
  }
  .ConfirmationModal_title__Hjk8T {
    font-weight: var(--font-weight-semibold, 600);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ConfirmationModal_modal__YUZ1_ {
    animation: none;
  }
}
.ConfirmationModal_modal__YUZ1_:focus {
  outline: none;
}
.ConfirmationModal_backdrop__gBVIc {
  z-index: 9999;
}
.ActionBar_container__xKnp_ {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--bg-base-1, #fff);
  border-top: 1px solid var(--fg-grey-2, #9ea2a2);
  padding: var(--space-4, 1rem);
  z-index: 1000;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
}
.ActionBar_container__xKnp_.ActionBar_static__ov6Y4 {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: 1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin: 0;
  width: 100%;
}
.ActionBar_content__qUhpK {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ActionBar_leftSection__yk70i,
.ActionBar_rightSection__VQUw_ {
  display: flex;
  align-items: center;
  gap: var(--space-3, 0.75rem);
}
.ActionBar_leftSection__yk70i,
.ActionBar_rightSection__VQUw_ {
  flex: 0 0 auto;
}
.ActionBar_discardButton__82Dwp {
  background: none;
  border: 1px solid transparent;
  color: #dc3545;
  font-family: var(--font-family-primary);
  font-size: 0.875rem;
  font-weight: var(--font-weight-normal, 400);
  cursor: pointer;
  padding: var(--space-2, 0.5rem) var(--space-3, 0.75rem);
  border-radius: var(--radius-sm, 0.25rem);
  transition: background-color 0.2s ease;
}
.ActionBar_discardButton__82Dwp:hover:not(:disabled) {
  background-color: #fee;
  border-color: #fcc;
}
.ActionBar_discardButton__82Dwp:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ActionBar_loading__ZDMK4 {
  position: relative;
  pointer-events: none;
}
.ActionBar_discardButton__82Dwp.ActionBar_loading__ZDMK4 {
  opacity: 0.7;
  background-color: #fee;
  border-color: #fcc;
}
.ActionBar_previousLink__w8bpV {
  background: none;
  border: none;
  color: var(--color-primary, #007bff);
  font-family: var(--font-family-primary);
  font-size: 0.875rem;
  font-weight: var(--font-weight-normal, 400);
  text-decoration: none;
  cursor: pointer;
  padding: var(--space-2, 0.5rem) var(--space-3, 0.75rem);
  border-radius: var(--radius-sm, 0.25rem);
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ActionBar_previousLink__w8bpV:hover {
  background-color: var(--color-primary-light, #e6f3ff);
  text-decoration: none;
}
.ActionBar_previousLink__w8bpV:focus {
  outline: 2px solid var(--color-primary, #007bff);
  outline-offset: 2px;
}
.ActionBar_nextLinkButton__exR_2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-primary-500);
  border: 1px solid var(--color-primary-500);
  color: #fff;
  font-family: var(--font-family-primary);
  font-size: 16px;
  font-weight: var(--font-weight-normal, 400);
  line-height: 24px;
  letter-spacing: 0.2px;
  cursor: pointer;
  padding: 12px 24px;
  border-radius: 2px;
  transition: all 0.2s ease;
  text-decoration: none;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  min-width: 100px;
  text-align: center;
}
.ActionBar_nextLinkButton__exR_2:hover:not(.ActionBar_disabled__fV6_H) {
  background: #002070;
  border-color: #002070;
}
.ActionBar_nextLinkButton__exR_2:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}
.ActionBar_nextLinkButton__exR_2.ActionBar_disabled__fV6_H {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
@media (max-width: 768px) {
  .ActionBar_container__xKnp_ {
    padding: var(--space-3, 0.75rem) var(--space-4, 1rem);
  }
  .ActionBar_content__qUhpK {
    flex-direction: column;
    gap: var(--space-3, 0.75rem);
    align-items: stretch;
  }
  .ActionBar_leftSection__yk70i,
  .ActionBar_rightSection__VQUw_ {
    justify-content: center;
  }
  .ActionBar_leftSection__yk70i {
    order: 3;
  }
  .ActionBar_rightSection__VQUw_ {
    order: 2;
  }
  .ActionBar_nextLinkButton__exR_2,
  .ActionBar_previousLink__w8bpV {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .ActionBar_container__xKnp_ {
    padding: var(--space-3, 0.75rem);
  }
}
.Alert_alert__zat3z {
  display: flex;
  align-items: flex-start;
  padding: var(--space-4);
  border-radius: var(--radius-md);
  border: var(--border-1) solid;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
}
.Alert_content__WAZyE {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  width: 100%;
}
.Alert_icon__DcPrM {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.Alert_message__JFWJe {
  flex: 1;
  color: var(--text-primary);
  font-weight: var(--font-weight-normal);
}
.Alert_success__RVc30 {
  background-color: var(--state-success-bg);
  border-color: var(--state-success);
}
.Alert_success__RVc30 .Alert_icon__DcPrM {
  color: var(--state-success);
}
.Alert_error__94y0O {
  background-color: var(--state-error-bg);
  border-color: var(--state-error);
}
.Alert_error__94y0O .Alert_icon__DcPrM {
  color: var(--state-error);
}
.Alert_warning__h2t5H {
  background-color: var(--state-warning-bg);
  border-color: var(--state-warning);
}
.Alert_warning__h2t5H .Alert_icon__DcPrM {
  color: var(--state-warning);
}
.Alert_info__7qqW8 {
  background-color: var(--state-info-bg);
  border-color: var(--state-info);
}
.Alert_info__7qqW8 .Alert_icon__DcPrM {
  color: var(--state-info);
}
@media (max-width: 768px) {
  .Alert_alert__zat3z {
    padding: var(--space-3);
  }
  .Alert_content__WAZyE {
    gap: var(--space-2);
  }
  .Alert_message__JFWJe {
    font-size: var(--font-size-sm);
  }
}
@media (prefers-contrast: high) {
  .Alert_alert__zat3z {
    border-width: var(--border-2);
  }
}
.Card_card__B8WO6 {
  background-color: var(--card-background-color);
  border: var(--border-1) solid var(--card-border-color);
  border-radius: var(--card-border-radius);
  transition: all var(--duration-normal) var(--easing-ease-in-out);
}
.Card_shadow__AV9GD {
  box-shadow: var(--card-shadow);
}
.Card_card__B8WO6:hover {
  border-color: var(--border-primary);
  box-shadow: var(--card-shadow-hover);
}
.Card_padding-md__aWBMd,
.Card_padding-sm__fdxLQ {
  padding: var(--space-4);
}
.Card_padding-lg__BRR7w {
  padding: var(--space-6);
}
.Card_header__DbF90 {
  margin-bottom: var(--space-4);
  padding-bottom: var(--space-3);
  border-bottom: var(--border-1) solid var(--border-tertiary);
}
.Card_header__DbF90:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.Card_content__zL3g_ {
  color: var(--text-secondary);
  line-height: var(--line-height-relaxed);
}
.Card_footer__aAMt3 {
  margin-top: var(--space-4);
  padding-top: var(--space-3);
  border-top: var(--border-1) solid var(--border-tertiary);
  display: flex;
  justify-content: flex-end;
  gap: var(--space-2);
}
.Card_footer__aAMt3:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
@media (min-width: 1024px) {
  .Card_padding-md__aWBMd {
    padding: var(--space-6);
  }
  .Card_padding-lg__BRR7w {
    padding: var(--space-8);
  }
}
.Modal_backdrop__FJCuc {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-4);
  z-index: var(--z-index-modal);
  animation: Modal_backdropFadeIn__4mW39 var(--duration-normal)
    var(--easing-ease-out);
}
@keyframes Modal_backdropFadeIn__4mW39 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Modal_modal__OZl1R {
  background-color: var(--surface-primary);
  border-radius: var(--radius-sm);
  box-shadow: var(--elevation-3);
  display: flex;
  flex-direction: column;
  max-width: 600px;
  max-height: 90vh;
  width: 100%;
  position: relative;
  overflow: hidden;
  animation: Modal_modalScaleIn__0vD30 var(--duration-normal)
    var(--easing-ease-out);
}
@keyframes Modal_modalScaleIn__0vD30 {
  0% {
    opacity: 0;
    transform: scale(0.95) translateY(-10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
.Modal_header___eUE5 {
  background-color: var(--surface-primary);
  display: flex;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-6) var(--space-6) var(--space-5) var(--space-6);
  flex-shrink: 0;
  border-bottom: none;
}
.Modal_heading__Tgm04 {
  flex: 1;
  margin: 0;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-relaxed);
  letter-spacing: 0;
  color: var(--text-primary);
  min-height: 0;
  min-width: 0;
}
.Modal_content__gj4ZW {
  background-color: var(--surface-primary);
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  align-items: flex-start;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 var(--space-6) var(--space-6) var(--space-6);
  flex: 1;
  min-height: 0;
}
.Modal_description__h7pAz {
  margin: 0;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-light);
  line-height: var(--line-height-normal);
  letter-spacing: 0.2px;
  color: var(--text-primary);
  width: 100%;
  flex-shrink: 0;
}
.Modal_children__ttNwJ {
  width: 100%;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.Modal_footer__C6lL0 {
  background-color: var(--surface-primary);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}
.Modal_footerDivider__UueaE {
  height: 1px;
  background-color: var(--border-secondary);
  width: 100%;
  flex-shrink: 0;
}
.Modal_footerActions__C7r95 {
  display: flex;
  gap: var(--space-4);
  align-items: center;
  justify-content: flex-end;
  padding: var(--space-6);
  width: 100%;
  flex: 1;
  min-height: 0;
  min-width: 0;
}
@media (max-width: 768px) {
  .Modal_backdrop__FJCuc {
    padding: var(--space-3);
  }
  .Modal_modal__OZl1R {
    max-height: 95vh;
    margin: var(--space-3);
  }
  .Modal_header___eUE5 {
    padding: var(--space-4) var(--space-4) var(--space-3) var(--space-4);
  }
  .Modal_content__gj4ZW {
    padding: 0 var(--space-4) var(--space-4) var(--space-4);
    gap: var(--space-4);
  }
  .Modal_footerActions__C7r95 {
    padding: var(--space-4);
    flex-direction: column;
    gap: var(--space-3);
  }
  .Modal_footerActions__C7r95 button {
    width: 100%;
    min-width: 0;
  }
  .Modal_heading__Tgm04 {
    font-size: var(--font-size-lg);
    line-height: var(--line-height-normal);
  }
}
@media (prefers-reduced-motion: reduce) {
  .Modal_backdrop__FJCuc,
  .Modal_modal__OZl1R {
    animation: none;
  }
}
@media (prefers-contrast: high) {
  .Modal_modal__OZl1R {
    border: 2px solid var(--text-primary);
  }
  .Modal_footerDivider__UueaE {
    background-color: var(--text-primary);
  }
}
.Modal_content__gj4ZW::-webkit-scrollbar {
  width: 8px;
}
.Modal_content__gj4ZW::-webkit-scrollbar-track {
  background: var(--color-gray-100);
  border-radius: var(--radius-base);
}
.Modal_content__gj4ZW::-webkit-scrollbar-thumb {
  background: var(--color-gray-300);
  border-radius: var(--radius-base);
}
.Modal_content__gj4ZW::-webkit-scrollbar-thumb:hover {
  background: var(--color-gray-400);
}
.ProgressBar_container__NZhL7 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ProgressBar_label__2LZD7 {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  margin-bottom: var(--space-2);
  line-height: var(--line-height-normal);
}
.ProgressBar_progressBar__fANY_ {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: var(--color-primary-200);
  border-radius: var(--radius-full);
  overflow: hidden;
  transition: var(--button-transition);
}
.ProgressBar_animated__piJKK,
.ProgressBar_fill__8Y5u8 {
  transition: width var(--duration-normal) var(--easing-ease-out);
}
.ProgressBar_fill__8Y5u8 {
  height: 100%;
  border-radius: var(--radius-full);
  background-color: var(--color-primary-600);
  position: relative;
  overflow: hidden;
}
.ProgressBar_striped__TSv5h {
  background-image: linear-gradient(
    45deg,
    hsla(0, 0%, 100%, 0.15) 25%,
    transparent 0,
    transparent 50%,
    hsla(0, 0%, 100%, 0.15) 0,
    hsla(0, 0%, 100%, 0.15) 75%,
    transparent 0,
    transparent
  );
  background-size: 1rem 1rem;
}
.ProgressBar_striped__TSv5h.ProgressBar_animated__piJKK {
  animation: ProgressBar_progressStripes__wM_o_ 1s linear infinite;
}
@keyframes ProgressBar_progressStripes__wM_o_ {
  0% {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.ProgressBar_progressBar__fANY_:hover .ProgressBar_fill__8Y5u8 {
  filter: brightness(1.1);
}
.ProgressBar_progressBar__fANY_:focus-visible {
  outline: 2px solid var(--interactive-primary);
  outline-offset: 2px;
}
@media (prefers-contrast: high) {
  .ProgressBar_progressBar__fANY_ {
    border: 1px solid var(--text-primary);
  }
  .ProgressBar_fill__8Y5u8 {
    filter: contrast(2);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ProgressBar_animated__piJKK,
  .ProgressBar_fill__8Y5u8 {
    transition: none;
  }
  .ProgressBar_striped__TSv5h.ProgressBar_animated__piJKK {
    animation: none;
  }
}
@media (max-width: 768px) {
  .ProgressBar_label__2LZD7 {
    font-size: var(--font-size-xs);
    margin-bottom: var(--space-1);
  }
}
.ProgressBar_loading__xgp5I .ProgressBar_fill__8Y5u8 {
  animation: ProgressBar_progressPulse__zMBlK 1.5s ease-in-out infinite;
}
@keyframes ProgressBar_progressPulse__zMBlK {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}
.Form_form__boawl {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.Form_baseInput__VN_8l {
  width: 100%;
  border: var(--border-1) solid var(--border-primary);
  border-radius: var(--radius-sm);
  background-color: var(--surface-primary);
  color: var(--text-primary);
  font-family: var(--font-family-primary);
  transition: all var(--duration-normal) var(--easing-ease-in-out);
  box-sizing: border-box;
  outline: none;
}
.Form_baseInput__VN_8l::-moz-placeholder {
  color: var(--text-secondary);
}
.Form_baseInput__VN_8l::placeholder {
  color: var(--text-secondary);
}
.Form_inputSmall__hSSK3 {
  height: 28px;
  font-size: var(--font-size-xs);
  line-height: 16px;
}
.Form_inputMedium__u_GLH,
.Form_inputSmall__hSSK3 {
  padding: 0 var(--space-4);
  font-weight: var(--font-weight-light);
  letter-spacing: 0.2px;
}
.Form_inputMedium__u_GLH {
  height: 36px;
  font-size: var(--font-size-sm);
  line-height: 20px;
}
.Form_inputLarge__keZ4N {
  height: 48px;
  padding: 0 var(--space-4);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-light);
  line-height: 24px;
  letter-spacing: 0.2px;
}
.Form_inputHover__p2Jlt:hover:not(:disabled):not(:focus) {
  border-color: var(--border-primary);
}
.Form_inputFocused__FiOU3:focus,
.Form_input__4Ndtp:focus {
  outline: var(--border-2) solid var(--focus-ring);
  outline-offset: var(--space-1);
  border-color: var(--interactive-primary);
}
.Form_inputError__TK5XW,
.Form_inputError__TK5XW:focus {
  border-color: var(--state-error);
}
.Form_inputError__TK5XW:focus {
  outline: var(--border-2) solid var(--focus-ring);
  outline-offset: var(--space-1);
}
.Form_inputDisabled__Rhx3v:disabled {
  background-color: var(--surface-tertiary);
  border-color: var(--border-secondary);
  color: var(--text-disabled);
  cursor: not-allowed;
}
.Form_inputDisabled__Rhx3v:disabled::-moz-placeholder {
  color: var(--text-disabled);
}
.Form_inputDisabled__Rhx3v:disabled::placeholder {
  color: var(--text-disabled);
}
.Form_textarea__ZPePp {
  resize: vertical;
  min-height: 137px;
  padding: var(--space-3) var(--space-4);
  font-family: var(--font-family-primary);
  line-height: var(--line-height-normal);
}
.Form_textareaSmall__6egk_ {
  min-height: 137px;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-light);
}
.Form_textareaMedium__XQrFo {
  min-height: 137px;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-light);
}
.Form_textareaLarge__QJpbX {
  min-height: 137px;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-light);
}
.Form_textareaHover__KZk7o:hover:not(:disabled):not(:focus) {
  border-color: var(--border-primary);
}
.Form_textareaFocused__sM8hy:focus,
.Form_textarea__ZPePp:focus {
  outline: var(--border-2) solid var(--focus-ring);
  outline-offset: var(--space-1);
  border-color: var(--interactive-primary);
}
.Form_textareaError__SqzUa {
  border-color: var(--state-error);
}
.Form_textareaError__SqzUa:focus {
  outline: var(--border-2) solid var(--focus-ring);
  outline-offset: var(--space-1);
  border-color: var(--state-error);
}
.Form_textareaDisabled__lcI7z:disabled {
  background-color: var(--surface-tertiary);
  border-color: var(--border-secondary);
  color: var(--text-disabled);
  cursor: not-allowed;
  resize: none;
}
.Form_select__SDbe2 {
  background-image: url("");
  background-position: right var(--space-3) center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: calc(var(--space-4) + 2rem);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.Form_selectHover__qdKF_:hover:not(:disabled):not(:focus) {
  border-color: var(--border-primary);
}
.Form_selectFocused__7tbxn:focus,
.Form_select__SDbe2:focus {
  outline: var(--border-2) solid var(--focus-ring);
  outline-offset: var(--space-1);
  border-color: var(--interactive-primary);
}
.Form_selectError__Mwmv7,
.Form_selectError__Mwmv7:focus {
  border-color: var(--state-error);
}
.Form_selectError__Mwmv7:focus {
  outline: var(--border-2) solid var(--focus-ring);
  outline-offset: var(--space-1);
}
.Form_selectDisabled__ClPGf:disabled {
  background-color: var(--surface-tertiary);
  border-color: var(--border-secondary);
  color: var(--text-disabled);
  cursor: not-allowed;
  background-image: url("");
}
.Form_autocomplete__JxdGu {
  position: relative;
  width: 100%;
}
.Form_autocompleteInput__Wuss3 {
  background-image: url("");
  background-position: right var(--space-3) center;
  background-repeat: no-repeat;
  background-size: 1.25em 1.25em;
  padding-right: calc(var(--space-4) + 2rem);
}
.Form_autocompleteDropdown__Q60MQ {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: var(--surface-primary);
  border: var(--border-1) solid var(--border-primary);
  border-radius: var(--radius-sm);
  box-shadow: var(--elevation-2);
  max-height: 200px;
  overflow-y: auto;
  z-index: var(--z-index-dropdown);
  margin-top: var(--space-1);
}
.Form_autocompleteOption__jnkFQ {
  padding: var(--space-2) var(--space-4);
  cursor: pointer;
  border-bottom: var(--border-1) solid var(--border-tertiary);
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  transition: background-color var(--duration-fast) var(--easing-ease);
}
.Form_autocompleteOption__jnkFQ:hover {
  background-color: var(--surface-secondary);
}
.Form_autocompleteOption__jnkFQ:last-child {
  border-bottom: none;
}
.Form_autocompleteOptionSelected__HfzwT {
  background-color: var(--color-primary-50);
  color: var(--interactive-primary);
}
.Form_fieldWrapper__R_XnA {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.Form_helperTextWrapper__IPxl8 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--space-4);
  padding-top: var(--space-2);
}
.Form_helperText__PT8zb {
  flex: 1;
}
.Form_counter__44yZf,
.Form_helperText__PT8zb {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-normal);
  line-height: 16px;
  letter-spacing: 0.5px;
  color: var(--text-secondary);
}
.Form_counter__44yZf {
  white-space: nowrap;
}
.Form_errorMessage__EilnX {
  color: var(--state-error);
  margin-top: var(--space-1);
}
.Form_label__N3x67 {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-snug);
  color: var(--text-primary);
  margin-bottom: var(--space-1);
}
.Form_labelRequired__kw7ck:after {
  content: "*";
  color: var(--state-error);
  margin-left: var(--space-1);
}
.Form_checkboxWrapper__ee2dr {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  width: 100%;
}
.Form_checkbox__eEjCv {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  pointer-events: none;
}
.Form_checkboxLabel__ezjFn {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-2);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  font-family: var(--font-family-primary);
}
.Form_checkboxBox__Cet8Z {
  position: relative;
  flex-shrink: 0;
  background-color: var(--surface-primary);
  border: var(--border-1) solid var(--border-primary);
  border-radius: var(--radius-sm);
  transition: all var(--duration-normal) var(--easing-ease-in-out);
  display: flex;
  align-items: center;
  justify-content: center;
}
.Form_checkboxText__1iz8Q {
  color: var(--text-primary);
  font-weight: var(--font-weight-light);
  line-height: var(--line-height-normal);
  letter-spacing: 0.2px;
}
.Form_checkboxSmall__bWACn .Form_checkboxBox__Cet8Z {
  width: 16px;
  height: 16px;
}
.Form_checkboxSmall__bWACn .Form_checkboxText__1iz8Q {
  font-size: var(--font-size-sm);
  line-height: 20px;
}
.Form_checkboxMedium__7wk7m .Form_checkboxBox__Cet8Z {
  width: 18px;
  height: 18px;
}
.Form_checkboxMedium__7wk7m .Form_checkboxText__1iz8Q {
  font-size: var(--font-size-base);
  line-height: 24px;
}
.Form_checkboxLarge__m_ikR .Form_checkboxBox__Cet8Z {
  width: 20px;
  height: 20px;
}
.Form_checkboxLarge__m_ikR .Form_checkboxText__1iz8Q {
  font-size: var(--font-size-lg);
  line-height: 24px;
}
.Form_checkboxDefault__mWxdD .Form_checkboxBox__Cet8Z {
  background-color: var(--surface-primary);
  border-color: var(--border-primary);
}
.Form_checkboxChecked__VGX48 .Form_checkboxBox__Cet8Z {
  background-color: var(--interactive-primary);
  border-color: var(--interactive-primary);
}
.Form_checkboxChecked__VGX48 .Form_checkboxBox__Cet8Z:after {
  content: "";
  width: 10px;
  height: 7px;
  border: 2px solid var(--color-white);
  border-top: none;
  border-right: none;
  transform: rotate(-45deg) translate(1px, -1px);
  display: block;
}
.Form_checkboxIndeterminate__PpH6y .Form_checkboxBox__Cet8Z {
  background-color: var(--interactive-primary);
  border-color: var(--interactive-primary);
}
.Form_checkboxIndeterminate__PpH6y .Form_checkboxBox__Cet8Z:after {
  content: "";
  width: 8px;
  height: 2px;
  background-color: var(--color-white);
  display: block;
}
.Form_checkboxHover__Y9N_h:hover .Form_checkboxBox__Cet8Z {
  border-color: var(--interactive-primary);
  background-color: var(--surface-secondary);
}
.Form_checkboxHover__Y9N_h:hover.Form_checkboxChecked__VGX48
  .Form_checkboxBox__Cet8Z,
.Form_checkboxHover__Y9N_h:hover.Form_checkboxIndeterminate__PpH6y
  .Form_checkboxBox__Cet8Z {
  background-color: var(--interactive-primary-hover);
  border-color: var(--interactive-primary-hover);
}
.Form_checkboxFocused__xFo7U .Form_checkboxBox__Cet8Z,
.Form_checkbox__eEjCv:focus
  + .Form_checkboxLabel__ezjFn
  .Form_checkboxBox__Cet8Z {
  outline: var(--border-2) solid var(--focus-ring);
  outline-offset: var(--space-1);
}
.Form_checkboxError__t2B8_ .Form_checkboxBox__Cet8Z {
  border-color: var(--state-error);
}
.Form_checkboxError__t2B8_.Form_checkboxChecked__VGX48 .Form_checkboxBox__Cet8Z,
.Form_checkboxError__t2B8_.Form_checkboxIndeterminate__PpH6y
  .Form_checkboxBox__Cet8Z {
  background-color: var(--state-error);
  border-color: var(--state-error);
}
.Form_checkboxError__t2B8_ .Form_checkboxText__1iz8Q {
  color: var(--state-error);
}
.Form_checkboxDisabled__QKRjl,
.Form_checkboxDisabled__QKRjl .Form_checkboxLabel__ezjFn {
  cursor: not-allowed;
}
.Form_checkboxDisabled__QKRjl .Form_checkboxBox__Cet8Z {
  background-color: var(--surface-tertiary);
  border-color: var(--border-secondary);
}
.Form_checkboxDisabled__QKRjl.Form_checkboxChecked__VGX48
  .Form_checkboxBox__Cet8Z,
.Form_checkboxDisabled__QKRjl.Form_checkboxIndeterminate__PpH6y
  .Form_checkboxBox__Cet8Z {
  background-color: var(--text-disabled);
  border-color: var(--border-secondary);
}
.Form_checkboxDisabled__QKRjl .Form_checkboxText__1iz8Q {
  color: var(--text-disabled);
}
.Form_radioWrapper__g_jKq {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  width: 100%;
}
.Form_radio__RvoPU {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  pointer-events: none;
}
.Form_radioLabel__cJ9hc {
  gap: var(--space-2);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  font-family: var(--font-family-primary);
}
.Form_radioButton__K0GJF,
.Form_radioLabel__cJ9hc {
  position: relative;
  display: flex;
  align-items: center;
}
.Form_radioButton__K0GJF {
  flex-shrink: 0;
  background-color: var(--surface-primary);
  border: var(--border-1) solid var(--border-primary);
  border-radius: 50%;
  transition: all var(--duration-normal) var(--easing-ease-in-out);
  justify-content: center;
}
.Form_radioText__QpAtc {
  color: var(--text-primary);
  font-weight: var(--font-weight-light);
  line-height: var(--line-height-normal);
  letter-spacing: 0.2px;
}
.Form_radioSmall__8BVbt .Form_radioButton__K0GJF {
  width: 16px;
  height: 16px;
}
.Form_radioSmall__8BVbt .Form_radioText__QpAtc {
  font-size: var(--font-size-sm);
  line-height: 20px;
}
.Form_radioMedium__zaeMm .Form_radioButton__K0GJF {
  width: 18px;
  height: 18px;
}
.Form_radioMedium__zaeMm .Form_radioText__QpAtc {
  font-size: var(--font-size-base);
  line-height: 24px;
}
.Form_radioLarge__2YPOk .Form_radioButton__K0GJF {
  width: 20px;
  height: 20px;
}
.Form_radioLarge__2YPOk .Form_radioText__QpAtc {
  font-size: var(--font-size-lg);
  line-height: 24px;
}
.Form_radioDefault__lB9rf .Form_radioButton__K0GJF {
  background-color: var(--surface-primary);
  border-color: var(--border-primary);
}
.Form_radioSelected__lAQ4z .Form_radioButton__K0GJF {
  background-color: var(--surface-primary);
  border-color: var(--interactive-primary);
  border-width: var(--border-2);
}
.Form_radioSelected__lAQ4z .Form_radioButton__K0GJF:after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--interactive-primary);
  border-radius: 50%;
  display: block;
}
.Form_radioHover__kJPTH:hover .Form_radioButton__K0GJF {
  border-color: var(--interactive-primary);
  background-color: var(--surface-secondary);
}
.Form_radioHover__kJPTH:hover.Form_radioSelected__lAQ4z
  .Form_radioButton__K0GJF {
  border-color: var(--interactive-primary-hover);
}
.Form_radioHover__kJPTH:hover.Form_radioSelected__lAQ4z
  .Form_radioButton__K0GJF:after {
  background-color: var(--interactive-primary-hover);
}
.Form_radioFocused__BBcuI .Form_radioButton__K0GJF,
.Form_radio__RvoPU:focus + .Form_radioLabel__cJ9hc .Form_radioButton__K0GJF {
  outline: var(--border-2) solid var(--focus-ring);
  outline-offset: var(--space-1);
}
.Form_radioError__urHAH .Form_radioButton__K0GJF,
.Form_radioError__urHAH.Form_radioSelected__lAQ4z .Form_radioButton__K0GJF {
  border-color: var(--state-error);
}
.Form_radioError__urHAH.Form_radioSelected__lAQ4z
  .Form_radioButton__K0GJF:after {
  background-color: var(--state-error);
}
.Form_radioError__urHAH .Form_radioText__QpAtc {
  color: var(--state-error);
}
.Form_radioDisabled__w4zZO,
.Form_radioDisabled__w4zZO .Form_radioLabel__cJ9hc {
  cursor: not-allowed;
}
.Form_radioDisabled__w4zZO .Form_radioButton__K0GJF {
  background-color: var(--surface-tertiary);
  border-color: var(--border-secondary);
}
.Form_radioDisabled__w4zZO.Form_radioSelected__lAQ4z .Form_radioButton__K0GJF {
  border-color: var(--border-secondary);
}
.Form_radioDisabled__w4zZO.Form_radioSelected__lAQ4z
  .Form_radioButton__K0GJF:after {
  background-color: var(--text-disabled);
}
.Form_radioDisabled__w4zZO .Form_radioText__QpAtc {
  color: var(--text-disabled);
}
.Form_radioGroup__tzJUk {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.Form_radioGroupRow__My3OW {
  display: flex;
  flex-direction: row;
  gap: var(--space-6);
  flex-wrap: wrap;
}
.Form_radioGroupError__Z_uZe .Form_radioText__QpAtc {
  color: var(--text-primary);
}
@media (max-width: 768px) {
  .Form_form__boawl {
    gap: var(--space-3);
  }
  .Form_helperTextWrapper__IPxl8 {
    gap: var(--space-2);
  }
  .Form_autocompleteLarge__IIvr4,
  .Form_inputLarge__keZ4N,
  .Form_selectLarge__yR8M8 {
    height: 44px;
    font-size: var(--font-size-base);
  }
  .Form_autocompleteMedium__IJJLV,
  .Form_inputMedium__u_GLH,
  .Form_selectMedium__5_ycu {
    height: 40px;
  }
  .Form_checkboxLarge__m_ikR .Form_checkboxBox__Cet8Z {
    width: 18px;
    height: 18px;
  }
  .Form_checkboxMedium__7wk7m .Form_checkboxBox__Cet8Z {
    width: 16px;
    height: 16px;
  }
  .Form_radioLarge__2YPOk .Form_radioButton__K0GJF {
    width: 18px;
    height: 18px;
  }
  .Form_radioMedium__zaeMm .Form_radioButton__K0GJF {
    width: 16px;
    height: 16px;
  }
}
.Form_autocompleteInput__Wuss3:focus-visible,
.Form_checkbox__eEjCv:focus-visible
  + .Form_checkboxLabel__ezjFn
  .Form_checkboxBox__Cet8Z,
.Form_input__4Ndtp:focus-visible,
.Form_radio__RvoPU:focus-visible
  + .Form_radioLabel__cJ9hc
  .Form_radioButton__K0GJF,
.Form_select__SDbe2:focus-visible,
.Form_textarea__ZPePp:focus-visible {
  outline: var(--border-2) solid var(--focus-ring);
  outline-offset: var(--space-1);
}
@media (prefers-contrast: high) {
  .Form_autocompleteInput__Wuss3,
  .Form_baseInput__VN_8l,
  .Form_checkboxBox__Cet8Z,
  .Form_radioButton__K0GJF,
  .Form_select__SDbe2,
  .Form_textarea__ZPePp {
    border-width: var(--border-2);
  }
  .Form_checkboxError__t2B8_ .Form_checkboxBox__Cet8Z,
  .Form_inputError__TK5XW,
  .Form_radioError__urHAH .Form_radioButton__K0GJF,
  .Form_selectError__Mwmv7,
  .Form_textareaError__SqzUa {
    border-width: 3px;
  }
}
.Form_fieldset__au_Lj {
  border: var(--border-1) solid var(--border-secondary);
  border-radius: var(--radius-sm);
  margin: 0;
  padding: var(--space-4);
  background-color: var(--surface-primary);
  position: relative;
}
.Form_legend__WyvFC {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  margin-left: calc(var(--space-2) * -1);
  border: none;
  line-height: 1;
}
.Form_legendSmall__qv4Ct {
  font-size: var(--font-size-sm);
  line-height: 16px;
  letter-spacing: 0.2px;
}
.Form_legendMedium__v8Wal {
  font-size: var(--font-size-base);
  line-height: 20px;
  letter-spacing: 0.2px;
}
.Form_legendLarge__WhNSx {
  font-size: var(--font-size-lg);
  line-height: 24px;
  letter-spacing: 0.2px;
}
.Form_legendRequired__lyzcK:after {
  content: " *";
  color: var(--state-error);
  font-weight: var(--font-weight-normal);
}
.Form_fieldsetError__V3ai5 {
  border-color: var(--state-error);
  background-color: var(--error-50);
}
.Form_fieldsetDisabled__0LBDm {
  border-color: var(--border-tertiary);
  background-color: var(--surface-tertiary);
  opacity: 0.6;
}
.Form_fieldsetDisabled__0LBDm .Form_legend__WyvFC {
  color: var(--text-disabled);
}
.Form_fieldsetSmall__XSNND {
  padding: var(--space-3);
}
.Form_fieldsetMedium__vBDRj {
  padding: var(--space-4);
}
.Form_fieldsetLarge__pa2vI {
  padding: var(--space-5);
}
@media (prefers-reduced-motion: reduce) {
  .Form_autocompleteInput__Wuss3,
  .Form_autocompleteOption__jnkFQ,
  .Form_baseInput__VN_8l,
  .Form_checkboxBox__Cet8Z,
  .Form_radioButton__K0GJF,
  .Form_select__SDbe2,
  .Form_textarea__ZPePp {
    transition: none;
  }
}
.ProfileHeader_profileHeader__FOtje {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 692px;
}
.ProfileHeader_profile__xa5sY {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  min-width: 0;
}
.ProfileHeader_buttons__GPP7u {
  display: flex;
  align-items: center;
}
.ProfileHeader_button__ndO42 {
  min-width: 80px;
}
.ProfileHeader_viewportM__G7gzc,
.ProfileHeader_viewportM__G7gzc .ProfileHeader_buttons__GPP7u,
.ProfileHeader_viewportXxlL__gNq28,
.ProfileHeader_viewportXxlL__gNq28 .ProfileHeader_buttons__GPP7u {
  gap: var(--space-6);
}
.ProfileHeader_viewportM__G7gzc .ProfileHeader_button__ndO42 {
  min-width: 100px;
}
.ProfileHeader_viewportS__QMdsy {
  flex-direction: column;
  gap: var(--space-6);
  align-items: flex-start;
  justify-content: center;
}
.ProfileHeader_viewportS__QMdsy .ProfileHeader_profile__xa5sY {
  width: 100%;
}
.ProfileHeader_viewportS__QMdsy .ProfileHeader_buttons__GPP7u {
  flex-direction: column;
  gap: var(--space-4);
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
}
.ProfileHeader_viewportS__QMdsy .ProfileHeader_button__ndO42 {
  min-width: 100px;
}
@media (max-width: 768px) {
  .ProfileHeader_profileHeader__FOtje:not(
      .ProfileHeader_viewportXxlL__gNq28
    ):not(.ProfileHeader_viewportM__G7gzc) {
    flex-direction: column;
    gap: var(--space-6);
    align-items: flex-start;
  }
  .ProfileHeader_profileHeader__FOtje:not(
      .ProfileHeader_viewportXxlL__gNq28
    ):not(.ProfileHeader_viewportM__G7gzc)
    .ProfileHeader_buttons__GPP7u {
    flex-direction: column;
    gap: var(--space-4);
    align-items: flex-start;
    width: 100%;
  }
}
@media (prefers-contrast: high) {
  .ProfileHeader_profileHeader__FOtje {
    outline: var(--border-1) solid var(--color-neutral-600);
    outline-offset: var(--space-1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ProfileHeader_profileHeader__FOtje * {
    transition: none !important;
  }
}
.ProfileHeader_profileHeader__FOtje:focus-within {
  position: relative;
}
.ProfileHeader_profile__xa5sY {
  overflow: hidden;
}
.ProfileHeader_buttons__GPP7u {
  flex-shrink: 0;
}
.ProfileHeader_avatar__0ygk_ {
  max-width: 100%;
}
.ProjectCard_card__f9JB_ {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  background-color: var(--color-white);
  border: 0;
  border-bottom: var(--border-1) solid var(--color-gray-300);
  width: 100%;
  position: relative;
  transition: background-color var(--duration-fast) var(--easing-ease);
}
.ProjectCard_card__f9JB_.ProjectCard_interactive___rGUH {
  cursor: pointer;
}
.ProjectCard_card__f9JB_.ProjectCard_interactive___rGUH:hover {
  background-color: var(--color-gray-100);
}
.ProjectCard_card__f9JB_.ProjectCard_interactive___rGUH:active,
.ProjectCard_card__f9JB_.ProjectCard_interactive___rGUH:focus-visible {
  background-color: var(--color-gray-100);
  outline: 2px solid var(--interactive-primary);
  outline-offset: -2px;
}
.ProjectCard_card__f9JB_.ProjectCard_disabled__1OdID {
  opacity: 0.6;
  cursor: not-allowed;
}
.ProjectCard_card__f9JB_ {
  padding: var(--space-4);
}
.ProjectCard_body__EHq0Q {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-width: 0;
}
.ProjectCard_titleSection__JyL1A {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  width: 100%;
}
.ProjectCard_statusBadge__Hpj8P {
  align-self: flex-start;
}
.ProjectCard_title__js9_3 {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-normal);
  letter-spacing: 0.2px;
  color: var(--text-primary);
  margin: 0;
  width: 100%;
  word-wrap: break-word;
}
.ProjectCard_details__x1cWU,
.ProjectCard_title__js9_3 {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-normal);
}
.ProjectCard_details__x1cWU {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: var(--font-size-xs);
  line-height: var(--line-height-tight);
  letter-spacing: 0.5px;
  color: var(--text-secondary);
}
.ProjectCard_detailItem__JHUjZ {
  width: 100%;
}
.ProjectCard_content__IYPVf {
  margin-top: var(--space-1);
}
.ProjectCard_arrow___j8TZ {
  display: flex;
  align-items: center;
  padding: var(--space-2);
  color: var(--text-secondary);
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .ProjectCard_card__f9JB_ {
    padding: var(--space-6);
  }
  .ProjectCard_title__js9_3 {
    font-size: var(--font-size-base);
  }
  .ProjectCard_details__x1cWU {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--space-2);
  }
  .ProjectCard_detailItem__JHUjZ {
    white-space: nowrap;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .ProjectCard_card__f9JB_ {
    max-width: 715px;
  }
}
.Tab_tabContainer__tmvEJ,
.Tab_tabList__RwNGf {
  width: 100%;
  min-height: 44px;
  position: relative;
}
.Tab_tabList__RwNGf {
  display: flex;
  align-items: end;
  justify-content: flex-start;
  gap: var(--space-8);
  border-bottom: var(--border-1) solid var(--color-gray-300);
}
.Tab_tab__kZJJE {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 60px;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  border: none;
  background: none;
  position: relative;
  flex-shrink: 0;
}
.Tab_tab__kZJJE:focus {
  outline: none;
}
.Tab_tab__kZJJE:focus-visible {
  outline: var(--border-2) solid var(--interactive-primary);
  outline-offset: var(--border-2);
}
.Tab_tabContent__5e8Sf {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
}
.Tab_tabContentSizeM__qu7W1 {
  padding-top: 18px;
  padding-bottom: 17px;
}
.Tab_tabContentSizeS__ABXry {
  padding-top: var(--space-2);
  padding-bottom: 9px;
}
.Tab_tabLabel__XTcqg {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-normal);
  letter-spacing: 0.2px;
  text-align: center;
  white-space: nowrap;
  margin: 0;
}
.Tab_tabIndicator__9iTWe {
  width: 100%;
  height: var(--space-1);
  flex-shrink: 0;
  transition: all var(--duration-fast) var(--easing-ease-in-out);
  position: relative;
  background-color: transparent;
}
.Tab_tabActive__7ptFA.Tab_tabSizeM__Dp98d .Tab_tabContent__5e8Sf {
  padding-bottom: 15px;
}
.Tab_tabActive__7ptFA.Tab_tabSizeS__DfqrV .Tab_tabContent__5e8Sf {
  padding-bottom: var(--space-2);
}
.Tab_tabActive__7ptFA .Tab_tabLabel__XTcqg {
  color: var(--genentech-a-1);
}
.Tab_tabActive__7ptFA .Tab_tabIndicator__9iTWe {
  background-color: var(--genentech-a-1);
}
.Tab_tabInactive__PLP63 .Tab_tabLabel__XTcqg {
  color: var(--genentech-h-2);
}
.Tab_tabInactive__PLP63 .Tab_tabIndicator__9iTWe:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: var(--border-1);
  background-color: var(--genentech-h-3);
}
.Tab_tab__kZJJE:hover:not(.Tab_tabDisabled__uxux0):not(.Tab_tabActive__7ptFA)
  .Tab_tabLabel__XTcqg {
  color: var(--genentech-h-2);
}
.Tab_tab__kZJJE:hover:not(.Tab_tabDisabled__uxux0):not(.Tab_tabActive__7ptFA)
  .Tab_tabIndicator__9iTWe {
  background-color: var(--genentech-a-1);
}
.Tab_tab__kZJJE:hover:not(.Tab_tabDisabled__uxux0):not(.Tab_tabActive__7ptFA)
  .Tab_tabIndicator__9iTWe:after {
  display: none;
}
.Tab_tab__kZJJE:focus-visible {
  outline: none;
  border: var(--border-2) solid var(--genentech-a-2);
  border-radius: var(--radius-sm);
}
.Tab_tabDisabled__uxux0 {
  cursor: not-allowed;
}
.Tab_tabDisabled__uxux0 .Tab_tabLabel__XTcqg {
  color: var(--genentech-h-3);
}
.Tab_tabDisabled__uxux0 .Tab_tabIndicator__9iTWe:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: var(--border-1);
  background-color: var(--genentech-h-3);
}
.Tab_tabPanels__TwhBx {
  margin-top: var(--space-6);
}
.Tab_tabPanel__jDrzz {
  outline: none;
}
.Tab_tabPanel__jDrzz:focus-visible {
  outline: var(--border-2) solid var(--interactive-primary);
  outline-offset: var(--border-2);
}
@media (max-width: 768px) {
  .Tab_tab__kZJJE {
    min-width: 48px;
  }
  .Tab_tabLabel__XTcqg {
    font-size: var(--font-size-sm);
  }
  .Tab_tabPanels__TwhBx {
    margin-top: var(--space-4);
  }
}
.SectionHeader_sectionHeader__ZbyMz {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-2);
}
.SectionHeader_sectionTitle__2NAAG {
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: var(--genentech-h-1, #25282a);
  margin: 0;
}
.SectionHeader_editButton__oDVVm,
.SectionHeader_sectionTitle__2NAAG {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-normal, 400);
}
.SectionHeader_editButton__oDVVm {
  background: none;
  border: none;
  color: var(--color-primary-500);
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.SectionHeader_editButton__oDVVm:hover {
  background-color: var(--bg-subtle, #f8f9fa);
}
.SectionHeader_editLink__npFuA {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 0.5rem);
  color: var(--color-primary-500);
  text-decoration: none;
  font-size: 1rem;
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-normal, 400);
  transition: color 0.2s ease;
}
.SectionHeader_editLink__npFuA:hover {
  color: var(--color-primary-600, #002866);
  text-decoration: underline;
}
.SectionHeader_editIcon__B3gYG {
  color: var(--color-gray-600, #545859);
  display: flex;
  align-items: center;
  font-size: var(--font-size-base, 1rem);
}
.demos_page__eWjLD {
  min-height: 100vh;
  background-color: var(--surface-primary);
  padding: var(--space-4);
}
.demos_header__q_olM {
  text-align: center;
  margin-bottom: var(--space-12);
}
.demos_header__q_olM h1 {
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0 0 var(--space-4) 0;
}
.demos_header__q_olM p {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  margin: 0 0 var(--space-6) 0;
}
.demos_backLink___1wzg {
  display: inline-flex;
  align-items: center;
  padding: var(--space-2) var(--space-4);
  background-color: var(--surface-secondary);
  color: var(--text-primary);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  transition: all 0.2s ease-in-out;
}
.demos_backLink___1wzg:hover {
  background-color: var(--interactive-primary);
  color: var(--color-white);
}
.demos_sections__C3av7 {
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
}
.demos_bgGray100__akmGx {
  background: var(--color-gray-100);
  padding: var(--space-4);
}
.demos_sectionTitle__m_sz6 {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0 0 var(--space-6) 0;
  padding-bottom: var(--space-3);
  border-bottom: var(--border-1) solid var(--border-secondary);
}
.demos_demo__ZQSlb {
  margin-bottom: var(--space-8);
}
.demos_demo__ZQSlb > h3 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  margin: 0 0 var(--space-4) 0;
}
.demos_row__y9JP3 {
  display: flex;
  gap: var(--space-4);
  align-items: stretch;
  flex-direction: column;
  margin-bottom: var(--space-4);
}
.demos_column__wFCbB {
  display: flex;
  flex-direction: column;
  max-width: none;
}
.demos_demoHeaderContent__iNmYV h1 {
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: var(--space-2) 0 var(--space-3) 0;
}
.demos_demoHeaderContent__iNmYV p {
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  margin: 0;
}
.demos_breadcrumb__8lPUQ {
  display: inline-flex;
  align-items: center;
  padding: var(--space-2) var(--space-3);
  margin-bottom: 1rem;
  background: transparent;
  color: var(--color-primary-500);
  font-weight: 600;
  font-size: 1rem;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}
.demos_breadcrumb__8lPUQ:hover {
  text-decoration: underline;
}
.demos_tabbedContent__luBLp {
  margin-top: var(--space-4);
}
.demos_intro__SEMrb {
  text-align: center;
  margin-bottom: var(--space-6);
}
.demos_intro__SEMrb p {
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  margin: 0;
  text-align: center;
}
.demos_categoryGrid__lXp2R {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
  margin-top: var(--space-8);
}
.demos_categoryCard__bPN9L {
  display: block;
  padding: var(--space-4);
  background-color: var(--surface-primary);
  border: var(--border-1) solid var(--border-secondary);
  border-radius: var(--radius-xl);
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  box-shadow: var(--shadow-sm);
}
.demos_categoryCard__bPN9L:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  border-color: var(--interactive-primary);
}
.demos_categoryCard__bPN9L h3 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0 0 var(--space-2) 0;
}
.demos_categoryCard__bPN9L p {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  margin: 0 0 var(--space-3) 0;
  line-height: var(--line-height-relaxed);
}
.demos_categoryMeta__eGOFS {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
}
.demos_componentCount__8RGnK {
  font-weight: var(--font-weight-medium);
}
.demos_categorySection__vtvhJ {
  margin-bottom: var(--space-12);
}
.demos_categoryTitle__wUXuC {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0 0 var(--space-6) 0;
  padding-bottom: var(--space-3);
  border-bottom: var(--border-1) solid var(--border-secondary);
}
.demos_userCardGrid__FcbEt {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: var(--space-4, 1rem);
  margin-bottom: var(--space-4, 1rem);
}
.demos_userCardDeletedInfo__kcpvk {
  margin-top: var(--space-4, 1rem);
  padding: var(--space-4, 1rem);
  background: var(--bg-base-2, #f8f9fa);
  border-radius: var(--radius-md, 6px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4, 1rem);
}
.demos_userCardDeletedInfo__kcpvk p {
  margin: 0;
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--text-secondary, #545859);
}
.demos_userCardResetButton__tNX_T {
  padding: var(--space-2, 0.5rem) var(--space-3, 0.75rem);
  background: var(--bg-base-1, #fff);
  border: 1px solid var(--border-primary, #d1d5d9);
  border-radius: var(--radius-sm, 4px);
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--text-primary, #25282a);
  cursor: pointer;
  transition: all 0.2s ease;
}
.demos_userCardResetButton__tNX_T:hover {
  background: var(--bg-base-2, #f8f9fa);
  border-color: var(--border-secondary, #949494);
}
.demos_subtitle__TvDZC {
  font-size: var(--font-size-base, 1rem);
  color: var(--text-secondary, #545859);
  margin-bottom: var(--space-8, 2rem);
  line-height: 1.5;
}
.demos_description__W7RxH {
  margin-bottom: var(--space-5, 1.25rem);
}
.demos_demoDescription__7ph6s,
.demos_description__W7RxH {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--text-secondary, #545859);
}
.demos_demoDescription__7ph6s {
  margin: var(--space-2, 0.5rem) 0 var(--space-3, 0.75rem) 0;
}
.demos_successMessage__FgWf2 {
  padding: var(--space-3, 0.75rem);
  background-color: var(--color-success-50, #e6f4ea);
  border: 1px solid var(--color-success-200, #a8dab5);
  border-radius: var(--radius-md, 6px);
  color: var(--color-success-700, #137333);
}
.demos_listNoPadding__6fph8 {
  padding-left: var(--space-4, 1rem);
  margin: 0;
}
@media (min-width: 1024px) {
  .demos_page__eWjLD {
    padding: var(--space-6);
  }
  .demos_header__q_olM h1 {
    font-size: var(--font-size-4xl);
  }
  .demos_header__q_olM p {
    font-size: var(--font-size-lg);
  }
  .demos_categoryGrid__lXp2R {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--space-6);
  }
  .demos_categoryCard__bPN9L {
    padding: var(--space-6);
  }
  .demos_row__y9JP3 {
    flex-direction: row;
    align-items: center;
  }
  .demos_column__wFCbB {
    max-width: 400px;
  }
  .demos_userCardDeletedInfo__kcpvk {
    flex-direction: row;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .demos_userCardGrid__FcbEt {
    grid-template-columns: 1fr;
  }
  .demos_userCardDeletedInfo__kcpvk {
    flex-direction: column;
    align-items: flex-start;
  }
}
@keyframes demos_pulse__6ehNf {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0.6;
  }
}
.CompetencyList_competencyList__g2YLN {
  margin-bottom: var(--space-6);
  background-color: var(--genentech-white);
  padding: var(--space-4);
  flex-grow: 1;
}
.CompetencyList_competencyHeading__Jw3Lw {
  color: var(--text-primary);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-normal);
  margin-bottom: var(--space-4);
}
.CompetencyList_competencySubheading__Zdhxv {
  font-size: 1rem;
  color: var(--color-text-secondary);
  margin-bottom: var(--space-2);
}
.CompetencyList_competencyItem__96_E0 {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) 0;
  font-size: 0.875rem;
  font-weight: 300;
}
.CompetencyList_checkIcon__uT83O {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.CompetencyList_checkIcon__uT83O.CompetencyList_green__JT_zf {
  color: var(--genentech-g-2);
}
.CompetencyList_checkIcon__uT83O.CompetencyList_blue__T8AeG {
  color: var(--genentech-b-2);
}
.CompetencyList_competencyText__fWT1c {
  font-size: var(--font-size-base);
  color: var(--color-text-primary);
  line-height: var(--line-height-base);
}
.CompetencyList_competencyAnswers__QSHWn {
  margin-top: var(--space-6);
}
.CompetencyList_responseGroup__6NBwK {
  margin-bottom: var(--space-6);
}
.CompetencyList_responseGroup__6NBwK:last-child {
  margin-bottom: 0;
}
.CompetencyList_questionLabel__jB0dP {
  font-size: 1rem;
  font-weight: 400;
  color: var(--genentech-h-1);
  margin-bottom: var(--space-2);
  margin-top: 0;
  letter-spacing: 0.2px;
}
.CompetencyList_responseText__Giy_3 {
  font-size: 1rem;
  font-weight: 300;
  line-height: var(--line-height-base);
  color: var(--color-text-primary);
  margin: 0;
  white-space: pre-wrap;
}
.SearchInput_searchContainer__EzcF_ {
  display: flex;
  align-items: stretch;
  gap: var(--space-3);
  width: 100%;
  border-radius: var(--radius-sm);
  overflow: hidden;
  box-sizing: border-box;
}
.SearchInput_searchButton__oJZVv,
.SearchInput_searchInput__0ZNXy {
  box-sizing: border-box !important;
  vertical-align: top;
}
.SearchInput_inputContainer__3SuKr {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
}
.SearchInput_searchIcon__xKHa8 {
  position: absolute;
  color: var(--text-tertiary, #545859);
  pointer-events: none;
  z-index: 1;
  display: flex;
}
.SearchInput_searchInput__0ZNXy {
  margin: 0;
  width: 100%;
}
.SearchInput_searchButton__oJZVv {
  margin: 0;
  flex-shrink: 0;
}
.SearchInput_sm__TzU3S .SearchInput_searchIcon__xKHa8 {
  left: 8px;
  width: 18px;
  height: 18px;
}
.SearchInput_sm__TzU3S .SearchInput_searchInput__0ZNXy {
  padding-left: 34px !important;
  padding-right: 32px !important;
}
.SearchInput_sm__TzU3S .SearchInput_searchButton__oJZVv {
  height: 28px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}
.SearchInput_md__Mlxta .SearchInput_searchIcon__xKHa8 {
  left: 12px;
  width: 18px;
  height: 18px;
}
.SearchInput_md__Mlxta .SearchInput_searchInput__0ZNXy {
  padding-left: 42px !important;
  padding-right: 40px !important;
}
.SearchInput_md__Mlxta .SearchInput_searchButton__oJZVv {
  height: 36px !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}
.SearchInput_lg__E_yEK .SearchInput_searchIcon__xKHa8 {
  left: 16px;
  width: 24px;
  height: 24px;
}
.SearchInput_lg__E_yEK .SearchInput_searchInput__0ZNXy {
  padding-left: 56px !important;
  padding-right: 52px !important;
}
.SearchInput_lg__E_yEK .SearchInput_searchButton__oJZVv {
  height: 48px !important;
  padding: 0 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}
.SearchInput_disabled__Oc6Ec {
  opacity: 0.6;
  pointer-events: none;
}
.SearchInput_loading__s5ka4 .SearchInput_searchButton__oJZVv {
  cursor: wait;
}
.SearchInput_error__TfEtm .SearchInput_searchIcon__xKHa8 {
  color: var(--state-error);
}
@media (prefers-reduced-motion: reduce) {
  .SearchInput_searchButton__oJZVv,
  .SearchInput_searchContainer__EzcF_,
  .SearchInput_searchInput__0ZNXy {
    transition: none;
  }
}
@media (max-width: 768px) {
  .SearchInput_searchContainer__EzcF_ {
    min-height: 44px;
  }
  .SearchInput_searchButton__oJZVv {
    min-width: 64px;
  }
}
[dir="rtl"] .SearchInput_searchInput__0ZNXy {
  border-left: none !important;
  border-right: var(--border-1) solid var(--border-primary) !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: var(--radius-sm) !important;
  border-bottom-right-radius: var(--radius-sm) !important;
}
[dir="rtl"] .SearchInput_searchButton__oJZVv {
  border-right: 1px solid var(--border-primary) !important;
  border-left: none !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: var(--radius-sm) !important;
  border-bottom-left-radius: var(--radius-sm) !important;
}
.page_container__9oYLy {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
}
.page_header__VydNj {
  margin-bottom: 2rem;
}
.page_title___3AYD {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--color-text-primary, #1a1a1a);
  margin-bottom: 1rem;
}
.page_description__S1j6V {
  font-size: 1.125rem;
  color: var(--color-text-secondary, #666);
  line-height: 1.6;
  max-width: 600px;
}
.page_navigation___u58d {
  margin-bottom: 2rem;
}
.page_content__yXyYx {
  min-height: 400px;
}
.page_tokenSection__JhJnD {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.page_tokenGroup__z9Vsh {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.page_groupTitle__htqn1 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--color-text-primary, #1a1a1a);
  border-bottom: 2px solid var(--color-border-primary, #e5e5e5);
  padding-bottom: 0.5rem;
}
.page_tokenGrid__RTxvs {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
}
.page_emptyState__BEMkT {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  background-color: var(--color-background-secondary, #f8f9fa);
  border-radius: var(--radius-2, 8px);
  border: 2px dashed var(--color-border-secondary, #d1d5db);
}
.page_emptyState__BEMkT p {
  color: var(--color-text-secondary, #666);
  text-align: center;
  font-size: 1rem;
}
.page_emptyState__BEMkT code {
  background-color: var(--color-background-tertiary, #e5e7eb);
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-1, 4px);
  font-family: Monaco, Menlo, monospace;
  font-size: 0.875rem;
}
@media (max-width: 768px) {
  .page_container__9oYLy {
    padding: 1rem;
  }
  .page_title___3AYD {
    font-size: 2rem;
  }
  .page_tokenGrid__RTxvs {
    grid-template-columns: 1fr;
  }
}
.Tag_tag__rUk6v {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  background-color: var(--color-white);
  color: var(--text-primary);
  border: 1px solid var(--genentech-a-4);
  border-radius: var(--radius-full);
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: all var(--duration-fast) var(--easing-ease-in-out);
  cursor: default;
}
.Tag_tag__rUk6v:hover:not(.Tag_disabled__gHMW9) {
  border-color: var(--genentech-a-3);
}
.Tag_tag__rUk6v:focus-within:not(.Tag_disabled__gHMW9) {
  outline: 2px solid var(--interactive-primary);
  outline-offset: 2px;
}
.Tag_tag__rUk6v.Tag_selected__IWN7G:not(.Tag_disabled__gHMW9) {
  background-color: var(--genentech-a-5);
  color: var(--genentech-a-2);
  border-color: var(--genentech-a-3);
}
.Tag_tag__rUk6v.Tag_selected__IWN7G:hover:not(.Tag_disabled__gHMW9) {
  border-color: var(--genentech-a-2);
}
.Tag_tag__rUk6v.Tag_disabled__gHMW9 {
  background-color: var(--color-gray-100);
  color: var(--text-disabled);
  border-color: var(--color-gray-200);
  cursor: not-allowed;
  opacity: 0.6;
}
.Tag_tag__rUk6v.Tag_disabled__gHMW9.Tag_selected__IWN7G {
  background-color: var(--color-gray-200);
  color: var(--text-disabled);
  border-color: var(--color-gray-300);
}
.Tag_sm__QMUcy {
  padding: var(--space-1) var(--space-2);
  font-size: var(--font-size-xs);
  min-height: 1.5rem;
}
.Tag_md__DPBAf,
.Tag_sm__QMUcy {
  line-height: var(--line-height-tight);
}
.Tag_md__DPBAf {
  padding: var(--space-1) var(--space-3);
  font-size: var(--font-size-sm);
  min-height: 1.75rem;
}
.Tag_lg__0IA0V {
  padding: var(--space-2) var(--space-4);
  font-size: var(--font-size-base);
  line-height: var(--line-height-tight);
  min-height: 2rem;
}
.Tag_text__un9F8 {
  display: flex;
  align-items: center;
  margin: 0;
  flex-shrink: 1;
  min-width: 0;
}
.Tag_avatarContainer__aNaP8 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.Tag_sm__QMUcy .Tag_avatar__dCFI7 {
  width: 1rem;
  height: 1rem;
}
.Tag_md__DPBAf .Tag_avatar__dCFI7 {
  width: 1.25rem;
  height: 1.25rem;
}
.Tag_lg__0IA0V .Tag_avatar__dCFI7 {
  width: 1.5rem;
  height: 1.5rem;
}
.Tag_iconContainer__DpNfm {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.Tag_icon__M6f0s {
  color: var(--text-secondary);
}
.Tag_selected__IWN7G .Tag_icon__M6f0s {
  color: var(--genentech-a-2);
}
.Tag_disabled__gHMW9 .Tag_icon__M6f0s {
  color: var(--text-disabled);
}
.Tag_hasAvatar__lojgx {
  padding-left: var(--space-1);
}
.Tag_hasClose__JuAbs {
  padding-right: var(--space-1);
}
.Tag_tag__rUk6v:focus-within {
  outline: var(--border-2) solid var(--interactive-primary);
  outline-offset: var(--border-1);
}
@media (prefers-reduced-motion: reduce) {
  .Tag_tag__rUk6v {
    transition: none;
  }
}
[dir="rtl"] .Tag_hasAvatar__lojgx {
  padding-left: var(--space-3);
  padding-right: var(--space-1);
}
[dir="rtl"] .Tag_hasClose__JuAbs {
  padding-left: var(--space-1);
  padding-right: var(--space-3);
}
[dir="rtl"] .Tag_avatarContainer__aNaP8 {
  margin-left: 0;
}
.SkeletonCard_card__4hODp {
  background-color: var(--color-surface-primary);
  border-radius: var(--border-radius-md);
  overflow: hidden;
}
.SkeletonCard_body__gKuCH {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-4);
  gap: var(--space-3);
}
.SkeletonCard_content___UTob {
  flex: 1;
  min-width: 0;
}
.SkeletonCard_titleSection__eYUSK {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-2);
}
.SkeletonCard_titleSkeleton__d_yy3 {
  height: 1.5rem;
  width: 200px;
  border-radius: var(--border-radius-sm);
}
.SkeletonCard_badgeSkeleton__7fI7o,
.SkeletonCard_titleSkeleton__d_yy3 {
  background-color: var(--color-surface-secondary);
  animation: SkeletonCard_pulse__ZA2tk 1.5s ease-in-out infinite alternate;
}
.SkeletonCard_badgeSkeleton__7fI7o {
  height: 1.25rem;
  width: 80px;
  border-radius: var(--border-radius-full);
}
.SkeletonCard_descriptionSkeleton__Gn1XO {
  height: 1rem;
  width: 160px;
  background-color: var(--color-surface-secondary);
  border-radius: var(--border-radius-sm);
  animation: SkeletonCard_pulse__ZA2tk 1.5s ease-in-out infinite alternate;
}
.SkeletonCard_arrow__ymo1p {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.SkeletonCard_chevronSkeleton__HzYQz {
  height: 1.5rem;
  width: 1.5rem;
  background-color: var(--color-surface-secondary);
  border-radius: var(--border-radius-sm);
  animation: SkeletonCard_pulse__ZA2tk 1.5s ease-in-out infinite alternate;
}
.SkeletonCard_divider__WquuL {
  height: 1px;
  background-color: var(--color-border);
}
@keyframes SkeletonCard_pulse__ZA2tk {
  0% {
    opacity: 0.6;
  }
  to {
    opacity: 1;
  }
}
@media (max-width: 480px) {
  .SkeletonCard_titleSkeleton__d_yy3 {
    width: 150px;
  }
  .SkeletonCard_descriptionSkeleton__Gn1XO {
    width: 120px;
  }
}
.StylizedMultiselect_container__gjXMj {
  position: relative;
  width: 100%;
  font-family: var(--font-family-primary);
  margin-bottom: var(--spacing-lg);
}
.StylizedMultiselect_container__gjXMj.StylizedMultiselect_hasError__HAy62
  .StylizedMultiselect_chipGrid__g_oiL
  .StylizedMultiselect_chip__Xa9ef {
  border-color: var(--color-error-500);
}
.StylizedMultiselect_label__eoWt4 {
  display: block;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  color: var(--text-primary);
  margin-bottom: var(--space-6);
}
.StylizedMultiselect_required__9oKHy {
  color: var(--color-error-500);
  margin-left: var(--spacing-2xs);
}
.StylizedMultiselect_chipGrid__g_oiL {
  display: grid;
  gap: var(--space-3);
  margin-bottom: var(--space-6);
}
.StylizedMultiselect_chip__Xa9ef {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  padding: 0.625rem var(--space-4);
  border-radius: 30px;
  border: 1px solid var(--genentech-a-4);
  background: var(--genentech-white);
  color: var(--genentech-a-2);
  font-family: var(--font-family-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  cursor: pointer;
  transition: all 0.2s ease;
  outline-offset: 2px;
  width: 100%;
  text-align: left;
}
.StylizedMultiselect_chip__Xa9ef:hover:not(:disabled) {
  background-color: var(--color-background-hover);
}
.StylizedMultiselect_chip__Xa9ef:focus {
  outline: 2px solid var(--color-primary-500);
}
.StylizedMultiselect_chipDisabled__zlugV,
.StylizedMultiselect_chip__Xa9ef:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.StylizedMultiselect_selectedGreen__gErj7 {
  background-color: var(--genentech-g-4);
  border-color: var(--genentech-g-3);
  color: var(--genentech-g-1);
}
.StylizedMultiselect_selectedGreen__gErj7:hover:not(:disabled) {
  background-color: var(--genentech-g-3) !important;
  border-color: var(--genentech-g-2) !important;
}
.StylizedMultiselect_selectedBlue__7SRPg {
  background-color: var(--genentech-a-5);
  border-color: var(--genentech-a-3);
  color: var(--genentech-a-2);
}
.StylizedMultiselect_selectedBlue__7SRPg:hover:not(:disabled) {
  background-color: var(--genentech-a-4) !important;
  border-color: var(--genentech-a-2) !important;
}
.StylizedMultiselect_chipContent__e1K03 {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex: 1;
}
.StylizedMultiselect_chipLabel__nj0_9 {
  white-space: nowrap;
  flex: 1;
}
.StylizedMultiselect_checkmarkIcon__o3NRF {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.StylizedMultiselect_helperText__ki_bm {
  margin-top: var(--space-2);
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
}
.StylizedMultiselect_errorText__xx2e7 {
  margin-top: var(--space-2);
  font-size: var(--font-size-sm);
  color: var(--color-error-500);
  font-weight: var(--font-weight-medium);
}
.StylizedMultiselect_srOnly__S3zYO {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 768px) {
  .StylizedMultiselect_chipGrid__g_oiL {
    gap: var(--space-2);
  }
  .StylizedMultiselect_chip__Xa9ef {
    font-size: var(--font-size-sm);
    padding: 0.5rem var(--space-3);
  }
}
@media (prefers-contrast: high) {
  .StylizedMultiselect_chip__Xa9ef {
    border-width: 2px;
    font-weight: var(--font-weight-semibold);
  }
  .StylizedMultiselect_selectedBlue__7SRPg,
  .StylizedMultiselect_selectedGreen__gErj7 {
    border-width: 3px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .StylizedMultiselect_chip__Xa9ef {
    transition: none;
  }
}
.scrollbar {
  scrollbar-width: thin;
  scrollbar-color: var(--color-gray-200, #d0d3d4) transparent;
}
.scrollbar::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.scrollbar::-webkit-scrollbar-track {
  background: transparent;
  padding: 4px;
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--color-gray-200, #d0d3d4);
  border-radius: 4.5px;
  border: 4px solid transparent;
  background-clip: content-box;
  min-height: 47px;
}
.scrollbar::-webkit-scrollbar-thumb:active,
.scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-gray-500, #9ea2a2);
}
@supports (scrollbar-width: thin) {
  .scrollbar:hover {
    scrollbar-color: var(--color-gray-500, #9ea2a2) transparent;
  }
}
.scrollbar-auto {
  overflow: auto;
}
.scrollbar-auto::-webkit-scrollbar-thumb {
  background-color: transparent;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.scrollbar-auto:hover::-webkit-scrollbar-thumb {
  background-color: var(--color-gray-200, #d0d3d4);
}
.scrollbar-auto:hover::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-gray-500, #9ea2a2);
}
.scrollbar-y {
  overflow-y: auto;
  overflow-x: hidden;
}
.scrollbar-x {
  overflow-x: auto;
  overflow-y: hidden;
}
.scrollbar-both {
  overflow: auto;
}
@media (prefers-color-scheme: dark) {
  .scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--color-gray-700, #4a4a4a);
  }
  .scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-gray-500, #9ea2a2);
  }
  .scrollbar {
    scrollbar-color: var(--color-gray-700, #4a4a4a) transparent;
  }
  .scrollbar:hover {
    scrollbar-color: var(--color-gray-500, #9ea2a2) transparent;
  }
}
.ProjectListCard_card__o4SS9 {
  display: flex;
  flex-direction: column;
  background-color: var(--surface-primary, #fff);
  width: 100%;
  transition: background-color 0.2s ease;
  position: relative;
}
.ProjectListCard_clickable__z8h3E {
  cursor: pointer;
}
.ProjectListCard_clickable__z8h3E:hover {
  background-color: var(--surface-secondary, #eff0f0);
}
.ProjectListCard_clickable__z8h3E .ProjectListCard_titleLink__2JSEd:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.ProjectListCard_body__XeNvh {
  display: flex;
  align-items: center;
  gap: var(--space-2, 8px);
  padding: var(--space-6, 24px);
  width: 100%;
}
.ProjectListCard_content__MpuhI {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  flex: 1;
  min-width: 0;
}
.ProjectListCard_badge__irWTj {
  display: inline;
}
.ProjectListCard_titleSection__2JiKv {
  margin-bottom: var(--space-2);
}
.ProjectListCard_titleLink__2JSEd,
.ProjectListCard_title__63r0T {
  font-family: var(--font-family-primary, "Gene Sans", sans-serif);
  font-size: var(--font-size-lg, 1.125rem);
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0;
  color: var(--text-primary, #21201f);
  margin: 0;
  flex: 1;
}
.ProjectListCard_titleLink__2JSEd {
  display: inline-block;
  text-decoration: none;
}
.ProjectListCard_titleLink__2JSEd:hover {
  text-decoration: none;
}
.ProjectListCard_titleLink__2JSEd:focus-visible {
  outline: 0.125rem solid var(--interactive-primary);
  outline-offset: 0.125rem;
  border-radius: var(--radius-sm, 0.25rem);
  position: relative;
  z-index: 2;
}
.ProjectListCard_titleSection__2JiKv > .badge {
  position: relative;
  z-index: 2;
}
.ProjectListCard_description__WXPTa {
  font-family: var(--font-family-primary, "Gene Sans", sans-serif);
  font-size: var(--font-size-base, 1rem);
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: var(--text-primary, #21201f);
  margin: 0;
  width: 100%;
}
.ProjectListCard_cardFooter__hUOO8 {
  display: flex;
  align-items: center;
  gap: var(--space-2, 8px);
}
.ProjectListCard_dateSection__b7Lb9 {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2, 8px);
  flex-shrink: 0;
}
.ProjectListCard_date__3oA3T,
.ProjectListCard_subDescription__91KTA {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-normal);
}
.ProjectListCard_date__3oA3T,
.ProjectListCard_requesterName__LOPbn,
.ProjectListCard_subDescription__91KTA {
  font-family: var(--font-family-primary, "Gene Sans", sans-serif);
  line-height: 20px;
  letter-spacing: 0.2px;
  color: var(--text-secondary, #545859);
  margin: 0;
  flex-shrink: 0;
}
.ProjectListCard_requesterName__LOPbn {
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: 300;
}
.ProjectListCard_subDescription__91KTA {
  flex-shrink: 0;
}
.ProjectListCard_arrow__oUEqf {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-2, 8px);
  flex-shrink: 0;
  color: var(--text-secondary, #545859);
}
.ProjectListCard_divider__YqMVZ {
  height: 1px;
  width: 100%;
  background-color: var(--border-secondary, #9ea2a2);
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .ProjectListCard_cardFooter__hUOO8 {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-1, 4px);
  }
  .ProjectListCard_titleSection__2JiKv {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-2, 8px);
  }
  .ProjectListCard_dateSection__b7Lb9 {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-1, 4px);
  }
  .ProjectListCard_body__XeNvh {
    padding: var(--space-4, 16px);
  }
}
@media (prefers-contrast: high) {
  .ProjectListCard_card__o4SS9 {
    border: 1px solid var(--border-primary, #545859);
  }
  .ProjectListCard_titleLink__2JSEd,
  .ProjectListCard_title__63r0T {
    font-weight: 600;
  }
  .ProjectListCard_divider__YqMVZ {
    background-color: var(--border-primary, #545859);
    height: 2px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ProjectListCard_card__o4SS9,
  .ProjectListCard_titleLink__2JSEd {
    transition: none;
  }
}

/* ── Site navigation bar (all pages) ──────────────────────────────────── */
.site-nav {
  background: var(--surface-secondary, #f0f2f2);
  border-bottom: 1px solid var(--border-secondary, #d0d3d4);
  padding: 0.5rem 1.5rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.375rem 0;
  font-family: var(--font-family-primary, sans-serif);
  font-size: 0.875rem;
}

.site-nav a {
  color: var(--genentech-a-2, #003087);
  text-decoration: none;
  white-space: nowrap;
  padding: 0.125rem 0.75rem;
}

.site-nav a:hover {
  text-decoration: underline;
}

.site-nav__home {
  font-weight: 600;
  padding-left: 0;
  margin-right: 0.25rem;
  padding-right: 1rem;
  border-right: 1px solid var(--border-secondary, #d0d3d4);
}

/* ── Table-of-contents jump nav (index.html) ──────────────────────────── */
.toc-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1.25rem 0 2rem;
}

.toc-nav a {
  display: inline-block;
  padding: 0.375rem 0.875rem;
  background: var(--surface-primary, #fff);
  color: var(--genentech-a-2, #003087);
  border: 1px solid var(--genentech-a-4, #9baee4);
  border-radius: var(--radius-sm, 4px);
  text-decoration: none;
  font-family: var(--font-family-primary, sans-serif);
  font-size: 0.875rem;
  font-weight: 500;
  transition:
    background-color 0.15s,
    border-color 0.15s;
}

.toc-nav a:hover {
  background: var(--genentech-a-5, #e1e7f7);
  border-color: var(--genentech-a-2, #003087);
}