@charset "utf-8";

@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
  *, ::after, ::before { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-mask-linear: linear-gradient(#fff,#fff); --tw-mask-radial: linear-gradient(#fff,#fff); --tw-mask-conic: linear-gradient(#fff,#fff); --tw-mask-radial-from-position: 0%; --tw-mask-radial-to-position: 100%; --tw-mask-radial-from-color: black; --tw-mask-radial-to-color: transparent; --tw-mask-radial-shape: ellipse; --tw-mask-radial-size: farthest-corner; --tw-mask-radial-position: center; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-contain-size: initial; --tw-contain-layout: initial; --tw-contain-paint: initial; --tw-contain-style: initial; --tw-text-shadow-color: initial; --tw-text-shadow-alpha: 100%; --tw-content: ""; }
}
}

@layer theme {
  :root { --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --tracking-tight: -.025em; --tracking-wider: .05em; --leading-tight: 1.25; --leading-relaxed: 1.625; --drop-shadow-sm: 0 1px 2px #00000026; --ease-out: cubic-bezier(0,0,.2,1); --ease-in-out: cubic-bezier(.4,0,.2,1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1) infinite; --blur-md: 12px; --aspect-video: 16/9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4,0,.2,1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --z-index-snackbar: 2000; --spacing-25: 2px; --spacing-100: 8px; --spacing-200: 12px; --color-bg-tertiary: var(--theme-bg-tertiary); --color-bg-gradient-asset-overlay-0: var(--theme-bg-gradient-asset-overlay-0); --color-bg-gradient-asset-overlay-100: var(--theme-bg-gradient-asset-overlay-100); --color-feedback-bg-subtle: var(--theme-feedback-bg-subtle); --color-fg-focus: var(--theme-fg-focus); --radius-surface-xs: var(--radius-200); --radius-surface-sm: var(--radius-300); }
  .theme-light, :root { --theme-fg-primary: var(--grey-900); --theme-bg-primary: var(--brand-cardstock-white); --theme-bg-secondary: var(--grey-50); --theme-bg-tertiary: var(--grey-100); --theme-bg-error: var(--system-red-lighter); --theme-bg-surface-primary: var(--brand-cardstock-white); --theme-bg-surface-secondary: var(--grey-75); --theme-bg-surface-tertiary: var(--grey-150); --theme-bg-surface-inverse: var(--grey-900); --theme-fg-secondary: var(--grey-700); --theme-bg-disabled: var(--grey-50); --theme-fg-tertiary: var(--grey-600); --theme-fg-on-brand: var(--brand-cardstock-black); --theme-fg-waveform-default: var(--grey-200); --theme-fg-waveform-hover: var(--grey-300); --theme-fg-waveform-played: var(--grey-900); --theme-bg-gradient-asset-overlay-0: var(--transparent-black-900); --theme-bg-gradient-asset-overlay-0-dark: var(--grey-900); --theme-bg-gradient-asset-overlay-100: var(--transparent-black-0); --theme-bg-gradient-column-overlay-0: var(--transparent-black-0); --theme-bg-gradient-column-overlay-100: var(--transparent-black-200); --theme-bg-overlay-backdrop: var(--transparent-black-900); --theme-fg-disabled: var(--grey-400); --theme-fg-error: var(--system-red-dark); --theme-fg-inverse: var(--brand-cardstock-white); --theme-fg-light: var(--brand-cardstock-white); --theme-bg-handle-default: var(--transparent-black-300); --theme-fg-border-primary: var(--transparent-black-600); --theme-bg-handle-hover: var(--transparent-black-400); --theme-bg-handle-active: var(--transparent-black-600); --theme-bg-handle-disabled: var(--transparent-black-100); --theme-bg-handle-error: var(--system-red-dark); --theme-bg-brand-tan: var(--brand-tan); --theme-bg-brand-orange: var(--brand-orange-base); --theme-bg-brand-apricot: var(--brand-apricot); --theme-bg-brand-blue: var(--brand-blue-base); --theme-bg-brand-sky: var(--brand-sky); --theme-bg-brand-green: var(--brand-green-base); --theme-bg-brand-lime: var(--brand-lime); --theme-bg-brand-purple: var(--brand-purple-base); --theme-bg-brand-lilac: var(--brand-lilac); --theme-bg-brand-red: var(--brand-red-base); --theme-bg-brand-rose: var(--brand-rose); --theme-bg-brand-dark-grey: var(--brand-dark-grey); --theme-bg-brand-light-grey: var(--brand-light-grey); --theme-fg-border-secondary: var(--transparent-black-300); --theme-fg-border-tertiary: var(--transparent-black-100); --theme-fg-border-brand: var(--brand-red-base); --theme-input-bg-default: var(--transparent-white-0); --theme-input-bg-inactive: var(--transparent-black-100); --theme-input-bg-hover: var(--transparent-black-200); --theme-input-bg-active: var(--transparent-black-400); --theme-input-bg-filled: var(--transparent-black-400); --theme-input-bg-disabled: var(--transparent-black-100); --theme-input-fg-inactive: var(--grey-600); --theme-input-fg-hover: var(--grey-900); --theme-input-fg-active: var(--grey-900); --theme-input-fg-active-alt: var(--grey-900); --theme-input-fg-filled: var(--grey-900); --theme-input-fg-filled-alt: var(--grey-900); --theme-input-fg-disabled: var(--grey-300); --theme-input-fg-inverse: var(--brand-cardstock-white); --theme-input-fg-error: var(--system-red-dark); --theme-input-border-inactive: var(--grey-300); --theme-input-border-hover: var(--grey-500); --theme-input-border-active: var(--grey-700); --theme-input-border-filled: var(--grey-700); --theme-input-border-disabled: var(--grey-200); --theme-input-border-error: var(--system-red-dark); --theme-menu-bg-default: var(--transparent-white-0); --theme-menu-bg-hover: var(--transparent-black-100); --theme-menu-bg-active: var(--transparent-black-300); --theme-menu-fg-default: var(--grey-900); --theme-menu-fg-hover: var(--grey-900); --theme-menu-fg-active: var(--grey-900); --theme-menu-fg-disabled: var(--grey-400); --theme-menu-border-default: var(--grey-100); --theme-feedback-fg-default: var(--grey-900); --theme-feedback-fg-light: var(--brand-cardstock-white); --theme-feedback-fg-subtle: var(--grey-700); --theme-feedback-fg-info: var(--brand-blue-base); --theme-feedback-fg-success: var(--brand-green-base); --theme-feedback-fg-warning: var(--brand-orange-base); --theme-feedback-fg-discover: var(--brand-red-base); --theme-feedback-fg-error: var(--system-red-base); --theme-link-default: var(--grey-900); --theme-link-hover: var(--grey-600); --theme-link-active: var(--brand-cardstock-black); --theme-link-inactive: var(--grey-600); --theme-link-disabled: var(--grey-400); --theme-btn-primary-bg-default: var(--grey-900); --theme-btn-primary-bg-hover: var(--grey-700); --theme-btn-primary-bg-active: var(--grey-600); --theme-btn-primary-bg-disabled: var(--grey-125); --theme-btn-primary-fg-default: var(--brand-cardstock-white); --theme-btn-primary-fg-disabled: var(--grey-400); --theme-btn-secondary-fg-default: var(--grey-900); --theme-btn-secondary-fg-hover: var(--grey-900); --theme-btn-secondary-fg-active: var(--grey-900); --theme-btn-secondary-fg-disabled: var(--grey-400); --theme-btn-secondary-border-default: var(--grey-300); --theme-btn-secondary-border-hover: var(--grey-500); --theme-btn-secondary-border-active: var(--grey-900); --theme-btn-tertiary-bg-default: var(--transparent-white-0); --theme-btn-tertiary-bg-hover: var(--transparent-black-400); --theme-btn-tertiary-bg-active: var(--transparent-black-600); --theme-bg-overlay-disabled: var(--transparent-white-600); --theme-btn-tertiary-fg-default: var(--grey-900); --theme-btn-tertiary-fg-hover: var(--grey-900); --theme-btn-tertiary-fg-active: var(--grey-900); --theme-btn-tertiary-fg-disabled: var(--grey-400); --theme-btn-tertiary-fg-inactive: var(--grey-600); --theme-feedback-bg-subtle: var(--grey-200); --theme-feedback-bg-info: var(--brand-blue-base); --theme-feedback-bg-success: var(--brand-green-base); --theme-feedback-bg-warning: var(--brand-orange-base); --theme-feedback-bg-discover: var(--brand-red-base); --theme-feedback-bg-error: var(--system-red-base); --theme-fg-focus: var(--brand-blue-base); --theme-fg-help-underline: var(--brand-dark-grey); --theme-btn-temp-primary-bg-default: var(--temp-red-base); --theme-btn-temp-primary-bg-hover: var(--temp-red-dark); --theme-btn-temp-primary-bg-active: var(--temp-red-darker); --theme-btn-temp-primary-bg-disabled: var(--grey-125); --theme-btn-temp-primary-fg-default: var(--brand-cardstock-white); --theme-btn-temp-primary-fg-disabled: var(--grey-400); --theme-bg-surface-transparent-primary: var(--transparent-white-900); --theme-bg-surface-transparent-secondary: var(--transparent-white-800); --theme-bg-surface-transparent-tertiary: var(--transparent-white-700); }
  .theme-dark { --theme-fg-primary: var(--brand-cardstock-white); --theme-bg-primary: var(--grey-900); --theme-bg-secondary: var(--grey-800); --theme-bg-tertiary: var(--grey-700); --theme-bg-error: var(--system-red-dark); --theme-bg-surface-primary: var(--grey-850); --theme-bg-surface-secondary: var(--grey-750); --theme-bg-surface-tertiary: var(--grey-725); --theme-bg-surface-inverse: var(--brand-cardstock-white); --theme-fg-secondary: var(--grey-200); --theme-bg-disabled: var(--grey-750); --theme-fg-tertiary: var(--grey-400); --theme-fg-on-brand: var(--brand-cardstock-black); --theme-fg-waveform-default: var(--grey-500); --theme-fg-waveform-hover: var(--grey-400); --theme-fg-waveform-played: var(--grey-200); --theme-bg-gradient-asset-overlay-0: var(--transparent-black-900); --theme-bg-gradient-asset-overlay-0-dark: var(--grey-900); --theme-bg-gradient-asset-overlay-100: var(--transparent-black-0); --theme-bg-gradient-column-overlay-0: var(--transparent-white-0); --theme-bg-gradient-column-overlay-100: var(--transparent-white-500); --theme-bg-overlay-backdrop: var(--transparent-black-900); --theme-fg-disabled: var(--grey-500); --theme-fg-error: var(--system-red-light); --theme-fg-inverse: var(--grey-900); --theme-fg-light: var(--brand-cardstock-white); --theme-bg-handle-default: var(--transparent-white-300); --theme-fg-border-primary: var(--transparent-white-400); --theme-bg-handle-hover: var(--transparent-white-400); --theme-bg-handle-active: var(--transparent-white-600); --theme-bg-handle-disabled: var(--transparent-white-100); --theme-bg-handle-error: var(--system-red-light); --theme-bg-brand-tan: var(--brand-tan); --theme-bg-brand-orange: var(--brand-orange-base); --theme-bg-brand-apricot: var(--brand-apricot); --theme-bg-brand-blue: var(--brand-blue-base); --theme-bg-brand-sky: var(--brand-sky); --theme-bg-brand-green: var(--brand-green-base); --theme-bg-brand-lime: var(--brand-lime); --theme-bg-brand-purple: var(--brand-purple-base); --theme-bg-brand-lilac: var(--brand-lilac); --theme-bg-brand-red: var(--brand-red-base); --theme-bg-brand-rose: var(--brand-rose); --theme-bg-brand-dark-grey: var(--brand-dark-grey); --theme-bg-brand-light-grey: var(--brand-light-grey); --theme-fg-border-secondary: var(--transparent-white-300); --theme-fg-border-tertiary: var(--transparent-white-100); --theme-fg-border-brand: var(--brand-red-base); --theme-input-bg-default: var(--transparent-white-0); --theme-input-bg-inactive: var(--transparent-white-100); --theme-input-bg-hover: var(--transparent-white-300); --theme-input-bg-active: var(--transparent-white-500); --theme-input-bg-filled: var(--transparent-white-500); --theme-input-bg-disabled: var(--transparent-white-200); --theme-input-fg-inactive: var(--grey-300); --theme-input-fg-hover: var(--grey-50); --theme-input-fg-active: var(--grey-50); --theme-input-fg-active-alt: var(--grey-50); --theme-input-fg-filled: var(--grey-50); --theme-input-fg-filled-alt: var(--grey-50); --theme-input-fg-disabled: var(--grey-500); --theme-input-fg-inverse: var(--grey-900); --theme-input-fg-error: var(--system-red-light); --theme-input-border-inactive: var(--grey-600); --theme-input-border-hover: var(--grey-300); --theme-input-border-active: var(--grey-100); --theme-input-border-filled: var(--grey-100); --theme-input-border-disabled: var(--grey-600); --theme-input-border-error: var(--system-red-light); --theme-menu-bg-default: var(--transparent-white-0); --theme-menu-bg-hover: var(--transparent-white-100); --theme-menu-bg-active: var(--transparent-white-300); --theme-menu-fg-default: var(--brand-cardstock-white); --theme-menu-fg-hover: var(--brand-cardstock-white); --theme-menu-fg-active: var(--brand-cardstock-white); --theme-menu-fg-disabled: var(--grey-400); --theme-menu-border-default: var(--grey-800); --theme-feedback-fg-default: var(--brand-cardstock-white); --theme-feedback-fg-light: var(--brand-cardstock-white); --theme-feedback-fg-subtle: var(--grey-300); --theme-feedback-fg-info: var(--brand-blue-base); --theme-feedback-fg-success: var(--brand-green-base); --theme-feedback-fg-warning: var(--brand-orange-base); --theme-feedback-fg-discover: var(--brand-red-base); --theme-feedback-fg-error: var(--system-red-base); --theme-link-default: var(--brand-cardstock-white); --theme-link-hover: var(--grey-300); --theme-link-active: var(--brand-cardstock-white); --theme-link-inactive: var(--grey-200); --theme-link-disabled: var(--grey-500); --theme-btn-primary-bg-default: var(--brand-cardstock-white); --theme-btn-primary-bg-hover: var(--grey-100); --theme-btn-primary-bg-active: var(--grey-200); --theme-btn-primary-bg-disabled: var(--grey-600); --theme-btn-primary-fg-default: var(--grey-900); --theme-btn-primary-fg-disabled: var(--grey-500); --theme-btn-secondary-fg-default: var(--brand-cardstock-white); --theme-btn-secondary-fg-hover: var(--brand-cardstock-white); --theme-btn-secondary-fg-active: var(--brand-cardstock-white); --theme-btn-secondary-fg-disabled: var(--grey-500); --theme-btn-secondary-border-default: var(--grey-500); --theme-btn-secondary-border-hover: var(--grey-200); --theme-btn-secondary-border-active: var(--brand-cardstock-white); --theme-btn-tertiary-bg-default: var(--transparent-white-0); --theme-btn-tertiary-bg-hover: var(--transparent-white-400); --theme-btn-tertiary-bg-active: var(--transparent-white-600); --theme-bg-overlay-disabled: var(--transparent-black-600); --theme-btn-tertiary-fg-default: var(--brand-cardstock-white); --theme-btn-tertiary-fg-hover: var(--brand-cardstock-white); --theme-btn-tertiary-fg-active: var(--brand-cardstock-white); --theme-btn-tertiary-fg-disabled: var(--grey-500); --theme-btn-tertiary-fg-inactive: var(--grey-200); --theme-feedback-bg-subtle: var(--grey-700); --theme-feedback-bg-info: var(--brand-blue-dark); --theme-feedback-bg-success: var(--brand-green-dark); --theme-feedback-bg-warning: var(--brand-orange-dark); --theme-feedback-bg-discover: var(--brand-red-dark); --theme-feedback-bg-error: var(--system-red-dark); --theme-fg-focus: var(--brand-blue-base); --theme-fg-help-underline: var(--brand-lilac); --theme-btn-temp-primary-bg-default: var(--temp-red-base); --theme-btn-temp-primary-bg-hover: var(--temp-red-dark); --theme-btn-temp-primary-bg-active: var(--temp-red-darker); --theme-btn-temp-primary-bg-disabled: var(--grey-600); --theme-btn-temp-primary-fg-default: var(--brand-cardstock-white); --theme-btn-temp-primary-fg-disabled: var(--grey-500); --theme-bg-surface-transparent-primary: var(--transparent-black-900); --theme-bg-surface-transparent-secondary: var(--transparent-black-800); --theme-bg-surface-transparent-tertiary: var(--transparent-black-700); }
}

@layer base {
  *, ::after, ::before { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
  html { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; }
  h1, h2 { font-size: inherit; font-weight: inherit; }
  a { color: inherit; text-decoration: inherit; }
  ul { list-style: none; }
  img, svg { vertical-align: middle; display: block; }
  img { max-width: 100%; height: auto; }
  button, input { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
  button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }
  * { font-variant-ligatures: none; }
}

@layer components {
}

@layer utilities {
  .pointer-events-auto { pointer-events: auto; }
  .relative { position: relative; }
  .m-0 { margin: 0px; }
  .mr-100 { margin-right: 8px; }
  .flex { display: flex; }
  .hidden { display: none; }
  .inline-flex { display: inline-flex; }
  .size-300 { width: 16px; height: 16px; }
  .size-400 { width: 20px; height: 20px; }
  .size-\[36px\] { width: 36px; height: 36px; }
  .size-full { width: 100%; height: 100%; }
  .h-\[24px\] { height: 24px; }
  .h-\[44px\] { height: 44px; }
  .h-full { height: 100%; }
  .min-h-\[80vh\] { min-height: 80vh; }
  .w-full { width: 100%; }
  .max-w-\[1400px\] { max-width: 1400px; }
  .max-w-screen { max-width: 100vw; }
  .min-w-0 { min-width: 0px; }
  .min-w-\[150px\] { min-width: 150px; }
  .flex-1 { flex: 1 1 0%; }
  .animate-pulse { animation: var(--animate-pulse); }
  .cursor-pointer { cursor: pointer; }
  .flex-col { flex-direction: column; }
  .flex-row { flex-direction: row; }
  .flex-nowrap { flex-wrap: nowrap; }
  .items-center { align-items: center; }
  .justify-between { justify-content: space-between; }
  .justify-center { justify-content: center; }
  .gap-50 { gap: 4px; }
  .gap-100 { gap: 8px; }
  .gap-400 { gap: 20px; }
  .gap-500 { gap: 26px; }
  .overflow-hidden { overflow: hidden; }
  .rounded-full { border-radius: 3.40282e+38px; }
  .rounded-input-default { border-radius: var(--radius-300); }
  .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; }
  .border-b-transparent { border-bottom-color: rgba(0, 0, 0, 0); }
  .bg-bg-brand-apricot { background-color: var(--theme-bg-brand-apricot); }
  .bg-bg-primary { background-color: var(--theme-bg-primary); }
  .bg-bg-surface-secondary { background-color: var(--theme-bg-surface-secondary); }
  .bg-btn-tertiary-bg-default { background-color: var(--theme-btn-tertiary-bg-default); }
  .bg-transparent { background-color: rgba(0, 0, 0, 0); }
  .fill-btn-tertiary-fg-default { fill: var(--theme-btn-tertiary-fg-default); }
  .p-0 { padding: 0px; }
  .p-50 { padding: 4px; }
  .p-200 { padding: 12px; }
  .px-50 { padding-inline: 4px; }
  .px-300 { padding-inline: 16px; }
  .py-100 { padding-block: 8px; }
  .py-500 { padding-block: 26px; }
  .pt-50 { padding-top: 4px; }
  .align-middle { vertical-align: middle; }
  .text-body-sm-bold { font-weight: 670; }
  .text-body-sm-bold, .text-body-sm-reg { font-family: var(--font-family-body); font-size: var(--font-size-200); font-style: normal; line-height: var(--line-height-200); letter-spacing: 0.01em; }
  .text-body-sm-reg { font-weight: 430; }
  .text-btn-tertiary-fg-default { color: var(--theme-btn-tertiary-fg-default); }
  .text-fg-on-brand { color: var(--theme-fg-on-brand); }
  .text-fg-primary { color: var(--theme-fg-primary); }
  .no-underline { text-decoration-line: none; }
  .transition-all { transition-property: all; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
  .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
  .duration-150 { --tw-duration: .15s; transition-duration: 0.15s; }
  .duration-200 { --tw-duration: .2s; transition-duration: 0.2s; }
  .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); }
  .select-none { user-select: none; }
  .group-data-popup-open\/trigger\:rotate-180:is(:where(.group\/trigger)[data-popup-open] *) { rotate: 180deg; }
  .group-data-popup-open\/trigger\:transform:is(:where(.group\/trigger)[data-popup-open] *) { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); }
  .hover\:border-b-2:hover { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; }
  .hover\:border-b-fg-primary:hover { border-bottom-color: var(--theme-fg-primary); }
  .hover\:bg-btn-tertiary-bg-hover:hover { background-color: var(--theme-btn-tertiary-bg-hover); }
  .hover\:bg-transparent:hover { background-color: rgba(0, 0, 0, 0); }
  .hover\:fill-btn-tertiary-fg-hover:hover { fill: var(--theme-btn-tertiary-fg-hover); }
  .hover\:text-btn-tertiary-fg-hover:hover { color: var(--theme-btn-tertiary-fg-hover); }
  .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; }
  .focus-visible\:outline-offset-1:focus-visible { outline-offset: 1px; }
  .focus-visible\:outline-fg-focus:focus-visible { outline-color: var(--theme-fg-focus); }
  .active\:bg-btn-tertiary-bg-active:active { background-color: var(--theme-btn-tertiary-bg-active); }
  .active\:fill-btn-tertiary-fg-active:active { fill: var(--theme-btn-tertiary-fg-active); }
  .active\:text-btn-tertiary-fg-active:active { color: var(--theme-btn-tertiary-fg-active); }
  .disabled\:bg-transparent:disabled { background-color: rgba(0, 0, 0, 0); }
  .disabled\:fill-btn-tertiary-fg-disabled:disabled { fill: var(--theme-btn-tertiary-fg-disabled); }
  .disabled\:text-btn-tertiary-fg-disabled:disabled { color: var(--theme-btn-tertiary-fg-disabled); }
  @media (min-width: 600px) {
  .sm\:flex { display: flex; }
  .sm\:px-layout-gutter { padding-inline: 24px; }
}
  @media (min-width: 1024px) {
  .md\:flex { display: flex; }
  .md\:h-\[30px\] { height: 30px; }
  .md\:min-w-\[185px\] { min-width: 185px; }
}
  @media (min-width: 1280px) {
  .lg\:gap-600 { gap: 32px; }
  .lg\:px-500 { padding-inline: 26px; }
  .lg\:pt-500 { padding-top: 26px; }
  .lg\:pb-700 { padding-bottom: 42px; }
}
}

