/* STQRY */
@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-corner-radius: 8px;
      --button-opacity: 1;
}

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

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

  :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-corner-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-corner-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-corner-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-corner-radius: 8px;
      --secondary-button-opacity: 1;
}


:root {
      --theme-background-color: #FFFFFF;
      --theme-background-color-rgb: 255 255 255;
      --theme-body-text-color: #665544;
      --theme-body-text-color-rgb: 102 85 68;
}

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

:root {
      --current-language-button-color: #2563EB;
      --current-language-button-color-rgb: 37 99 235;
      --language-button-color: #F9FAFB;
      --language-button-color-rgb: 249 250 251;
}

:root {
      --kiosk-start-button-color: #F9FAFB;
      --kiosk-start-button-color-rgb: 249 250 251;
}

:root {
      --kiosk-button-outline-color: #F9FAFB;
      --kiosk-button-outline-color-rgb: 249 250 251;
      --kiosk-button-background: #111827;
      --kiosk-button-background-rgb: 17 24 39;
}

:root {
      --language-button-background: #f5f5f5;
      --language-button-background-rgb: 245 245 245;
      --language-button-text: #171717;
      --language-button-text-rgb: 23 23 23;
      --current-language-button-background: #c4d600;
      --current-language-button-background-rgb: 196 214 0;
      --current-language-button-text: #fafafa;
      --current-language-button-text-rgb: 250 250 250;
}



  :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(--fullscreen-audio-player-font-family);
  --fullscreen-audio-player-transcript-font-weight: var(--fullscreen-audio-player-font-weight);
  --fullscreen-audio-player-transcript-font-style: var(--fullscreen-audio-player-font-style);
  --fullscreen-audio-player-transcript-font-size: 16px;
  --fullscreen-audio-player-transcript-color: var(--fullscreen-audio-player-color);
  --fullscreen-audio-player-transcript-line-height: 1.55;
  --fullscreen-audio-player-transcript-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 {
  --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 {
  --primary-color: #2277DD;
}

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

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

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

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

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

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

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

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

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

  :root {
  --warning-background-color: #dd2233;
}

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

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

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

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


:root {
  --heading-font-font-family: IBM Plex Sans, sans-serif;
  --heading-font-font-weight: 700;
  --heading-font-font-style: normal;
  --heading-font-font-size: 45px;
  --heading-font-color: var(--default-color);
  --heading-font-line-height: var(--default-line-height);
  --heading-font-letter-spacing: var(--default-letter-spacing);
}
:root {
  --title-bar-font-font-family: IBM Plex Sans, sans-serif;
  --title-bar-font-font-weight: 400;
  --title-bar-font-font-style: normal;
  --title-bar-font-font-size: 16px;
  --title-bar-font-color: var(--default-color);
  --title-bar-font-line-height: var(--default-line-height);
  --title-bar-font-letter-spacing: var(--default-letter-spacing);
}
:root {
  --tour-heading-font-font-family: IBM Plex Sans, sans-serif;
  --tour-heading-font-font-weight: 700;
  --tour-heading-font-font-style: normal;
  --tour-heading-font-font-size: 32px;
  --tour-heading-font-color: var(--default-color);
  --tour-heading-font-line-height: var(--default-line-height);
  --tour-heading-font-letter-spacing: var(--default-letter-spacing);
}
:root {
  --block-heading-font-font-family: IBM Plex Sans, sans-serif;
  --block-heading-font-font-weight: 500;
  --block-heading-font-font-style: normal;
  --block-heading-font-font-size: 24px;
  --block-heading-font-color: var(--default-color);
  --block-heading-font-line-height: var(--default-line-height);
  --block-heading-font-letter-spacing: var(--default-letter-spacing);
}
:root {
  --body-font-font-family: IBM Plex Sans, sans-serif;
  --body-font-font-weight: 400;
  --body-font-font-style: normal;
  --body-font-font-size: 16px;
  --body-font-color: var(--default-color);
  --body-font-line-height: var(--default-line-height);
  --body-font-letter-spacing: var(--default-letter-spacing);
}