/* Default Theme */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');




  :root {
      --button-border-radius: 8px;
      --button-opacity: 1;
      --button-disabled-opacity: 0.5;
      --button-radius: 0.5rem;
      --button-border-width: 1px;
}

  :root {
      --button-primary-border-radius: 8px;
      --button-primary-opacity: 1;
      --button-primary-disabled-opacity: 0.5;
      --button-primary-radius: 0.5rem;
      --button-primary-border-width: 1px;
}

  :root {
      --button-secondary-border-radius: 8px;
      --button-secondary-opacity: 1;
      --button-secondary-disabled-opacity: 0.5;
      --button-secondary-radius: 0.5rem;
      --button-secondary-border-width: 1px;
}

  :root {
      --button-language-border-radius: 8px;
      --button-language-opacity: 1;
      --button-language-disabled-opacity: 0.5;
      --button-language-radius: 0.5rem;
      --button-language-border-width: 1px;
}

  :root {
      --button-language-selected-border-radius: 8px;
      --button-language-selected-opacity: 1;
      --button-language-selected-disabled-opacity: 0.5;
      --button-language-selected-radius: 0.5rem;
      --button-language-selected-border-width: 1px;
}

  :root {
      --button-pill-border-radius: 8px;
      --button-pill-opacity: 1;
      --button-pill-disabled-opacity: 0.5;
      --button-pill-radius: 9999px;
      --button-pill-border-width: 1px;
}

  :root {
      --text-opacity: 1;
}

  :root {
      --label-opacity: 1;
}

  :root {
      --note-opacity: 1;
}

  :root {
      --card-radius: 0.75rem;
      --card-shadow: none;
      --card-opacity: 1;
      --card-subtitle-opacity: 0.75;
      --card-border-width: 0;
}

  :root {
      --card-default-radius: 0.75rem;
      --card-default-shadow: none;
      --card-default-opacity: 1;
      --card-default-subtitle-opacity: 0.75;
      --card-default-border-width: 0;
}

  :root {
      --card-elevated-radius: 0.75rem;
      --card-elevated-shadow: 0 2px 8px rgb(0 0 0 / 0.12);
      --card-elevated-opacity: 1;
      --card-elevated-subtitle-opacity: 0.75;
      --card-elevated-border-width: 0;
}

  :root {
      --card-outlined-radius: 0.75rem;
      --card-outlined-shadow: none;
      --card-outlined-opacity: 1;
      --card-outlined-subtitle-opacity: 0.75;
      --card-outlined-border-width: 1px;
}

  :root {
      --item-opacity: 1;
      --item-disabled-opacity: 0.5;
      --item-border-width: 0;
}

  :root {
      --item-default-opacity: 1;
      --item-default-disabled-opacity: 0.5;
      --item-default-border-width: 0;
}

  :root {
      --item-interactive-opacity: 1;
      --item-interactive-disabled-opacity: 0.5;
      --item-interactive-border-width: 0;
}

  :root {
      --item-header-opacity: 1;
      --item-header-disabled-opacity: 0.5;
      --item-header-border-width: 0;
}

  :root {
      --input-border-width: 1px;
      --input-radius: 0.375rem;
      --input-opacity: 1;
      --input-disabled-opacity: 0.5;
}

  :root {
      --input-default-border-width: 1px;
      --input-default-radius: 0.375rem;
      --input-default-opacity: 1;
      --input-default-disabled-opacity: 0.5;
}

  :root {
      --input-outlined-border-width: 1px;
      --input-outlined-radius: 0.375rem;
      --input-outlined-opacity: 1;
      --input-outlined-disabled-opacity: 0.5;
}

  :root {
      --input-filled-border-width: 0;
      --input-filled-radius: 0.375rem;
      --input-filled-opacity: 1;
      --input-filled-disabled-opacity: 0.5;
}

  :root {
      --checkbox-border-width: 1px;
      --checkbox-radius: 0.25rem;
      --checkbox-opacity: 1;
      --checkbox-disabled-opacity: 0.5;
}

  :root {
      --checkbox-default-border-width: 1px;
      --checkbox-default-radius: 0.25rem;
      --checkbox-default-opacity: 1;
      --checkbox-default-disabled-opacity: 0.5;
}

  :root {
      --segment-border-width: 1px;
      --segment-radius: 0.375rem;
      --segment-opacity: 1;
}

  :root {
      --segment-default-border-width: 1px;
      --segment-default-radius: 0.375rem;
      --segment-default-opacity: 1;
}

  :root {
      --segment-pill-border-width: 1px;
      --segment-pill-radius: 9999px;
      --segment-pill-opacity: 1;
}

  :root {
      --segment-button-radius: 0.375rem;
      --segment-button-opacity: 1;
      --segment-button-disabled-opacity: 0.5;
      --segment-button-border-width: 0;
}

  :root {
      --segment-button-default-radius: 0.375rem;
      --segment-button-default-opacity: 1;
      --segment-button-default-disabled-opacity: 0.5;
      --segment-button-default-border-width: 0;
}

  :root {
      --spinner-track-color: color-mix(in srgb, var(--sq-primary-color) 20%, transparent);
      --spinner-opacity: 1;
}

  :root {
      --progressbar-radius: 9999px;
      --progressbar-opacity: 1;
}

  :root {
      --progressbar-determinate-radius: 9999px;
      --progressbar-determinate-opacity: 1;
}

  :root {
      --progressbar-indeterminate-radius: 9999px;
      --progressbar-indeterminate-opacity: 1;
}

  :root {
      --thumbnail-radius: 0.25rem;
      --thumbnail-opacity: 1;
}

  :root {
      --img-radius: 0;
      --img-opacity: 1;
}

  :root {
      --media-section-media-radius: 0;
}

  :root {
      --loading-backdrop-opacity: 1;
}

  :root {
      --modal-border-width: 0;
      --modal-radius: 0.75rem;
      --modal-opacity: 1;
      --modal-backdrop-color: rgb(0 0 0 / 0.5);
      --modal-backdrop-opacity: 1;
}

  :root {
      --modal-default-border-width: 0;
      --modal-default-radius: 0.75rem;
      --modal-default-opacity: 1;
      --modal-default-backdrop-color: rgb(0 0 0 / 0.5);
      --modal-default-backdrop-opacity: 1;
}

  :root {
      --modal-sheet-border-width: 0;
      --modal-sheet-radius: 1rem 1rem 0 0;
      --modal-sheet-opacity: 1;
      --modal-sheet-backdrop-color: rgb(0 0 0 / 0.5);
      --modal-sheet-backdrop-opacity: 1;
}

  :root {
      --popover-border-width: 1px;
      --popover-radius: 0.5rem;
      --popover-opacity: 1;
      --popover-shadow: 0 4px 12px rgb(0 0 0 / 0.1);
}

  :root {
      --popover-default-border-width: 1px;
      --popover-default-radius: 0.5rem;
      --popover-default-opacity: 1;
      --popover-default-shadow: 0 4px 12px rgb(0 0 0 / 0.1);
}

  :root {
      --popover-tooltip-border-width: 0;
      --popover-tooltip-radius: 0.25rem;
      --popover-tooltip-opacity: 1;
      --popover-tooltip-shadow: 0 4px 12px rgb(0 0 0 / 0.1);
}

  :root {
      --toast-border-width: 1px;
      --toast-radius: 0.5rem;
      --toast-opacity: 1;
      --toast-shadow: 0 4px 12px rgb(0 0 0 / 0.1);
}

  :root {
      --toast-info-border-width: 1px;
      --toast-info-radius: 0.5rem;
      --toast-info-opacity: 1;
      --toast-info-shadow: 0 4px 12px rgb(0 0 0 / 0.1);
}

  :root {
      --toast-success-border-width: 1px;
      --toast-success-radius: 0.5rem;
      --toast-success-opacity: 1;
      --toast-success-shadow: 0 4px 12px rgb(0 0 0 / 0.1);
}

  :root {
      --toast-warning-border-width: 1px;
      --toast-warning-radius: 0.5rem;
      --toast-warning-opacity: 1;
      --toast-warning-shadow: 0 4px 12px rgb(0 0 0 / 0.1);
}

  :root {
      --toast-error-border-width: 1px;
      --toast-error-radius: 0.5rem;
      --toast-error-opacity: 1;
      --toast-error-shadow: 0 4px 12px rgb(0 0 0 / 0.1);
}

  :root {
      --collection-item-border-radius: 8px;
}

  :root {
      --audio-player-now-playing-border-width: 3px;
      --audio-player-inactive-opacity: 0.4;
      --audio-player-next-label-opacity: 0.75;
}

  :root {
      --app-background-display: block;
        --app-background-background-value: #ffffff;
}

  :root {
      --loading-background-display: block;
        --loading-background-background-value: #ffffff;
}

  :root {
      --menu-title-text-align: start;
}

  :root {
      --buttons-button-background: #ffffff;
      --buttons-button-background-rgb: 255 255 255;
      --buttons-button-outline: #e5e7eb;
      --buttons-button-outline-rgb: 229 231 235;
        --buttons-button-font-font-type: google;
        --buttons-button-font-font-family: IBM Plex Sans;
        --buttons-button-font-font-style: normal;
        --buttons-button-font-font-weight: 500;
        --buttons-button-font-font-size: 16px;
        --buttons-button-font-color: #111827;
        --buttons-button-font-line-height: 1.5;
        --buttons-button-font-letter-spacing: normal;
      --buttons-border-radius: 8px;
      --buttons-opacity: 1;
}

  :root {
      --popups-popup-background-color: #ffffff;
      --popups-popup-background-color-rgb: 255 255 255;
      --popups-popup-body-text-color: #111827;
      --popups-popup-body-text-color-rgb: 17 24 39;
      --popups-popup-title-text-color: #111827;
      --popups-popup-title-text-color-rgb: 17 24 39;
}

  :root {
      --start-button-button-background: #ffffff;
      --start-button-button-background-rgb: 255 255 255;
      --start-button-button-outline: #e5e7eb;
      --start-button-button-outline-rgb: 229 231 235;
        --start-button-button-font-font-type: google;
        --start-button-button-font-font-family: IBM Plex Sans;
        --start-button-button-font-font-style: normal;
        --start-button-button-font-font-weight: 500;
        --start-button-button-font-font-size: 16px;
        --start-button-button-font-color: #111827;
        --start-button-button-font-line-height: 1.5;
        --start-button-button-font-letter-spacing: normal;
      --start-button-border-radius: 8px;
      --start-button-opacity: 1;
}

  :root {
      --language-buttons-button-background: #ffffff;
      --language-buttons-button-background-rgb: 255 255 255;
      --language-buttons-button-outline: #e5e7eb;
      --language-buttons-button-outline-rgb: 229 231 235;
        --language-buttons-button-font-font-type: google;
        --language-buttons-button-font-font-family: IBM Plex Sans;
        --language-buttons-button-font-font-style: normal;
        --language-buttons-button-font-font-weight: 500;
        --language-buttons-button-font-font-size: 16px;
        --language-buttons-button-font-color: #111827;
        --language-buttons-button-font-line-height: 1.5;
        --language-buttons-button-font-letter-spacing: normal;
      --language-buttons-border-radius: 8px;
      --language-buttons-opacity: 1;
      --language-buttons-current-button-background: #2563eb;
      --language-buttons-current-button-background-rgb: 37 99 235;
      --language-buttons-current-button-text: #ffffff;
      --language-buttons-current-button-text-rgb: 255 255 255;
}

  :root {
      --secondary-button-button-background: #e5e7eb;
      --secondary-button-button-background-rgb: 229 231 235;
      --secondary-button-button-outline: #9ca3af;
      --secondary-button-button-outline-rgb: 156 163 175;
        --secondary-button-button-font-font-type: google;
        --secondary-button-button-font-font-family: IBM Plex Sans;
        --secondary-button-button-font-font-style: normal;
        --secondary-button-button-font-font-weight: 500;
        --secondary-button-button-font-font-size: 16px;
        --secondary-button-button-font-color: #111827;
        --secondary-button-button-font-line-height: 1.5;
        --secondary-button-button-font-letter-spacing: normal;
      --secondary-button-border-radius: 8px;
      --secondary-button-opacity: 1;
}

  :root {
      --radius-card: 0.75rem;
      --radius-button: 0.5rem;
}




  :root {
  --default-font-family: IBM Plex Sans, sans-serif;
  --default-font-weight: 400;
  --default-font-style: normal;
  --default-font-size: 16px;
  --default-color: #000000;
  --default-line-height: 1.5;
  --default-letter-spacing: normal;
}

  :root {
  --body-font-family: var(--default-font-family);
  --body-font-weight: var(--default-font-weight);
  --body-font-style: var(--default-font-style);
  --body-font-size: var(--default-font-size);
  --body-color: var(--default-color);
  --body-line-height: var(--default-line-height);
  --body-letter-spacing: var(--default-letter-spacing);
}

  :root {
  --reverse-font-family: var(--default-font-family);
  --reverse-font-weight: var(--default-font-weight);
  --reverse-font-style: var(--default-font-style);
  --reverse-font-size: var(--default-font-size);
  --reverse-color: #ffffff;
  --reverse-line-height: var(--default-line-height);
  --reverse-letter-spacing: var(--default-letter-spacing);
}

  :root {
  --heading-font-family: var(--default-font-family);
  --heading-font-weight: 700;
  --heading-font-style: var(--default-font-style);
  --heading-font-size: 45px;
  --heading-color: var(--default-color);
  --heading-line-height: var(--default-line-height);
  --heading-letter-spacing: var(--default-letter-spacing);
}

  :root {
  --fullscreen-audio-player-font-family: var(--reverse-font-family);
  --fullscreen-audio-player-font-weight: var(--reverse-font-weight);
  --fullscreen-audio-player-font-style: var(--reverse-font-style);
  --fullscreen-audio-player-font-size: var(--reverse-font-size);
  --fullscreen-audio-player-color: var(--reverse-color);
  --fullscreen-audio-player-line-height: var(--reverse-line-height);
  --fullscreen-audio-player-letter-spacing: var(--reverse-letter-spacing);
}

  :root {
  --fullscreen-audio-player-title-font-family: var(--fullscreen-audio-player-font-family);
  --fullscreen-audio-player-title-font-weight: 700;
  --fullscreen-audio-player-title-font-style: var(--fullscreen-audio-player-font-style);
  --fullscreen-audio-player-title-font-size: 20px;
  --fullscreen-audio-player-title-color: var(--fullscreen-audio-player-color);
  --fullscreen-audio-player-title-line-height: 1.7;
  --fullscreen-audio-player-title-letter-spacing: var(--fullscreen-audio-player-letter-spacing);
}

  :root {
  --fullscreen-audio-player-eyebrow-font-family: var(--fullscreen-audio-player-font-family);
  --fullscreen-audio-player-eyebrow-font-weight: 700;
  --fullscreen-audio-player-eyebrow-font-style: var(--fullscreen-audio-player-font-style);
  --fullscreen-audio-player-eyebrow-font-size: 11px;
  --fullscreen-audio-player-eyebrow-color: var(--fullscreen-audio-player-color);
  --fullscreen-audio-player-eyebrow-line-height: var(--fullscreen-audio-player-line-height);
  --fullscreen-audio-player-eyebrow-letter-spacing: 1px;
}

  :root {
  --fullscreen-audio-player-time-font-family: var(--fullscreen-audio-player-font-family);
  --fullscreen-audio-player-time-font-weight: var(--fullscreen-audio-player-font-weight);
  --fullscreen-audio-player-time-font-style: var(--fullscreen-audio-player-font-style);
  --fullscreen-audio-player-time-font-size: 14px;
  --fullscreen-audio-player-time-color: var(--fullscreen-audio-player-color);
  --fullscreen-audio-player-time-line-height: var(--fullscreen-audio-player-line-height);
  --fullscreen-audio-player-time-letter-spacing: var(--fullscreen-audio-player-letter-spacing);
}

  :root {
  --fullscreen-audio-player-transcript-font-family: var(--body-font-family);
  --fullscreen-audio-player-transcript-font-weight: var(--body-font-weight);
  --fullscreen-audio-player-transcript-font-style: var(--body-font-style);
  --fullscreen-audio-player-transcript-font-size: 16px;
  --fullscreen-audio-player-transcript-color: var(--body-color);
  --fullscreen-audio-player-transcript-line-height: 1.55;
  --fullscreen-audio-player-transcript-letter-spacing: var(--body-letter-spacing);
}

  :root {
  --fullscreen-audio-player-transcript-label-font-family: var(--fullscreen-audio-player-transcript-font-family);
  --fullscreen-audio-player-transcript-label-font-weight: 700;
  --fullscreen-audio-player-transcript-label-font-style: var(--fullscreen-audio-player-transcript-font-style);
  --fullscreen-audio-player-transcript-label-font-size: 14px;
  --fullscreen-audio-player-transcript-label-color: var(--fullscreen-audio-player-transcript-color);
  --fullscreen-audio-player-transcript-label-line-height: normal;
  --fullscreen-audio-player-transcript-label-letter-spacing: 1px;
}

  :root {
  --fullscreen-audio-player-header-font-family: var(--fullscreen-audio-player-font-family);
  --fullscreen-audio-player-header-font-weight: 500;
  --fullscreen-audio-player-header-font-style: var(--fullscreen-audio-player-font-style);
  --fullscreen-audio-player-header-font-size: 16px;
  --fullscreen-audio-player-header-color: var(--fullscreen-audio-player-color);
  --fullscreen-audio-player-header-line-height: normal;
  --fullscreen-audio-player-header-letter-spacing: var(--fullscreen-audio-player-letter-spacing);
}

  :root {
  --bar-audio-player-font-family: var(--default-font-family);
  --bar-audio-player-font-weight: var(--default-font-weight);
  --bar-audio-player-font-style: var(--default-font-style);
  --bar-audio-player-font-size: var(--default-font-size);
  --bar-audio-player-color: var(--default-color);
  --bar-audio-player-line-height: var(--default-line-height);
  --bar-audio-player-letter-spacing: var(--default-letter-spacing);
}

  :root {
  --fullscreen-video-player-font-family: var(--reverse-font-family);
  --fullscreen-video-player-font-weight: var(--reverse-font-weight);
  --fullscreen-video-player-font-style: var(--reverse-font-style);
  --fullscreen-video-player-font-size: var(--reverse-font-size);
  --fullscreen-video-player-color: var(--reverse-color);
  --fullscreen-video-player-line-height: var(--reverse-line-height);
  --fullscreen-video-player-letter-spacing: var(--reverse-letter-spacing);
}

  :root {
  --closed-captions-font-family: var(--reverse-font-family);
  --closed-captions-font-weight: var(--reverse-font-weight);
  --closed-captions-font-style: var(--reverse-font-style);
  --closed-captions-font-size: var(--reverse-font-size);
  --closed-captions-color: var(--reverse-color);
  --closed-captions-line-height: var(--reverse-line-height);
  --closed-captions-letter-spacing: var(--reverse-letter-spacing);
}

  :root {
  --title-bar-font-family: var(--default-font-family);
  --title-bar-font-weight: var(--default-font-weight);
  --title-bar-font-style: var(--default-font-style);
  --title-bar-font-size: var(--default-font-size);
  --title-bar-color: var(--default-color);
  --title-bar-line-height: var(--default-line-height);
  --title-bar-letter-spacing: var(--default-letter-spacing);
}

  :root {
  --tab-bar-font-family: var(--reverse-font-family);
  --tab-bar-font-weight: var(--reverse-font-weight);
  --tab-bar-font-style: var(--reverse-font-style);
  --tab-bar-font-size: var(--reverse-font-size);
  --tab-bar-color: var(--reverse-color);
  --tab-bar-line-height: var(--reverse-line-height);
  --tab-bar-letter-spacing: var(--reverse-letter-spacing);
}

  :root {
  --tour-bar-font-family: var(--tab-bar-font-family);
  --tour-bar-font-weight: var(--tab-bar-font-weight);
  --tour-bar-font-style: var(--tab-bar-font-style);
  --tour-bar-font-size: var(--tab-bar-font-size);
  --tour-bar-color: var(--tab-bar-color);
  --tour-bar-line-height: var(--tab-bar-line-height);
  --tour-bar-letter-spacing: var(--tab-bar-letter-spacing);
}

  :root {
  --keypad-font-family: var(--default-font-family);
  --keypad-font-weight: var(--default-font-weight);
  --keypad-font-style: var(--default-font-style);
  --keypad-font-size: 2.5rem;
  --keypad-color: var(--default-color);
  --keypad-line-height: var(--default-line-height);
  --keypad-letter-spacing: var(--default-letter-spacing);
}

  :root {
  --block-heading-font-family: var(--default-font-family);
  --block-heading-font-weight: 500;
  --block-heading-font-style: var(--default-font-style);
  --block-heading-font-size: 24px;
  --block-heading-color: var(--default-color);
  --block-heading-line-height: var(--default-line-height);
  --block-heading-letter-spacing: var(--default-letter-spacing);
}

  :root {
  --tour-heading-font-family: var(--heading-font-family);
  --tour-heading-font-weight: var(--heading-font-weight);
  --tour-heading-font-style: var(--heading-font-style);
  --tour-heading-font-size: 32px;
  --tour-heading-color: var(--heading-color);
  --tour-heading-line-height: var(--heading-line-height);
  --tour-heading-letter-spacing: var(--heading-letter-spacing);
}

  :root {
  --button-font-family: var(--body-font-family);
  --button-font-weight: 500;
  --button-font-style: var(--body-font-style);
  --button-font-size: var(--body-font-size);
  --button-color: var(--body-color);
  --button-line-height: var(--body-line-height);
  --button-letter-spacing: var(--body-letter-spacing);
}

  :root {
  --button-primary-font-family: var(--reverse-font-family);
  --button-primary-font-weight: 500;
  --button-primary-font-style: normal;
  --button-primary-font-size: 14px;
  --button-primary-color: var(--reverse-color);
  --button-primary-line-height: var(--reverse-line-height);
  --button-primary-letter-spacing: var(--reverse-letter-spacing);
}

  :root {
  --button-secondary-font-family: var(--reverse-font-family);
  --button-secondary-font-weight: 500;
  --button-secondary-font-style: normal;
  --button-secondary-font-size: 14px;
  --button-secondary-color: var(--reverse-color);
  --button-secondary-line-height: var(--reverse-line-height);
  --button-secondary-letter-spacing: var(--reverse-letter-spacing);
}

  :root {
  --button-language-font-family: var(--reverse-font-family);
  --button-language-font-weight: 500;
  --button-language-font-style: normal;
  --button-language-font-size: 14px;
  --button-language-color: var(--reverse-color);
  --button-language-line-height: var(--reverse-line-height);
  --button-language-letter-spacing: var(--reverse-letter-spacing);
}

  :root {
  --button-language-selected-font-family: var(--button-language-font-family);
  --button-language-selected-font-weight: var(--button-language-font-weight);
  --button-language-selected-font-style: var(--button-language-font-style);
  --button-language-selected-font-size: var(--button-language-font-size);
  --button-language-selected-color: var(--button-language-color);
  --button-language-selected-line-height: var(--button-language-line-height);
  --button-language-selected-letter-spacing: var(--button-language-letter-spacing);
}

  :root {
  --button-pill-font-family: var(--default-font-family);
  --button-pill-font-weight: 500;
  --button-pill-font-style: normal;
  --button-pill-font-size: 14px;
  --button-pill-color: var(--default-color);
  --button-pill-line-height: var(--default-line-height);
  --button-pill-letter-spacing: var(--default-letter-spacing);
}

  :root {
  --text-font-family: var(--body-font-family);
  --text-font-weight: var(--body-font-weight);
  --text-font-style: inherit;
  --text-font-size: inherit;
  --text-color: var(--body-color);
  --text-line-height: var(--body-line-height);
  --text-letter-spacing: var(--body-letter-spacing);
}

  :root {
  --label-font-family: var(--body-font-family);
  --label-font-weight: var(--body-font-weight);
  --label-font-style: inherit;
  --label-font-size: inherit;
  --label-color: var(--body-color);
  --label-line-height: var(--body-line-height);
  --label-letter-spacing: var(--body-letter-spacing);
}

  :root {
  --text-secondary-font-family: var(--body-font-family);
  --text-secondary-font-weight: var(--body-font-weight);
  --text-secondary-font-style: var(--body-font-style);
  --text-secondary-font-size: var(--body-font-size);
  --text-secondary-color: #64748b;
  --text-secondary-line-height: var(--body-line-height);
  --text-secondary-letter-spacing: var(--body-letter-spacing);
}

  :root {
  --note-font-family: var(--text-secondary-font-family);
  --note-font-weight: var(--text-secondary-font-weight);
  --note-font-style: inherit;
  --note-font-size: 0.75rem;
  --note-color: var(--text-secondary-color);
  --note-line-height: var(--text-secondary-line-height);
  --note-letter-spacing: var(--text-secondary-letter-spacing);
}

  :root {
  --popup-text-font-family: var(--body-font-family);
  --popup-text-font-weight: var(--body-font-weight);
  --popup-text-font-style: var(--body-font-style);
  --popup-text-font-size: var(--body-font-size);
  --popup-text-color: var(--body-color);
  --popup-text-line-height: var(--body-line-height);
  --popup-text-letter-spacing: var(--body-letter-spacing);
}

  :root {
  --popup-title-font-family: var(--popup-text-font-family);
  --popup-title-font-weight: var(--popup-text-font-weight);
  --popup-title-font-style: var(--popup-text-font-style);
  --popup-title-font-size: var(--popup-text-font-size);
  --popup-title-color: var(--popup-text-color);
  --popup-title-line-height: var(--popup-text-line-height);
  --popup-title-letter-spacing: var(--popup-text-letter-spacing);
}

  :root {
  --modal-font-family: var(--popup-text-font-family);
  --modal-font-weight: var(--popup-text-font-weight);
  --modal-font-style: var(--popup-text-font-style);
  --modal-font-size: var(--popup-text-font-size);
  --modal-color: var(--popup-text-color);
  --modal-line-height: var(--popup-text-line-height);
  --modal-letter-spacing: var(--popup-text-letter-spacing);
}

  :root {
  --modal-default-font-family: var(--modal-font-family);
  --modal-default-font-weight: var(--modal-font-weight);
  --modal-default-font-style: var(--modal-font-style);
  --modal-default-font-size: var(--modal-font-size);
  --modal-default-color: var(--modal-color);
  --modal-default-line-height: var(--modal-line-height);
  --modal-default-letter-spacing: var(--modal-letter-spacing);
}

  :root {
  --modal-sheet-font-family: var(--modal-font-family);
  --modal-sheet-font-weight: var(--modal-font-weight);
  --modal-sheet-font-style: var(--modal-font-style);
  --modal-sheet-font-size: var(--modal-font-size);
  --modal-sheet-color: var(--modal-color);
  --modal-sheet-line-height: var(--modal-line-height);
  --modal-sheet-letter-spacing: var(--modal-letter-spacing);
}

  :root {
  --popover-font-family: var(--popup-text-font-family);
  --popover-font-weight: var(--popup-text-font-weight);
  --popover-font-style: var(--popup-text-font-style);
  --popover-font-size: var(--popup-text-font-size);
  --popover-color: var(--popup-text-color);
  --popover-line-height: var(--popup-text-line-height);
  --popover-letter-spacing: var(--popup-text-letter-spacing);
}

  :root {
  --popover-default-font-family: var(--popover-font-family);
  --popover-default-font-weight: var(--popover-font-weight);
  --popover-default-font-style: var(--popover-font-style);
  --popover-default-font-size: var(--popover-font-size);
  --popover-default-color: var(--popover-color);
  --popover-default-line-height: var(--popover-line-height);
  --popover-default-letter-spacing: var(--popover-letter-spacing);
}

  :root {
  --popover-tooltip-font-family: var(--reverse-font-family);
  --popover-tooltip-font-weight: var(--reverse-font-weight);
  --popover-tooltip-font-style: var(--reverse-font-style);
  --popover-tooltip-font-size: var(--reverse-font-size);
  --popover-tooltip-color: var(--reverse-color);
  --popover-tooltip-line-height: var(--reverse-line-height);
  --popover-tooltip-letter-spacing: var(--reverse-letter-spacing);
}

  :root {
  --toast-font-family: var(--popup-text-font-family);
  --toast-font-weight: var(--popup-text-font-weight);
  --toast-font-style: var(--popup-text-font-style);
  --toast-font-size: var(--popup-text-font-size);
  --toast-color: var(--popup-text-color);
  --toast-line-height: var(--popup-text-line-height);
  --toast-letter-spacing: var(--popup-text-letter-spacing);
}

  :root {
  --toast-info-font-family: var(--toast-font-family);
  --toast-info-font-weight: var(--toast-font-weight);
  --toast-info-font-style: var(--toast-font-style);
  --toast-info-font-size: var(--toast-font-size);
  --toast-info-color: var(--toast-color);
  --toast-info-line-height: var(--toast-line-height);
  --toast-info-letter-spacing: var(--toast-letter-spacing);
}

  :root {
  --toast-success-font-family: var(--toast-font-family);
  --toast-success-font-weight: var(--toast-font-weight);
  --toast-success-font-style: var(--toast-font-style);
  --toast-success-font-size: var(--toast-font-size);
  --toast-success-color: #10b981;
  --toast-success-line-height: var(--toast-line-height);
  --toast-success-letter-spacing: var(--toast-letter-spacing);
}

  :root {
  --toast-warning-font-family: var(--toast-font-family);
  --toast-warning-font-weight: var(--toast-font-weight);
  --toast-warning-font-style: var(--toast-font-style);
  --toast-warning-font-size: var(--toast-font-size);
  --toast-warning-color: #f59e0b;
  --toast-warning-line-height: var(--toast-line-height);
  --toast-warning-letter-spacing: var(--toast-letter-spacing);
}

  :root {
  --toast-error-font-family: var(--toast-font-family);
  --toast-error-font-weight: var(--toast-font-weight);
  --toast-error-font-style: var(--toast-font-style);
  --toast-error-font-size: var(--toast-font-size);
  --toast-error-color: #ef4444;
  --toast-error-line-height: var(--toast-line-height);
  --toast-error-letter-spacing: var(--toast-letter-spacing);
}

  :root {
  --text-section-heading-font-family: var(--text-font-family);
  --text-section-heading-font-weight: 600;
  --text-section-heading-font-style: var(--text-font-style);
  --text-section-heading-font-size: 1.25rem;
  --text-section-heading-color: var(--text-color);
  --text-section-heading-line-height: var(--text-line-height);
  --text-section-heading-letter-spacing: var(--text-letter-spacing);
}

  :root {
  --text-section-subheading-font-family: var(--text-font-family);
  --text-section-subheading-font-weight: 500;
  --text-section-subheading-font-style: var(--text-font-style);
  --text-section-subheading-font-size: 1rem;
  --text-section-subheading-color: var(--text-color);
  --text-section-subheading-line-height: var(--text-line-height);
  --text-section-subheading-letter-spacing: var(--text-letter-spacing);
}

  :root {
  --media-section-heading-font-family: var(--text-font-family);
  --media-section-heading-font-weight: 600;
  --media-section-heading-font-style: var(--text-font-style);
  --media-section-heading-font-size: 1.25rem;
  --media-section-heading-color: var(--text-color);
  --media-section-heading-line-height: var(--text-line-height);
  --media-section-heading-letter-spacing: var(--text-letter-spacing);
}

  :root {
  --media-section-subheading-font-family: var(--text-font-family);
  --media-section-subheading-font-weight: 500;
  --media-section-subheading-font-style: var(--text-font-style);
  --media-section-subheading-font-size: 1rem;
  --media-section-subheading-color: var(--text-color);
  --media-section-subheading-line-height: var(--text-line-height);
  --media-section-subheading-letter-spacing: var(--text-letter-spacing);
}

  :root {
  --media-section-caption-font-family: var(--text-font-family);
  --media-section-caption-font-weight: var(--text-font-weight);
  --media-section-caption-font-style: var(--text-font-style);
  --media-section-caption-font-size: var(--text-font-size);
  --media-section-caption-color: var(--text-color);
  --media-section-caption-line-height: var(--text-line-height);
  --media-section-caption-letter-spacing: var(--text-letter-spacing);
}

  :root {
  --card-font-family: var(--body-font-family);
  --card-font-weight: var(--body-font-weight);
  --card-font-style: var(--body-font-style);
  --card-font-size: var(--body-font-size);
  --card-color: var(--body-color);
  --card-line-height: var(--body-line-height);
  --card-letter-spacing: var(--body-letter-spacing);
}

  :root {
  --card-default-font-family: var(--card-font-family);
  --card-default-font-weight: var(--card-font-weight);
  --card-default-font-style: var(--card-font-style);
  --card-default-font-size: var(--card-font-size);
  --card-default-color: var(--card-color);
  --card-default-line-height: var(--card-line-height);
  --card-default-letter-spacing: var(--card-letter-spacing);
}

  :root {
  --card-elevated-font-family: var(--card-font-family);
  --card-elevated-font-weight: var(--card-font-weight);
  --card-elevated-font-style: var(--card-font-style);
  --card-elevated-font-size: var(--card-font-size);
  --card-elevated-color: var(--card-color);
  --card-elevated-line-height: var(--card-line-height);
  --card-elevated-letter-spacing: var(--card-letter-spacing);
}

  :root {
  --card-outlined-font-family: var(--card-font-family);
  --card-outlined-font-weight: var(--card-font-weight);
  --card-outlined-font-style: var(--card-font-style);
  --card-outlined-font-size: var(--card-font-size);
  --card-outlined-color: var(--card-color);
  --card-outlined-line-height: var(--card-line-height);
  --card-outlined-letter-spacing: var(--card-letter-spacing);
}

  :root {
  --card-title-font-family: var(--card-font-family);
  --card-title-font-weight: 600;
  --card-title-font-style: normal;
  --card-title-font-size: 1.125rem;
  --card-title-color: var(--card-color);
  --card-title-line-height: var(--card-line-height);
  --card-title-letter-spacing: var(--card-letter-spacing);
}

  :root {
  --card-subtitle-font-family: var(--card-font-family);
  --card-subtitle-font-weight: var(--card-font-weight);
  --card-subtitle-font-style: normal;
  --card-subtitle-font-size: 0.875rem;
  --card-subtitle-color: var(--card-color);
  --card-subtitle-line-height: var(--card-line-height);
  --card-subtitle-letter-spacing: var(--card-letter-spacing);
}

  :root {
  --item-font-family: var(--body-font-family);
  --item-font-weight: var(--body-font-weight);
  --item-font-style: normal;
  --item-font-size: 1rem;
  --item-color: var(--body-color);
  --item-line-height: var(--body-line-height);
  --item-letter-spacing: var(--body-letter-spacing);
}

  :root {
  --item-default-font-family: var(--item-font-family);
  --item-default-font-weight: var(--item-font-weight);
  --item-default-font-style: var(--item-font-style);
  --item-default-font-size: var(--item-font-size);
  --item-default-color: var(--item-color);
  --item-default-line-height: var(--item-line-height);
  --item-default-letter-spacing: var(--item-letter-spacing);
}

  :root {
  --item-interactive-font-family: var(--item-font-family);
  --item-interactive-font-weight: var(--item-font-weight);
  --item-interactive-font-style: var(--item-font-style);
  --item-interactive-font-size: var(--item-font-size);
  --item-interactive-color: var(--item-color);
  --item-interactive-line-height: var(--item-line-height);
  --item-interactive-letter-spacing: var(--item-letter-spacing);
}

  :root {
  --item-header-font-family: var(--text-secondary-font-family);
  --item-header-font-weight: var(--text-secondary-font-weight);
  --item-header-font-style: var(--text-secondary-font-style);
  --item-header-font-size: 0.75rem;
  --item-header-color: var(--text-secondary-color);
  --item-header-line-height: var(--text-secondary-line-height);
  --item-header-letter-spacing: var(--text-secondary-letter-spacing);
}

  :root {
  --input-font-family: var(--body-font-family);
  --input-font-weight: var(--body-font-weight);
  --input-font-style: normal;
  --input-font-size: 1rem;
  --input-color: var(--body-color);
  --input-line-height: var(--body-line-height);
  --input-letter-spacing: var(--body-letter-spacing);
}

  :root {
  --input-default-font-family: var(--input-font-family);
  --input-default-font-weight: var(--input-font-weight);
  --input-default-font-style: var(--input-font-style);
  --input-default-font-size: var(--input-font-size);
  --input-default-color: var(--input-color);
  --input-default-line-height: var(--input-line-height);
  --input-default-letter-spacing: var(--input-letter-spacing);
}

  :root {
  --input-outlined-font-family: var(--input-font-family);
  --input-outlined-font-weight: var(--input-font-weight);
  --input-outlined-font-style: var(--input-font-style);
  --input-outlined-font-size: var(--input-font-size);
  --input-outlined-color: var(--input-color);
  --input-outlined-line-height: var(--input-line-height);
  --input-outlined-letter-spacing: var(--input-letter-spacing);
}

  :root {
  --input-filled-font-family: var(--input-font-family);
  --input-filled-font-weight: var(--input-font-weight);
  --input-filled-font-style: var(--input-font-style);
  --input-filled-font-size: var(--input-font-size);
  --input-filled-color: var(--input-color);
  --input-filled-line-height: var(--input-line-height);
  --input-filled-letter-spacing: var(--input-letter-spacing);
}

  :root {
  --segment-button-font-family: var(--body-font-family);
  --segment-button-font-weight: var(--body-font-weight);
  --segment-button-font-style: normal;
  --segment-button-font-size: 0.875rem;
  --segment-button-color: var(--body-color);
  --segment-button-line-height: var(--body-line-height);
  --segment-button-letter-spacing: var(--body-letter-spacing);
}

  :root {
  --segment-button-default-font-family: var(--segment-button-font-family);
  --segment-button-default-font-weight: var(--segment-button-font-weight);
  --segment-button-default-font-style: var(--segment-button-font-style);
  --segment-button-default-font-size: var(--segment-button-font-size);
  --segment-button-default-color: var(--segment-button-color);
  --segment-button-default-line-height: var(--segment-button-line-height);
  --segment-button-default-letter-spacing: var(--segment-button-letter-spacing);
}

  :root {
  --audio-card-title-font-family: var(--body-font-family);
  --audio-card-title-font-weight: 600;
  --audio-card-title-font-style: var(--body-font-style);
  --audio-card-title-font-size: var(--body-font-size);
  --audio-card-title-color: var(--body-color);
  --audio-card-title-line-height: 1.25;
  --audio-card-title-letter-spacing: var(--body-letter-spacing);
}

  :root {
  --settings-label-font-family: var(--body-font-family);
  --settings-label-font-weight: 500;
  --settings-label-font-style: var(--body-font-style);
  --settings-label-font-size: inherit;
  --settings-label-color: var(--body-color);
  --settings-label-line-height: inherit;
  --settings-label-letter-spacing: var(--body-letter-spacing);
}

  :root {
  --settings-value-font-family: var(--body-font-family);
  --settings-value-font-weight: var(--body-font-weight);
  --settings-value-font-style: var(--body-font-style);
  --settings-value-font-size: inherit;
  --settings-value-color: var(--body-color);
  --settings-value-line-height: inherit;
  --settings-value-letter-spacing: var(--body-letter-spacing);
}

  :root {
  --transcript-available-font-family: var(--body-font-family);
  --transcript-available-font-weight: 700;
  --transcript-available-font-style: var(--body-font-style);
  --transcript-available-font-size: 12px;
  --transcript-available-color: var(--body-color);
  --transcript-available-line-height: normal;
  --transcript-available-letter-spacing: 1px;
}

  :root {
  --tour-overview-header-start-font-family: var(--title-bar-font-family);
  --tour-overview-header-start-font-weight: var(--title-bar-font-weight);
  --tour-overview-header-start-font-style: var(--title-bar-font-style);
  --tour-overview-header-start-font-size: var(--title-bar-font-size);
  --tour-overview-header-start-color: #ffffff;
  --tour-overview-header-start-line-height: var(--title-bar-line-height);
  --tour-overview-header-start-letter-spacing: var(--title-bar-letter-spacing);
}

  :root {
  --tour-overview-header-end-font-family: var(--title-bar-font-family);
  --tour-overview-header-end-font-weight: var(--title-bar-font-weight);
  --tour-overview-header-end-font-style: var(--title-bar-font-style);
  --tour-overview-header-end-font-size: var(--title-bar-font-size);
  --tour-overview-header-end-color: var(--title-bar-color);
  --tour-overview-header-end-line-height: var(--title-bar-line-height);
  --tour-overview-header-end-letter-spacing: var(--title-bar-letter-spacing);
}


  :root {
  --primary-color: #2277DD;
  --primary-color-rgb: 34 119 221;
}

  :root {
  --secondary-color: var(--primary-color);
  --secondary-color-rgb: var(--primary-color-rgb);
}

  :root {
  --background-color: #ffffff;
  --background-color-rgb: 255 255 255;
}

  :root {
  --title-bar-background-color: var(--background-color);
  --title-bar-background-color-rgb: var(--background-color-rgb);
}

  :root {
  --tab-bar-background-color: var(--primary-color);
  --tab-bar-background-color-rgb: var(--primary-color-rgb);
}

  :root {
  --tour-bar-background-color: var(--tab-bar-background-color);
  --tour-bar-background-color-rgb: var(--tab-bar-background-color-rgb);
}

  :root {
  --keypad-background-color: var(--secondary-color);
  --keypad-background-color-rgb: var(--secondary-color-rgb);
}

  :root {
  --keypad-border-color: var(--secondary-color);
  --keypad-border-color-rgb: var(--secondary-color-rgb);
}

  :root {
  --tab-bar-content-color: #ffffff;
  --tab-bar-content-color-rgb: 255 255 255;
}

  :root {
  --border-base-color: #000000;
  --border-base-color-rgb: 0 0 0;
}

  :root {
  --warning-background-color: #dd2233;
  --warning-background-color-rgb: 221 34 51;
}

  :root {
  --form-input-border-color: #d1d5db;
  --form-input-border-color-rgb: 209 213 219;
}

  :root {
  --form-input-disabled-background-color: #f3f4f6;
  --form-input-disabled-background-color-rgb: 243 244 246;
}

  :root {
  --form-error-color: #dc2626;
  --form-error-color-rgb: 220 38 38;
}

  :root {
  --fullscreen-audio-player-background-color: var(--primary-color);
  --fullscreen-audio-player-background-color-rgb: var(--primary-color-rgb);
}

  :root {
  --fullscreen-audio-player-transcript-background-color: var(--secondary-color);
  --fullscreen-audio-player-transcript-background-color-rgb: var(--secondary-color-rgb);
}

  :root {
  --bar-audio-player-background-color: var(--secondary-color);
  --bar-audio-player-background-color-rgb: var(--secondary-color-rgb);
}

  :root {
  --audio-player-now-playing-color: var(--primary-color);
  --audio-player-now-playing-color-rgb: var(--primary-color-rgb);
}

  :root {
  --tour-overview-header-start-background-color: transparent;
}

  :root {
  --tour-overview-header-end-background-color: var(--title-bar-background-color);
  --tour-overview-header-end-background-color-rgb: var(--title-bar-background-color-rgb);
}

  :root {
  --surface-color: #f8fafc;
  --surface-color-rgb: 248 250 252;
}

  :root {
  --feedback-success-color: #10b981;
  --feedback-success-color-rgb: 16 185 129;
}

  :root {
  --feedback-success-fill-color: #d1fae5;
  --feedback-success-fill-color-rgb: 209 250 229;
}

  :root {
  --feedback-warning-color: #f59e0b;
  --feedback-warning-color-rgb: 245 158 11;
}

  :root {
  --feedback-warning-fill-color: #fef3c7;
  --feedback-warning-fill-color-rgb: 254 243 199;
}

  :root {
  --feedback-error-color: #ef4444;
  --feedback-error-color-rgb: 239 68 68;
}

  :root {
  --feedback-error-fill-color: #fee2e2;
  --feedback-error-fill-color-rgb: 254 226 226;
}

  :root {
  --popup-surface-color: var(--background-color);
  --popup-surface-color-rgb: var(--background-color-rgb);
}

  :root {
  --on-primary-color: #ffffff;
  --on-primary-color-rgb: 255 255 255;
}

  :root {
  --border-subtle-color: #e2e8f0;
  --border-subtle-color-rgb: 226 232 240;
}

  :root {
  --button-fill-color: var(--primary-color);
  --button-fill-color-rgb: var(--primary-color-rgb);
}

  :root {
  --button-border-color: transparent;
}

  :root {
  --button-primary-fill-color: var(--button-fill-color);
  --button-primary-fill-color-rgb: var(--button-fill-color-rgb);
}

  :root {
  --button-primary-border-color: var(--button-border-color);
}

  :root {
  --button-secondary-fill-color: var(--button-fill-color);
  --button-secondary-fill-color-rgb: var(--button-fill-color-rgb);
}

  :root {
  --button-secondary-border-color: var(--button-border-color);
}

  :root {
  --button-language-fill-color: var(--button-fill-color);
  --button-language-fill-color-rgb: var(--button-fill-color-rgb);
}

  :root {
  --button-language-border-color: var(--button-border-color);
}

  :root {
  --button-language-selected-fill-color: var(--button-language-fill-color);
  --button-language-selected-fill-color-rgb: var(--button-language-fill-color-rgb);
}

  :root {
  --button-language-selected-border-color: var(--button-language-border-color);
}

  :root {
  --button-pill-fill-color: var(--surface-color);
  --button-pill-fill-color-rgb: var(--surface-color-rgb);
}

  :root {
  --button-pill-border-color: var(--button-border-color);
}

  :root {
  --card-fill-color: var(--surface-color);
  --card-fill-color-rgb: var(--surface-color-rgb);
}

  :root {
  --card-border-color: transparent;
}

  :root {
  --card-default-fill-color: var(--card-fill-color);
  --card-default-fill-color-rgb: var(--card-fill-color-rgb);
}

  :root {
  --card-default-border-color: var(--card-border-color);
}

  :root {
  --card-elevated-fill-color: var(--card-fill-color);
  --card-elevated-fill-color-rgb: var(--card-fill-color-rgb);
}

  :root {
  --card-elevated-border-color: var(--card-border-color);
}

  :root {
  --card-outlined-fill-color: var(--card-fill-color);
  --card-outlined-fill-color-rgb: var(--card-fill-color-rgb);
}

  :root {
  --card-outlined-border-color: var(--border-subtle-color);
  --card-outlined-border-color-rgb: var(--border-subtle-color-rgb);
}

  :root {
  --list-fill-color: transparent;
}

  :root {
  --item-fill-color: var(--surface-color);
  --item-fill-color-rgb: var(--surface-color-rgb);
}

  :root {
  --item-border-color: transparent;
}

  :root {
  --item-default-fill-color: var(--item-fill-color);
  --item-default-fill-color-rgb: var(--item-fill-color-rgb);
}

  :root {
  --item-default-border-color: var(--item-border-color);
}

  :root {
  --item-interactive-fill-color: var(--item-fill-color);
  --item-interactive-fill-color-rgb: var(--item-fill-color-rgb);
}

  :root {
  --item-interactive-border-color: var(--item-border-color);
}

  :root {
  --item-header-fill-color: transparent;
}

  :root {
  --item-header-border-color: var(--item-border-color);
}

  :root {
  --input-fill-color: transparent;
}

  :root {
  --input-default-fill-color: var(--input-fill-color);
}

  :root {
  --input-outlined-fill-color: var(--input-fill-color);
}

  :root {
  --input-filled-fill-color: var(--surface-color);
  --input-filled-fill-color-rgb: var(--surface-color-rgb);
}

  :root {
  --input-placeholder-color: #64748b;
  --input-placeholder-color-rgb: 100 116 139;
}

  :root {
  --input-default-placeholder-color: var(--input-placeholder-color);
  --input-default-placeholder-color-rgb: var(--input-placeholder-color-rgb);
}

  :root {
  --input-outlined-placeholder-color: var(--input-placeholder-color);
  --input-outlined-placeholder-color-rgb: var(--input-placeholder-color-rgb);
}

  :root {
  --input-filled-placeholder-color: var(--input-placeholder-color);
  --input-filled-placeholder-color-rgb: var(--input-placeholder-color-rgb);
}

  :root {
  --input-border-color: var(--border-subtle-color);
  --input-border-color-rgb: var(--border-subtle-color-rgb);
}

  :root {
  --input-default-border-color: var(--input-border-color);
  --input-default-border-color-rgb: var(--input-border-color-rgb);
}

  :root {
  --input-outlined-border-color: var(--input-border-color);
  --input-outlined-border-color-rgb: var(--input-border-color-rgb);
}

  :root {
  --input-filled-border-color: transparent;
}

  :root {
  --checkbox-fill-color: transparent;
}

  :root {
  --checkbox-checked-fill-color: var(--primary-color);
  --checkbox-checked-fill-color-rgb: var(--primary-color-rgb);
}

  :root {
  --checkbox-checkmark-color: var(--on-primary-color);
  --checkbox-checkmark-color-rgb: var(--on-primary-color-rgb);
}

  :root {
  --checkbox-default-fill-color: var(--checkbox-fill-color);
}

  :root {
  --checkbox-default-checked-fill-color: var(--checkbox-checked-fill-color);
  --checkbox-default-checked-fill-color-rgb: var(--checkbox-checked-fill-color-rgb);
}

  :root {
  --checkbox-default-checkmark-color: var(--checkbox-checkmark-color);
  --checkbox-default-checkmark-color-rgb: var(--checkbox-checkmark-color-rgb);
}

  :root {
  --checkbox-border-color: var(--border-subtle-color);
  --checkbox-border-color-rgb: var(--border-subtle-color-rgb);
}

  :root {
  --checkbox-default-border-color: var(--checkbox-border-color);
  --checkbox-default-border-color-rgb: var(--checkbox-border-color-rgb);
}

  :root {
  --segment-fill-color: var(--surface-color);
  --segment-fill-color-rgb: var(--surface-color-rgb);
}

  :root {
  --segment-default-fill-color: var(--segment-fill-color);
  --segment-default-fill-color-rgb: var(--segment-fill-color-rgb);
}

  :root {
  --segment-pill-fill-color: var(--segment-fill-color);
  --segment-pill-fill-color-rgb: var(--segment-fill-color-rgb);
}

  :root {
  --segment-border-color: var(--border-subtle-color);
  --segment-border-color-rgb: var(--border-subtle-color-rgb);
}

  :root {
  --segment-default-border-color: var(--segment-border-color);
  --segment-default-border-color-rgb: var(--segment-border-color-rgb);
}

  :root {
  --segment-pill-border-color: var(--segment-border-color);
  --segment-pill-border-color-rgb: var(--segment-border-color-rgb);
}

  :root {
  --segment-button-fill-color: transparent;
}

  :root {
  --segment-button-border-color: transparent;
}

  :root {
  --segment-button-default-fill-color: var(--segment-button-fill-color);
}

  :root {
  --segment-button-default-border-color: var(--segment-button-border-color);
}

  :root {
  --spinner-color: var(--primary-color);
  --spinner-color-rgb: var(--primary-color-rgb);
}

  :root {
  --progressbar-track-color: var(--border-subtle-color);
  --progressbar-track-color-rgb: var(--border-subtle-color-rgb);
}

  :root {
  --progressbar-fill-color: var(--primary-color);
  --progressbar-fill-color-rgb: var(--primary-color-rgb);
}

  :root {
  --progressbar-determinate-track-color: var(--progressbar-track-color);
  --progressbar-determinate-track-color-rgb: var(--progressbar-track-color-rgb);
}

  :root {
  --progressbar-determinate-fill-color: var(--progressbar-fill-color);
  --progressbar-determinate-fill-color-rgb: var(--progressbar-fill-color-rgb);
}

  :root {
  --progressbar-indeterminate-track-color: var(--progressbar-track-color);
  --progressbar-indeterminate-track-color-rgb: var(--progressbar-track-color-rgb);
}

  :root {
  --progressbar-indeterminate-fill-color: var(--progressbar-fill-color);
  --progressbar-indeterminate-fill-color-rgb: var(--progressbar-fill-color-rgb);
}

  :root {
  --modal-fill-color: var(--popup-surface-color);
  --modal-fill-color-rgb: var(--popup-surface-color-rgb);
}

  :root {
  --modal-default-fill-color: var(--modal-fill-color);
  --modal-default-fill-color-rgb: var(--modal-fill-color-rgb);
}

  :root {
  --modal-sheet-fill-color: var(--modal-fill-color);
  --modal-sheet-fill-color-rgb: var(--modal-fill-color-rgb);
}

  :root {
  --popover-fill-color: var(--popup-surface-color);
  --popover-fill-color-rgb: var(--popup-surface-color-rgb);
}

  :root {
  --popover-default-fill-color: var(--popover-fill-color);
  --popover-default-fill-color-rgb: var(--popover-fill-color-rgb);
}

  :root {
  --popover-tooltip-fill-color: #0f172a;
  --popover-tooltip-fill-color-rgb: 15 23 42;
}

  :root {
  --modal-border-color: transparent;
}

  :root {
  --modal-default-border-color: var(--modal-border-color);
}

  :root {
  --modal-sheet-border-color: var(--modal-border-color);
}

  :root {
  --popover-border-color: var(--border-subtle-color);
  --popover-border-color-rgb: var(--border-subtle-color-rgb);
}

  :root {
  --popover-default-border-color: var(--popover-border-color);
  --popover-default-border-color-rgb: var(--popover-border-color-rgb);
}

  :root {
  --popover-tooltip-border-color: transparent;
}

  :root {
  --toast-fill-color: var(--popup-surface-color);
  --toast-fill-color-rgb: var(--popup-surface-color-rgb);
}

  :root {
  --toast-info-fill-color: var(--toast-fill-color);
  --toast-info-fill-color-rgb: var(--toast-fill-color-rgb);
}

  :root {
  --toast-success-fill-color: var(--feedback-success-fill-color);
  --toast-success-fill-color-rgb: var(--feedback-success-fill-color-rgb);
}

  :root {
  --toast-warning-fill-color: var(--feedback-warning-fill-color);
  --toast-warning-fill-color-rgb: var(--feedback-warning-fill-color-rgb);
}

  :root {
  --toast-error-fill-color: var(--feedback-error-fill-color);
  --toast-error-fill-color-rgb: var(--feedback-error-fill-color-rgb);
}

  :root {
  --toast-border-color: var(--border-subtle-color);
  --toast-border-color-rgb: var(--border-subtle-color-rgb);
}

  :root {
  --toast-info-border-color: var(--toast-border-color);
  --toast-info-border-color-rgb: var(--toast-border-color-rgb);
}

  :root {
  --toast-success-border-color: var(--feedback-success-color);
  --toast-success-border-color-rgb: var(--feedback-success-color-rgb);
}

  :root {
  --toast-warning-border-color: var(--feedback-warning-color);
  --toast-warning-border-color-rgb: var(--feedback-warning-color-rgb);
}

  :root {
  --toast-error-border-color: var(--feedback-error-color);
  --toast-error-border-color-rgb: var(--feedback-error-color-rgb);
}

  :root {
  --text-section-link-color: var(--primary-color);
  --text-section-link-color-rgb: var(--primary-color-rgb);
}

  :root {
  --text-section-shadow-color: var(--background-color);
  --text-section-shadow-color-rgb: var(--background-color-rgb);
}

  :root {
  --media-section-shadow-color: var(--background-color);
  --media-section-shadow-color-rgb: var(--background-color-rgb);
}