:root { --brand-cardstock-white: #fff; --brand-cardstock-black: #000; --grey-50: #f5f5f5; --grey-75: #f2f2f2; --system-red-lighter: #fbccd4; --system-red-light: #f2667e; --system-red-base: #ea0028; --system-red-dark: #8c0018; --system-red-darker: #5e0010; --grey-100: #ececec; --grey-125: #e8e8e8; --grey-150: #e3e3e3; --grey-175: #dedede; --grey-200: #d8d8d8; --grey-300: #c5c5c5; --grey-400: #9e9e9e; --grey-500: #787878; --grey-600: #515151; --grey-700: #333; --grey-725: #313131; --grey-750: #2c2c2c; --grey-800: #272727; --grey-825: #232323; --grey-850: #1e1e1e; --grey-900: #121212; --brand-dark-grey: #3e3e3e; --brand-light-grey: #dee2eb; --brand-tan: #f5ece2; --brand-apricot: #ffeab6; --brand-sky: #bdf0fd; --brand-lime: #d9fa77; --brand-purple-lighter: #e4defb; --brand-purple-light: #ad9df3; --brand-purple-base: #765ceb; --brand-purple-dark: #4a3898; --brand-purple-darker: #34276f; --brand-lilac: #d8b9ff; --brand-red-lighter: #ffe2db; --brand-blue-lighter: #e0f4ff; --brand-orange-lighter: #fff0d9; --brand-green-lighter: #c8f4d5; --brand-green-light: #68dd8b; --brand-green-base: #08c741; --brand-green-dark: #057727; --brand-green-darker: #03501a; --brand-orange-light: #ffd28c; --brand-blue-light: #a3deff; --brand-orange-base: #ffb440; --brand-orange-dark: #a27226; --brand-orange-darker: #74501a; --brand-blue-base: #66c8ff; --brand-blue-dark: #3d88b1; --brand-blue-darker: #29678b; --brand-red-light: #ffa992; --brand-red-base: #ff6f4a; --brand-red-dark: #a6452c; --brand-red-darker: #7a311e; --brand-rose: #fbc9ff; --transparent-white-0: #fff0; --transparent-white-100: #ffffff0d; --transparent-white-200: #ffffff12; --transparent-white-300: #ffffff17; --transparent-white-400: #ffffff1c; --transparent-white-500: #ffffff21; --transparent-white-600: #ffffff26; --transparent-white-700: #ffffff80; --transparent-white-800: #fff9; --transparent-black-0: #0000; --transparent-white-900: #ffffffb3; --transparent-black-100: #0000000d; --transparent-black-200: #00000012; --transparent-black-300: #00000017; --transparent-black-400: #0000001c; --transparent-black-500: #00000021; --transparent-black-600: #00000026; --transparent-black-700: #00000080; --transparent-black-800: #0009; --transparent-black-900: #000000b3; --temp-red-base: #fc3441; --temp-red-dark: #e32f3b; --temp-red-darker: #ca2a34; --radius-0: 0px; --radius-100: 2px; --radius-200: 4px; --radius-300: 8px; --radius-400: 12px; --radius-500: 16px; --radius-600: 20px; --radius-700: 26px; --radius-800: 32px; --radius-900: 42px; --radius-max: 9999px; --font-family-body: Haffer,Haffer-fallback-1,Haffer-fallback-2,Helvetica,Arial,Fustat,sans-serif; --font-family-heading: Haffer,Haffer-fallback-1,Haffer-fallback-2,Helvetica,Arial,Fustat,sans-serif; --font-weight-light: Light; --font-weight-regular: Regular; --font-weight-bold: Semibold; --font-size-100: 12px; --font-size-200: 14px; --font-size-300: 16px; --font-size-400: 18px; --font-size-500: 20px; --font-size-600: 24px; --font-size-700: 32px; --font-size-800: 38px; --font-size-900: 57px; --line-height-100: 16px; --line-height-200: 20px; --line-height-300: 26px; --line-height-400: 28px; --line-height-500: 32px; --line-height-600: 35px; --line-height-700: 42px; --line-height-800: 52px; --line-height-900: 68px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }

@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }

@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }

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

@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }

@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0; }

@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }

@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }

@property --tw-mask-linear { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff,#fff); }

@property --tw-mask-radial { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff,#fff); }

@property --tw-mask-conic { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff,#fff); }

@property --tw-mask-radial-from-position { syntax: "*"; inherits: false; initial-value: 0; }

@property --tw-mask-radial-to-position { syntax: "*"; inherits: false; initial-value: 100%; }

@property --tw-mask-radial-from-color { syntax: "*"; inherits: false; initial-value: black; }

@property --tw-mask-radial-to-color { syntax: "*"; inherits: false; initial-value: transparent; }

@property --tw-mask-radial-shape { syntax: "*"; inherits: false; initial-value: ellipse; }

@property --tw-mask-radial-size { syntax: "*"; inherits: false; initial-value: farthest-corner; }

@property --tw-mask-radial-position { syntax: "*"; inherits: false; initial-value: center; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@property --tw-content { syntax: "*"; inherits: false; initial-value: ""; }