/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.ShareLinksPrompt_textUppercase_Ngg-D {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.ShareLinksPrompt_textFieldTitle_2rGrQ {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

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

.ShareLinksPrompt_textPageTitle_3nsAn {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .ShareLinksPrompt_textPageTitle_3nsAn {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.ShareLinksPrompt_screenreaderOnly_1Tg18 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.ShareLinksPrompt_resetScreenreaderOnly_3xacw {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.ShareLinksPrompt_listUnstyled_9looI {
  padding-left: 0;
  list-style: none; }

.ShareLinksPrompt_buttonUnstyled_3dYAK {
  display: block;
  border: none; }

.ShareLinksPrompt_shadow_3Suh8 {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.ShareLinksPrompt_mobileFullscreenFallback_2pzFZ {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .ShareLinksPrompt_mobileFullscreenFallback_2pzFZ > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.ShareLinksPrompt_shareLinksPrompt_2DjbF {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 16px;
  color: #111;
  background: #fff;
  border: 1px solid #333; }
  .ShareLinksPrompt_shareLinksPrompt_2DjbF.ShareLinksPrompt_fileInfoBlockShare_39mZk {
    padding: 0;
    border: none; }
    .ShareLinksPrompt_shareLinksPrompt_2DjbF.ShareLinksPrompt_fileInfoBlockShare_39mZk .ShareLinksPrompt_socialMediaButtons_2PH26 {
      border-bottom: none; }
  .ShareLinksPrompt_shareLinksPrompt_2DjbF .ShareLinksPrompt_closeButton_3dKv5 {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-box-sizing: initial;
            box-sizing: initial;
    padding: 16px; }
  .ShareLinksPrompt_shareLinksPrompt_2DjbF .ShareLinksPrompt_itemInfo_W-BeR {
    margin-bottom: 24px; }
    .ShareLinksPrompt_shareLinksPrompt_2DjbF .ShareLinksPrompt_itemInfo_W-BeR h3 {
      margin-bottom: 0;
      font-size: 1rem;
      text-transform: lowercase; }
      .ShareLinksPrompt_shareLinksPrompt_2DjbF .ShareLinksPrompt_itemInfo_W-BeR h3::first-letter {
        text-transform: capitalize; }
    .ShareLinksPrompt_shareLinksPrompt_2DjbF .ShareLinksPrompt_itemInfo_W-BeR p {
      margin-bottom: 0; }
  .ShareLinksPrompt_shareLinksPrompt_2DjbF.ShareLinksPrompt_shareLinksBlockActive_8FzrN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .ShareLinksPrompt_shareLinksPrompt_2DjbF .ShareLinksPrompt_permalinkWrapper_3_iXs {
    width: 100%;
    margin-bottom: 24px; }
    .ShareLinksPrompt_shareLinksPrompt_2DjbF .ShareLinksPrompt_permalinkWrapper_3_iXs h3 {
      margin-bottom: 0;
      font-size: 1rem;
      text-transform: lowercase; }
      .ShareLinksPrompt_shareLinksPrompt_2DjbF .ShareLinksPrompt_permalinkWrapper_3_iXs h3::first-letter {
        text-transform: capitalize; }
    @media only screen and (min-width: 40rem) {
      .ShareLinksPrompt_shareLinksPrompt_2DjbF .ShareLinksPrompt_permalinkWrapper_3_iXs {
        max-width: 350px; } }
    .ShareLinksPrompt_shareLinksPrompt_2DjbF .ShareLinksPrompt_permalinkWrapper_3_iXs .ShareLinksPrompt_permalinkBlock_3RVCj {
      margin: 8px 0;
      margin-bottom: 0;
      padding: 8px;
      font-size: 0.875rem;
      white-space: normal;
      word-break: break-all;
      border: 1px solid #ccc; }
    .ShareLinksPrompt_shareLinksPrompt_2DjbF .ShareLinksPrompt_permalinkWrapper_3_iXs button {
      font-size: 0.875rem; }
    .ShareLinksPrompt_shareLinksPrompt_2DjbF .ShareLinksPrompt_permalinkWrapper_3_iXs .ShareLinksPrompt_linkCopyButton_39Ef- {
      padding: 0; }
    .ShareLinksPrompt_shareLinksPrompt_2DjbF .ShareLinksPrompt_permalinkWrapper_3_iXs .ShareLinksPrompt_linkCopied_2XJ7M {
      color: #999;
      pointer-events: none; }
    .ShareLinksPrompt_shareLinksPrompt_2DjbF .ShareLinksPrompt_permalinkWrapper_3_iXs:last-child {
      margin-bottom: 0; }

.ShareLinksPrompt_socialMediaButtons_2PH26 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none; }

.ShareLinksPrompt_socialMediaButton_QLw_0 {
  width: 40px;
  height: 40px;
  margin-right: 16px; }
  .ShareLinksPrompt_socialMediaButton_QLw_0:last-child {
    margin-right: 0; }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.ViewerFileInformation_textUppercase_2vSza {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.ViewerFileInformation_textFieldTitle_Qt5Zg {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

.ViewerFileInformation_textSmoothing_2ZodW, .ViewerFileInformation_textPageTitle_X-OrY {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ViewerFileInformation_textPageTitle_X-OrY {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .ViewerFileInformation_textPageTitle_X-OrY {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.ViewerFileInformation_screenreaderOnly_3fxmw {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.ViewerFileInformation_resetScreenreaderOnly_2RVYe {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.ViewerFileInformation_listUnstyled_2MdYM {
  padding-left: 0;
  list-style: none; }

.ViewerFileInformation_buttonUnstyled_34p-R {
  display: block;
  border: none; }

.ViewerFileInformation_shadow_3RiSq {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.ViewerFileInformation_mobileFullscreenFallback_35mk- {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .ViewerFileInformation_mobileFullscreenFallback_35mk- > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.ViewerFileInformation_viewerFileInformation_282el {
  display: block;
  color: #111; }
  .ViewerFileInformation_viewerFileInformation_282el h3 {
    margin-bottom: 0;
    font-size: 1rem; }
  .ViewerFileInformation_viewerFileInformation_282el .ViewerFileInformation_infoBlock_rIrSx {
    max-width: 350px;
    margin-bottom: 24px; }
    .ViewerFileInformation_viewerFileInformation_282el .ViewerFileInformation_infoBlock_rIrSx:last-child {
      margin-bottom: 0; }

.ViewerFileInformation_permalinkWrapper_1LCCY {
  width: 100%;
  max-width: 350px;
  color: #111; }
  .ViewerFileInformation_permalinkWrapper_1LCCY h3 {
    margin-bottom: 0;
    font-size: 1rem;
    text-transform: lowercase; }
    .ViewerFileInformation_permalinkWrapper_1LCCY h3::first-letter {
      text-transform: capitalize; }
  .ViewerFileInformation_permalinkWrapper_1LCCY .ViewerFileInformation_permalinkBlock_2O6Mi {
    margin: 8px 0;
    margin-bottom: 0;
    padding: 8px;
    font-size: 0.875rem;
    white-space: normal;
    word-break: break-all;
    border: 1px solid #ccc; }
  .ViewerFileInformation_permalinkWrapper_1LCCY button {
    font-size: 0.875rem; }
  .ViewerFileInformation_permalinkWrapper_1LCCY .ViewerFileInformation_linkCopyButton_2aB1C {
    padding: 0; }
  .ViewerFileInformation_permalinkWrapper_1LCCY .ViewerFileInformation_linkCopied_2yhhZ {
    color: #999;
    pointer-events: none; }

.ViewerFileInformation_transcriptClose_3NDI2 {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: end;
      align-self: flex-end;
  color: #111; }
  .ViewerFileInformation_transcriptClose_3NDI2 button {
    margin-left: auto; }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.DownloadPrompt_textUppercase_1Y-it {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.DownloadPrompt_textFieldTitle_2VqSl {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

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

.DownloadPrompt_textPageTitle_1kv91 {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .DownloadPrompt_textPageTitle_1kv91 {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.DownloadPrompt_screenreaderOnly_1xW8M {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.DownloadPrompt_resetScreenreaderOnly_2vr_F {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.DownloadPrompt_listUnstyled_3oR2o {
  padding-left: 0;
  list-style: none; }

.DownloadPrompt_buttonUnstyled_1KaTx {
  display: block;
  border: none; }

.DownloadPrompt_shadow_RwLaP {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.DownloadPrompt_mobileFullscreenFallback_sWxDz {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .DownloadPrompt_mobileFullscreenFallback_sWxDz > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.DownloadPrompt_iconDownloading_3p89D {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(255, 255, 255, 0.7);
  border: 0; }
  .DownloadPrompt_iconDownloading_3p89D button {
    width: 100%;
    margin: auto;
    background-color: #fff; }
    .DownloadPrompt_iconDownloading_3p89D button .DownloadPrompt_textButtonText_AXmbZ span {
      -webkit-animation-name: DownloadPrompt_blink_21oQb;
              animation-name: DownloadPrompt_blink_21oQb;
      -webkit-animation-duration: 1.4s;
              animation-duration: 1.4s;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      -webkit-animation-fill-mode: both;
              animation-fill-mode: both; }
    .DownloadPrompt_iconDownloading_3p89D button .DownloadPrompt_textButtonText_AXmbZ span:nth-child(2) {
      -webkit-animation-delay: 0.2s;
              animation-delay: 0.2s; }
    .DownloadPrompt_iconDownloading_3p89D button .DownloadPrompt_textButtonText_AXmbZ span:nth-child(3) {
      -webkit-animation-delay: 0.4s;
              animation-delay: 0.4s; }

.DownloadPrompt_downloadPrompt_23Hq- {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  width: 100%;
  background: #fff; }
  .DownloadPrompt_downloadPrompt_23Hq-.DownloadPrompt_active_uCSho {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .DownloadPrompt_downloadPrompt_23Hq- header {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    min-width: 100%; }
    .DownloadPrompt_downloadPrompt_23Hq- header h3 {
      margin-bottom: 0;
      color: #222;
      font-size: 1rem; }
  .DownloadPrompt_downloadPrompt_23Hq- footer {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    min-width: 100%;
    padding-top: 16px;
    text-align: center;
    text-transform: uppercase; }
  .DownloadPrompt_downloadPrompt_23Hq- ul {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    min-width: 100%;
    margin: 0;
    padding: 0;
    list-style: none; }
    .DownloadPrompt_downloadPrompt_23Hq- ul li {
      padding-top: 8px; }
    .DownloadPrompt_downloadPrompt_23Hq- ul .DownloadPrompt_iconButton_3GwkX {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      min-width: 100%;
      height: 40px;
      margin-left: auto;
      padding-right: 8px;
      font-weight: 400;
      font-size: 0.875rem;
      letter-spacing: 0.01em;
      text-transform: initial;
      border: 1px solid #ccc; }
      .DownloadPrompt_downloadPrompt_23Hq- ul .DownloadPrompt_iconButton_3GwkX[disabled] {
        opacity: 0.7;
        pointer-events: none; }
      .DownloadPrompt_downloadPrompt_23Hq- ul .DownloadPrompt_iconButton_3GwkX:hover, .DownloadPrompt_downloadPrompt_23Hq- ul .DownloadPrompt_iconButton_3GwkX:active, .DownloadPrompt_downloadPrompt_23Hq- ul .DownloadPrompt_iconButton_3GwkX:focus {
        color: #333;
        border: 1px solid #333; }
      .DownloadPrompt_downloadPrompt_23Hq- ul .DownloadPrompt_iconButton_3GwkX > span {
        display: inline-block;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        margin: 0; }
        .DownloadPrompt_downloadPrompt_23Hq- ul .DownloadPrompt_iconButton_3GwkX > span.DownloadPrompt_textButtonText_AXmbZ {
          -webkit-box-flex: 1;
              -ms-flex: 1 1 100%;
                  flex: 1 1 100%;
          padding-left: 4px;
          text-align: left; }
          .DownloadPrompt_downloadPrompt_23Hq- ul .DownloadPrompt_iconButton_3GwkX > span.DownloadPrompt_textButtonText_AXmbZ small {
            font-size: 0.75rem; }
      .DownloadPrompt_downloadPrompt_23Hq- ul .DownloadPrompt_iconButton_3GwkX svg {
        height: 24px !important; }
      .DownloadPrompt_downloadPrompt_23Hq- ul .DownloadPrompt_iconButton_3GwkX path,
      .DownloadPrompt_downloadPrompt_23Hq- ul .DownloadPrompt_iconButton_3GwkX rect {
        fill: #222; }

@-webkit-keyframes DownloadPrompt_blink_21oQb {
  0% {
    opacity: 0.2; }
  20% {
    opacity: 1; }
  100% {
    opacity: 0.2; } }

@keyframes DownloadPrompt_blink_21oQb {
  0% {
    opacity: 0.2; }
  20% {
    opacity: 1; }
  100% {
    opacity: 0.2; } }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.OpenSeadragonInstance_textUppercase_3bV3S {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.OpenSeadragonInstance_textFieldTitle_1jtTe {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

.OpenSeadragonInstance_textSmoothing_3GJ8d, .OpenSeadragonInstance_textPageTitle_3c-zs {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.OpenSeadragonInstance_textPageTitle_3c-zs {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .OpenSeadragonInstance_textPageTitle_3c-zs {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.OpenSeadragonInstance_screenreaderOnly_yzt3n {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.OpenSeadragonInstance_resetScreenreaderOnly_22rI7 {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.OpenSeadragonInstance_listUnstyled_Zha6J {
  padding-left: 0;
  list-style: none; }

.OpenSeadragonInstance_buttonUnstyled_2T5mz {
  display: block;
  border: none; }

.OpenSeadragonInstance_shadow_3riBt {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.OpenSeadragonInstance_mobileFullscreenFallback_3JjBs {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .OpenSeadragonInstance_mobileFullscreenFallback_3JjBs > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.OpenSeadragonInstance_openSeadragonInstance_3OZGi {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%;
  height: 500px; }
  @media (hover: none) and (pointer: coarse) {
    .OpenSeadragonInstance_openSeadragonInstance_3OZGi > div.openseadragon-container {
      pointer-events: none; }
    .OpenSeadragonInstance_openSeadragonInstance_3OZGi > div.openseadragon-canvas {
      -ms-touch-action: auto;
          touch-action: auto; } }
  .OpenSeadragonInstance_openSeadragonInstance_3OZGi.fullpage > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='seadragonContainerFullscreen'] > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3OZGi.OpenSeadragonInstance_isFullScreen_rkm9z > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='fullpage'] > div.openseadragon-container {
    pointer-events: auto; }
  .OpenSeadragonInstance_openSeadragonInstance_3OZGi.fullpage > div.openseadragon-canvas, .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='seadragonContainerFullscreen'] > div.openseadragon-canvas, .OpenSeadragonInstance_openSeadragonInstance_3OZGi.OpenSeadragonInstance_isFullScreen_rkm9z > div.openseadragon-canvas, .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='fullpage'] > div.openseadragon-canvas {
    -ms-touch-action: none;
        touch-action: none; }
  .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='viewerOpenSeadragon'] > div:not([class]) {
    display: none !important; }
  .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='viewerOpenSeadragon'] .OpenSeadragonInstance_navigatorBlockWithFileInfo_1K9c4 {
    right: 35%; }
    @media only screen and (min-width: 80rem) {
      .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='viewerOpenSeadragon'] .OpenSeadragonInstance_navigatorBlockWithFileInfo_1K9c4 {
        right: 32%; } }
    @media only screen and (min-width: 120rem) {
      .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='viewerOpenSeadragon'] .OpenSeadragonInstance_navigatorBlockWithFileInfo_1K9c4 {
        right: 25%; } }
  .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='viewerOpenSeadragon'] > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='seadragonContainer'] > div.openseadragon-container {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    min-width: 65%;
    max-width: 100%;
    height: 100% !important; }
    @media only screen and (min-width: 40rem) {
      .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='viewerOpenSeadragon'] > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='seadragonContainer'] > div.openseadragon-container {
        height: 92% !important; } }
  .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='viewerOpenSeadragon'][class*='viewerWithFileInfoMobile'] > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='seadragonContainer'][class*='viewerWithFileInfoMobile'] > div.openseadragon-container {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    min-width: 65%;
    max-width: 100%; }
    @media only screen and (min-width: 120rem) {
      .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='viewerOpenSeadragon'][class*='viewerWithFileInfoMobile'] > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='seadragonContainer'][class*='viewerWithFileInfoMobile'] > div.openseadragon-container {
        min-width: 75%; } }
  .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='viewerOpenSeadragon'].OpenSeadragonInstance_isFullScreen_rkm9z > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='seadragonContainer'].OpenSeadragonInstance_isFullScreen_rkm9z > div.openseadragon-container {
    height: 88% !important; }
    @media only screen and (min-width: 33.5rem) {
      .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='viewerOpenSeadragon'].OpenSeadragonInstance_isFullScreen_rkm9z > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='seadragonContainer'].OpenSeadragonInstance_isFullScreen_rkm9z > div.openseadragon-container {
        height: 92% !important; } }
    @media only screen and (min-width: 60rem) {
      .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='viewerOpenSeadragon'].OpenSeadragonInstance_isFullScreen_rkm9z > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='seadragonContainer'].OpenSeadragonInstance_isFullScreen_rkm9z > div.openseadragon-container {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        min-width: 65%;
        max-width: 100%;
        height: 88% !important; } }
  .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='viewerOpenSeadragon'].OpenSeadragonInstance_isFullScreen_rkm9z .OpenSeadragonInstance_navigatorBlock_CECmu, .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='seadragonContainer'].OpenSeadragonInstance_isFullScreen_rkm9z .OpenSeadragonInstance_navigatorBlock_CECmu {
    bottom: 12%; }
  .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='viewerOpenSeadragon'].OpenSeadragonInstance_isFullScreen_rkm9z[class*='viewerWithFileInfoMobile'] > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='seadragonContainer'].OpenSeadragonInstance_isFullScreen_rkm9z[class*='viewerWithFileInfoMobile'] > div.openseadragon-container {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    min-width: 65%;
    max-width: 100%; }
    @media only screen and (min-width: 120rem) {
      .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='viewerOpenSeadragon'].OpenSeadragonInstance_isFullScreen_rkm9z[class*='viewerWithFileInfoMobile'] > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='seadragonContainer'].OpenSeadragonInstance_isFullScreen_rkm9z[class*='viewerWithFileInfoMobile'] > div.openseadragon-container {
        min-width: 75%; } }
  .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='viewerOpenSeadragon'][class*='fullpage'] .OpenSeadragonInstance_navigatorBlock_CECmu, .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='seadragonContainer'][class*='fullpage'] .OpenSeadragonInstance_navigatorBlock_CECmu {
    bottom: 12%;
    display: none !important; }
    @media only screen and (min-width: 40rem) {
      .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='viewerOpenSeadragon'][class*='fullpage'] .OpenSeadragonInstance_navigatorBlock_CECmu, .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='seadragonContainer'][class*='fullpage'] .OpenSeadragonInstance_navigatorBlock_CECmu {
        display: block !important; } }
  .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='viewerOpenSeadragon'] .OpenSeadragonInstance_navigatorBlock_CECmu, .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='seadragonContainer'] .OpenSeadragonInstance_navigatorBlock_CECmu {
    bottom: 8%; }
  .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='seadragonContainer'] > div.openseadragon-container {
    position: absolute;
    height: 100% !important; }
  .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='seadragonContainer'] .OpenSeadragonInstance_navigatorBlock_CECmu {
    bottom: 0; }
  .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='seadragonContainer'].OpenSeadragonInstance_isFullScreen_rkm9z {
    height: 100vh; }
    .OpenSeadragonInstance_openSeadragonInstance_3OZGi[class*='seadragonContainer'].OpenSeadragonInstance_isFullScreen_rkm9z .OpenSeadragonInstance_navigatorBlock_CECmu {
      display: block !important; }
  .OpenSeadragonInstance_openSeadragonInstance_3OZGi > div:not([class]) {
    position: absolute !important;
    right: 0;
    bottom: 0;
    width: 228px !important;
    height: 176px !important; }
  .OpenSeadragonInstance_openSeadragonInstance_3OZGi.OpenSeadragonInstance_withFileInfoOpen_1q815 > div:not([class]) {
    right: 35%; }
    @media only screen and (min-width: 80rem) {
      .OpenSeadragonInstance_openSeadragonInstance_3OZGi.OpenSeadragonInstance_withFileInfoOpen_1q815 > div:not([class]) {
        right: 32%; } }
    @media only screen and (min-width: 120rem) {
      .OpenSeadragonInstance_openSeadragonInstance_3OZGi.OpenSeadragonInstance_withFileInfoOpen_1q815 > div:not([class]) {
        right: 25%; } }
  @media only screen and (min-width: 33.5rem) {
    .OpenSeadragonInstance_openSeadragonInstance_3OZGi {
      -webkit-box-flex: initial;
          -ms-flex: initial;
              flex: initial;
      height: initial; } }
  .OpenSeadragonInstance_openSeadragonInstance_3OZGi canvas {
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out; }
  .OpenSeadragonInstance_openSeadragonInstance_3OZGi.OpenSeadragonInstance_isFullScreen_rkm9z {
    width: 100%;
    height: 95vh; }
    @media only screen and (min-width: 40rem) {
      .OpenSeadragonInstance_openSeadragonInstance_3OZGi.OpenSeadragonInstance_isFullScreen_rkm9z {
        height: 100%; } }
    @media only screen and (min-width: 60rem) {
      .OpenSeadragonInstance_openSeadragonInstance_3OZGi.OpenSeadragonInstance_isFullScreen_rkm9z {
        height: 100vh; } }

.OpenSeadragonInstance_loaderBlock_2_djK {
  position: absolute;
  top: 42%;
  left: 50%;
  margin-left: -50px; }

.OpenSeadragonInstance_navigatorBlock_CECmu {
  position: absolute !important;
  right: 0;
  bottom: 0;
  display: none !important;
  width: 12rem;
  height: 10rem;
  margin: 16px !important;
  padding: 0;
  background: #f6f6f6;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.32);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.32);
  opacity: 0.95;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  -ms-touch-action: none;
      touch-action: none; }
  @media only screen and (min-width: 40rem) {
    .OpenSeadragonInstance_navigatorBlock_CECmu {
      display: block !important; } }
  @media only screen and (min-width: 60rem) {
    .OpenSeadragonInstance_navigatorBlock_CECmu {
      margin-right: 32px !important; } }
  @media only screen and (min-width: 80rem) {
    .OpenSeadragonInstance_navigatorBlock_CECmu {
      margin-right: 48px !important; } }
  @media only screen and (min-width: 120rem) {
    .OpenSeadragonInstance_navigatorBlock_CECmu {
      margin-right: 64px !important; } }

.OpenSeadragonInstance_NBViewerHighlight_1FiiB {
  background-color: #35c9ff;
  opacity: 0.4; }

.OpenSeadragonInstance_hideNavigator_1NmBB {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.5s ease-in-out, opacity 0.5s ease-in-out;
  transition: visibility 0.5s ease-in-out, opacity 0.5s ease-in-out; }

.OpenSeadragonInstance_showNavigator_1YmJk {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.5s ease-in-out, opacity 0.5s ease-in-out;
  transition: visibility 0.5s ease-in-out, opacity 0.5s ease-in-out; }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.ImageViewer_textUppercase_2AcGF {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.ImageViewer_textFieldTitle_2mqjV {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

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

.ImageViewer_textPageTitle_1Gvrx {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .ImageViewer_textPageTitle_1Gvrx {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.ImageViewer_screenreaderOnly_2yPEr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.ImageViewer_resetScreenreaderOnly_2l6or {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.ImageViewer_listUnstyled_3RBOS {
  padding-left: 0;
  list-style: none; }

.ImageViewer_buttonUnstyled_1a5Zx {
  display: block;
  border: none; }

.ImageViewer_shadow_1s6c8 {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.ImageViewer_mobileFullscreenFallback_1gyOn {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .ImageViewer_mobileFullscreenFallback_1gyOn > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.ImageViewer_textUppercase_2AcGF {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.ImageViewer_textFieldTitle_2mqjV {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

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

.ImageViewer_textPageTitle_1Gvrx {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .ImageViewer_textPageTitle_1Gvrx {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.ImageViewer_screenreaderOnly_2yPEr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.ImageViewer_resetScreenreaderOnly_2l6or {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.ImageViewer_listUnstyled_3RBOS {
  padding-left: 0;
  list-style: none; }

.ImageViewer_buttonUnstyled_1a5Zx {
  display: block;
  border: none; }

.ImageViewer_shadow_1s6c8 {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.ImageViewer_mobileFullscreenFallback_1gyOn {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .ImageViewer_mobileFullscreenFallback_1gyOn > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.ImageViewer_imageThumbnailStrip_1QKur {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 0;
  border-width: 0 4px 4px;
  border-style: solid;
  border-color: #333; }
  @media only screen and (min-width: 33.5rem) {
    .ImageViewer_imageThumbnailStrip_1QKur {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.ImageViewer_imageStripWrapper_1BMan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding-top: 24px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 16px; }
  @media only screen and (min-width: 33.5rem) {
    .ImageViewer_imageStripWrapper_1BMan {
      padding-top: 0;
      padding-bottom: 4px; } }
  @media only screen and (min-width: 60rem) {
    .ImageViewer_imageStripWrapper_1BMan {
      padding-top: 16px; } }

.ImageViewer_imageStrip_2xu_W {
  height: 9.7rem !important;
  max-height: 9.7rem !important;
  margin-top: -22px;
  scroll-behavior: smooth; }
  @media only screen and (min-width: 33.5rem) {
    .ImageViewer_imageStrip_2xu_W {
      height: 10.7rem !important;
      max-height: 10.7rem !important;
      margin-top: -12px; }
      .ImageViewer_imageStrip_2xu_W::-webkit-scrollbar {
        display: none; } }
  .ImageViewer_imageStrip_2xu_W .ReactVirtualized__Grid__innerScrollContainer {
    height: 9.7rem !important;
    max-height: 9.7rem !important; }
    @media only screen and (min-width: 33.5rem) {
      .ImageViewer_imageStrip_2xu_W .ReactVirtualized__Grid__innerScrollContainer {
        height: 10.7rem !important;
        max-height: 10.7rem !important; } }

.ImageViewer_imageContainer_3aXw2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.ImageViewer_image_31OKN {
  position: relative;
  width: 120px;
  height: 120px;
  cursor: pointer;
  -webkit-transition: 0.25s cubic-bezier(0.86, 0, 0.07, 1);
  transition: 0.25s cubic-bezier(0.86, 0, 0.07, 1); }
  @media only screen and (min-width: 60rem) {
    .ImageViewer_image_31OKN {
      width: 136px;
      height: 136px; } }
  .ImageViewer_image_31OKN:first-child {
    margin-left: -16px; }
  .ImageViewer_imageContainerActive_1dJVd .ImageViewer_image_31OKN {
    outline: 3px solid #f68b1f;
    -webkit-box-shadow: 0 7px 13px rgba(17, 17, 17, 0.7);
            box-shadow: 0 7px 13px rgba(17, 17, 17, 0.7);
    -webkit-transform: scale(1.02) translate(0, -4px) perspective(1px);
            transform: scale(1.02) translate(0, -4px) perspective(1px); }
    .ImageViewer_imageContainerActive_1dJVd .ImageViewer_image_31OKN:first-child {
      margin-left: -12px; }
  .ImageViewer_cepDigitalCollection_2UaTo .ImageViewer_imageContainerActive_1dJVd .ImageViewer_image_31OKN {
    outline: 3px solid #64c3af; }
  .ImageViewer_imageContainerActive_1dJVd.ImageViewer_imageContainer_3aXw2:first-child .ImageViewer_image_31OKN {
    -webkit-transform: scale(1.02) translate(3px, -4px);
            transform: scale(1.02) translate(3px, -4px); }
  .ImageViewer_imageContainerActive_1dJVd.ImageViewer_imageContainer_3aXw2:last-child .ImageViewer_image_31OKN {
    -webkit-transform: scale(1.02) translate(-3px, -4px);
            transform: scale(1.02) translate(-3px, -4px); }
  .ImageViewer_image_31OKN.ImageViewer_defaultImageCursor_2S7Fz {
    cursor: default; }

.ImageViewer_formatBlock_2uctM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: url("https://cep-user-app-assets.s3-ap-southeast-2.amazonaws.com/images/cep-audio-player/CEP_Background_1.jpg") no-repeat; }
  .ImageViewer_formatBlock_2uctM .ImageViewer_formatIcon_3Yxgp {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    padding: 8px; }
  .ImageViewer_formatBlock_2uctM .ImageViewer_audioTitle_2uVi0 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 64px;
    padding: 8px;
    color: #fff;
    font-size: 0.75rem;
    line-height: 1.5;
    background: #222; }
    .ImageViewer_formatBlock_2uctM .ImageViewer_audioTitle_2uVi0 p {
      margin-bottom: 0;
      font-size: 0.75rem;
      line-height: 1.5; }
      .ImageViewer_formatBlock_2uctM .ImageViewer_audioTitle_2uVi0 p::after {
        content: '>';
        padding-left: 4px; }
    @media only screen and (min-width: 60rem) {
      .ImageViewer_formatBlock_2uctM .ImageViewer_audioTitle_2uVi0 {
        max-height: none; } }
  .ImageViewer_formatBlock_2uctM:hover {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
    .ImageViewer_formatBlock_2uctM:hover .ImageViewer_audioTitle_2uVi0 {
      text-decoration: underline; }

.ImageViewer_imageIndex_2qyWi {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1;
  width: 32px;
  height: 20px;
  font-size: 0.875rem;
  line-height: 20px;
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  opacity: 0.9; }
  @media only screen and (min-width: 33.5rem) {
    .ImageViewer_imageIndex_2qyWi {
      top: 32px;
      right: 16px; } }
  @media only screen and (min-width: 60rem) {
    .ImageViewer_imageIndex_2qyWi {
      top: 16px;
      right: 20px; } }

.ImageViewer_imageContainerActive_1dJVd .ImageViewer_imageIndex_2qyWi {
  top: 12px;
  right: 12px; }
  @media only screen and (min-width: 33.5rem) {
    .ImageViewer_imageContainerActive_1dJVd .ImageViewer_imageIndex_2qyWi {
      top: 28px; } }
  @media only screen and (min-width: 60rem) {
    .ImageViewer_imageContainerActive_1dJVd .ImageViewer_imageIndex_2qyWi {
      top: 11px;
      right: 18px; } }

.ImageViewer_imageContainerActive_1dJVd.ImageViewer_imageContainer_3aXw2:first-child .ImageViewer_imageIndex_2qyWi {
  top: 12px;
  right: 11px; }
  @media only screen and (min-width: 33.5rem) {
    .ImageViewer_imageContainerActive_1dJVd.ImageViewer_imageContainer_3aXw2:first-child .ImageViewer_imageIndex_2qyWi {
      top: 28px; } }
  @media only screen and (min-width: 60rem) {
    .ImageViewer_imageContainerActive_1dJVd.ImageViewer_imageContainer_3aXw2:first-child .ImageViewer_imageIndex_2qyWi {
      top: 12px;
      right: 14px; } }

.ImageViewer_controls_1Kjmz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 120rem;
  padding: 0 12px;
  padding-bottom: 16px; }
  @media only screen and (min-width: 33.5rem) {
    .ImageViewer_controls_1Kjmz {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%;
      margin: 0 auto; } }
  @media only screen and (min-width: 60rem) {
    .ImageViewer_controls_1Kjmz {
      padding: 0 32px;
      padding-bottom: 16px; } }
  @media only screen and (min-width: 80rem) {
    .ImageViewer_controls_1Kjmz {
      padding: 0 48px;
      padding-bottom: 16px; } }
  @media only screen and (min-width: 120rem) {
    .ImageViewer_controls_1Kjmz {
      padding: 0 64px;
      padding-bottom: 16px; } }
  .ImageViewer_controls_1Kjmz .ImageViewer_controlButtons_QEVn8 {
    display: none; }
    @media only screen and (min-width: 60rem) {
      .ImageViewer_controls_1Kjmz .ImageViewer_controlButtons_QEVn8 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; } }
  .ImageViewer_controls_1Kjmz span {
    font-weight: 500; }

.ImageViewer_controlButtonIcon_34-VT {
  margin-left: 0; }
  .ImageViewer_controlButtonIcon_34-VT svg {
    max-height: 24px; }

.ImageViewer_fullAlbumButton_1b_tN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 100%;
  max-width: none;
  margin-left: 0;
  padding: 8px;
  font-weight: 500;
  font-size: 0.875rem;
  background: #333; }
  @media only screen and (min-width: 33.5rem) {
    .ImageViewer_fullAlbumButton_1b_tN {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -ms-flex-line-pack: center;
          align-content: center;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
      width: auto;
      max-width: none;
      height: 100%;
      text-align: center; } }

.ImageViewer_fullAlbumText_7eXpB {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 16px; }
  .ImageViewer_fullAlbumText_7eXpB span {
    margin-left: 8px; }

.ImageViewer_ctaButton_3DDAS {
  min-height: 40px; }

.ImageViewer_previousButton_30_H2,
.ImageViewer_nextButton_3Nvw7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 104px;
  height: 48px;
  margin-right: 2px;
  margin-left: 0;
  padding: 8px;
  color: #fff;
  font-weight: 400;
  background: #333d;
  border-radius: 0; }
  @media only screen and (min-width: 33.5rem) {
    .ImageViewer_previousButton_30_H2,
    .ImageViewer_nextButton_3Nvw7 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: auto;
      height: 100%; } }

.ImageViewer_nextButton_3Nvw7 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3; }
  @media only screen and (min-width: 33.5rem) {
    .ImageViewer_nextButton_3Nvw7 {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-ordinal-group: inherit;
          -ms-flex-order: inherit;
              order: inherit;
      margin-right: 2px; } }

.ImageViewer_hideElement_12ogU {
  display: none; }

.ImageViewer_imageNumberPagination_3s6aC {
  margin: 8px 0 16px; }
  .ImageViewer_imageNumberPagination_3s6aC form {
    display: inline-block; }
  @media only screen and (min-width: 33.5rem) {
    .ImageViewer_imageNumberPagination_3s6aC {
      margin: 0; } }

.ImageViewer_imageNumberInput_1Z1gz[type='text'] {
  width: 40px;
  height: 40px;
  padding: 0;
  font-weight: 500;
  text-align: center; }

.ImageViewer_imageNumberInput_1Z1gz.ImageViewer_imageInputError_2RgSy {
  outline: 1px solid #d10000; }

.ImageViewer_searchPageImageStrip_2AdIN {
  margin-top: 16px;
  border: none;
  border-top: 1px solid #ccc; }
  .ImageViewer_searchPageImageStrip_2AdIN .ImageViewer_imageStripWrapper_1BMan {
    margin-left: -4px;
    padding-left: 0; }
  .ImageViewer_searchPageImageStrip_2AdIN .ImageViewer_controls_1Kjmz {
    padding: 0; }

.ImageViewer_albumViewModal_1cliz {
  padding: 0; }
  @media only screen and (min-width: 60rem) {
    .ImageViewer_albumViewModal_1cliz {
      width: calc(100% - 80px);
      height: calc(100% - 80px); } }
  .ImageViewer_albumViewModal_1cliz button {
    margin-top: 0;
    margin-right: 0;
    padding: 16px;
    background: none; }
    .ImageViewer_albumViewModal_1cliz button > svg > * {
      fill: #fff; }

.ImageViewer_imageViewer_2JFOX {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 100vw;
  height: 500px; }
  @media only screen and (min-width: 33.5rem) {
    .ImageViewer_imageViewer_2JFOX {
      display: block;
      -webkit-box-orient: initial;
      -webkit-box-direction: initial;
          -ms-flex-direction: initial;
              flex-direction: initial;
      height: 400px; } }

.ImageViewer_imageViewerOverlay_TAn3H {
  position: absolute;
  z-index: 1;
  display: none;
  width: 100%;
  height: 100%;
  background: transparent; }
  [data-interface-event-type='touch'] .ImageViewer_imageViewerOverlay_TAn3H {
    display: block; }
  .ImageViewer_viewerWithFileInfoMobile_2J1Vx .ImageViewer_imageViewerOverlay_TAn3H {
    left: 0;
    width: 40%; }

.ImageViewer_toolbarWrapper_1Q5QN {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  max-width: 120rem;
  height: auto;
  margin: 0 auto;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  pointer-events: none; }
  .fullpage .ImageViewer_toolbarWrapper_1Q5QN {
    max-width: 100%; }
  @media only screen and (min-width: 60rem) {
    .ImageViewer_toolbarWrapper_1Q5QN.ImageViewer_toolbarWithFileInfo_3pH7w {
      left: 0;
      width: 65%;
      margin-left: 0; } }
  @media only screen and (min-width: 80rem) {
    .ImageViewer_toolbarWrapper_1Q5QN.ImageViewer_toolbarWithFileInfo_3pH7w {
      left: 0;
      width: 68%;
      margin-left: 0; } }
  @media only screen and (min-width: 120rem) {
    .ImageViewer_toolbarWrapper_1Q5QN.ImageViewer_toolbarWithFileInfo_3pH7w {
      width: 75%; } }

.ImageViewer_toolbar_V0xBN {
  display: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 16px;
  margin-right: 16px;
  text-transform: uppercase;
  pointer-events: all; }
  .fullpage .ImageViewer_toolbar_V0xBN {
    margin-top: 16px;
    margin-right: 16px; }
  @media only screen and (min-width: 40rem) {
    .ImageViewer_toolbar_V0xBN {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media only screen and (min-width: 60rem) {
    .ImageViewer_toolbar_V0xBN {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: initial;
          -ms-flex: initial;
              flex: initial;
      margin-right: 32px; } }
  @media only screen and (min-width: 80rem) {
    .ImageViewer_toolbar_V0xBN {
      margin-right: 48px; } }
  @media only screen and (min-width: 120rem) {
    .ImageViewer_toolbar_V0xBN {
      margin-right: 64px; } }
  .ImageViewer_toolbar_V0xBN h2 {
    margin: 0;
    padding: 8px;
    color: white;
    font-weight: strong;
    font-size: 0.75rem;
    font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
    line-height: 18px;
    background: #111; }

.ImageViewer_fullscreen_3fPC1 {
  width: 100vw !important;
  height: calc(var(--vh, 1vh) * 100) !important; }
  .ImageViewer_fullscreen_3fPC1 .ImageViewer_viewerWithFileInfoMobile_2J1Vx {
    height: 70vh; }
    @media only screen and (min-width: 40rem) {
      .ImageViewer_fullscreen_3fPC1 .ImageViewer_viewerWithFileInfoMobile_2J1Vx {
        height: 78vh; } }
    @media only screen and (min-width: 60rem) {
      .ImageViewer_fullscreen_3fPC1 .ImageViewer_viewerWithFileInfoMobile_2J1Vx {
        height: 97vh; } }

.ImageViewer_fullscreenToolbar_hcopU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.ImageViewer_button_1pQWb {
  margin-right: 1px;
  padding: 8px;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 14px;
  text-align: center;
  background: #333d;
  border-radius: 0; }

.ImageViewer_fullScreenMobile_2K9SR {
  position: absolute;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  padding: 16px;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out; }
  @media only screen and (min-width: 40rem) {
    .ImageViewer_fullScreenMobile_2K9SR {
      display: none; } }

.ImageViewer_openSeadragonHiddenControls_1Ncqv {
  display: none; }

.ImageViewer_seadragonContainer_2wvEu {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 56vh;
  background: #555; }
  .ImageViewer_seadragonContainer_2wvEu.ImageViewer_fullpage_10wvm {
    width: 100vw !important;
    height: calc(var(--vh, 1vh) * 100) !important; }
    .ImageViewer_seadragonContainer_2wvEu.ImageViewer_fullpage_10wvm[data-interface-event-type='touch'] .ImageViewer_imageViewerOverlay_TAn3H {
      display: none; }
    .ImageViewer_seadragonContainer_2wvEu.ImageViewer_fullpage_10wvm .ImageViewer_fullScreenMobile_2K9SR {
      display: none; }
    .ImageViewer_seadragonContainer_2wvEu.ImageViewer_fullpage_10wvm.ImageViewer_viewerWithFileInfoMobile_2J1Vx {
      height: 100%; }
      @media only screen and (min-width: 33.5rem) {
        .ImageViewer_seadragonContainer_2wvEu.ImageViewer_fullpage_10wvm.ImageViewer_viewerWithFileInfoMobile_2J1Vx .openseadragon-container {
          height: 71% !important; }
        .ImageViewer_seadragonContainer_2wvEu.ImageViewer_fullpage_10wvm.ImageViewer_viewerWithFileInfoMobile_2J1Vx .navigator {
          bottom: 33%; }
        .ImageViewer_seadragonContainer_2wvEu.ImageViewer_fullpage_10wvm.ImageViewer_viewerWithFileInfoMobile_2J1Vx .ImageViewer_fileInformationBlock_12w-M {
          height: 23%; } }
      @media only screen and (min-width: 60rem) {
        .ImageViewer_seadragonContainer_2wvEu.ImageViewer_fullpage_10wvm.ImageViewer_viewerWithFileInfoMobile_2J1Vx .openseadragon-container {
          height: 88% !important; }
        .ImageViewer_seadragonContainer_2wvEu.ImageViewer_fullpage_10wvm.ImageViewer_viewerWithFileInfoMobile_2J1Vx .navigator {
          bottom: 12%; }
        .ImageViewer_seadragonContainer_2wvEu.ImageViewer_fullpage_10wvm.ImageViewer_viewerWithFileInfoMobile_2J1Vx .ImageViewer_fileInformationBlock_12w-M {
          height: 92%; } }
      @media only screen and (max-width: 47.9875rem) {
        .ImageViewer_seadragonContainer_2wvEu.ImageViewer_fullpage_10wvm.ImageViewer_viewerWithFileInfoMobile_2J1Vx .openseadragon-container {
          visibility: hidden;
          opacity: 0; }
        .ImageViewer_seadragonContainer_2wvEu.ImageViewer_fullpage_10wvm.ImageViewer_viewerWithFileInfoMobile_2J1Vx .navigator {
          visibility: hidden;
          opacity: 0; }
        .ImageViewer_seadragonContainer_2wvEu.ImageViewer_fullpage_10wvm.ImageViewer_viewerWithFileInfoMobile_2J1Vx .ImageViewer_navigationControls_1nNX7 {
          visibility: hidden;
          opacity: 0; }
        .ImageViewer_seadragonContainer_2wvEu.ImageViewer_fullpage_10wvm.ImageViewer_viewerWithFileInfoMobile_2J1Vx .ImageViewer_toolbar_V0xBN {
          visibility: hidden;
          opacity: 0; } }
      @media only screen and (max-width: 47.9875rem) {
        .ImageViewer_seadragonContainer_2wvEu.ImageViewer_fullpage_10wvm.ImageViewer_viewerWithFileInfoMobile_2J1Vx .ImageViewer_fileInformationBlock_12w-M {
          position: absolute;
          top: 0;
          right: 0;
          bottom: auto;
          left: 0;
          z-index: 2;
          height: 100%;
          max-height: calc(100% - 72px) !important; } }
      @media only screen and (max-width: 47.9875rem) and (orientation: portrait) {
        .ImageViewer_seadragonContainer_2wvEu.ImageViewer_fullpage_10wvm.ImageViewer_viewerWithFileInfoMobile_2J1Vx .ImageViewer_fileInformationBlock_12w-M {
          max-height: calc(100% - 120px) !important; } }
  .ImageViewer_seadragonContainer_2wvEu.ImageViewer_seadragonContainerFullscreen_3T1ui[data-interface-event-type='touch'] .ImageViewer_imageViewerOverlay_TAn3H {
    display: none; }
  .ImageViewer_seadragonContainer_2wvEu.ImageViewer_seadragonContainerFullscreen_3T1ui .ImageViewer_fullScreenMobile_2K9SR {
    display: none; }
  @media only screen and (min-width: 33.5rem) {
    .ImageViewer_seadragonContainer_2wvEu {
      -webkit-box-flex: initial;
          -ms-flex: initial;
              flex: initial; } }
  @media only screen and (min-width: 40rem) {
    .ImageViewer_seadragonContainer_2wvEu {
      height: 65vh; } }
  @media only screen and (min-width: 60rem) {
    .ImageViewer_seadragonContainer_2wvEu {
      height: 80vh; } }

.ImageViewer_navigationControls_1nNX7 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: center;
      align-self: center;
  width: 100%;
  max-width: 120rem;
  margin: auto;
  padding: 0 16px;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  pointer-events: none; }
  @media only screen and (min-width: 60rem) {
    .ImageViewer_navigationControls_1nNX7 {
      padding: 0 32px; } }
  @media only screen and (min-width: 80rem) {
    .ImageViewer_navigationControls_1nNX7 {
      padding: 0 48px; } }
  @media only screen and (min-width: 120rem) {
    .ImageViewer_navigationControls_1nNX7 {
      padding: 0 64px; } }
  @media only screen and (min-width: 60rem) {
    .ImageViewer_navigationControls_1nNX7.ImageViewer_navigationControlsWithFileInfo_HXI_S {
      left: 0;
      width: 65%;
      margin-left: 0; } }
  @media only screen and (min-width: 80rem) {
    .ImageViewer_navigationControls_1nNX7.ImageViewer_navigationControlsWithFileInfo_HXI_S {
      left: 0;
      width: 68%;
      margin-left: 0; } }
  @media only screen and (min-width: 120rem) {
    .ImageViewer_navigationControls_1nNX7.ImageViewer_navigationControlsWithFileInfo_HXI_S {
      width: 75%; } }

.ImageViewer_previous_37vwb,
.ImageViewer_next_1x-sF {
  padding: 8px;
  font-size: 1.125rem;
  line-height: 28px;
  background: #333d;
  pointer-events: all; }
  @media only screen and (min-width: 33.5rem) {
    .ImageViewer_previous_37vwb,
    .ImageViewer_next_1x-sF {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }

.ImageViewer_next_1x-sF {
  margin-left: auto; }

.ImageViewer_imageViewerOptionsWrapper_2-zK- {
  width: 100%;
  background: #333; }

.ImageViewer_imageViewerOptionsContainer_ueMqp {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  width: 100%;
  max-width: 120rem;
  margin: 0 auto;
  padding: 16px; }
  @media only screen and (min-width: 60rem) {
    .ImageViewer_imageViewerOptionsContainer_ueMqp {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row;
              flex-flow: row;
      min-height: 48px;
      padding: 12px 32px; } }
  @media only screen and (min-width: 80rem) {
    .ImageViewer_imageViewerOptionsContainer_ueMqp {
      padding: 12px 48px; } }
  @media only screen and (min-width: 120rem) {
    .ImageViewer_imageViewerOptionsContainer_ueMqp {
      padding: 12px 64px; } }
  .ImageViewer_imageViewerOptionsContainer_ueMqp > span {
    display: none; }
  .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_showThumbnail_1nPx3 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 48%;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    max-width: none;
    height: 40px;
    margin-right: 0;
    border: solid 0.8px #777; }
    @media only screen and (min-width: 33.5rem) {
      .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_showThumbnail_1nPx3 {
        width: 16rem;
        max-width: initial;
        height: auto; } }
    @media only screen and (min-width: 40rem) {
      .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_showThumbnail_1nPx3 {
        -webkit-box-flex: 49%;
            -ms-flex: 49%;
                flex: 49%;
        width: 0; } }
    @media only screen and (min-width: 60rem) {
      .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_showThumbnail_1nPx3 {
        width: initial;
        max-width: 250px; } }
    .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_showThumbnail_1nPx3.ImageViewer_activeThumbnail_3p97x {
      background: #111; }
  .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_showThumbnail_1nPx3,
  .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_showTitleButton_3j0zQ {
    min-height: 24px;
    margin-top: 8px;
    margin-right: 8px;
    padding: 4px 8px; }
    .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_showThumbnail_1nPx3:last-child,
    .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_showTitleButton_3j0zQ:last-child {
      margin-right: auto; }
    .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_showThumbnail_1nPx3:hover, .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_showThumbnail_1nPx3:active,
    .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_showTitleButton_3j0zQ:hover,
    .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_showTitleButton_3j0zQ:active {
      background: #111;
      opacity: 1; }
    @media only screen and (min-width: 60rem) {
      .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_showThumbnail_1nPx3,
      .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_showTitleButton_3j0zQ {
        -webkit-box-ordinal-group: initial;
            -ms-flex-order: initial;
                order: initial;
        margin-top: 0; } }
  .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_imageButtons_3D6HY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: end;
        align-self: end;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 50%;
    border: none; }
    .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_imageButtons_3D6HY > button {
      display: none; }
    @media only screen and (min-width: 40rem) {
      .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_imageButtons_3D6HY {
        -webkit-box-flex: 49%;
            -ms-flex: 49%;
                flex: 49%;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        width: 0;
        margin-left: 8px; } }
    @media only screen and (min-width: 80rem) {
      .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_imageButtons_3D6HY {
        width: initial;
        min-width: 16rem;
        max-width: 250px;
        margin-left: auto; } }
  .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_titleBlock_3sLMR {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  @media only screen and (min-width: 33.5rem) {
    .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_titleBlock_3sLMR {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_imageButtons_3D6HY {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
    .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_showThumbnail_1nPx3 {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; } }
  @media only screen and (min-width: 60rem) {
    .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_titleBlock_3sLMR {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_imageButtons_3D6HY {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
    .ImageViewer_imageViewerOptionsContainer_ueMqp .ImageViewer_showThumbnail_1nPx3 {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; } }

.ImageViewer_titleBlock_3sLMR {
  position: relative;
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  min-height: 32px; }
  @media only screen and (min-width: 60rem) {
    .ImageViewer_titleBlock_3sLMR {
      margin: 0 16px; } }
  .ImageViewer_titleBlock_3sLMR .ImageViewer_imageTitle_2j_f2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: none;
    min-height: 32px;
    margin-bottom: 0;
    color: #fff; }
    .ImageViewer_titleBlock_3sLMR .ImageViewer_imageTitle_2j_f2 > span {
      display: block;
      max-width: calc(100vw - 5rem);
      max-height: 32px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
      @media only screen and (min-width: 33.5rem) {
        .ImageViewer_titleBlock_3sLMR .ImageViewer_imageTitle_2j_f2 > span {
          max-width: calc(100vw - 5rem); } }
      @media only screen and (min-width: 60rem) {
        .ImageViewer_titleBlock_3sLMR .ImageViewer_imageTitle_2j_f2 > span {
          max-width: calc(100vw - 32.4rem); } }
      @media only screen and (min-width: 80rem) {
        .ImageViewer_titleBlock_3sLMR .ImageViewer_imageTitle_2j_f2 > span {
          max-width: calc(100vw - 42.1rem); } }
    @media only screen and (min-width: 60rem) {
      .ImageViewer_titleBlock_3sLMR .ImageViewer_imageTitle_2j_f2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        min-height: none; } }
    .ImageViewer_titleBlock_3sLMR .ImageViewer_imageTitle_2j_f2 button {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 1;
              flex: 0 0 1;
      margin-top: 0;
      background: none; }
  .ImageViewer_titleBlock_3sLMR .ImageViewer_fullTitleBlock_1v40C {
    position: absolute;
    top: initial;
    bottom: 0;
    left: -16px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    width: 100vw;
    max-width: none;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 4px 8px 16px;
    background: #fff;
    border: 1px solid #333; }
    @media only screen and (min-width: 33.5rem) {
      .ImageViewer_titleBlock_3sLMR .ImageViewer_fullTitleBlock_1v40C {
        bottom: 0; } }
    @media only screen and (min-width: 60rem) {
      .ImageViewer_titleBlock_3sLMR .ImageViewer_fullTitleBlock_1v40C {
        left: initial;
        width: auto;
        margin-right: 8px; } }
    .ImageViewer_titleBlock_3sLMR .ImageViewer_fullTitleBlock_1v40C p {
      margin-bottom: 0; }
    .ImageViewer_titleBlock_3sLMR .ImageViewer_fullTitleBlock_1v40C button {
      background: none; }

.ImageViewer_tooltip__aGin {
  padding: 4px !important;
  background: #222 !important; }

.ImageViewer_downloadLinksBox_h3lwe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  div + .ImageViewer_downloadLinksBox_h3lwe {
    margin-left: 4px; }
  @media only screen and (min-width: 33.5rem) {
    .ImageViewer_downloadLinksBox_h3lwe {
      position: relative; } }
  .ImageViewer_downloadLinksBox_h3lwe .ImageViewer_showThumbnail_1nPx3 {
    width: 100%; }
  .ImageViewer_downloadLinksBox_h3lwe .ImageViewer_linkToFileDownloadBlock_2e48Q {
    position: absolute;
    right: 0;
    bottom: 100%;
    z-index: 10;
    width: 100vw; }
    @media only screen and (min-width: 33.5rem) {
      .ImageViewer_downloadLinksBox_h3lwe .ImageViewer_linkToFileDownloadBlock_2e48Q {
        right: 0;
        bottom: calc(100% - 8px);
        left: initial;
        width: 20rem; } }
    @media only screen and (min-width: 60rem) {
      .ImageViewer_downloadLinksBox_h3lwe .ImageViewer_linkToFileDownloadBlock_2e48Q {
        bottom: 100%; } }

.ImageViewer_fileInformationBlock_12w-M {
  scrollbar-width: thin;
  scrollbar-color: #ccc #fff;
  position: absolute;
  bottom: 0;
  z-index: 10;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 100%;
  height: 100%;
  padding: 16px;
  overflow-x: hidden;
  overflow-y: scroll;
  color: #fff;
  background: #fff;
  border: 1px solid #222; }
  .ImageViewer_fileInformationBlock_12w-M::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 4px; }
  .ImageViewer_fileInformationBlock_12w-M::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px; }
  .ImageViewer_fileInformationBlock_12w-M::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 4px; }
  .ImageViewer_fileInformationBlock_12w-M body {
    scrollbar-face-color: #ccc;
    scrollbar-track-color: #fff; }
  @media only screen and (min-width: 33.5rem) {
    .ImageViewer_fileInformationBlock_12w-M {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%; } }
  @media only screen and (min-width: 60rem) {
    .ImageViewer_fileInformationBlock_12w-M {
      position: relative;
      -webkit-box-flex: 3;
          -ms-flex: 3;
              flex: 3;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      width: 30%;
      min-width: 20rem;
      max-width: 450px;
      height: 100%;
      padding: 16px 48px; } }
  .ImageViewer_fileInformationBlock_12w-M.ImageViewer_hide_2ZbfO {
    display: none; }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.RangeBookmark_textUppercase_3_sBn {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.RangeBookmark_textFieldTitle_-8FtN {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

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

.RangeBookmark_textPageTitle_3vQWn {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .RangeBookmark_textPageTitle_3vQWn {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.RangeBookmark_screenreaderOnly_3XvUA {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.RangeBookmark_resetScreenreaderOnly_2Ujh4 {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.RangeBookmark_listUnstyled_25B57 {
  padding-left: 0;
  list-style: none; }

.RangeBookmark_buttonUnstyled_3QQR4 {
  display: block;
  border: none; }

.RangeBookmark_shadow_37a-Z {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.RangeBookmark_mobileFullscreenFallback_13GKi {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .RangeBookmark_mobileFullscreenFallback_13GKi > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.RangeBookmark_rangeBookmark_2eScr {
  position: absolute;
  bottom: 0;
  display: block;
  margin-left: -11px; }
  .RangeBookmark_rangeBookmark_2eScr svg {
    width: 23px;
    height: 32px; }

.RangeBookmark_bookmarkOuter_3E7Eb {
  fill: #3da9d1; }

.RangeBookmark_bookmarkInner_r60s8 {
  fill: #fff; }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.RangeInput_textUppercase_3ZcWU, .RangeInput_bookmarkPopupInner_3ZRn0 a {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.RangeInput_textFieldTitle_3tSGH {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

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

.RangeInput_textPageTitle_2kPRr {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .RangeInput_textPageTitle_2kPRr {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.RangeInput_screenreaderOnly_2Fnfo {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.RangeInput_resetScreenreaderOnly_2kLSX {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.RangeInput_listUnstyled_1ShGQ {
  padding-left: 0;
  list-style: none; }

.RangeInput_buttonUnstyled_25Rcv {
  display: block;
  border: none; }

.RangeInput_shadow_2RZ-S {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.RangeInput_mobileFullscreenFallback_2XOIn {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .RangeInput_mobileFullscreenFallback_2XOIn > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.RangeInput_rangeInput_1WLyC {
  display: block;
  padding: 0 16px; }

.RangeInput_bookmarksContainer_1WqEk {
  position: relative;
  bottom: -8px;
  height: 0;
  margin: 0 8px; }

.RangeInput_bookMark_1Zg1L {
  position: absolute;
  bottom: 0;
  width: 1px;
  height: 1px;
  margin-left: -8px;
  background: transparent;
  border: 0 none;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; }
  .RangeInput_bookMark_1Zg1L:hover, .RangeInput_bookMark_1Zg1L:focus, .RangeInput_bookMark_1Zg1L:active {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }

.RangeInput_bookMarkActive_1azdm {
  -webkit-transform: scale(1.2);
          transform: scale(1.2); }
  .RangeInput_bookMarkActive_1azdm:hover, .RangeInput_bookMarkActive_1azdm:focus, .RangeInput_bookMarkActive_1azdm:active {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }

.RangeInput_bookmarkPopup_Py8JW {
  position: absolute;
  width: 0;
  height: 0; }

.RangeInput_bookmarkPopupInner_3ZRn0 {
  position: absolute;
  bottom: 40px;
  width: 320px;
  max-width: 320px;
  padding: 8px;
  color: #fff;
  overflow-wrap: break-word;
  background: #222; }
  .RangeInput_bookmarkPopupInner_3ZRn0.RangeInput_bookmarkPopupInnerRight_3VUZ9 {
    right: 0; }
  .RangeInput_bookmarkPopupInner_3ZRn0 a {
    display: block;
    margin-top: 8px;
    color: white;
    font-size: 0.875rem;
    text-decoration: underline;
    cursor: pointer; }

.RangeInput_rangeContainer_17UW9 {
  position: relative;
  width: 100%; }

.RangeInput_rangeProgress_1k7RR {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 100%;
  height: 4px;
  margin: -2px 0 0 0;
  color: #3da9d1;
  background: #fff;
  border: 0 none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .RangeInput_rangeProgress_1k7RR::-webkit-progress-bar {
    background: #fff; }
  .RangeInput_rangeProgress_1k7RR::-webkit-progress-value {
    background: #3da9d1; }
  .RangeInput_rangeProgress_1k7RR::-moz-progress-bar {
    background: #3da9d1; }

.RangeInput_range_jWE04 {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .RangeInput_range_jWE04:focus {
    outline: none; }
  .RangeInput_range_jWE04::-webkit-slider-thumb {
    position: relative;
    top: 50%;
    width: 16px;
    height: 16px;
    margin-top: -3px;
    background: #fff;
    border: 0 none;
    border-radius: 50%;
    -webkit-appearance: none;
            appearance: none; }
  .RangeInput_range_jWE04::-moz-range-thumb {
    top: 50%;
    width: 16px;
    height: 16px;
    margin: 0;
    background: #fff;
    border: 0 none;
    border-radius: 50%;
    -moz-appearance: none;
         appearance: none; }
  .RangeInput_range_jWE04::-ms-track {
    background: transparent;
    border-color: transparent; }
  .RangeInput_range_jWE04::-ms-thumb {
    width: 16px;
    height: 16px;
    background: #fff;
    border: none;
    border-radius: 50%; }
  .RangeInput_range_jWE04::-ms-fill-lower {
    background: transparent; }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.FileTranscript_textUppercase_2Hr2j {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.FileTranscript_textFieldTitle_3eGqb {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

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

.FileTranscript_textPageTitle_3WWrv {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .FileTranscript_textPageTitle_3WWrv {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.FileTranscript_screenreaderOnly_2kAa1 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.FileTranscript_resetScreenreaderOnly_sbx2e {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.FileTranscript_listUnstyled_3T6ps {
  padding-left: 0;
  list-style: none; }

.FileTranscript_buttonUnstyled_2KZEd {
  display: block;
  border: none; }

.FileTranscript_shadow_2oTYv {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.FileTranscript_mobileFullscreenFallback_1qr9Q {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .FileTranscript_mobileFullscreenFallback_1qr9Q > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.FileTranscript_fileTranscript_1V3rs {
  display: block;
  padding: 40px 32px;
  overflow: scroll;
  color: #fff; }
  .FileTranscript_fileTranscript_1V3rs.FileTranscript_fileTranscriptScrollbar_6YVGU {
    scrollbar-width: thin;
    scrollbar-color: #ccc #fff;
    overflow-x: hidden; }
    .FileTranscript_fileTranscript_1V3rs.FileTranscript_fileTranscriptScrollbar_6YVGU::-webkit-scrollbar {
      width: 8px;
      height: 8px;
      border-radius: 4px; }
    .FileTranscript_fileTranscript_1V3rs.FileTranscript_fileTranscriptScrollbar_6YVGU::-webkit-scrollbar-thumb {
      background: #ccc;
      border-radius: 4px; }
    .FileTranscript_fileTranscript_1V3rs.FileTranscript_fileTranscriptScrollbar_6YVGU::-webkit-scrollbar-track {
      background: #fff;
      border-radius: 4px; }
    .FileTranscript_fileTranscript_1V3rs.FileTranscript_fileTranscriptScrollbar_6YVGU body {
      scrollbar-face-color: #ccc;
      scrollbar-track-color: #fff; }
    .FileTranscript_fileTranscript_1V3rs.FileTranscript_fileTranscriptScrollbar_6YVGU > div {
      padding: 80px 16px; }
      @media only screen and (min-width: 40rem) {
        .FileTranscript_fileTranscript_1V3rs.FileTranscript_fileTranscriptScrollbar_6YVGU > div {
          padding: 80px 32px; } }
      @media only screen and (min-width: 60rem) {
        .FileTranscript_fileTranscript_1V3rs.FileTranscript_fileTranscriptScrollbar_6YVGU > div {
          padding: 0; } }
      .FileTranscript_fileTranscript_1V3rs.FileTranscript_fileTranscriptScrollbar_6YVGU > div > p {
        margin-right: auto;
        margin-left: auto; }

.FileTranscript_wordHighlight_D9sxt {
  color: #111;
  background-color: #3da9d1; }

.FileTranscript_speakerName_2PLOg {
  font-weight: 500; }

.FileTranscript_transcriptLine_2HFCT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #808080;
  cursor: pointer; }
  .FileTranscript_transcriptLine_2HFCT:hover {
    opacity: 0.7; }
  .FileTranscript_transcriptLine_2HFCT .FileTranscript_lineHighlight_2Yg88 {
    color: #fff;
    text-decoration: underline;
    -webkit-text-decoration-color: #3da9d1;
            text-decoration-color: #3da9d1;
    text-underline-position: under; }
  .FileTranscript_transcriptLine_2HFCT.FileTranscript_currentLine_1Es7K .FileTranscript_startTimeBlock_1KzDn {
    color: #3da9d1;
    font-weight: 500; }
  .FileTranscript_transcriptLine_2HFCT .FileTranscript_startTimeBlock_1KzDn {
    min-width: 4rem;
    max-width: 6rem;
    color: #fff;
    font-size: 0.875rem; }
    .FileTranscript_transcriptLine_2HFCT .FileTranscript_startTimeBlock_1KzDn:hover {
      opacity: 0.7; }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.BookViewer_textUppercase_-NIcc {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.BookViewer_textFieldTitle_TFoDX {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

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

.BookViewer_textPageTitle_1cbsc {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .BookViewer_textPageTitle_1cbsc {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.BookViewer_screenreaderOnly_NyzOZ {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.BookViewer_resetScreenreaderOnly_3dHgx {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.BookViewer_listUnstyled_2ry0- {
  padding-left: 0;
  list-style: none; }

.BookViewer_buttonUnstyled_1qqPV {
  display: block;
  border: none; }

.BookViewer_shadow_9W35O, .BookViewer_searchInputBlock_26PFp {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.BookViewer_mobileFullscreenFallback_30Rjq {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .BookViewer_mobileFullscreenFallback_30Rjq > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.BookViewer_bookViewer_lcEzc {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  margin-bottom: 24px;
  color: #fff;
  background: #f6f6f6; }
  [class*='imageViewerSection '] .BookViewer_bookViewer_lcEzc {
    min-height: auto; }
  @media only screen and (min-width: 33.5rem) {
    .BookViewer_bookViewer_lcEzc {
      min-height: 400px;
      margin-bottom: 16px; } }
  @media only screen and (min-width: 60rem) {
    .BookViewer_bookViewer_lcEzc {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; } }

.BookViewer_bookViewerInner_3XkAE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%; }
  @media only screen and (min-width: 60rem) {
    .BookViewer_bookViewerInner_3XkAE {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row;
              flex-flow: row; } }

.BookViewer_viewerOpenSeadragonOuter_1XVsd {
  width: 100%; }

.BookViewer_fullscreen_12yDf {
  width: 100%;
  height: 100%;
  background: #f6f6f6; }
  .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo {
    height: 100%; }
  .BookViewer_fullscreen_12yDf .BookViewer_viewerWithTranscriptMobile_1UIY0 {
    height: 70vh; }
    @media only screen and (min-width: 40rem) {
      .BookViewer_fullscreen_12yDf .BookViewer_viewerWithTranscriptMobile_1UIY0 {
        height: 78vh; } }
    @media only screen and (min-width: 60rem) {
      .BookViewer_fullscreen_12yDf .BookViewer_viewerWithTranscriptMobile_1UIY0 {
        height: 97vh; } }

[data-fullpage='true'] {
  position: fixed;
  width: 100vw !important;
  height: calc(var(--vh, 1vh) * 100) !important;
  overflow: hidden !important; }
  [data-fullpage='true'] body {
    position: fixed;
    width: 100vw !important;
    height: calc(var(--vh, 1vh) * 100) !important;
    overflow: hidden !important; }

.BookViewer_viewerOpenSeadragon_2UtCo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 66vh; }
  .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_viewerFullAlbumView_38oTb [class*='navigatorBlock'] {
    display: none !important; }
  .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_viewerFullAlbumView_38oTb.BookViewer_fullpage_2LjUt > div.navigator,
  .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_viewerFullAlbumView_38oTb > div.navigator {
    display: none !important; }
  .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'] .BookViewer_viewerNavigator_17d-K, .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt .BookViewer_viewerNavigator_17d-K {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0; }
  .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'] .BookViewer_viewerNavigatorButtons_3Wryh, .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt .BookViewer_viewerNavigatorButtons_3Wryh {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
  .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'] .BookViewer_viewerPageControls_3bzed button, .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt .BookViewer_viewerPageControls_3bzed button {
    width: initial; }
  .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'] .BookViewer_viewerActions_36eoX, .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt .BookViewer_viewerActions_36eoX {
    display: none; }
    @media only screen and (min-width: 60rem) {
      .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'] .BookViewer_viewerActions_36eoX, .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt .BookViewer_viewerActions_36eoX {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  @media only screen and (min-width: 40rem) {
    .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'] .BookViewer_fileInformationBlock_3Xw5L, .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt .BookViewer_fileInformationBlock_3Xw5L {
      position: relative; }
    .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'] .BookViewer_viewerNavigatorPages_18xr5, .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt .BookViewer_viewerNavigatorPages_18xr5 {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; } }
  @media only screen and (max-width: 47.9875rem) {
    .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'] > div.openseadragon-container, .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt > div.openseadragon-container {
      position: absolute;
      top: 11.4% !important;
      right: 0;
      bottom: auto;
      left: 0;
      height: 68.3% !important; }
    .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'] .navigator, .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt .navigator {
      bottom: 12%; } }
  .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_1UIY0, .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt.BookViewer_viewerWithTranscriptMobile_1UIY0 {
    height: 100%; }
    @media only screen and (min-width: 33.5rem) {
      .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_1UIY0 .openseadragon-container, .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt.BookViewer_viewerWithTranscriptMobile_1UIY0 .openseadragon-container {
        height: 71% !important; }
      .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_1UIY0 .navigator, .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt.BookViewer_viewerWithTranscriptMobile_1UIY0 .navigator {
        bottom: 33%; }
      .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_1UIY0 .BookViewer_transcriptViewer_2QLKc,
      .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_1UIY0 .BookViewer_fileInformationBlock_3Xw5L, .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt.BookViewer_viewerWithTranscriptMobile_1UIY0 .BookViewer_transcriptViewer_2QLKc,
      .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt.BookViewer_viewerWithTranscriptMobile_1UIY0 .BookViewer_fileInformationBlock_3Xw5L {
        height: 100%; } }
    @media only screen and (min-width: 60rem) {
      .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_1UIY0 .openseadragon-container, .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt.BookViewer_viewerWithTranscriptMobile_1UIY0 .openseadragon-container {
        height: 88% !important; }
      .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_1UIY0 .navigator, .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt.BookViewer_viewerWithTranscriptMobile_1UIY0 .navigator {
        bottom: 12%; }
      .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_1UIY0 .BookViewer_transcriptViewer_2QLKc, .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt.BookViewer_viewerWithTranscriptMobile_1UIY0 .BookViewer_transcriptViewer_2QLKc {
        height: 92%; } }
    @media only screen and (max-width: 47.9875rem) {
      .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_1UIY0 .openseadragon-container, .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt.BookViewer_viewerWithTranscriptMobile_1UIY0 .openseadragon-container {
        visibility: hidden;
        opacity: 0; }
      .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_1UIY0 .navigator, .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt.BookViewer_viewerWithTranscriptMobile_1UIY0 .navigator {
        visibility: hidden;
        opacity: 0; }
      .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_1UIY0 .BookViewer_navigationControls_1xhdJ, .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt.BookViewer_viewerWithTranscriptMobile_1UIY0 .BookViewer_navigationControls_1xhdJ {
        visibility: hidden;
        opacity: 0; }
      .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_1UIY0 .BookViewer_toolbar_3qUof, .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt.BookViewer_viewerWithTranscriptMobile_1UIY0 .BookViewer_toolbar_3qUof {
        visibility: hidden;
        opacity: 0; }
      .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_1UIY0 .BookViewer_viewerNavigator_17d-K, .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt.BookViewer_viewerWithTranscriptMobile_1UIY0 .BookViewer_viewerNavigator_17d-K {
        border-top: 1px solid #fff; } }
    @media only screen and (max-width: 47.9875rem) {
      .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_1UIY0 .BookViewer_transcriptViewer_2QLKc,
      .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_1UIY0 .BookViewer_fileInformationBlock_3Xw5L, .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt.BookViewer_viewerWithTranscriptMobile_1UIY0 .BookViewer_transcriptViewer_2QLKc,
      .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt.BookViewer_viewerWithTranscriptMobile_1UIY0 .BookViewer_fileInformationBlock_3Xw5L {
        position: absolute;
        top: 0;
        right: 0;
        bottom: auto;
        left: 0;
        z-index: 2;
        height: 100%;
        max-height: calc(100% - 72px) !important; } }
    @media only screen and (max-width: 47.9875rem) and (orientation: portrait) {
      .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_1UIY0 .BookViewer_transcriptViewer_2QLKc,
      .BookViewer_fullscreen_12yDf .BookViewer_viewerOpenSeadragon_2UtCo[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_1UIY0 .BookViewer_fileInformationBlock_3Xw5L, .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt.BookViewer_viewerWithTranscriptMobile_1UIY0 .BookViewer_transcriptViewer_2QLKc,
      .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt.BookViewer_viewerWithTranscriptMobile_1UIY0 .BookViewer_fileInformationBlock_3Xw5L {
        max-height: calc(100% - 120px) !important; } }
  .BookViewer_viewerOpenSeadragon_2UtCo.BookViewer_fullpage_2LjUt {
    position: relative;
    width: 100vw !important;
    height: 100% !important; }
  @media only screen and (min-width: 33.5rem) {
    .BookViewer_viewerOpenSeadragon_2UtCo {
      -webkit-box-flex: initial;
          -ms-flex: initial;
              flex: initial; } }
  @media only screen and (min-width: 40rem) {
    .BookViewer_viewerOpenSeadragon_2UtCo {
      height: 69vh; } }
  @media only screen and (min-width: 60rem) {
    .BookViewer_viewerOpenSeadragon_2UtCo {
      height: 84vh; } }

.BookViewer_transcriptViewer_2QLKc {
  scrollbar-width: thin;
  scrollbar-color: #ccc #fff;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 100%;
  height: 23vh;
  padding: 16px;
  overflow-x: hidden;
  overflow-y: scroll;
  color: #fff;
  background: #333;
  border-bottom: 1px solid #eee; }
  .BookViewer_transcriptViewer_2QLKc::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 4px; }
  .BookViewer_transcriptViewer_2QLKc::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px; }
  .BookViewer_transcriptViewer_2QLKc::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 4px; }
  .BookViewer_transcriptViewer_2QLKc body {
    scrollbar-face-color: #ccc;
    scrollbar-track-color: #fff; }
  @media only screen and (min-width: 33.5rem) {
    .BookViewer_transcriptViewer_2QLKc {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%; } }
  @media only screen and (min-width: 60rem) {
    .BookViewer_transcriptViewer_2QLKc {
      -webkit-box-flex: 3;
          -ms-flex: 3;
              flex: 3;
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
      width: 30%;
      min-width: 20rem;
      height: 92%;
      padding: 40px 32px; } }

.BookViewer_fileInformationBlock_3Xw5L {
  scrollbar-width: thin;
  scrollbar-color: #ccc #fff;
  position: absolute;
  bottom: 0;
  z-index: 9;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 100%;
  height: 100%;
  padding: 16px;
  overflow-x: hidden;
  overflow-y: scroll;
  color: #fff;
  background: #fff;
  border: 1px solid #222; }
  .BookViewer_fileInformationBlock_3Xw5L::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 4px; }
  .BookViewer_fileInformationBlock_3Xw5L::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px; }
  .BookViewer_fileInformationBlock_3Xw5L::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 4px; }
  .BookViewer_fileInformationBlock_3Xw5L body {
    scrollbar-face-color: #ccc;
    scrollbar-track-color: #fff; }
  @media only screen and (min-width: 33.5rem) {
    .BookViewer_fileInformationBlock_3Xw5L {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%; } }
  @media only screen and (min-width: 60rem) {
    .BookViewer_fileInformationBlock_3Xw5L {
      position: relative;
      -webkit-box-flex: 3;
          -ms-flex: 3;
              flex: 3;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      width: 30%;
      min-width: 20rem;
      max-width: 450px;
      height: 92%;
      padding: 16px 48px; } }
  .BookViewer_fileInformationBlock_3Xw5L.BookViewer_hide_1M5T8 {
    display: none; }

.BookViewer_viewerNavigator_17d-K {
  position: relative;
  z-index: 10;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  width: 100%;
  padding: 16px;
  background: #333; }
  @media only screen and (min-width: 60rem) {
    .BookViewer_viewerNavigator_17d-K {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      padding: 0; } }
  .BookViewer_viewerNavigator_17d-K > div {
    max-width: 120rem;
    margin: 0 auto; }
    @media only screen and (min-width: 60rem) {
      .BookViewer_viewerNavigator_17d-K > div {
        padding: 8px 32px; } }
    @media only screen and (min-width: 80rem) {
      .BookViewer_viewerNavigator_17d-K > div {
        padding: 8px 48px; } }
    @media only screen and (min-width: 120rem) {
      .BookViewer_viewerNavigator_17d-K > div {
        padding: 8px 64px; } }

.BookViewer_viewerNavigatorPageNumber_1eO3q[type='number'] {
  width: 40px;
  height: 40px;
  padding: 0;
  font-weight: 500;
  text-align: center;
  border: none; }

.BookViewer_viewerNavigatorPageNumber_1eO3q::-webkit-inner-spin-button, .BookViewer_viewerNavigatorPageNumber_1eO3q::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none; }

.BookViewer_viewerNavigatorPageNumber_1eO3q.BookViewer_imageInputError_1EXxn {
  outline: 1px solid #d10000; }

.BookViewer_viewerNavigatorPageTotal_b9TWp {
  margin-left: 8px;
  font-weight: 500; }

.BookViewer_viewerNavigatorButtons_3Wryh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  white-space: nowrap; }
  @media only screen and (min-width: 40rem) {
    .BookViewer_viewerNavigatorButtons_3Wryh {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row;
              flex-flow: row; } }

.BookViewer_viewerNavigatorPages_18xr5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-bottom: 8px;
  color: #fff;
  white-space: nowrap;
  text-align: center; }
  @media only screen and (min-width: 40rem) {
    .BookViewer_viewerNavigatorPages_18xr5 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      margin-bottom: 0; } }
  @media only screen and (min-width: 60rem) {
    .BookViewer_viewerNavigatorPages_18xr5 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%; } }
  .BookViewer_viewerNavigatorPages_18xr5 form {
    margin: 0 8px; }
  .BookViewer_viewerNavigatorPages_18xr5 label {
    margin-right: 8px; }
  .BookViewer_viewerNavigatorPages_18xr5 .BookViewer_iconButton_25B-d {
    display: none; }
    @media only screen and (min-width: 60rem) {
      .BookViewer_viewerNavigatorPages_18xr5 .BookViewer_iconButton_25B-d {
        display: block; } }

.BookViewer_viewerPageControls_3bzed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-right: 8px;
  white-space: nowrap; }
  @media only screen and (min-width: 60rem) {
    .BookViewer_viewerPageControls_3bzed {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; } }
  .BookViewer_viewerPageControls_3bzed button {
    width: 100%; }
    @media only screen and (min-width: 60rem) {
      .BookViewer_viewerPageControls_3bzed button {
        width: initial; } }
  .BookViewer_viewerPageControls_3bzed svg {
    max-height: 24px; }

.BookViewer_viewerActions_36eoX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin-left: auto; }
  @media only screen and (min-width: 60rem) {
    .BookViewer_viewerActions_36eoX {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      min-width: 332px; } }
  .BookViewer_viewerActions_36eoX button {
    width: 100%;
    max-width: none; }
    @media only screen and (min-width: 60rem) {
      .BookViewer_viewerActions_36eoX button {
        width: initial; } }
  .BookViewer_viewerActions_36eoX .BookViewer_textButton_1TTWT {
    min-width: 164px; }
    @media only screen and (min-width: 60rem) {
      .BookViewer_viewerActions_36eoX .BookViewer_textButton_1TTWT {
        border: 1px solid #777; } }
  .BookViewer_viewerActions_36eoX .BookViewer_textButtonText_1-vpn {
    display: none; }
    @media only screen and (min-width: 60rem) {
      .BookViewer_viewerActions_36eoX .BookViewer_textButtonText_1-vpn {
        display: block; } }

.BookViewer_range_3sr1r {
  display: none;
  width: 100%;
  padding: 0; }
  @media only screen and (min-width: 60rem) {
    .BookViewer_range_3sr1r {
      display: block; } }

.BookViewer_iconButton_25B-d {
  display: inline-block;
  width: 40px;
  height: 40px;
  min-height: 32px;
  margin-left: 8px;
  padding: 0;
  text-align: center; }
  .BookViewer_iconButton_25B-d:first-child {
    margin-left: 0; }
  .BookViewer_iconButton_25B-d:focus, .BookViewer_iconButton_25B-d:active {
    background: #111; }
  .BookViewer_iconButton_25B-d svg {
    height: 32px !important; }
  .BookViewer_iconButton_25B-d.BookViewer_twoPageButton_2xd7k {
    display: none; }
    @media only screen and (min-width: 60rem) {
      .BookViewer_iconButton_25B-d.BookViewer_twoPageButton_2xd7k {
        display: block; } }
  @media only screen and (min-width: 33.5rem) {
    .BookViewer_iconButton_25B-d {
      height: 32px;
      margin-left: 0; }
      .BookViewer_iconButton_25B-d svg {
        height: 24px !important; } }

.BookViewer_textButton_1TTWT {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  min-width: 164px;
  height: 40px;
  margin-left: auto;
  padding: 8px;
  color: #fff;
  font-size: 0.875rem;
  border: 1px solid #777; }
  @media only screen and (min-width: 40rem) {
    .BookViewer_textButton_1TTWT {
      margin-left: 4px; } }
  .BookViewer_textButton_1TTWT:first-child {
    margin-left: 0; }
  .BookViewer_textButton_1TTWT > span {
    display: inline-block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0; }
    .BookViewer_textButton_1TTWT > span.BookViewer_textButtonText_1-vpn {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      text-align: left; }
  .BookViewer_textButton_1TTWT svg {
    height: 24px !important; }
  .BookViewer_textButton_1TTWT path,
  .BookViewer_textButton_1TTWT rect {
    fill: #fff; }

.BookViewer_toolbarWrapper_23o5_ {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  max-width: 120rem;
  margin: 0 auto;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  pointer-events: none; }
  .fullpage .BookViewer_toolbarWrapper_23o5_ {
    max-width: 100%; }
  @media only screen and (min-width: 60rem) {
    .BookViewer_toolbarWrapper_23o5_.BookViewer_toolbarWithFileInfo_1CUQT {
      left: 0;
      width: 65%;
      margin-left: 0; } }
  @media only screen and (min-width: 80rem) {
    .BookViewer_toolbarWrapper_23o5_.BookViewer_toolbarWithFileInfo_1CUQT {
      left: 0;
      width: 68%;
      margin-left: 0; } }
  @media only screen and (min-width: 120rem) {
    .BookViewer_toolbarWrapper_23o5_.BookViewer_toolbarWithFileInfo_1CUQT {
      width: 75%; } }

.BookViewer_toolbar_3qUof {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 16px;
  margin-right: 16px;
  margin-left: 16px;
  text-transform: uppercase;
  pointer-events: all; }
  .fullpage .BookViewer_toolbar_3qUof {
    margin-top: 16px;
    margin-right: 16px; }
  @media only screen and (min-width: 60rem) {
    .BookViewer_toolbar_3qUof {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: initial;
          -ms-flex: initial;
              flex: initial;
      margin-right: 32px; } }
  @media only screen and (min-width: 80rem) {
    .BookViewer_toolbar_3qUof {
      margin-right: 48px; } }
  @media only screen and (min-width: 120rem) {
    .BookViewer_toolbar_3qUof {
      margin-right: 64px; } }
  .BookViewer_toolbar_3qUof h2 {
    margin: 0;
    padding: 8px;
    color: white;
    font-weight: strong;
    font-size: 0.75rem;
    font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
    line-height: 16px;
    background: #111; }
  .BookViewer_toolbar_3qUof .BookViewer_fullScreenButton_1EnQY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .BookViewer_toolbar_3qUof .BookViewer_textButtonText_1-vpn {
    margin-right: 16px;
    font-size: 0.875rem; }
    @media only screen and (min-width: 60rem) {
      .BookViewer_toolbar_3qUof .BookViewer_textButtonText_1-vpn {
        display: none; } }
  .BookViewer_toolbar_3qUof.BookViewer_hiddenElement_1fWGo {
    display: none; }
    @media only screen and (min-width: 60rem) {
      .BookViewer_toolbar_3qUof.BookViewer_hiddenElement_1fWGo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }

.BookViewer_hiddenButton_evLzx {
  display: none !important; }
  @media only screen and (min-width: 60rem) {
    .BookViewer_hiddenButton_evLzx {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important; } }

.BookViewer_button_3bUYr {
  margin-right: 1px;
  padding: 8px;
  font-weight: 400;
  font-size: 0.625rem;
  text-align: center;
  background: #333d;
  border-radius: 0; }

.BookViewer_openSeadragonHiddenControls_3N0sy {
  display: none; }

.BookViewer_navigationControls_1xhdJ {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: center;
      align-self: center;
  width: 100%;
  max-width: 120rem;
  margin: auto;
  padding: 16px;
  pointer-events: none; }
  @media only screen and (min-width: 60rem) {
    .BookViewer_navigationControls_1xhdJ {
      padding: 0 32px; } }
  @media only screen and (min-width: 80rem) {
    .BookViewer_navigationControls_1xhdJ {
      padding: 0 48px; } }
  @media only screen and (min-width: 120rem) {
    .BookViewer_navigationControls_1xhdJ {
      padding: 0 64px; } }
  @media only screen and (min-width: 60rem) {
    .BookViewer_navigationControls_1xhdJ.BookViewer_navigationControlsWithTranscript_31OX6 {
      right: 0;
      width: 65%;
      margin-right: 0; } }
  @media only screen and (min-width: 60rem) {
    .BookViewer_navigationControls_1xhdJ.BookViewer_navigationControlsWithFileInfo_1RCUC {
      left: 0;
      width: 65%;
      margin-left: 0; } }
  @media only screen and (min-width: 80rem) {
    .BookViewer_navigationControls_1xhdJ.BookViewer_navigationControlsWithFileInfo_1RCUC {
      left: 0;
      width: 68%;
      margin-left: 0; } }
  @media only screen and (min-width: 120rem) {
    .BookViewer_navigationControls_1xhdJ.BookViewer_navigationControlsWithFileInfo_1RCUC {
      width: 75%; } }

.BookViewer_previous_2jCZD,
.BookViewer_next_3Rkai {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  padding: 0;
  font-size: 1.125rem;
  pointer-events: all; }
  @media only screen and (min-width: 33.5rem) {
    .BookViewer_previous_2jCZD,
    .BookViewer_next_3Rkai {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 8px; } }

.BookViewer_next_3Rkai {
  margin-left: auto; }

.BookViewer_linkToFileContainer_1aXkU {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  display: none;
  width: 100%;
  height: 80px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(203%, #111));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #111 203%);
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out; }
  .fullpage .BookViewer_linkToFileContainer_1aXkU {
    max-width: 100%; }
  .BookViewer_linkToFileContainer_1aXkU p {
    max-width: calc(60rem + 32px);
    margin: 24px 48px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
  .BookViewer_linkToFileContainer_1aXkU button {
    height: 40px; }
    @media only screen and (min-width: 33.5rem) {
      .BookViewer_linkToFileContainer_1aXkU button {
        height: 24px; } }
  @media only screen and (min-width: 60rem) {
    .BookViewer_linkToFileContainer_1aXkU.BookViewer_currentTitleWithTranscript_3FihN {
      width: 65%;
      margin-left: auto; } }

.BookViewer_activeButton_1MlTI {
  background: #111; }

.BookViewer_disabledButton_2U-kJ {
  color: #666;
  cursor: initial;
  opacity: 0.6; }
  .BookViewer_disabledButton_2U-kJ:hover {
    opacity: 0.6; }

.BookViewer_searchInputBlock_26PFp {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 60vw;
  height: 48px;
  background-color: #fff;
  border-radius: 2px; }
  @media only screen and (min-width: 40rem) {
    .BookViewer_searchInputBlock_26PFp {
      width: 312px; } }
  .BookViewer_searchInputBlock_26PFp .BookViewer_searchInput_1QSZM {
    display: block;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 48px;
    margin-left: 2px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 16px;
    font-size: 16px;
    line-height: 20px;
    border: none; }
    .BookViewer_searchInputBlock_26PFp .BookViewer_searchInput_1QSZM:focus {
      outline: none; }
    .BookViewer_searchInputBlock_26PFp .BookViewer_searchInput_1QSZM::-webkit-input-placeholder {
      color: #555; }
    .BookViewer_searchInputBlock_26PFp .BookViewer_searchInput_1QSZM::-moz-placeholder {
      color: #555; }
    .BookViewer_searchInputBlock_26PFp .BookViewer_searchInput_1QSZM:-ms-input-placeholder {
      color: #555; }
    .BookViewer_searchInputBlock_26PFp .BookViewer_searchInput_1QSZM::-ms-input-placeholder {
      color: #555; }
    .BookViewer_searchInputBlock_26PFp .BookViewer_searchInput_1QSZM::placeholder {
      color: #555; }
    @media only screen and (min-width: 33.5rem) {
      .BookViewer_searchInputBlock_26PFp .BookViewer_searchInput_1QSZM {
        font-size: 16px; } }
  .BookViewer_searchInputBlock_26PFp .BookViewer_inputClose_XbsDs {
    right: 0;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    height: 100%;
    padding: 8px;
    color: #999;
    background: none; }

.BookViewer_searchButton_1VW4s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  color: #111;
  font-weight: 500;
  background-color: #3da9d1; }
  .BookViewer_searchButton_1VW4s:hover {
    color: #111;
    background-color: #3da9d1;
    opacity: 0.9; }
  .BookViewer_searchButton_1VW4s:focus {
    outline: none; }
  @media only screen and (min-width: 33.5rem) {
    .BookViewer_searchButton_1VW4s {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; } }

.BookViewer_galleryView_2fWhF {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .BookViewer_galleryView_2fWhF img {
    width: 100%;
    height: 100%; }

.BookViewer_textSearchFacets_1_8z2 {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%; }
  .BookViewer_textSearchFacets_1_8z2 .BookViewer_totalResultsButton_1wNTn {
    width: 100%;
    max-width: none; }

.BookViewer_resultsTable_3ST6v {
  scrollbar-width: thin;
  scrollbar-color: #ccc #fff;
  max-height: 20rem;
  overflow-y: scroll;
  color: #111;
  text-transform: initial;
  background: #fff; }
  .BookViewer_resultsTable_3ST6v::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 4px; }
  .BookViewer_resultsTable_3ST6v::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px; }
  .BookViewer_resultsTable_3ST6v::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 4px; }
  .BookViewer_resultsTable_3ST6v body {
    scrollbar-face-color: #ccc;
    scrollbar-track-color: #fff; }
  .BookViewer_resultsTable_3ST6v .BookViewer_resultsTableHeader_PsH0f {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 8px;
    padding: 4px 0;
    font-weight: 500;
    border-bottom: 1px solid #eee; }
    .BookViewer_resultsTable_3ST6v .BookViewer_resultsTableHeader_PsH0f span {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      text-align: left; }
  .BookViewer_resultsTable_3ST6v .BookViewer_resultsTableBody_3ZTMd .BookViewer_results_3KfnO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 8px;
    cursor: pointer; }
    .BookViewer_resultsTable_3ST6v .BookViewer_resultsTableBody_3ZTMd .BookViewer_results_3KfnO:hover {
      background: #ccc; }
    .BookViewer_resultsTable_3ST6v .BookViewer_resultsTableBody_3ZTMd .BookViewer_results_3KfnO span {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      text-align: left; }
    .BookViewer_resultsTable_3ST6v .BookViewer_resultsTableBody_3ZTMd .BookViewer_results_3KfnO .BookViewer_facetTotal_3wBeS {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 4px 0; }
      .BookViewer_resultsTable_3ST6v .BookViewer_resultsTableBody_3ZTMd .BookViewer_results_3KfnO .BookViewer_facetTotal_3wBeS .BookViewer_resultsTableBookmark_M-18Y {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .BookViewer_resultsTable_3ST6v .BookViewer_resultsTableBody_3ZTMd .BookViewer_results_3KfnO .BookViewer_facetTotal_3wBeS .BookViewer_resultsTableBookmark_M-18Y svg {
          width: 24px;
          height: 24px; }

.BookViewer_imageViewerOverlay_2gVyN {
  position: absolute;
  z-index: 1;
  display: none;
  width: 100%;
  height: 92%;
  background: transparent; }
  [data-interface-event-type='touch'] .BookViewer_imageViewerOverlay_2gVyN {
    display: block; }
  .BookViewer_viewerWithTranscriptMobile_1UIY0 .BookViewer_imageViewerOverlay_2gVyN {
    right: 0;
    width: 65%; }
  .BookViewer_viewerWithFileInfoMobile_2w4gv .BookViewer_imageViewerOverlay_2gVyN {
    left: 0;
    width: 40%; }

.BookViewer_tooltip_1gU2g {
  padding: 4px !important;
  background: #222 !important; }

.BookViewer_fileInfoButton_3Zirq {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  border-radius: 0; }
  .BookViewer_fileInfoButton_3Zirq:first-child {
    margin-left: auto; }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.error_textUppercase_25_No {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.error_textFieldTitle_3jOAZ {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

.error_textSmoothing_f01I9, .error_textPageTitle_2BX-i {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.error_textPageTitle_2BX-i {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .error_textPageTitle_2BX-i {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.error_screenreaderOnly_gOjV7 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.error_resetScreenreaderOnly_Db3EN {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.error_listUnstyled_q450_ {
  padding-left: 0;
  list-style: none; }

.error_buttonUnstyled_Q81Tx {
  display: block;
  border: none; }

.error_shadow_BepFw {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.error_mobileFullscreenFallback_33l54 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .error_mobileFullscreenFallback_33l54 > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.error_errorContainer_3f__t {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh; }

.error_errorWrap_OiwNg {
  width: 100%;
  max-width: 700px;
  margin: auto;
  text-align: center; }

.error_ctaButton_3VrMl {
  width: 100%;
  max-width: 330px;
  margin-top: 16px; }
  .error_ctaButton_3VrMl > span {
    margin-left: 8px; }

.error_primary_3dyKh {
  background-color: #f68b1f; }
  .error_primary_3dyKh:hover {
    background-color: #f68b1f;
    opacity: 0.9; }

.error_secondary_1KEaz {
  background-color: #64c3af; }
  .error_secondary_1KEaz:hover {
    background-color: #64c3af;
    opacity: 0.9; }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.AudioPlaylist_textUppercase_20EQX {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.AudioPlaylist_textFieldTitle_3DmYK {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

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

.AudioPlaylist_textPageTitle_uX67H {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .AudioPlaylist_textPageTitle_uX67H {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.AudioPlaylist_screenreaderOnly_2gEAH {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.AudioPlaylist_resetScreenreaderOnly_3s8x3 {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.AudioPlaylist_listUnstyled_2CXcg {
  padding-left: 0;
  list-style: none; }

.AudioPlaylist_buttonUnstyled_1pFm0 {
  display: block;
  border: none; }

.AudioPlaylist_shadow_dh6Nv {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.AudioPlaylist_mobileFullscreenFallback__J8Hj {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .AudioPlaylist_mobileFullscreenFallback__J8Hj > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.AudioPlaylist_audioPlaylist_Ve270 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  width: 100vw;
  margin-right: -16px;
  padding-right: 16px;
  overflow: auto;
  -ms-scroll-snap-type: mandatory;
  /* IE/Edge */
  /* Safari */
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  /* important for iOS */
  scroll-padding: 24px;
  overflow-y: hidden;
  scroll-behavior: smooth;
  background: #111; }
  @media only screen and (min-width: 60rem) {
    .AudioPlaylist_audioPlaylist_Ve270 {
      width: 100%; } }
  .AudioPlaylist_audioPlaylist_Ve270::-webkit-scrollbar {
    display: none; }
  .AudioPlaylist_audioPlaylist_Ve270 .AudioPlaylist_audioFileBlock_1_vNJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 300px;
    padding: 8px; }
    .AudioPlaylist_audioPlaylist_Ve270 .AudioPlaylist_audioFileBlock_1_vNJ.AudioPlaylist_isSelected_2KzTC {
      background-color: #3da9d1; }
      .AudioPlaylist_audioPlaylist_Ve270 .AudioPlaylist_audioFileBlock_1_vNJ.AudioPlaylist_isSelected_2KzTC .AudioPlaylist_info_3t22N {
        color: #111; }
  .AudioPlaylist_audioPlaylist_Ve270 .AudioPlaylist_audioResultHeader_23l5B {
    display: -webkit-box;
    margin-bottom: 0;
    overflow: hidden;
    font-weight: 400;
    font-size: 0.75rem;
    font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
    line-height: 20px;
    cursor: pointer;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .AudioPlaylist_audioPlaylist_Ve270 .AudioPlaylist_iconBlock_1Ke7i {
    margin-right: 8px;
    padding: 8px 20px;
    background: #222; }
  .AudioPlaylist_audioPlaylist_Ve270 .AudioPlaylist_info_3t22N {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 4;
        -ms-flex: 4;
            flex: 4;
    height: 48px;
    padding: 4px 0;
    overflow: hidden;
    color: #fff; }
  .AudioPlaylist_audioPlaylist_Ve270 .AudioPlaylist_titlePart_1Wwog {
    font-weight: 500; }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.AudioTranscript_textUppercase_2wXPG {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.AudioTranscript_textFieldTitle_11LmY {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

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

.AudioTranscript_textPageTitle_1XX7g {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .AudioTranscript_textPageTitle_1XX7g {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.AudioTranscript_screenreaderOnly_MWn2T {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.AudioTranscript_resetScreenreaderOnly_2SSZE {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.AudioTranscript_listUnstyled_HzG6A {
  padding-left: 0;
  list-style: none; }

.AudioTranscript_buttonUnstyled_17_Cz {
  display: block;
  border: none; }

.AudioTranscript_shadow_1NyYS, .AudioTranscript_audioTranscript_22erP .AudioTranscript_searchInputBlock_1RtTd {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.AudioTranscript_mobileFullscreenFallback_LDe8G {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .AudioTranscript_mobileFullscreenFallback_LDe8G > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.AudioTranscript_audioTranscript_22erP {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 8px;
  background: #222;
  border-bottom: 1px solid #fff; }
  @media only screen and (min-width: 40rem) {
    .AudioTranscript_audioTranscript_22erP {
      padding: 16px; } }
  @media only screen and (min-width: 60rem) {
    .AudioTranscript_audioTranscript_22erP {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      padding: 16px 48px; } }
  .AudioTranscript_audioTranscript_22erP .AudioTranscript_transcriptBlock_2-STy {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: auto;
    min-width: 20rem;
    max-width: 100%;
    height: 100%;
    padding: 0;
    word-break: break-word; }
    @media only screen and (min-width: 60rem) {
      .AudioTranscript_audioTranscript_22erP .AudioTranscript_transcriptBlock_2-STy {
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none;
        -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0;
        padding: 64px 32px; } }
  .AudioTranscript_audioTranscript_22erP .AudioTranscript_transcriptClose_2SxV9 {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .AudioTranscript_audioTranscript_22erP .AudioTranscript_searchInputForm_1kFiA {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    right: 24px;
    -ms-flex-item-align: start;
        align-self: flex-start; }
    .AudioTranscript_audioTranscript_22erP .AudioTranscript_searchInputForm_1kFiA button {
      margin-right: 0; }
  .AudioTranscript_audioTranscript_22erP .AudioTranscript_searchInputBlock_1RtTd {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 60vw;
    height: 48px;
    background-color: #fff;
    border-radius: 2px; }
    @media only screen and (min-width: 40rem) {
      .AudioTranscript_audioTranscript_22erP .AudioTranscript_searchInputBlock_1RtTd {
        width: 312px; } }
    .AudioTranscript_audioTranscript_22erP .AudioTranscript_searchInputBlock_1RtTd .AudioTranscript_searchInput_zdfSE {
      display: block;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      height: 48px;
      margin-left: 2px;
      padding-top: 0;
      padding-right: 0;
      padding-bottom: 0;
      padding-left: 8px;
      font-size: 16px;
      line-height: 20px;
      border: none; }
      .AudioTranscript_audioTranscript_22erP .AudioTranscript_searchInputBlock_1RtTd .AudioTranscript_searchInput_zdfSE:focus {
        outline: none; }
      .AudioTranscript_audioTranscript_22erP .AudioTranscript_searchInputBlock_1RtTd .AudioTranscript_searchInput_zdfSE::-webkit-input-placeholder {
        color: #555; }
      .AudioTranscript_audioTranscript_22erP .AudioTranscript_searchInputBlock_1RtTd .AudioTranscript_searchInput_zdfSE::-moz-placeholder {
        color: #555; }
      .AudioTranscript_audioTranscript_22erP .AudioTranscript_searchInputBlock_1RtTd .AudioTranscript_searchInput_zdfSE:-ms-input-placeholder {
        color: #555; }
      .AudioTranscript_audioTranscript_22erP .AudioTranscript_searchInputBlock_1RtTd .AudioTranscript_searchInput_zdfSE::-ms-input-placeholder {
        color: #555; }
      .AudioTranscript_audioTranscript_22erP .AudioTranscript_searchInputBlock_1RtTd .AudioTranscript_searchInput_zdfSE::placeholder {
        color: #555; }
      @media only screen and (min-width: 33.5rem) {
        .AudioTranscript_audioTranscript_22erP .AudioTranscript_searchInputBlock_1RtTd .AudioTranscript_searchInput_zdfSE {
          font-size: 16px; } }
    .AudioTranscript_audioTranscript_22erP .AudioTranscript_searchInputBlock_1RtTd .AudioTranscript_inputClose_bRzR9 {
      right: 0;
      -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center;
      height: 100%;
      padding: 8px;
      color: #999;
      background: none; }
  .AudioTranscript_audioTranscript_22erP .AudioTranscript_searchButton_1btBT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px;
    color: #111;
    font-weight: 500;
    background-color: #3da9d1; }
    .AudioTranscript_audioTranscript_22erP .AudioTranscript_searchButton_1btBT:hover {
      color: #111;
      background-color: #3da9d1;
      opacity: 0.9; }
    .AudioTranscript_audioTranscript_22erP .AudioTranscript_searchButton_1btBT:focus {
      outline: none; }
    @media only screen and (min-width: 33.5rem) {
      .AudioTranscript_audioTranscript_22erP .AudioTranscript_searchButton_1btBT {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; } }

.AudioTranscript_textSearchFacets_35OGZ {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%; }
  .AudioTranscript_textSearchFacets_35OGZ .AudioTranscript_totalResultsButton_2q0pi {
    width: 100%;
    max-width: none;
    padding: 8px; }

.AudioTranscript_resultsTable_2-lF4 {
  scrollbar-width: thin;
  scrollbar-color: #ccc #fff;
  max-height: 20rem;
  overflow-y: scroll;
  color: #111;
  text-transform: initial;
  background: #fff; }
  .AudioTranscript_resultsTable_2-lF4::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 4px; }
  .AudioTranscript_resultsTable_2-lF4::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px; }
  .AudioTranscript_resultsTable_2-lF4::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 4px; }
  .AudioTranscript_resultsTable_2-lF4 body {
    scrollbar-face-color: #ccc;
    scrollbar-track-color: #fff; }
  .AudioTranscript_resultsTable_2-lF4 .AudioTranscript_resultsTableHeader_15IY1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 8px;
    padding: 4px 0;
    font-weight: 500;
    border-bottom: 1px solid #eee; }
    .AudioTranscript_resultsTable_2-lF4 .AudioTranscript_resultsTableHeader_15IY1 span {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      text-align: left; }
      .AudioTranscript_resultsTable_2-lF4 .AudioTranscript_resultsTableHeader_15IY1 span:last-child {
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none; }
  .AudioTranscript_resultsTable_2-lF4 .AudioTranscript_resultsTableBody_1YV_p .AudioTranscript_results_fbGtS {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 8px;
    font-size: 0.875rem;
    cursor: pointer; }
    .AudioTranscript_resultsTable_2-lF4 .AudioTranscript_resultsTableBody_1YV_p .AudioTranscript_results_fbGtS:hover {
      background: #ccc; }
    .AudioTranscript_resultsTable_2-lF4 .AudioTranscript_resultsTableBody_1YV_p .AudioTranscript_results_fbGtS span {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      text-align: left; }
    .AudioTranscript_resultsTable_2-lF4 .AudioTranscript_resultsTableBody_1YV_p .AudioTranscript_results_fbGtS .AudioTranscript_resultTitle_2pL1U {
      max-width: 8rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
      @media only screen and (min-width: 40rem) {
        .AudioTranscript_resultsTable_2-lF4 .AudioTranscript_resultsTableBody_1YV_p .AudioTranscript_results_fbGtS .AudioTranscript_resultTitle_2pL1U {
          max-width: 12rem; } }
    .AudioTranscript_resultsTable_2-lF4 .AudioTranscript_resultsTableBody_1YV_p .AudioTranscript_results_fbGtS .AudioTranscript_facetTotal_GQ35Y {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 58px;
      padding: 4px 0; }
      .AudioTranscript_resultsTable_2-lF4 .AudioTranscript_resultsTableBody_1YV_p .AudioTranscript_results_fbGtS .AudioTranscript_facetTotal_GQ35Y .AudioTranscript_resultsTableBookmark_9rxzB {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .AudioTranscript_resultsTable_2-lF4 .AudioTranscript_resultsTableBody_1YV_p .AudioTranscript_results_fbGtS .AudioTranscript_facetTotal_GQ35Y .AudioTranscript_resultsTableBookmark_9rxzB svg {
          width: 24px;
          height: 24px; }

.AudioTranscript_fileTitlePart_1iS9_ {
  font-weight: 500; }

.AudioTranscript_activeResult_3D4fx {
  background: #eee; }

.AudioTranscript_loader_2TLOW {
  position: absolute;
  top: 35%;
  left: 45%; }

.AudioTranscript_textloader_34VXz {
  position: absolute;
  top: 18%;
  left: 42%; }
  @media only screen and (min-width: 40rem) {
    .AudioTranscript_textloader_34VXz {
      left: 56%; } }
  @media only screen and (min-width: 60rem) {
    .AudioTranscript_textloader_34VXz {
      left: 63%; } }

.AudioTranscript_bookmarksContainer_3SI_6 {
  height: 0; }

.AudioTranscript_bookMark_3F4be {
  position: absolute;
  bottom: 4px;
  z-index: 20; }
  .AudioTranscript_bookMark_3F4be:hover, .AudioTranscript_bookMark_3F4be:focus, .AudioTranscript_bookMark_3F4be:active {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.AudioHeader_textUppercase_20Np0, .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderHeader_2l0qH span, .AudioHeader_formats_1WdmM {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.AudioHeader_textFieldTitle_1G4tR {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

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

.AudioHeader_textPageTitle_RYZaA {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .AudioHeader_textPageTitle_RYZaA {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.AudioHeader_screenreaderOnly_2mt5u {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.AudioHeader_resetScreenreaderOnly_1wYxG {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.AudioHeader_listUnstyled_ByUsQ, .AudioHeader_formats_1WdmM {
  padding-left: 0;
  list-style: none; }

.AudioHeader_buttonUnstyled_2z3zm {
  display: block;
  border: none; }

.AudioHeader_shadow_1V5Ac {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.AudioHeader_mobileFullscreenFallback_IAQmi {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .AudioHeader_mobileFullscreenFallback_IAQmi > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.AudioHeader_audioHeader_qWhtK {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 305px;
  max-height: 305px;
  padding: 16px;
  overflow: hidden;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background-image: linear-gradient(to bottom, #000, #000);
  background-blend-mode: multiply; }
  .AudioHeader_audioHeader_qWhtK button {
    min-height: 32px; }
  @media only screen and (min-width: 33.5rem) {
    .AudioHeader_audioHeader_qWhtK {
      padding: 16px; } }
  @media only screen and (min-width: 40rem) {
    .AudioHeader_audioHeader_qWhtK {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      max-height: none; } }
  @media only screen and (min-width: 60rem) {
    .AudioHeader_audioHeader_qWhtK {
      padding: 32px; } }
  @media only screen and (min-width: 80rem) {
    .AudioHeader_audioHeader_qWhtK {
      padding: 32px 64px; } }
  @media only screen and (min-width: 100rem) {
    .AudioHeader_audioHeader_qWhtK {
      content: 'xxlg';
      padding: 32px 15%; } }
  @media only screen and (min-width: 120rem) {
    .AudioHeader_audioHeader_qWhtK {
      content: 'xxxlg';
      padding: 32px 18.5%; } }
  .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    max-height: none; }
    .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioHeaderControlBox_32Oxk {
      width: 300px;
      height: 200px; }
      .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioHeaderControlBox_32Oxk .AudioHeader_svgIcon_1CPrZ {
        width: 80px;
        height: 80px; }
    .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioHeaderControlBoxContainer_1ILqO {
      margin-top: 32px; }
    .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioThumbnailsContainer_2u8mJ .AudioHeader_recordsOpen_2uoiY {
      margin-top: 80px; }
    .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioThumbnailsContainer_2u8mJ.AudioHeader_thumbnailRecordsOpen_2CJ1V {
      min-height: 518px; }
    .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioThumbnailsContainer_2u8mJ .AudioHeader_audioHeaderThumbnails_1-99z {
      max-height: calc(100vh - 390px - 80px); }
    .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_imageMaximizeButton_2QJ4M {
      display: none; }
    @media only screen and (min-width: 33.5rem) {
      .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk {
        padding: 0; }
        .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioHeaderControlBox_32Oxk {
          height: 66.32vw; } }
    @media only screen and (min-width: 40rem) {
      .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: initial;
            -ms-flex-pack: initial;
                justify-content: initial; }
        .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioHeaderHeader_2l0qH {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2;
          margin: 0; }
        .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioHeaderControlBoxContainer_1ILqO {
          margin: auto 16px;
          margin-top: 80px; }
        .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioHeaderControlBox_32Oxk {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1;
          width: 300px;
          height: 200px; }
        .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioThumbnailsContainer_2u8mJ {
          margin: auto 16px;
          margin-top: 80px;
          margin-bottom: 64px; }
          .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioThumbnailsContainer_2u8mJ .AudioHeader_thumbnailsBlock_1Gppr {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            height: 100%; }
          .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioThumbnailsContainer_2u8mJ .AudioHeader_controls_3wVQG {
            margin-top: auto; }
          .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioThumbnailsContainer_2u8mJ .AudioHeader_audioHeaderThumbnails_1-99z {
            max-height: calc(100vh - 390px - 80px); } }
    @media only screen and (min-width: 33.5rem) and (max-width: 47.9875rem) {
      .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioHeaderHeader_2l0qH {
        max-width: 100%;
        margin: auto; }
      .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioHeaderControlBox_32Oxk {
        display: none; }
      .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioThumbnailsContainer_2u8mJ {
        margin-top: 0; } }
    @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape) {
      .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk {
        min-height: 100px; }
        .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioHeaderHeader_2l0qH {
          margin: auto; }
        .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioHeaderControlBoxContainer_1ILqO {
          margin: 16px; }
          .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioHeaderControlBoxContainer_1ILqO .AudioHeader_audioHeaderControlBox_32Oxk {
            display: none; }
        .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioThumbnailsContainer_2u8mJ {
          min-height: 100px !important;
          margin: 16px; }
          .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioThumbnailsContainer_2u8mJ .AudioHeader_audioHeaderThumbnails_1-99z {
            min-height: 100px; }
          .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioThumbnailsContainer_2u8mJ .AudioHeader_controls_3wVQG {
            display: none; } }
    @media only screen and (min-width: 60rem) {
      .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioHeaderHeader_2l0qH {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2;
          margin: auto auto auto 0;
          text-align: left; }
        .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioHeaderControlBoxContainer_1ILqO {
          margin-top: 32px; }
        .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioThumbnailsContainer_2u8mJ {
          margin: 32px 0;
          margin-right: 32px;
          margin-left: auto; }
          .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioThumbnailsContainer_2u8mJ.AudioHeader_thumbnailRecordsOpen_2CJ1V {
            min-height: 0; }
          .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioThumbnailsContainer_2u8mJ .AudioHeader_audioHeaderThumbnails_1-99z {
            max-height: calc(100vh - 390px); }
        .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioHeaderControlBox_32Oxk {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1;
          margin: auto 0 auto 0; }
          .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioHeaderControlBox_32Oxk .AudioHeader_svgIcon_1CPrZ {
            width: 128px;
            height: 128px; } }
    @media only screen and (min-width: 80rem) {
      .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk {
        content: 'xlg';
        padding: 0 64px; } }
    @media only screen and (min-width: 100rem) {
      .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk {
        content: 'xxlg';
        padding: 32px 15%; }
        .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioThumbnailsContainer_2u8mJ {
          margin-bottom: 0; } }
    @media only screen and (min-width: 120rem) {
      .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk {
        content: 'xxxlg';
        padding: 8% 18.5%; }
        .AudioHeader_audioHeader_qWhtK.AudioHeader_audioHeaderIsFullScreen_3JXFk .AudioHeader_audioThumbnailsContainer_2u8mJ .AudioHeader_audioHeaderThumbnails_1-99z {
          max-height: calc(100vh - 624px); } }
  .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderHeader_2l0qH {
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    max-width: 94%;
    margin: 0 auto 8px;
    margin-left: 0; }
    @media only screen and (min-width: 40rem) {
      .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderHeader_2l0qH {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        text-align: left; } }
    @media only screen and (min-width: 60rem) {
      .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderHeader_2l0qH {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 0 50%;
                flex: 0 0 0 50%;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        max-width: 50%;
        margin: auto auto auto 0;
        padding: 0 16px;
        text-align: left; } }
    .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderHeader_2l0qH h2 {
      position: relative;
      z-index: 3;
      margin: 0 0 auto;
      color: #fff;
      font-size: 1rem;
      font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
      line-height: 24px; }
      @media only screen and (min-width: 40rem) {
        .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderHeader_2l0qH h2 {
          font-size: 18px;
          line-height: 28.08px; } }
      @media only screen and (min-width: 60rem) {
        .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderHeader_2l0qH h2 {
          font-size: 24px;
          line-height: 31.92px; } }
    .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderHeader_2l0qH span {
      position: relative;
      z-index: 3;
      margin: auto 0 0;
      color: #fff;
      font-size: 0.75rem;
      line-height: 1.43; }
  .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderControlBoxContainer_1ILqO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column; }
    @media only screen and (min-width: 60rem) {
      .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderControlBoxContainer_1ILqO {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row;
                flex-flow: row; } }
  .AudioHeader_audioHeader_qWhtK .AudioHeader_audioThumbnailsContainer_2u8mJ {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0; }
    @media only screen and (min-width: 40rem) {
      .AudioHeader_audioHeader_qWhtK .AudioHeader_audioThumbnailsContainer_2u8mJ {
        margin-left: auto;
        padding: 0 16px;
        padding-right: 0;
        border-left: 1px solid #fff; } }
    .AudioHeader_audioHeader_qWhtK .AudioHeader_audioThumbnailsContainer_2u8mJ h3 {
      z-index: 1;
      display: none;
      color: white;
      font-size: 1rem; }
      @media only screen and (min-width: 40rem) {
        .AudioHeader_audioHeader_qWhtK .AudioHeader_audioThumbnailsContainer_2u8mJ h3 {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; } }
    .AudioHeader_audioHeader_qWhtK .AudioHeader_audioThumbnailsContainer_2u8mJ .AudioHeader_noRecordsText_1-fIr {
      color: #fff; }
    .AudioHeader_audioHeader_qWhtK .AudioHeader_audioThumbnailsContainer_2u8mJ .AudioHeader_controls_3wVQG {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
      margin-top: 16px; }
      .AudioHeader_audioHeader_qWhtK .AudioHeader_audioThumbnailsContainer_2u8mJ .AudioHeader_controls_3wVQG button {
        margin-right: 4px;
        padding: 8px;
        background: #222;
        border-radius: 0; }
  .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderThumbnails_1-99z {
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    min-height: 177px;
    max-height: 150px;
    margin-top: 8px;
    margin-bottom: 0;
    overflow: auto;
    -ms-scroll-snap-type: mandatory;
    /* IE/Edge */
    /* Safari */
    scroll-snap-type: y mandatory;
    -webkit-overflow-scrolling: touch;
    /* important for iOS */
    scroll-padding: 24px;
    overflow-x: hidden;
    scroll-behavior: smooth; }
    .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderThumbnails_1-99z::-webkit-scrollbar {
      display: none; }
    @media only screen and (min-width: 40rem) {
      .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderThumbnails_1-99z {
        min-height: 0;
        max-height: 192px; } }
    .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderThumbnails_1-99z .AudioHeader_audioHeaderThumbnailItem_1Nyby {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      padding: 4px; }
      @media only screen and (min-width: 40rem) {
        .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderThumbnails_1-99z .AudioHeader_audioHeaderThumbnailItem_1Nyby {
          width: 240px; } }
      .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderThumbnails_1-99z .AudioHeader_audioHeaderThumbnailItem_1Nyby.AudioHeader_activeRecord_2Ta-n {
        background-color: #3da9d1; }
        .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderThumbnails_1-99z .AudioHeader_audioHeaderThumbnailItem_1Nyby.AudioHeader_activeRecord_2Ta-n .AudioHeader_audioResultHeader_3gGqD {
          color: #111; }
      .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderThumbnails_1-99z .AudioHeader_audioHeaderThumbnailItem_1Nyby.AudioHeader_currentRecord_1UOPt {
        background-color: #222; }
      .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderThumbnails_1-99z .AudioHeader_audioHeaderThumbnailItem_1Nyby .AudioHeader_audioResultHeader_3gGqD {
        display: -webkit-box;
        margin-bottom: 0;
        overflow: hidden;
        color: #fff;
        font-weight: 400;
        font-size: 0.75rem;
        font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
        line-height: 20px;
        cursor: pointer;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
      .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderThumbnails_1-99z .AudioHeader_audioHeaderThumbnailItem_1Nyby .AudioHeader_iconBlock_3zpPh {
        margin-right: 8px;
        padding: 5px 16px;
        background: #000; }
      .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderThumbnails_1-99z .AudioHeader_audioHeaderThumbnailItem_1Nyby .AudioHeader_imageIconBlock_2XMon {
        padding: 0; }
        .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderThumbnails_1-99z .AudioHeader_audioHeaderThumbnailItem_1Nyby .AudioHeader_imageIconBlock_2XMon img {
          width: 64px;
          height: 42px; }
      .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderThumbnails_1-99z .AudioHeader_audioHeaderThumbnailItem_1Nyby .AudioHeader_audioThumbnailImage_34kBK {
        -o-object-fit: cover;
           object-fit: cover;
        width: 100%;
        height: 100%; }
  .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderHeaderCTA_3I_wL.AudioHeader_active_2Lj9L {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    padding-top: 16px;
    padding-right: 16px; }
    @media only screen and (min-width: 60rem) {
      .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderHeaderCTA_3I_wL.AudioHeader_active_2Lj9L {
        display: none; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1080px) and (orientation: landscape) {
      .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderHeaderCTA_3I_wL.AudioHeader_active_2Lj9L {
        display: block; } }
  .AudioHeader_audioHeader_qWhtK .AudioHeader_audioHeaderHeaderCTA_3I_wL button {
    margin-left: auto;
    padding: 8px;
    background: #111; }
  .AudioHeader_audioHeader_qWhtK .AudioHeader_image_30jQ- {
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%; }

.AudioHeader_audioHeaderControlBox_32Oxk {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 140px;
  height: 93px;
  margin-bottom: 8px;
  background: rgba(0, 0, 0, 0.7);
  -o-object-fit: contain;
     object-fit: contain; }
  @media only screen and (min-width: 40rem) {
    .AudioHeader_audioHeaderControlBox_32Oxk {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      width: 222px;
      height: 148px;
      margin: 0;
      margin-bottom: 16px; } }
  @media only screen and (min-width: 60rem) {
    .AudioHeader_audioHeaderControlBox_32Oxk {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 364px;
              flex: 0 0 364px;
      max-width: 364px;
      height: 243px;
      margin-bottom: 0; } }
  .AudioHeader_audioHeaderControlBox_32Oxk .AudioHeader_svgIcon_1CPrZ {
    width: 48px;
    height: 48px;
    margin: auto; }
    @media only screen and (min-width: 40rem) {
      .AudioHeader_audioHeaderControlBox_32Oxk .AudioHeader_svgIcon_1CPrZ {
        width: 80px;
        height: 80px; } }
    @media only screen and (min-width: 60rem) {
      .AudioHeader_audioHeaderControlBox_32Oxk .AudioHeader_svgIcon_1CPrZ {
        width: 128px;
        height: 128px; } }
  .AudioHeader_audioHeaderControlBox_32Oxk [type='range'] {
    width: 100%;
    max-width: 96px;
    margin: 6px auto;
    border-radius: 3.3px;
    -webkit-appearance: none; }
    @media only screen and (min-width: 40rem) {
      .AudioHeader_audioHeaderControlBox_32Oxk [type='range'] {
        max-width: 141px; } }
    @media only screen and (min-width: 60rem) {
      .AudioHeader_audioHeaderControlBox_32Oxk [type='range'] {
        max-width: 204px; } }
    .AudioHeader_audioHeaderControlBox_32Oxk [type='range']::-moz-focus-outer {
      border: 0; }
    .AudioHeader_audioHeaderControlBox_32Oxk [type='range']:focus {
      outline: 0; }
      .AudioHeader_audioHeaderControlBox_32Oxk [type='range']:focus::-webkit-slider-runnable-track {
        background: #52b2d6; }
      .AudioHeader_audioHeaderControlBox_32Oxk [type='range']:focus::-ms-fill-lower {
        background: #3da9d1; }
      .AudioHeader_audioHeaderControlBox_32Oxk [type='range']:focus::-ms-fill-upper {
        background: #52b2d6; }
    .AudioHeader_audioHeaderControlBox_32Oxk [type='range']::-webkit-slider-runnable-track {
      width: 100%;
      height: 4px;
      background: #3da9d1;
      border: 0 solid none;
      border-radius: 5px;
      cursor: default;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }
    .AudioHeader_audioHeaderControlBox_32Oxk [type='range']::-webkit-slider-thumb {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 12px;
      height: 12px;
      margin-top: -4px;
      background: #f6f6f6;
      border: 0 solid #eceff1;
      border-radius: 12px;
      cursor: default;
      -webkit-appearance: none; }
    .AudioHeader_audioHeaderControlBox_32Oxk [type='range']::-moz-range-track {
      width: 100%;
      height: 2px;
      background: #3da9d1;
      border: 0 solid none;
      border-radius: 5px;
      cursor: default;
      -moz-transition: all 0.2s ease;
      transition: all 0.2s ease; }
    .AudioHeader_audioHeaderControlBox_32Oxk [type='range']::-moz-range-thumb {
      box-sizing: border-box;
      width: 12px;
      height: 12px;
      background: #f6f6f6;
      border: 0 solid #eceff1;
      border-radius: 12px;
      cursor: default; }
    .AudioHeader_audioHeaderControlBox_32Oxk [type='range']::-ms-track {
      width: 100%;
      height: 4px;
      color: transparent;
      border-width: 6px 0;
      border-color: transparent;
      cursor: default;
      -ms-transition: all 0.2s ease;
      transition: all 0.2s ease; }
    .AudioHeader_audioHeaderControlBox_32Oxk [type='range']::-ms-fill-lower {
      background: #2f9dc6;
      border: 0 solid none;
      border-radius: 10px; }
    .AudioHeader_audioHeaderControlBox_32Oxk [type='range']::-ms-fill-upper {
      background: #3da9d1;
      border: 0 solid none;
      border-radius: 10px; }
    .AudioHeader_audioHeaderControlBox_32Oxk [type='range']::-ms-thumb {
      box-sizing: border-box;
      width: 12px;
      height: 12px;
      margin-top: 1px;
      background: #f6f6f6;
      border: 0 solid #eceff1;
      border-radius: 12px;
      cursor: default; }
    .AudioHeader_audioHeaderControlBox_32Oxk [type='range']:disabled::-webkit-slider-thumb {
      cursor: not-allowed; }
    .AudioHeader_audioHeaderControlBox_32Oxk [type='range']:disabled::-moz-range-thumb {
      cursor: not-allowed; }
    .AudioHeader_audioHeaderControlBox_32Oxk [type='range']:disabled::-ms-thumb {
      cursor: not-allowed; }
    .AudioHeader_audioHeaderControlBox_32Oxk [type='range']:disabled::-webkit-slider-runnable-track {
      cursor: not-allowed; }
    .AudioHeader_audioHeaderControlBox_32Oxk [type='range']:disabled::-ms-fill-lower {
      cursor: not-allowed; }
    .AudioHeader_audioHeaderControlBox_32Oxk [type='range']:disabled::-ms-fill-upper {
      cursor: not-allowed; }
  .AudioHeader_audioHeaderControlBox_32Oxk .AudioHeader_audioHeaderImage_1liB0 {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }
  .AudioHeader_audioHeaderControlBox_32Oxk .AudioHeader_imageMaximizeButton_2QJ4M {
    position: absolute;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 32px;
    height: 32px;
    padding: 8px;
    background: #111; }

.AudioHeader_fullRecordButton_2-6Pu {
  margin-top: 16px;
  padding: 4px;
  background: #111;
  border-radius: 0; }

.AudioHeader_currentRecordButton_2cIby {
  margin-top: 16px;
  padding: 6px 4px;
  color: #111;
  background: #3da9d1;
  border-radius: 0;
  pointer-events: none; }
  .AudioHeader_currentRecordButton_2cIby:hover {
    color: #111;
    background: #3da9d1; }

.AudioHeader_FullImageModal_4hsRD {
  width: calc(100% - 32px);
  height: calc(100% - 300px);
  text-align: center;
  background: #000; }
  @media only screen and (min-width: 60rem) {
    .AudioHeader_FullImageModal_4hsRD {
      width: calc(100% - 400px);
      height: calc(100% - 200px); } }
  .AudioHeader_FullImageModal_4hsRD button {
    background: none; }

.AudioHeader_fullImage_eqmK0 {
  width: 100%;
  height: calc(100% - 40px);
  -o-object-fit: contain;
     object-fit: contain; }
  @media only screen and (min-width: 60rem) {
    .AudioHeader_fullImage_eqmK0 {
      width: auto;
      height: 100%; } }

.AudioHeader_showRelatedRecordsButton_3q8k3 {
  width: 100%;
  max-width: none;
  margin-top: 16px;
  padding: 0 8px;
  background: #111;
  opacity: 1; }
  @media only screen and (min-width: 40rem) {
    .AudioHeader_showRelatedRecordsButton_3q8k3 {
      display: none; } }
  .AudioHeader_showRelatedRecordsButton_3q8k3.AudioHeader_recordsOpen_2uoiY {
    margin-top: 0; }

.AudioHeader_formats_1WdmM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0;
  color: #fff;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 20px;
  letter-spacing: 0.2px; }
  .AudioHeader_formats_1WdmM li:not(:last-child)::after {
    content: '';
    margin: 0 8px;
    border-right: 1px solid #ccc; }

.AudioHeader_activeControlBox_1tdmT {
  border: 1px solid #3da9d1; }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.AudioPlayerInstance_textUppercase_PRRdI {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.AudioPlayerInstance_textFieldTitle_2lRy8 {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

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

.AudioPlayerInstance_textPageTitle_3hIqg {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .AudioPlayerInstance_textPageTitle_3hIqg {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.AudioPlayerInstance_screenreaderOnly_1748Y {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.AudioPlayerInstance_resetScreenreaderOnly_3ev20 {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.AudioPlayerInstance_listUnstyled_1h4IC {
  padding-left: 0;
  list-style: none; }

.AudioPlayerInstance_buttonUnstyled_GCZuJ {
  display: block;
  border: none; }

.AudioPlayerInstance_shadow_1uqQe {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.AudioPlayerInstance_mobileFullscreenFallback_2Sd22 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .AudioPlayerInstance_mobileFullscreenFallback_2Sd22 > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.AudioPlayerInstance_audioPlayerInstance_2Agpw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1072;
    height: 100%;
    max-height: calc(var(--vh, 1vh) * 100) !important;
    margin: 0; }
    @media only screen and (min-width: 60rem) {
      .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 {
        padding-top: 0; } }
    .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .AudioPlayerInstance_audioTranscript_4e7cC {
      z-index: 10; }
  .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN {
    width: 100vw;
    height: 100vh;
    margin-top: 0; }
  @media only screen and (max-width: 35.99875rem) and (orientation: landscape) {
    .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .AudioPlayerInstance_audioPlaylist_23N7n, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN .AudioPlayerInstance_audioPlaylist_23N7n {
      display: none; } }
  @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape) {
    .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .AudioPlayerInstance_audioHeader_18cpQ, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN .AudioPlayerInstance_audioHeader_18cpQ {
      min-height: 100px; } }
  .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .AudioPlayerInstance_player_1PQ-w, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN .AudioPlayerInstance_player_1PQ-w {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-top: auto; }
    .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .AudioPlayerInstance_player_1PQ-w .video-wrapper, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN .AudioPlayerInstance_player_1PQ-w .video-wrapper {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerOptions_15I2M, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerOptions_15I2M {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioInformationBlock_jyb2Y, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioInformationBlock_jyb2Y {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
      margin-top: 8px; }
  .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .AudioPlayerInstance_togglePlaylistButton_3Zlaj, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN .AudioPlayerInstance_togglePlaylistButton_3Zlaj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .AudioPlayerInstance_audioPlaylist_23N7n, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN .AudioPlayerInstance_audioPlaylist_23N7n {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    min-width: 300px;
    padding: 8px; }
    @media only screen and (min-width: 120rem) {
      .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .AudioPlayerInstance_audioPlaylist_23N7n, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN .AudioPlayerInstance_audioPlaylist_23N7n {
        padding: 12px 64px; } }
  .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .AudioPlayerInstance_audioHeader_18cpQ, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN .AudioPlayerInstance_audioHeader_18cpQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .AudioPlayerInstance_audioTranscript_4e7cC button, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN .AudioPlayerInstance_audioTranscript_4e7cC button {
    margin-right: 0; }
  .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .AudioPlayerInstance_audioPlayerOptions_15I2M div.AudioPlayerInstance_audioPlayerVolume_2Uc5h label > progress::-webkit-progress-bar, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN .AudioPlayerInstance_audioPlayerOptions_15I2M div.AudioPlayerInstance_audioPlayerVolume_2Uc5h label > progress::-webkit-progress-bar {
    height: 100%;
    background-color: #fff !important;
    border-radius: 8px; }
  .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .AudioPlayerInstance_audioPlayerOptions_15I2M div.AudioPlayerInstance_audioPlayerVolume_2Uc5h label input[type='range']::-webkit-slider-thumb, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN .AudioPlayerInstance_audioPlayerOptions_15I2M div.AudioPlayerInstance_audioPlayerVolume_2Uc5h label input[type='range']::-webkit-slider-thumb {
    background: #fff !important; }
  .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .AudioPlayerInstance_audioPlayerOptions_15I2M .AudioPlayerInstance_transcriptButton_1JudM, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN .AudioPlayerInstance_audioPlayerOptions_15I2M .AudioPlayerInstance_transcriptButton_1JudM {
    display: block !important; }
    @media only screen and (min-width: 33.5rem) {
      .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .AudioPlayerInstance_audioPlayerOptions_15I2M .AudioPlayerInstance_transcriptButton_1JudM, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN .AudioPlayerInstance_audioPlayerOptions_15I2M .AudioPlayerInstance_transcriptButton_1JudM {
        position: relative !important;
        top: auto;
        margin-top: 0;
        margin-bottom: 4px; } }
  .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .video-controls, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN .video-controls {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row; }
  .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .video-controls__progress-bar, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN .video-controls__progress-bar {
    position: relative;
    z-index: 10;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    max-width: 100%;
    height: 4px;
    margin-right: 8px;
    background-color: #f6f6f6;
    border: 0 none;
    border-radius: 4px;
    cursor: pointer; }
    @media only screen and (min-width: 40rem) {
      .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .video-controls__progress-bar, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN .video-controls__progress-bar {
        -webkit-box-ordinal-group: none;
            -ms-flex-order: none;
                order: none;
        margin-top: 0;
        margin-right: 10%; } }
    @media only screen and (min-width: 60rem) {
      .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .video-controls__progress-bar, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN .video-controls__progress-bar {
        margin-right: 8%; } }
    @media only screen and (min-width: 80rem) {
      .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .video-controls__progress-bar, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN .video-controls__progress-bar {
        margin-right: 7%; } }
    @media only screen and (min-width: 100rem) {
      .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .video-controls__progress-bar, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN .video-controls__progress-bar {
        margin-right: 6%; } }
  .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .video-controls__progress-bar__fill, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN .video-controls__progress-bar__fill {
    position: relative;
    width: 0;
    height: 5px;
    background-color: #3da9d1;
    -webkit-transition: width 0.35s linear;
    transition: width 0.35s linear; }
    .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 .video-controls__progress-bar__fill::after, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN .video-controls__progress-bar__fill::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      width: 16px;
      height: 16px;
      margin-top: -6.2px;
      margin-right: -16px;
      background: #fff;
      border: 0 none;
      border-radius: 50%; }
  .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 input.video-controls__time-elapsed, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN input.video-controls__time-elapsed {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
    @media only screen and (min-width: 40rem) {
      .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 input.video-controls__time-elapsed, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN input.video-controls__time-elapsed {
        width: 11.5%; } }
    @media only screen and (min-width: 60rem) {
      .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 input.video-controls__time-elapsed, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN input.video-controls__time-elapsed {
        width: 8.5%; } }
    @media only screen and (min-width: 80rem) {
      .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 input.video-controls__time-elapsed, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN input.video-controls__time-elapsed {
        width: 6.3%; } }
  @media only screen and (min-width: 40rem) {
    .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 input.video-controls__duration, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN input.video-controls__duration {
      width: 11%; } }
  @media only screen and (min-width: 60rem) {
    .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullPage_IZZG7 input.video-controls__duration, .AudioPlayerInstance_audioPlayerInstance_2Agpw.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_3ibkN input.video-controls__duration {
      width: 8%; } }
  .AudioPlayerInstance_audioPlayerInstance_2Agpw .AudioPlayerInstance_audioHeader_18cpQ {
    position: relative; }
  .AudioPlayerInstance_audioPlayerInstance_2Agpw .AudioPlayerInstance_fileInfoBlock_1_iAI {
    scrollbar-width: thin;
    scrollbar-color: #ccc #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    width: 100%;
    height: 100%;
    padding: 16px 16px;
    overflow-y: scroll;
    background: white;
    border: 1px solid #111; }
    .AudioPlayerInstance_audioPlayerInstance_2Agpw .AudioPlayerInstance_fileInfoBlock_1_iAI::-webkit-scrollbar {
      width: 8px;
      height: 8px;
      border-radius: 4px; }
    .AudioPlayerInstance_audioPlayerInstance_2Agpw .AudioPlayerInstance_fileInfoBlock_1_iAI::-webkit-scrollbar-thumb {
      background: #ccc;
      border-radius: 4px; }
    .AudioPlayerInstance_audioPlayerInstance_2Agpw .AudioPlayerInstance_fileInfoBlock_1_iAI::-webkit-scrollbar-track {
      background: #fff;
      border-radius: 4px; }
    .AudioPlayerInstance_audioPlayerInstance_2Agpw .AudioPlayerInstance_fileInfoBlock_1_iAI body {
      scrollbar-face-color: #ccc;
      scrollbar-track-color: #fff; }
    @media only screen and (min-width: 60rem) {
      .AudioPlayerInstance_audioPlayerInstance_2Agpw .AudioPlayerInstance_fileInfoBlock_1_iAI {
        width: 35%;
        max-width: 450px;
        padding: 16px 48px; } }

.AudioPlayerInstance_stickyContainer_3NLf8 {
  position: fixed;
  bottom: 0;
  z-index: 30;
  width: 100%;
  -webkit-animation: AudioPlayerInstance_moveDown_1HxDU 0.5s ease-in-out;
          animation: AudioPlayerInstance_moveDown_1HxDU 0.5s ease-in-out; }
  .AudioPlayerInstance_stickyContainer_3NLf8 .AudioPlayerInstance_audioPlayerOptions_15I2M div.AudioPlayerInstance_audioPlayerVolume_2Uc5h label > progress::-webkit-progress-bar {
    height: 100%;
    background-color: #ccc !important;
    border-radius: 8px; }
  .AudioPlayerInstance_stickyContainer_3NLf8 .AudioPlayerInstance_audioPlayerOptions_15I2M div.AudioPlayerInstance_audioPlayerVolume_2Uc5h label input[type='range']::-webkit-slider-thumb {
    background: #ccc !important; }

@-webkit-keyframes AudioPlayerInstance_moveDown_1HxDU {
  from {
    -webkit-transform: translateY(-5rem);
            transform: translateY(-5rem); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes AudioPlayerInstance_moveDown_1HxDU {
  from {
    -webkit-transform: translateY(-5rem);
            transform: translateY(-5rem); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.AudioPlayerInstance_player_1PQ-w {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%;
  padding: 8px;
  background: #222; }
  @media only screen and (min-width: 60rem) {
    .AudioPlayerInstance_player_1PQ-w {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      padding: 12px 32px; } }
  @media only screen and (min-width: 80rem) {
    .AudioPlayerInstance_player_1PQ-w {
      padding: 12px 48px; } }
  @media only screen and (min-width: 120rem) {
    .AudioPlayerInstance_player_1PQ-w {
      padding: 12px 64px; } }
  .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_hideControls_ofr5e {
    display: none; }
  .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_previousAndNextTrack_HJ_mn {
    display: none; }
    @media only screen and (min-width: 60rem) {
      .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_previousAndNextTrack_HJ_mn {
        display: block; } }
  .AudioPlayerInstance_player_1PQ-w .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    border: 0 !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important; }
  .AudioPlayerInstance_player_1PQ-w .video-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    width: 100%; }
    .AudioPlayerInstance_player_1PQ-w .video-wrapper audio {
      width: 100%;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
  .AudioPlayerInstance_player_1PQ-w .video-controls {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin: 0;
    background: #222;
    -webkit-transition: bottom 0.25s ease-in;
    transition: bottom 0.25s ease-in; }
    @media only screen and (min-width: 40rem) {
      .AudioPlayerInstance_player_1PQ-w .video-controls {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
        -webkit-box-pack: initial;
            -ms-flex-pack: initial;
                justify-content: initial;
        padding: 2px 0; } }
    .AudioPlayerInstance_player_1PQ-w .video-controls button {
      margin: 0 5.3px;
      padding: 0;
      color: #f6f6f6;
      font-size: 18px;
      text-align: center;
      background-color: transparent;
      border: 0;
      cursor: pointer;
      -webkit-transition: opacity 0.175s ease-in;
      transition: opacity 0.175s ease-in; }
    .AudioPlayerInstance_player_1PQ-w .video-controls button:focus {
      outline: 0;
      -webkit-box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25);
              box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25); }
  .AudioPlayerInstance_player_1PQ-w button {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .AudioPlayerInstance_player_1PQ-w .video-controls__button-wrapper__space {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .AudioPlayerInstance_player_1PQ-w .video-controls__button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 4px; }
    @media only screen and (min-width: 40rem) {
      .AudioPlayerInstance_player_1PQ-w .video-controls__button-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        margin-right: 16px; } }
  .AudioPlayerInstance_player_1PQ-w .video-controls__progress-bar {
    position: relative;
    z-index: 2;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 100%;
    height: 4px;
    margin-right: 8px;
    margin-bottom: 2.6px;
    background-color: #f6f6f6;
    border: 0 none;
    border-radius: 4px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    @media only screen and (min-width: 40rem) {
      .AudioPlayerInstance_player_1PQ-w .video-controls__progress-bar {
        margin-right: 10%;
        margin-left: -0.9%; } }
    @media only screen and (min-width: 60rem) {
      .AudioPlayerInstance_player_1PQ-w .video-controls__progress-bar {
        margin-right: 8%; } }
    @media only screen and (min-width: 80rem) {
      .AudioPlayerInstance_player_1PQ-w .video-controls__progress-bar {
        margin-right: 7%;
        margin-left: 0%; } }
    @media only screen and (min-width: 100rem) {
      .AudioPlayerInstance_player_1PQ-w .video-controls__progress-bar {
        margin-right: 6%;
        margin-left: -0.9%; } }
  .AudioPlayerInstance_player_1PQ-w .video-controls__progress-bar__fill {
    position: relative;
    width: 0;
    height: 5px;
    background-color: #3da9d1;
    -webkit-transition: width 0.35s linear;
    transition: width 0.35s linear;
    pointer-events: none; }
    .AudioPlayerInstance_player_1PQ-w .video-controls__progress-bar__fill::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 16px;
      height: 16px;
      margin-top: -6px;
      margin-right: -16px;
      background: #fff;
      border: 0 none;
      border-radius: 50%; }
  .AudioPlayerInstance_player_1PQ-w .video-controls__progress-bar--scrubbing {
    cursor: move;
    cursor: grab;
    cursor: -webkit-grab; }
    .AudioPlayerInstance_player_1PQ-w .video-controls__progress-bar--scrubbing .video-controls__progress-bar__fill::after {
      background: #ccc; }
  .AudioPlayerInstance_player_1PQ-w .video-controls__progress-bar__wraptooltip {
    position: absolute;
    top: -100%;
    right: 0;
    bottom: -100%;
    left: 0; }
  .AudioPlayerInstance_player_1PQ-w .video-controls__progress-bar__tooltip {
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: 10;
    padding: 4px;
    color: #fff;
    font-size: 13px;
    background: rgba(17, 17, 17, 0.8);
    border-radius: 2px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    pointer-events: none; }
  .AudioPlayerInstance_player_1PQ-w input.video-controls__time-elapsed {
    display: none; }
    @media only screen and (min-width: 40rem) {
      .AudioPlayerInstance_player_1PQ-w input.video-controls__time-elapsed {
        position: relative;
        right: 8px;
        display: block;
        width: 11.5%;
        margin-top: -2px;
        color: white;
        font-size: 0.875rem;
        text-align: center;
        background: transparent;
        border: 0 none; } }
    @media only screen and (min-width: 60rem) {
      .AudioPlayerInstance_player_1PQ-w input.video-controls__time-elapsed {
        width: 8.5%; } }
    @media only screen and (min-width: 80rem) {
      .AudioPlayerInstance_player_1PQ-w input.video-controls__time-elapsed {
        width: 6.3%; } }
  .AudioPlayerInstance_player_1PQ-w input.video-controls__duration {
    display: none; }
    @media only screen and (min-width: 40rem) {
      .AudioPlayerInstance_player_1PQ-w input.video-controls__duration {
        position: absolute;
        right: 0;
        display: block;
        width: 10%;
        margin-top: -2px;
        color: white;
        font-size: 0.875rem;
        text-align: center;
        background: transparent;
        border: 0 none; } }
  @media only screen and (min-width: 40rem) and (min-width: 60rem) {
    .AudioPlayerInstance_player_1PQ-w input.video-controls__duration {
      width: 8%; } }
  .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerVolumeWrapper_3UtTb {
    position: relative;
    z-index: 4;
    margin-right: 4px;
    margin-bottom: 4px; }
    .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerVolumeWrapper_3UtTb .AudioPlayerInstance_audioPlayerOptions_15I2M {
      display: none; }
    .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerVolumeWrapper_3UtTb.AudioPlayerInstance_audioPlayerVolumeDisabled_1KZhn {
      display: none; }
    .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerVolumeWrapper_3UtTb.AudioPlayerInstance_audioPlayerVolumeActive_32JKq div.AudioPlayerInstance_audioPlayerVolume_2Uc5h {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerOptions_15I2M {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: auto; }
    .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerOptions_15I2M div.AudioPlayerInstance_audioPlayerVolume_2Uc5h {
      position: absolute;
      top: -71px;
      right: -23px;
      display: none;
      height: 50px;
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
      @media (hover: hover) {
        .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerOptions_15I2M div.AudioPlayerInstance_audioPlayerVolume_2Uc5h:focus, .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerOptions_15I2M div.AudioPlayerInstance_audioPlayerVolume_2Uc5h:hover {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; } }
      .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerOptions_15I2M div.AudioPlayerInstance_audioPlayerVolume_2Uc5h label {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 80px;
        margin: auto;
        padding: 0; }
        .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerOptions_15I2M div.AudioPlayerInstance_audioPlayerVolume_2Uc5h label > progress {
          border: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none; }
          * > .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerOptions_15I2M div.AudioPlayerInstance_audioPlayerVolume_2Uc5h label > progress {
            -webkit-box-flex: 1;
                -ms-flex: 1 1 100%;
                    flex: 1 1 100%;
            min-width: 100%;
            height: 4px;
            border-radius: 8px;
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none;
            /* MOZILLA FIREFOX */ }
            * > .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerOptions_15I2M div.AudioPlayerInstance_audioPlayerVolume_2Uc5h label > progress::-webkit-progress-inner-element {
              height: 100%;
              border-radius: 100px; }
            * > .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerOptions_15I2M div.AudioPlayerInstance_audioPlayerVolume_2Uc5h label > progress::-webkit-progress-bar {
              height: 100%;
              background-color: #fff;
              border-radius: 8px; }
            * > .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerOptions_15I2M div.AudioPlayerInstance_audioPlayerVolume_2Uc5h label > progress::-webkit-progress-value {
              height: 100%;
              background-color: #3da9d1;
              border-radius: 8px; }
            * > .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerOptions_15I2M div.AudioPlayerInstance_audioPlayerVolume_2Uc5h label > progress::-moz-progress-bar {
              height: 100%;
              background-color: #3da9d1;
              border-radius: 8px; }
        .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerOptions_15I2M div.AudioPlayerInstance_audioPlayerVolume_2Uc5h label input[type='range'] {
          position: absolute;
          -webkit-box-flex: 1;
              -ms-flex: 1 1 100%;
                  flex: 1 1 100%;
          min-width: 100%;
          max-width: 80px;
          height: 4px;
          margin: 0;
          background: transparent;
          cursor: pointer;
          -webkit-appearance: none; }
          .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerOptions_15I2M div.AudioPlayerInstance_audioPlayerVolume_2Uc5h label input[type='range']::-webkit-slider-thumb {
            width: 16px;
            height: 16px;
            background: #fff;
            border-radius: 12px;
            -webkit-appearance: none; }
          .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerOptions_15I2M div.AudioPlayerInstance_audioPlayerVolume_2Uc5h label input[type='range']::-moz-focus-outer {
            border: 0; }
          .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerOptions_15I2M div.AudioPlayerInstance_audioPlayerVolume_2Uc5h label input[type='range']:focus {
            outline: 0; }
    .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerOptions_15I2M .AudioPlayerInstance_audioPlayerOptionsButton_1dXk6 {
      width: 32px;
      height: 32px; }
    .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerOptions_15I2M .AudioPlayerInstance_transcriptButton_1JudM {
      display: none; }
      @media only screen and (min-width: 60rem) {
        .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerOptions_15I2M .AudioPlayerInstance_transcriptButton_1JudM {
          display: block;
          margin-right: 4px;
          margin-bottom: 4px; } }
    .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerOptions_15I2M button:focus {
      outline: 0;
      -webkit-box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25);
              box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25); }
    .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerOptions_15I2M .AudioPlayerInstance_fullScreenIcon_1M_7F {
      margin-bottom: 4px; }
    .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioPlayerOptions_15I2M .AudioPlayerInstance_audioTranscript_4e7cC {
      position: absolute;
      right: 0;
      bottom: 100%;
      z-index: 10; }
  .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioHeader_18cpQ {
    display: block; }
  .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_disabled_1v5tN {
    opacity: 0.5;
    pointer-events: none; }
  .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioControlIcon_3MQjk span {
    margin-bottom: 4px; }
  .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioInformationBlock_jyb2Y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100%;
    margin-top: 8px;
    margin-left: 8px;
    padding-right: 8px; }
    @media only screen and (min-width: 40rem) {
      .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioInformationBlock_jyb2Y {
        margin-top: 12px;
        padding-right: 16px; } }
    @media only screen and (min-width: 60rem) {
      .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioInformationBlock_jyb2Y {
        max-width: 100%;
        margin-left: 0;
        padding-right: 0; } }
    .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioInformationBlock_jyb2Y .AudioPlayerInstance_fileTitle_MlsgE {
      display: none;
      max-width: 100%;
      overflow: hidden;
      color: #fff;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioInformationBlock_jyb2Y .AudioPlayerInstance_fileTitle_MlsgE .AudioPlayerInstance_titlePart_XcCEH {
        font-weight: 500; }
      @media only screen and (min-width: 33.5rem) {
        .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioInformationBlock_jyb2Y .AudioPlayerInstance_fileTitle_MlsgE {
          width: 160px; } }
      @media only screen and (min-width: 40rem) {
        .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioInformationBlock_jyb2Y .AudioPlayerInstance_fileTitle_MlsgE {
          display: block;
          width: 50%; } }
      @media only screen and (min-width: 60rem) {
        .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioInformationBlock_jyb2Y .AudioPlayerInstance_fileTitle_MlsgE {
          width: 100%; } }
    .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioInformationBlock_jyb2Y .AudioPlayerInstance_togglePlaylistButton_3Zlaj {
      -webkit-box-flex: 100%;
          -ms-flex: 100%;
              flex: 100%;
      min-height: 32px;
      margin-right: 8px;
      padding: 8px;
      border: solid 0.8px #777; }
      @media only screen and (min-width: 40rem) {
        .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioInformationBlock_jyb2Y .AudioPlayerInstance_togglePlaylistButton_3Zlaj {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 auto;
                  flex: 0 0 auto;
          width: 162px; } }
      @media only screen and (min-width: 60rem) {
        .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioInformationBlock_jyb2Y .AudioPlayerInstance_togglePlaylistButton_3Zlaj {
          width: 174px;
          min-height: 40px; } }
      .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioInformationBlock_jyb2Y .AudioPlayerInstance_togglePlaylistButton_3Zlaj.AudioPlayerInstance_fileInfoButton_1kwhy {
        margin-right: 0;
        background: #222; }
        .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioInformationBlock_jyb2Y .AudioPlayerInstance_togglePlaylistButton_3Zlaj.AudioPlayerInstance_fileInfoButton_1kwhy.AudioPlayerInstance_activeButton_1LSht {
          background: #111; }
        @media only screen and (min-width: 40rem) {
          .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioInformationBlock_jyb2Y .AudioPlayerInstance_togglePlaylistButton_3Zlaj.AudioPlayerInstance_fileInfoButton_1kwhy {
            margin-right: 8px; } }
        @media only screen and (min-width: 60rem) {
          .AudioPlayerInstance_player_1PQ-w .AudioPlayerInstance_audioInformationBlock_jyb2Y .AudioPlayerInstance_togglePlaylistButton_3Zlaj.AudioPlayerInstance_fileInfoButton_1kwhy {
            margin-right: 0; } }

.AudioPlayerInstance_audioPlaylist_23N7n {
  padding-left: 16px; }
  @media only screen and (min-width: 60rem) {
    .AudioPlayerInstance_audioPlaylist_23N7n {
      padding-left: 32px; } }
  @media only screen and (min-width: 80rem) {
    .AudioPlayerInstance_audioPlaylist_23N7n {
      padding-left: 48px; } }
  @media only screen and (min-width: 120rem) {
    .AudioPlayerInstance_audioPlaylist_23N7n {
      padding-left: 64px; } }

.AudioPlayerInstance_fullScreenButton_JsB0f {
  display: none; }
  @media only screen and (min-width: 60rem) {
    .AudioPlayerInstance_fullScreenButton_JsB0f {
      display: block; } }

.AudioPlayerInstance_activeButton_1LSht {
  background-color: #111; }
  .AudioPlayerInstance_activeButton_1LSht .AudioPlayerInstance_titlePart_XcCEH {
    font-weight: 500; }

.AudioPlayerInstance_inActiveButton_HsdmO {
  background-color: #222; }

.AudioPlayerInstance_viewerActions_ElmNe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%; }
  @media only screen and (min-width: 40rem) {
    .AudioPlayerInstance_viewerActions_ElmNe {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; } }
  @media only screen and (min-width: 60rem) {
    .AudioPlayerInstance_viewerActions_ElmNe {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
      margin-left: auto; } }
  .AudioPlayerInstance_viewerActions_ElmNe .AudioPlayerInstance_togglePlaylistButton_3Zlaj {
    margin-right: 0; }

.AudioPlayerInstance_tooltip_2L2rP {
  padding: 4px !important;
  background: rgba(17, 17, 17, 0.8) !important; }

