/* * 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_VGrYD { font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; } .ShareLinksPrompt_textFieldTitle_11q4M { margin-bottom: 8px; font-weight: 500; font-size: 1.125rem; font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; line-height: 20px; } .ShareLinksPrompt_textSmoothing_15Xgb, .ShareLinksPrompt_textPageTitle_3PH6J { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ShareLinksPrompt_textPageTitle_3PH6J { 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_3PH6J { font-size: 2.125rem; line-height: 40px; letter-spacing: -0.015em; } } /* * OTHER * Other styles that can be used by @extend * ========================================================================== */ .ShareLinksPrompt_screenreaderOnly_2jf46 { 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_2-W2C { position: static; width: auto; height: auto; margin: 0; padding: 0; overflow: auto; clip: none; -webkit-clip-path: none; clip-path: none; } .ShareLinksPrompt_listUnstyled_2-TjN { padding-left: 0; list-style: none; } .ShareLinksPrompt_buttonUnstyled_3gWMS { display: block; border: none; } .ShareLinksPrompt_shadow_3kGPf { -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_BVuOO { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; } .ShareLinksPrompt_mobileFullscreenFallback_BVuOO > *:first-child { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .ShareLinksPrompt_shareLinksPrompt_KW6MZ { 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_KW6MZ.ShareLinksPrompt_fileInfoBlockShare_bsK4j { padding: 0; border: none; } .ShareLinksPrompt_shareLinksPrompt_KW6MZ.ShareLinksPrompt_fileInfoBlockShare_bsK4j .ShareLinksPrompt_socialMediaButtons_2mBUd { border-bottom: none; } .ShareLinksPrompt_shareLinksPrompt_KW6MZ .ShareLinksPrompt_itemInfo_3EMVu { margin-bottom: 24px; } .ShareLinksPrompt_shareLinksPrompt_KW6MZ .ShareLinksPrompt_itemInfo_3EMVu h3 { margin-bottom: 0; font-size: 1rem; text-transform: lowercase; } .ShareLinksPrompt_shareLinksPrompt_KW6MZ .ShareLinksPrompt_itemInfo_3EMVu h3::first-letter { text-transform: capitalize; } .ShareLinksPrompt_shareLinksPrompt_KW6MZ .ShareLinksPrompt_itemInfo_3EMVu p { margin-bottom: 0; } .ShareLinksPrompt_shareLinksPrompt_KW6MZ.ShareLinksPrompt_shareLinksBlockActive_3MuXu { display: -webkit-box; display: -ms-flexbox; display: flex; } .ShareLinksPrompt_shareLinksPrompt_KW6MZ .ShareLinksPrompt_permalinkWrapper_M7vpa { width: 100%; margin-bottom: 24px; } .ShareLinksPrompt_shareLinksPrompt_KW6MZ .ShareLinksPrompt_permalinkWrapper_M7vpa h3 { margin-bottom: 0; font-size: 1rem; text-transform: lowercase; } .ShareLinksPrompt_shareLinksPrompt_KW6MZ .ShareLinksPrompt_permalinkWrapper_M7vpa h3::first-letter { text-transform: capitalize; } @media only screen and (min-width: 40rem) { .ShareLinksPrompt_shareLinksPrompt_KW6MZ .ShareLinksPrompt_permalinkWrapper_M7vpa { max-width: 350px; } } .ShareLinksPrompt_shareLinksPrompt_KW6MZ .ShareLinksPrompt_permalinkWrapper_M7vpa .ShareLinksPrompt_permalinkBlock_xMHqD { 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_KW6MZ .ShareLinksPrompt_permalinkWrapper_M7vpa button { font-size: 0.875rem; } .ShareLinksPrompt_shareLinksPrompt_KW6MZ .ShareLinksPrompt_permalinkWrapper_M7vpa .ShareLinksPrompt_linkCopyButton_2C26D { padding: 0; } .ShareLinksPrompt_shareLinksPrompt_KW6MZ .ShareLinksPrompt_permalinkWrapper_M7vpa .ShareLinksPrompt_linkCopied_3wF9h { color: #999; pointer-events: none; } .ShareLinksPrompt_shareLinksPrompt_KW6MZ .ShareLinksPrompt_permalinkWrapper_M7vpa:last-child { margin-bottom: 0; } .ShareLinksPrompt_socialMediaButtons_2mBUd { 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_3yHa5 { width: 40px; height: 40px; margin-right: 16px; } .ShareLinksPrompt_socialMediaButton_3yHa5:last-child { margin-right: 0; } @media print { .ShareLinksPrompt_permalinkWrapper_M7vpa { page-break-inside: avoid; } } /* * 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_1xoxm, .ViewerFileInformation_itemDetails_3PxTL .ViewerFileInformation_infoBlock_L0hOI h3 { font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; } .ViewerFileInformation_textFieldTitle_1LTKy { margin-bottom: 8px; font-weight: 500; font-size: 1.125rem; font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; line-height: 20px; } .ViewerFileInformation_textSmoothing_2_TEG, .ViewerFileInformation_textPageTitle_2RpR1 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ViewerFileInformation_textPageTitle_2RpR1 { 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_2RpR1 { font-size: 2.125rem; line-height: 40px; letter-spacing: -0.015em; } } /* * OTHER * Other styles that can be used by @extend * ========================================================================== */ .ViewerFileInformation_screenreaderOnly_3lb5k { 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_2aalt { position: static; width: auto; height: auto; margin: 0; padding: 0; overflow: auto; clip: none; -webkit-clip-path: none; clip-path: none; } .ViewerFileInformation_listUnstyled_7FvG5 { padding-left: 0; list-style: none; } .ViewerFileInformation_buttonUnstyled_1W84K { display: block; border: none; } .ViewerFileInformation_shadow_96bx5 { -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_3jVGs { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; } .ViewerFileInformation_mobileFullscreenFallback_3jVGs > *:first-child { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .ViewerFileInformation_viewerFileInformation_1XIwk { display: block; color: #111; } .ViewerFileInformation_viewerFileInformation_1XIwk h3 { margin-bottom: 0; font-size: 1rem; } .ViewerFileInformation_viewerFileInformation_1XIwk .ViewerFileInformation_infoBlock_L0hOI { margin-bottom: 24px; } .ViewerFileInformation_viewerFileInformation_1XIwk .ViewerFileInformation_infoBlock_L0hOI:last-child { margin-bottom: 0; } .ViewerFileInformation_permalinkWrapper_7Y4XK { width: 100%; max-width: 350px; color: #111; } .ViewerFileInformation_permalinkWrapper_7Y4XK h3 { margin-bottom: 0; font-size: 1rem; } .ViewerFileInformation_permalinkWrapper_7Y4XK .ViewerFileInformation_permalinkBlock_2IZfp { position: relative; margin: 8px 0; margin-bottom: 0; padding: 8px; font-size: 0.875rem; white-space: normal; word-break: break-all; background: #f6f6f6; border: 1px solid #ccc; } .ViewerFileInformation_permalinkWrapper_7Y4XK .ViewerFileInformation_permalinkBlock_2IZfp p { margin-bottom: 8px; } .ViewerFileInformation_permalinkWrapper_7Y4XK button { font-size: 0.875rem; } .ViewerFileInformation_permalinkWrapper_7Y4XK .ViewerFileInformation_linkCopyButton_38Qmm { padding: 0; } .ViewerFileInformation_permalinkWrapper_7Y4XK .ViewerFileInformation_svgIcon_1suSP { margin-right: 4px; } .ViewerFileInformation_permalinkWrapper_7Y4XK .ViewerFileInformation_copiedText_25yBs { position: absolute; top: 50%; left: 30%; margin: 0; padding: 8px 16px; color: #fff; background: #333; border-radius: 4px; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .ViewerFileInformation_permalinkWrapper_7Y4XK.ViewerFileInformation_fadeOut_3VgL8 { opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .ViewerFileInformation_transcriptClose_kxaWR { 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_kxaWR button { margin-left: auto; } .ViewerFileInformation_transcriptClose_kxaWR.ViewerFileInformation_closeWithMultipleIE_MK1pz { color: #fff; } .ViewerFileInformation_multipleIeContainer_2PlRU { position: relative; left: 0; width: calc(100% + 96.5px); margin-top: -16px; margin-bottom: 16px; margin-left: -48px; padding: 16px 48px; background: #111; } .ViewerFileInformation_multipleIeContainer_2PlRU .ViewerFileInformation_ieIndex_15CbD { -ms-flex-item-align: baseline; align-self: baseline; margin-right: 8px; color: #fff; font-weight: 500; font-size: 0.75rem; font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; } .ViewerFileInformation_thumbnailItem_wLTj- { 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: calc(100% - 32px); padding: 4px; } @media only screen and (min-width: 60rem) { .ViewerFileInformation_thumbnailItem_wLTj- { width: 100%; } } .ViewerFileInformation_thumbnailItem_wLTj-.ViewerFileInformation_activeRecord_2igoz { background-color: #3da9d1; } .ViewerFileInformation_thumbnailItem_wLTj-.ViewerFileInformation_activeRecord_2igoz .ViewerFileInformation_ieResultHeader_GLVWb, .ViewerFileInformation_thumbnailItem_wLTj-.ViewerFileInformation_activeRecord_2igoz .ViewerFileInformation_ieIndex_15CbD { color: #111; } .ViewerFileInformation_thumbnailItem_wLTj- .ViewerFileInformation_ieResultHeader_GLVWb { display: -webkit-box; -ms-flex-item-align: baseline; align-self: baseline; 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; } .ViewerFileInformation_thumbnailItem_wLTj- .ViewerFileInformation_iconBlock_1BiDG { margin-right: 8px; padding: 5px 16px; background: #000; } .ViewerFileInformation_thumbnailItem_wLTj- .ViewerFileInformation_imageIconBlock_3yfCi { padding: 0; } .ViewerFileInformation_thumbnailItem_wLTj- .ViewerFileInformation_imageIconBlock_3yfCi img { width: 64px; height: 42px; } .ViewerFileInformation_thumbnailItem_wLTj- .ViewerFileInformation_thumbnailImage_Pr66L { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .ViewerFileInformation_itemDetails_3PxTL { margin-right: -48px; margin-bottom: -16px; margin-left: -48px; padding: 16px 48px; background-color: #f6f6f6; } .ViewerFileInformation_itemDetails_3PxTL .ViewerFileInformation_infoBlock_L0hOI { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; margin-bottom: 16px; } .ViewerFileInformation_itemDetails_3PxTL .ViewerFileInformation_infoBlock_L0hOI h3 { margin-bottom: 4px; font-weight: normal; font-size: 0.625rem; line-height: 0.625rem; } .ViewerFileInformation_itemDetails_3PxTL .ViewerFileInformation_infoBlock_L0hOI p { margin-bottom: 0; font-size: 0.875rem; } .ViewerFileInformation_itemDetails_3PxTL .ViewerFileInformation_identifierBlock_1Oosi { 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; } @media only screen and (min-width: 40rem) { .ViewerFileInformation_itemDetails_3PxTL .ViewerFileInformation_identifierBlock_1Oosi { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } } @media only screen and (min-width: 60rem) { .ViewerFileInformation_itemDetails_3PxTL .ViewerFileInformation_identifierBlock_1Oosi { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .ViewerFileInformation_itemDetails_3PxTL .ViewerFileInformation_identifierBlock_1Oosi .ViewerFileInformation_infoBlock_L0hOI { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-bottom: 0; } @media only screen and (min-width: 40rem) { .ViewerFileInformation_itemDetails_3PxTL .ViewerFileInformation_identifierBlock_1Oosi .ViewerFileInformation_infoBlock_L0hOI { margin-right: 15rem; } } @media only screen and (min-width: 60rem) { .ViewerFileInformation_itemDetails_3PxTL .ViewerFileInformation_identifierBlock_1Oosi .ViewerFileInformation_infoBlock_L0hOI { margin-right: 0; } } .ViewerFileInformation_itemDetails_3PxTL .ViewerFileInformation_identifierBlock_1Oosi .ViewerFileInformation_infoBlock_L0hOI: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 * ========================================================================== */ .DownloadPrompt_textUppercase__CE8T { font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; } .DownloadPrompt_textFieldTitle_1KC0S { margin-bottom: 8px; font-weight: 500; font-size: 1.125rem; font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; line-height: 20px; } .DownloadPrompt_textSmoothing_2f9zl, .DownloadPrompt_textPageTitle_3wjXj { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .DownloadPrompt_textPageTitle_3wjXj { 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_3wjXj { font-size: 2.125rem; line-height: 40px; letter-spacing: -0.015em; } } /* * OTHER * Other styles that can be used by @extend * ========================================================================== */ .DownloadPrompt_screenreaderOnly_3oR8g { 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_20UDX { position: static; width: auto; height: auto; margin: 0; padding: 0; overflow: auto; clip: none; -webkit-clip-path: none; clip-path: none; } .DownloadPrompt_listUnstyled_PK_r4 { padding-left: 0; list-style: none; } .DownloadPrompt_buttonUnstyled_3a_Pl { display: block; border: none; } .DownloadPrompt_shadow_TVDaT { -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_3YUVu { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; } .DownloadPrompt_mobileFullscreenFallback_3YUVu > *:first-child { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .DownloadPrompt_iconDownloading_2csUJ { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: rgba(255, 255, 255, 0.7); border: 0; } .DownloadPrompt_iconDownloading_2csUJ button { width: 100%; margin: auto; background-color: #fff; } .DownloadPrompt_iconDownloading_2csUJ button .DownloadPrompt_textButtonText_3MZ1z span { -webkit-animation-name: DownloadPrompt_blink_35pQe; animation-name: DownloadPrompt_blink_35pQe; -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_2csUJ button .DownloadPrompt_textButtonText_3MZ1z span:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .DownloadPrompt_iconDownloading_2csUJ button .DownloadPrompt_textButtonText_3MZ1z span:nth-child(3) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .DownloadPrompt_downloadPrompt_Jmp5q { 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_Jmp5q.DownloadPrompt_active_2ocN3 { display: -webkit-box; display: -ms-flexbox; display: flex; } .DownloadPrompt_downloadPrompt_Jmp5q header { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; min-width: 100%; } .DownloadPrompt_downloadPrompt_Jmp5q header h3 { margin-bottom: 0; color: #222; font-size: 1rem; } .DownloadPrompt_downloadPrompt_Jmp5q 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_Jmp5q 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_Jmp5q ul li { padding-top: 8px; } .DownloadPrompt_downloadPrompt_Jmp5q ul .DownloadPrompt_iconButton_nWL_w { 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_Jmp5q ul .DownloadPrompt_iconButton_nWL_w[disabled] { opacity: 0.7; pointer-events: none; } .DownloadPrompt_downloadPrompt_Jmp5q ul .DownloadPrompt_iconButton_nWL_w:hover, .DownloadPrompt_downloadPrompt_Jmp5q ul .DownloadPrompt_iconButton_nWL_w:active, .DownloadPrompt_downloadPrompt_Jmp5q ul .DownloadPrompt_iconButton_nWL_w:focus { color: #333; border: 1px solid #333; } .DownloadPrompt_downloadPrompt_Jmp5q ul .DownloadPrompt_iconButton_nWL_w > span { display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0; } .DownloadPrompt_downloadPrompt_Jmp5q ul .DownloadPrompt_iconButton_nWL_w > span.DownloadPrompt_textButtonText_3MZ1z { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-left: 4px; text-align: left; } .DownloadPrompt_downloadPrompt_Jmp5q ul .DownloadPrompt_iconButton_nWL_w > span.DownloadPrompt_textButtonText_3MZ1z small { font-size: 0.75rem; } .DownloadPrompt_downloadPrompt_Jmp5q ul .DownloadPrompt_iconButton_nWL_w svg { height: 24px !important; } .DownloadPrompt_downloadPrompt_Jmp5q ul .DownloadPrompt_iconButton_nWL_w path, .DownloadPrompt_downloadPrompt_Jmp5q ul .DownloadPrompt_iconButton_nWL_w rect { fill: #222; } @-webkit-keyframes DownloadPrompt_blink_35pQe { 0% { opacity: 0.2; } 20% { opacity: 1; } 100% { opacity: 0.2; } } @keyframes DownloadPrompt_blink_35pQe { 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_3P42Z { font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; } .OpenSeadragonInstance_textFieldTitle_Qxv9_ { margin-bottom: 8px; font-weight: 500; font-size: 1.125rem; font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; line-height: 20px; } .OpenSeadragonInstance_textSmoothing_JW2-y, .OpenSeadragonInstance_textPageTitle_2-GxH { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .OpenSeadragonInstance_textPageTitle_2-GxH { 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_2-GxH { font-size: 2.125rem; line-height: 40px; letter-spacing: -0.015em; } } /* * OTHER * Other styles that can be used by @extend * ========================================================================== */ .OpenSeadragonInstance_screenreaderOnly_10csS { 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_3VTjG { position: static; width: auto; height: auto; margin: 0; padding: 0; overflow: auto; clip: none; -webkit-clip-path: none; clip-path: none; } .OpenSeadragonInstance_listUnstyled_N-Rdj { padding-left: 0; list-style: none; } .OpenSeadragonInstance_buttonUnstyled_1JXa5 { display: block; border: none; } .OpenSeadragonInstance_shadow_OuHdd { -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_p8uRV { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; } .OpenSeadragonInstance_mobileFullscreenFallback_p8uRV > *:first-child { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .OpenSeadragonInstance_openSeadragonInstance_3k9Ao { 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; } .OpenSeadragonInstance_openSeadragonInstance_3k9Ao.fullpage > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='seadragonContainerFullscreen'] > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3k9Ao.OpenSeadragonInstance_isFullScreen_2oLur > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='fullpage'] > div.openseadragon-container { pointer-events: auto; } .OpenSeadragonInstance_openSeadragonInstance_3k9Ao.fullpage > div.openseadragon-canvas, .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='seadragonContainerFullscreen'] > div.openseadragon-canvas, .OpenSeadragonInstance_openSeadragonInstance_3k9Ao.OpenSeadragonInstance_isFullScreen_2oLur > div.openseadragon-canvas, .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='fullpage'] > div.openseadragon-canvas { -ms-touch-action: none; touch-action: none; } .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='viewerOpenSeadragon'] > div:not([class]) { display: none !important; } .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='viewerOpenSeadragon'] .OpenSeadragonInstance_navigatorBlockWithFileInfo_1gUzV, .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='seadragonContainer'] .OpenSeadragonInstance_navigatorBlockWithFileInfo_1gUzV { right: 35%; } @media only screen and (min-width: 80rem) { .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='viewerOpenSeadragon'] .OpenSeadragonInstance_navigatorBlockWithFileInfo_1gUzV, .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='seadragonContainer'] .OpenSeadragonInstance_navigatorBlockWithFileInfo_1gUzV { right: 32%; } } @media only screen and (min-width: 120rem) { .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='viewerOpenSeadragon'] .OpenSeadragonInstance_navigatorBlockWithFileInfo_1gUzV, .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='seadragonContainer'] .OpenSeadragonInstance_navigatorBlockWithFileInfo_1gUzV { right: 25%; } } .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='viewerOpenSeadragon'] > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[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_3k9Ao[class*='viewerOpenSeadragon'] > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='seadragonContainer'] > div.openseadragon-container { height: 92% !important; } } .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='viewerOpenSeadragon'][class*='viewerWithFileInfoMobile'] > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[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_3k9Ao[class*='viewerOpenSeadragon'][class*='viewerWithFileInfoMobile'] > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='seadragonContainer'][class*='viewerWithFileInfoMobile'] > div.openseadragon-container { min-width: 75%; } } .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='viewerOpenSeadragon'].OpenSeadragonInstance_isFullScreen_2oLur > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='seadragonContainer'].OpenSeadragonInstance_isFullScreen_2oLur > div.openseadragon-container { height: 88% !important; } @media only screen and (min-width: 33.5rem) { .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='viewerOpenSeadragon'].OpenSeadragonInstance_isFullScreen_2oLur > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='seadragonContainer'].OpenSeadragonInstance_isFullScreen_2oLur > div.openseadragon-container { height: 92% !important; } } @media only screen and (min-width: 60rem) { .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='viewerOpenSeadragon'].OpenSeadragonInstance_isFullScreen_2oLur > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='seadragonContainer'].OpenSeadragonInstance_isFullScreen_2oLur > 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_3k9Ao[class*='viewerOpenSeadragon'].OpenSeadragonInstance_isFullScreen_2oLur .OpenSeadragonInstance_navigatorBlock_WHbQv, .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='seadragonContainer'].OpenSeadragonInstance_isFullScreen_2oLur .OpenSeadragonInstance_navigatorBlock_WHbQv { bottom: 12%; } .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='viewerOpenSeadragon'].OpenSeadragonInstance_isFullScreen_2oLur[class*='viewerWithFileInfoMobile'] > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='seadragonContainer'].OpenSeadragonInstance_isFullScreen_2oLur[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_3k9Ao[class*='viewerOpenSeadragon'].OpenSeadragonInstance_isFullScreen_2oLur[class*='viewerWithFileInfoMobile'] > div.openseadragon-container, .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='seadragonContainer'].OpenSeadragonInstance_isFullScreen_2oLur[class*='viewerWithFileInfoMobile'] > div.openseadragon-container { min-width: 75%; } } .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='viewerOpenSeadragon'][class*='fullpage'] .OpenSeadragonInstance_navigatorBlock_WHbQv, .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='seadragonContainer'][class*='fullpage'] .OpenSeadragonInstance_navigatorBlock_WHbQv { bottom: 12%; display: none !important; } @media only screen and (min-width: 40rem) { .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='viewerOpenSeadragon'][class*='fullpage'] .OpenSeadragonInstance_navigatorBlock_WHbQv, .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='seadragonContainer'][class*='fullpage'] .OpenSeadragonInstance_navigatorBlock_WHbQv { display: block !important; } } .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='viewerOpenSeadragon'] .OpenSeadragonInstance_navigatorBlock_WHbQv, .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='seadragonContainer'] .OpenSeadragonInstance_navigatorBlock_WHbQv { bottom: 8%; } .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='seadragonContainer'] > div.openseadragon-container { position: absolute; height: 100% !important; } .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='seadragonContainer'] .OpenSeadragonInstance_navigatorBlock_WHbQv { bottom: 0; } .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='seadragonContainer'].OpenSeadragonInstance_isFullScreen_2oLur { height: 100vh; } .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='seadragonContainer'].OpenSeadragonInstance_isFullScreen_2oLur > div.openseadragon-container { height: 88% !important; } @media only screen and (min-width: 33.5rem) { .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='seadragonContainer'].OpenSeadragonInstance_isFullScreen_2oLur > div.openseadragon-container { height: 92% !important; } } @media only screen and (min-width: 60rem) { .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='seadragonContainer'].OpenSeadragonInstance_isFullScreen_2oLur > 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; } } .OpenSeadragonInstance_openSeadragonInstance_3k9Ao[class*='seadragonContainer'].OpenSeadragonInstance_isFullScreen_2oLur .OpenSeadragonInstance_navigatorBlock_WHbQv { display: block !important; } .OpenSeadragonInstance_openSeadragonInstance_3k9Ao > div:not([class]) { position: absolute !important; right: 0; bottom: 0; width: 228px !important; height: 176px !important; } .OpenSeadragonInstance_openSeadragonInstance_3k9Ao.OpenSeadragonInstance_withFileInfoOpen_1hnbM > div:not([class]) { right: 35%; } @media only screen and (min-width: 80rem) { .OpenSeadragonInstance_openSeadragonInstance_3k9Ao.OpenSeadragonInstance_withFileInfoOpen_1hnbM > div:not([class]) { right: 32%; } } @media only screen and (min-width: 120rem) { .OpenSeadragonInstance_openSeadragonInstance_3k9Ao.OpenSeadragonInstance_withFileInfoOpen_1hnbM > div:not([class]) { right: 25%; } } @media only screen and (min-width: 33.5rem) { .OpenSeadragonInstance_openSeadragonInstance_3k9Ao { -webkit-box-flex: initial; -ms-flex: initial; flex: initial; height: initial; } } .OpenSeadragonInstance_openSeadragonInstance_3k9Ao canvas { -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .OpenSeadragonInstance_openSeadragonInstance_3k9Ao.OpenSeadragonInstance_isFullScreen_2oLur { width: 100%; height: 95vh; } @media only screen and (min-width: 40rem) { .OpenSeadragonInstance_openSeadragonInstance_3k9Ao.OpenSeadragonInstance_isFullScreen_2oLur { height: 100%; } } @media only screen and (min-width: 60rem) { .OpenSeadragonInstance_openSeadragonInstance_3k9Ao.OpenSeadragonInstance_isFullScreen_2oLur { height: 100vh; } } .OpenSeadragonInstance_loaderBlock_26gNJ { position: absolute; top: 42%; left: 50%; margin-left: -50px; } .OpenSeadragonInstance_navigatorBlock_WHbQv { 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_WHbQv { display: block !important; } } @media only screen and (min-width: 60rem) { .OpenSeadragonInstance_navigatorBlock_WHbQv { margin-right: 32px !important; } } @media only screen and (min-width: 80rem) { .OpenSeadragonInstance_navigatorBlock_WHbQv { margin-right: 48px !important; } } @media only screen and (min-width: 120rem) { .OpenSeadragonInstance_navigatorBlock_WHbQv { margin-right: 64px !important; } } .OpenSeadragonInstance_NBViewerHighlight_rxLgX { background-color: #35c9ff; opacity: 0.4; } .OpenSeadragonInstance_hideNavigator_2suEh { 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_2nrOX { 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_v5fw3 { font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; } .ImageViewer_textFieldTitle_25uWX { margin-bottom: 8px; font-weight: 500; font-size: 1.125rem; font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; line-height: 20px; } .ImageViewer_textSmoothing_IEpYr, .ImageViewer_textPageTitle_3mb-V { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ImageViewer_textPageTitle_3mb-V { 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_3mb-V { font-size: 2.125rem; line-height: 40px; letter-spacing: -0.015em; } } /* * OTHER * Other styles that can be used by @extend * ========================================================================== */ .ImageViewer_screenreaderOnly_nXF32 { 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_1xBrd { position: static; width: auto; height: auto; margin: 0; padding: 0; overflow: auto; clip: none; -webkit-clip-path: none; clip-path: none; } .ImageViewer_listUnstyled_1T0ta { padding-left: 0; list-style: none; } .ImageViewer_buttonUnstyled_35VtG { display: block; border: none; } .ImageViewer_shadow_2HEr6 { -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_2m1Vu { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; } .ImageViewer_mobileFullscreenFallback_2m1Vu > *: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_v5fw3 { font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; } .ImageViewer_textFieldTitle_25uWX { margin-bottom: 8px; font-weight: 500; font-size: 1.125rem; font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; line-height: 20px; } .ImageViewer_textSmoothing_IEpYr, .ImageViewer_textPageTitle_3mb-V { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ImageViewer_textPageTitle_3mb-V { 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_3mb-V { font-size: 2.125rem; line-height: 40px; letter-spacing: -0.015em; } } /* * OTHER * Other styles that can be used by @extend * ========================================================================== */ .ImageViewer_screenreaderOnly_nXF32 { 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_1xBrd { position: static; width: auto; height: auto; margin: 0; padding: 0; overflow: auto; clip: none; -webkit-clip-path: none; clip-path: none; } .ImageViewer_listUnstyled_1T0ta { padding-left: 0; list-style: none; } .ImageViewer_buttonUnstyled_35VtG { display: block; border: none; } .ImageViewer_shadow_2HEr6 { -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_2m1Vu { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; } .ImageViewer_mobileFullscreenFallback_2m1Vu > *:first-child { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .ImageViewer_imageThumbnailStrip_1iSTW { 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_1iSTW { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .ImageViewer_imageStripWrapper_OETx1 { 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_OETx1 { padding-top: 0; padding-bottom: 4px; } } @media only screen and (min-width: 60rem) { .ImageViewer_imageStripWrapper_OETx1 { padding-top: 16px; } } .ImageViewer_imageStrip_1QEut { 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_1QEut { height: 10.7rem !important; max-height: 10.7rem !important; margin-top: -12px; } .ImageViewer_imageStrip_1QEut::-webkit-scrollbar { display: none; } } .ImageViewer_imageStrip_1QEut .ReactVirtualized__Grid__innerScrollContainer { height: 9.7rem !important; max-height: 9.7rem !important; } @media only screen and (min-width: 33.5rem) { .ImageViewer_imageStrip_1QEut .ReactVirtualized__Grid__innerScrollContainer { height: 10.7rem !important; max-height: 10.7rem !important; } } .ImageViewer_imageContainer_38jPn { 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_1kz_L { 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_1kz_L { width: 136px; height: 136px; } } .ImageViewer_image_1kz_L:first-child { margin-left: -16px; } .ImageViewer_imageContainerActive_2rnjW .ImageViewer_image_1kz_L { 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_2rnjW .ImageViewer_image_1kz_L:first-child { margin-left: -12px; } .ImageViewer_cepDigitalCollection_ndmzg .ImageViewer_imageContainerActive_2rnjW .ImageViewer_image_1kz_L { outline: 3px solid #64c3af; } .ImageViewer_imageContainerActive_2rnjW.ImageViewer_imageContainer_38jPn:first-child .ImageViewer_image_1kz_L { -webkit-transform: scale(1.02) translate(3px, -4px); transform: scale(1.02) translate(3px, -4px); } .ImageViewer_imageContainerActive_2rnjW.ImageViewer_imageContainer_38jPn:last-child .ImageViewer_image_1kz_L { -webkit-transform: scale(1.02) translate(-3px, -4px); transform: scale(1.02) translate(-3px, -4px); } .ImageViewer_image_1kz_L.ImageViewer_defaultImageCursor_1nOi8 { cursor: default; } .ImageViewer_formatBlock_3lL5h { 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_3lL5h .ImageViewer_formatIcon_1UBDu { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding: 8px; } .ImageViewer_formatBlock_3lL5h .ImageViewer_audioTitle_GgJDV { 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_3lL5h .ImageViewer_audioTitle_GgJDV p { margin-bottom: 0; font-size: 0.75rem; line-height: 1.5; } .ImageViewer_formatBlock_3lL5h .ImageViewer_audioTitle_GgJDV p::after { content: '>'; padding-left: 4px; } @media only screen and (min-width: 60rem) { .ImageViewer_formatBlock_3lL5h .ImageViewer_audioTitle_GgJDV { max-height: none; } } .ImageViewer_formatBlock_3lL5h: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_3lL5h:hover .ImageViewer_audioTitle_GgJDV { text-decoration: underline; } .ImageViewer_imageIndex_2euBM { 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_2euBM { top: 32px; right: 16px; } } @media only screen and (min-width: 60rem) { .ImageViewer_imageIndex_2euBM { top: 16px; right: 20px; } } .ImageViewer_imageContainerActive_2rnjW .ImageViewer_imageIndex_2euBM { top: 12px; right: 12px; } @media only screen and (min-width: 33.5rem) { .ImageViewer_imageContainerActive_2rnjW .ImageViewer_imageIndex_2euBM { top: 28px; } } @media only screen and (min-width: 60rem) { .ImageViewer_imageContainerActive_2rnjW .ImageViewer_imageIndex_2euBM { top: 11px; right: 18px; } } .ImageViewer_imageContainerActive_2rnjW.ImageViewer_imageContainer_38jPn:first-child .ImageViewer_imageIndex_2euBM { top: 12px; right: 11px; } @media only screen and (min-width: 33.5rem) { .ImageViewer_imageContainerActive_2rnjW.ImageViewer_imageContainer_38jPn:first-child .ImageViewer_imageIndex_2euBM { top: 28px; } } @media only screen and (min-width: 60rem) { .ImageViewer_imageContainerActive_2rnjW.ImageViewer_imageContainer_38jPn:first-child .ImageViewer_imageIndex_2euBM { top: 12px; right: 14px; } } .ImageViewer_controls_2RuZ_ { 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_2RuZ_ { -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_2RuZ_ { padding: 0 32px; padding-bottom: 16px; } } @media only screen and (min-width: 80rem) { .ImageViewer_controls_2RuZ_ { padding: 0 48px; padding-bottom: 16px; } } @media only screen and (min-width: 120rem) { .ImageViewer_controls_2RuZ_ { padding: 0 64px; padding-bottom: 16px; } } .ImageViewer_controls_2RuZ_ .ImageViewer_controlButtons_IJoHc { display: none; } @media only screen and (min-width: 60rem) { .ImageViewer_controls_2RuZ_ .ImageViewer_controlButtons_IJoHc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .ImageViewer_controls_2RuZ_ span { font-weight: 500; } .ImageViewer_controlButtonIcon_2XxSV { margin-left: 0; } .ImageViewer_controlButtonIcon_2XxSV svg { max-height: 24px; } .ImageViewer_fullAlbumButton_3qjPf { 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_3qjPf { -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_2xt3k { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 16px; } .ImageViewer_fullAlbumText_2xt3k span { margin-left: 8px; } .ImageViewer_ctaButton_1UYIi { min-height: 40px; } .ImageViewer_previousButton_1TEow, .ImageViewer_nextButton_2xTyf { 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_1TEow, .ImageViewer_nextButton_2xTyf { 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_2xTyf { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } @media only screen and (min-width: 33.5rem) { .ImageViewer_nextButton_2xTyf { -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_1YSe_ { display: none; } .ImageViewer_imageNumberPagination_2eMkT { margin: 8px 0 16px; } .ImageViewer_imageNumberPagination_2eMkT form { display: inline-block; } @media only screen and (min-width: 33.5rem) { .ImageViewer_imageNumberPagination_2eMkT { margin: 0; } } .ImageViewer_imageNumberInput_TOuoR[type='text'] { width: 40px; height: 40px; padding: 0; font-weight: 500; text-align: center; } .ImageViewer_imageNumberInput_TOuoR.ImageViewer_imageInputError_1O1gZ { outline: 1px solid #d10000; } .ImageViewer_searchPageImageStrip_1TL49 { margin-top: 16px; border: none; border-top: 1px solid #ccc; } .ImageViewer_searchPageImageStrip_1TL49 .ImageViewer_imageStripWrapper_OETx1 { margin-left: -4px; padding-left: 0; } .ImageViewer_searchPageImageStrip_1TL49 .ImageViewer_controls_2RuZ_ { padding: 0; } .ImageViewer_albumViewModal_2z1K3 { padding: 0; } @media only screen and (min-width: 60rem) { .ImageViewer_albumViewModal_2z1K3 { width: calc(100% - 80px); height: calc(100% - 80px); } } .ImageViewer_albumViewModal_2z1K3 button { margin-top: 0; margin-right: 0; padding: 16px; background: none; } .ImageViewer_albumViewModal_2z1K3 button > svg > * { fill: #fff; } @media print { .ImageViewer_imageThumbnailStrip_1iSTW { display: none; } } .ImageViewer_imageViewer_2ShAd { 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_2ShAd { display: block; -webkit-box-orient: initial; -webkit-box-direction: initial; -ms-flex-direction: initial; flex-direction: initial; height: 400px; } } .ImageViewer_toolbarWrapper_1fpFI { 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_1fpFI { max-width: 100%; } @media only screen and (min-width: 60rem) { .ImageViewer_toolbarWrapper_1fpFI.ImageViewer_toolbarWithFileInfo_34ofy { left: 0; width: 65%; margin-left: 0; } } @media only screen and (min-width: 80rem) { .ImageViewer_toolbarWrapper_1fpFI.ImageViewer_toolbarWithFileInfo_34ofy { left: 0; width: 68%; margin-left: 0; } } @media only screen and (min-width: 120rem) { .ImageViewer_toolbarWrapper_1fpFI.ImageViewer_toolbarWithFileInfo_34ofy { width: 75%; } } .ImageViewer_toolbar_1dWtH { 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_1dWtH { margin-top: 16px; margin-right: 16px; } @media only screen and (min-width: 40rem) { .ImageViewer_toolbar_1dWtH { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and (min-width: 60rem) { .ImageViewer_toolbar_1dWtH { 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_1dWtH { margin-right: 48px; } } @media only screen and (min-width: 120rem) { .ImageViewer_toolbar_1dWtH { margin-right: 64px; } } .ImageViewer_toolbar_1dWtH 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_2ed2_ { width: 100vw !important; height: calc(var(--vh, 1vh) * 100) !important; } .ImageViewer_fullscreen_2ed2_ .ImageViewer_viewerWithFileInfoMobile_yG4is { height: 70vh; } @media only screen and (min-width: 40rem) { .ImageViewer_fullscreen_2ed2_ .ImageViewer_viewerWithFileInfoMobile_yG4is { height: 78vh; } } @media only screen and (min-width: 60rem) { .ImageViewer_fullscreen_2ed2_ .ImageViewer_viewerWithFileInfoMobile_yG4is { height: 97vh; } } .ImageViewer_fullscreenToolbar_2vEKb { display: -webkit-box; display: -ms-flexbox; display: flex; } .ImageViewer_button_3pnqK { 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_uHgOW { 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_uHgOW { display: none; } } .ImageViewer_openSeadragonHiddenControls_3mUF0 { display: none; } .ImageViewer_seadragonContainer_17Vrm { 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_17Vrm.ImageViewer_fullpage_1g7wj { width: 100vw !important; height: calc(var(--vh, 1vh) * 100) !important; } .ImageViewer_seadragonContainer_17Vrm.ImageViewer_fullpage_1g7wj .ImageViewer_fullScreenMobile_uHgOW { display: none; } .ImageViewer_seadragonContainer_17Vrm.ImageViewer_fullpage_1g7wj.ImageViewer_viewerWithFileInfoMobile_yG4is { height: 100%; } @media only screen and (min-width: 33.5rem) { .ImageViewer_seadragonContainer_17Vrm.ImageViewer_fullpage_1g7wj.ImageViewer_viewerWithFileInfoMobile_yG4is .openseadragon-container { height: 71% !important; } .ImageViewer_seadragonContainer_17Vrm.ImageViewer_fullpage_1g7wj.ImageViewer_viewerWithFileInfoMobile_yG4is .navigator { bottom: 33%; } .ImageViewer_seadragonContainer_17Vrm.ImageViewer_fullpage_1g7wj.ImageViewer_viewerWithFileInfoMobile_yG4is .ImageViewer_fileInformationBlock_2HNB3 { height: 23%; } } @media only screen and (min-width: 60rem) { .ImageViewer_seadragonContainer_17Vrm.ImageViewer_fullpage_1g7wj.ImageViewer_viewerWithFileInfoMobile_yG4is .openseadragon-container { height: 88% !important; } .ImageViewer_seadragonContainer_17Vrm.ImageViewer_fullpage_1g7wj.ImageViewer_viewerWithFileInfoMobile_yG4is .navigator { bottom: 12%; } .ImageViewer_seadragonContainer_17Vrm.ImageViewer_fullpage_1g7wj.ImageViewer_viewerWithFileInfoMobile_yG4is .ImageViewer_fileInformationBlock_2HNB3 { height: 92%; } } @media only screen and (max-width: 47.9875rem) { .ImageViewer_seadragonContainer_17Vrm.ImageViewer_fullpage_1g7wj.ImageViewer_viewerWithFileInfoMobile_yG4is .openseadragon-container { visibility: hidden; opacity: 0; } .ImageViewer_seadragonContainer_17Vrm.ImageViewer_fullpage_1g7wj.ImageViewer_viewerWithFileInfoMobile_yG4is .navigator { visibility: hidden; opacity: 0; } .ImageViewer_seadragonContainer_17Vrm.ImageViewer_fullpage_1g7wj.ImageViewer_viewerWithFileInfoMobile_yG4is .ImageViewer_navigationControls_1pWCd { visibility: hidden; opacity: 0; } .ImageViewer_seadragonContainer_17Vrm.ImageViewer_fullpage_1g7wj.ImageViewer_viewerWithFileInfoMobile_yG4is .ImageViewer_toolbar_1dWtH { visibility: hidden; opacity: 0; } } @media only screen and (max-width: 47.9875rem) { .ImageViewer_seadragonContainer_17Vrm.ImageViewer_fullpage_1g7wj.ImageViewer_viewerWithFileInfoMobile_yG4is .ImageViewer_fileInformationBlock_2HNB3 { 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_17Vrm.ImageViewer_fullpage_1g7wj.ImageViewer_viewerWithFileInfoMobile_yG4is .ImageViewer_fileInformationBlock_2HNB3 { max-height: calc(100% - 120px) !important; } } .ImageViewer_seadragonContainer_17Vrm.ImageViewer_seadragonContainerFullscreen_1I1dY .ImageViewer_fullScreenMobile_uHgOW { display: none; } @media only screen and (min-width: 33.5rem) { .ImageViewer_seadragonContainer_17Vrm { -webkit-box-flex: initial; -ms-flex: initial; flex: initial; } } @media only screen and (min-width: 40rem) { .ImageViewer_seadragonContainer_17Vrm { height: 65vh; } } @media only screen and (min-width: 60rem) { .ImageViewer_seadragonContainer_17Vrm { height: 80vh; } } .ImageViewer_navigationControls_1pWCd { 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; -ms-grid-row-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_1pWCd { padding: 0 32px; } } @media only screen and (min-width: 80rem) { .ImageViewer_navigationControls_1pWCd { padding: 0 48px; } } @media only screen and (min-width: 120rem) { .ImageViewer_navigationControls_1pWCd { padding: 0 64px; } } @media only screen and (min-width: 60rem) { .ImageViewer_navigationControls_1pWCd.ImageViewer_navigationControlsWithFileInfo_KmSXa { left: 0; width: 65%; margin-left: 0; } } @media only screen and (min-width: 80rem) { .ImageViewer_navigationControls_1pWCd.ImageViewer_navigationControlsWithFileInfo_KmSXa { left: 0; width: 68%; margin-left: 0; } } @media only screen and (min-width: 120rem) { .ImageViewer_navigationControls_1pWCd.ImageViewer_navigationControlsWithFileInfo_KmSXa { width: 75%; } } .ImageViewer_previous_11JVF, .ImageViewer_next_n2n4u { padding: 8px; font-size: 1.125rem; line-height: 28px; background: #333d; pointer-events: all; } @media only screen and (min-width: 33.5rem) { .ImageViewer_previous_11JVF, .ImageViewer_next_n2n4u { 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_n2n4u { margin-left: auto; } .ImageViewer_imageViewerOptionsWrapper_35iRJ { width: 100%; background: #333; } .ImageViewer_imageViewerOptionsContainer_2Z70I { 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_2Z70I { -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_2Z70I { padding: 12px 48px; } } @media only screen and (min-width: 120rem) { .ImageViewer_imageViewerOptionsContainer_2Z70I { padding: 12px 64px; } } .ImageViewer_imageViewerOptionsContainer_2Z70I > span { display: none; } .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_showThumbnail_1XkUP { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 48%; min-width: 120px; max-width: none; height: 40px; margin-right: 0; border: solid 0.8px #777; } @media only screen and (min-width: 33.5rem) { .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_showThumbnail_1XkUP { width: 16rem; max-width: initial; height: auto; } } @media only screen and (min-width: 40rem) { .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_showThumbnail_1XkUP { -webkit-box-flex: 49%; -ms-flex: 49%; flex: 49%; width: 0; } } @media only screen and (min-width: 60rem) { .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_showThumbnail_1XkUP { width: initial; max-width: 250px; } } .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_showThumbnail_1XkUP.ImageViewer_activeThumbnail_1appc { background: #111; } .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_showThumbnail_1XkUP.ImageViewer_fileInfo_1x8H9 { min-width: 120px; background: #777; border: solid 0.8px #777; } .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_showThumbnail_1XkUP.ImageViewer_fileInfo_1x8H9:hover { background: #777; opacity: 0.6; } .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_showThumbnail_1XkUP, .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_showTitleButton_2D__C { min-height: 24px; margin-top: 8px; margin-right: 8px; padding: 4px 8px; } .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_showThumbnail_1XkUP:last-child, .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_showTitleButton_2D__C:last-child { margin-right: auto; } .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_showThumbnail_1XkUP:hover, .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_showThumbnail_1XkUP:active, .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_showTitleButton_2D__C:hover, .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_showTitleButton_2D__C:active { background: #111; opacity: 1; } @media only screen and (min-width: 60rem) { .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_showThumbnail_1XkUP, .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_showTitleButton_2D__C { -webkit-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; margin-top: 0; } } .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_imageButtons_12M2K { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: end; -ms-grid-row-align: end; align-self: end; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 50%; border: none; } .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_imageButtons_12M2K > button { display: none; } @media only screen and (min-width: 40rem) { .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_imageButtons_12M2K { -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_2Z70I .ImageViewer_imageButtons_12M2K { width: initial; min-width: 16rem; max-width: 250px; margin-left: auto; } } .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_titleBlock_2sehW { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media only screen and (min-width: 33.5rem) { .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_titleBlock_2sehW { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_imageButtons_12M2K { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_showThumbnail_1XkUP { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media only screen and (min-width: 60rem) { .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_titleBlock_2sehW { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_imageButtons_12M2K { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ImageViewer_imageViewerOptionsContainer_2Z70I .ImageViewer_showThumbnail_1XkUP { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .ImageViewer_titleBlock_2sehW { 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_2sehW { margin: 0 16px; } } .ImageViewer_titleBlock_2sehW .ImageViewer_imageTitle_2k743 { 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_2sehW .ImageViewer_imageTitle_2k743 > 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_2sehW .ImageViewer_imageTitle_2k743 > span { max-width: calc(100vw - 5rem); } } @media only screen and (min-width: 60rem) { .ImageViewer_titleBlock_2sehW .ImageViewer_imageTitle_2k743 > span { max-width: calc(100vw - 32.4rem); } } @media only screen and (min-width: 80rem) { .ImageViewer_titleBlock_2sehW .ImageViewer_imageTitle_2k743 > span { max-width: calc(100vw - 42.1rem); } } @media only screen and (min-width: 60rem) { .ImageViewer_titleBlock_2sehW .ImageViewer_imageTitle_2k743 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-height: none; } } .ImageViewer_titleBlock_2sehW .ImageViewer_imageTitle_2k743 button { -webkit-box-flex: 0; -ms-flex: 0 0 1; flex: 0 0 1; margin-top: 0; background: none; } .ImageViewer_titleBlock_2sehW .ImageViewer_fullTitleBlock_2Fr9F { 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_2sehW .ImageViewer_fullTitleBlock_2Fr9F { bottom: 0; } } @media only screen and (min-width: 60rem) { .ImageViewer_titleBlock_2sehW .ImageViewer_fullTitleBlock_2Fr9F { left: initial; width: auto; margin-right: 8px; } } .ImageViewer_titleBlock_2sehW .ImageViewer_fullTitleBlock_2Fr9F p { margin-bottom: 0; } .ImageViewer_titleBlock_2sehW .ImageViewer_fullTitleBlock_2Fr9F button { background: none; } .ImageViewer_tooltip_1PRm3 { padding: 4px !important; background: #222 !important; } .ImageViewer_downloadLinksBox_3Dyw8 { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } div + .ImageViewer_downloadLinksBox_3Dyw8 { margin-left: 4px; } @media only screen and (min-width: 33.5rem) { .ImageViewer_downloadLinksBox_3Dyw8 { position: relative; } } .ImageViewer_downloadLinksBox_3Dyw8 .ImageViewer_showThumbnail_1XkUP { width: 100%; } .ImageViewer_downloadLinksBox_3Dyw8 .ImageViewer_linkToFileDownloadBlock_M3ZPY { position: absolute; right: 0; bottom: 100%; z-index: 10; width: 100vw; } @media only screen and (min-width: 33.5rem) { .ImageViewer_downloadLinksBox_3Dyw8 .ImageViewer_linkToFileDownloadBlock_M3ZPY { right: 0; bottom: calc(100% - 8px); left: initial; width: 20rem; } } @media only screen and (min-width: 60rem) { .ImageViewer_downloadLinksBox_3Dyw8 .ImageViewer_linkToFileDownloadBlock_M3ZPY { bottom: 100%; } } .ImageViewer_fileInformationBlock_2HNB3 { 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%; max-height: 100%; padding: 16px; overflow-x: hidden; overflow-y: scroll; color: #fff; background: #fff; border: 1px solid #222; } .ImageViewer_fileInformationBlock_2HNB3::-webkit-scrollbar { width: 8px; height: 8px; border-radius: 4px; } .ImageViewer_fileInformationBlock_2HNB3::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; } .ImageViewer_fileInformationBlock_2HNB3::-webkit-scrollbar-track { background: #fff; border-radius: 4px; } .ImageViewer_fileInformationBlock_2HNB3 body { scrollbar-face-color: #ccc; scrollbar-track-color: #fff; } @media only screen and (min-width: 33.5rem) { .ImageViewer_fileInformationBlock_2HNB3 { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } @media only screen and (min-width: 60rem) { .ImageViewer_fileInformationBlock_2HNB3 { 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_2HNB3.ImageViewer_hide_1UWjb { display: none; } @media print { button { display: none !important; } #recordInfoContainer ~ * { display: none; } #imageViewer { height: 300px; } #imageViewer > div { display: none !important; } #imageViewer > div.ImageViewer_fileInformationBlock_2HNB3 { position: relative; display: block !important; height: auto; page-break-inside: avoid; } } /* * 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_3hxqO { font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; } .RangeBookmark_textFieldTitle_2Ss9a { margin-bottom: 8px; font-weight: 500; font-size: 1.125rem; font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; line-height: 20px; } .RangeBookmark_textSmoothing_2sY8w, .RangeBookmark_textPageTitle_181jR { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .RangeBookmark_textPageTitle_181jR { 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_181jR { font-size: 2.125rem; line-height: 40px; letter-spacing: -0.015em; } } /* * OTHER * Other styles that can be used by @extend * ========================================================================== */ .RangeBookmark_screenreaderOnly_i5v2- { 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_dZKSD { position: static; width: auto; height: auto; margin: 0; padding: 0; overflow: auto; clip: none; -webkit-clip-path: none; clip-path: none; } .RangeBookmark_listUnstyled_6Bzhu { padding-left: 0; list-style: none; } .RangeBookmark_buttonUnstyled_KPVsR { display: block; border: none; } .RangeBookmark_shadow_1uEE5 { -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_1M-7P { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; } .RangeBookmark_mobileFullscreenFallback_1M-7P > *:first-child { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .RangeBookmark_rangeBookmark_ujBKN { position: absolute; bottom: 0; display: block; margin-left: -11px; } .RangeBookmark_rangeBookmark_ujBKN svg { width: 23px; height: 32px; } .RangeBookmark_bookmarkOuter_33jmY { fill: #3da9d1; } .RangeBookmark_bookmarkInner_1PPo- { 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_1Ceiw, .RangeInput_bookmarkPopupInner_R6ZaJ a { font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; } .RangeInput_textFieldTitle_1T7Ng { margin-bottom: 8px; font-weight: 500; font-size: 1.125rem; font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; line-height: 20px; } .RangeInput_textSmoothing_1qOvt, .RangeInput_textPageTitle_3bSK- { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .RangeInput_textPageTitle_3bSK- { 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_3bSK- { font-size: 2.125rem; line-height: 40px; letter-spacing: -0.015em; } } /* * OTHER * Other styles that can be used by @extend * ========================================================================== */ .RangeInput_screenreaderOnly_1Gne0 { 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_2hTnJ { position: static; width: auto; height: auto; margin: 0; padding: 0; overflow: auto; clip: none; -webkit-clip-path: none; clip-path: none; } .RangeInput_listUnstyled_2ELTo { padding-left: 0; list-style: none; } .RangeInput_buttonUnstyled_FEUCB { display: block; border: none; } .RangeInput_shadow_2JvX9 { -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_1MJLW { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; } .RangeInput_mobileFullscreenFallback_1MJLW > *:first-child { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .RangeInput_rangeInput_2Ga7c { display: block; padding: 0 16px; } .RangeInput_bookmarksContainer_2U7fG { position: relative; bottom: -8px; height: 0; margin: 0 8px; } .RangeInput_bookMark_2PyMU { 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_2PyMU:hover, .RangeInput_bookMark_2PyMU:focus, .RangeInput_bookMark_2PyMU:active { -webkit-transform: scale(1.1); transform: scale(1.1); } .RangeInput_bookMarkActive_4tY0x { -webkit-transform: scale(1.2); transform: scale(1.2); } .RangeInput_bookMarkActive_4tY0x:hover, .RangeInput_bookMarkActive_4tY0x:focus, .RangeInput_bookMarkActive_4tY0x:active { -webkit-transform: scale(1.2); transform: scale(1.2); } .RangeInput_bookmarkPopup_2ox16 { position: absolute; width: 0; height: 0; } .RangeInput_bookmarkPopupInner_R6ZaJ { position: absolute; bottom: 40px; width: 320px; max-width: 320px; padding: 8px; color: #fff; overflow-wrap: break-word; background: #222; } .RangeInput_bookmarkPopupInner_R6ZaJ.RangeInput_bookmarkPopupInnerRight_hrjjY { right: 0; } .RangeInput_bookmarkPopupInner_R6ZaJ a { display: block; margin-top: 8px; color: white; font-size: 0.875rem; text-decoration: underline; cursor: pointer; } .RangeInput_rangeContainer_2uxfr { position: relative; width: 100%; } .RangeInput_rangeProgress_-emjE { 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_-emjE::-webkit-progress-bar { background: #fff; } .RangeInput_rangeProgress_-emjE::-webkit-progress-value { background: #3da9d1; } .RangeInput_rangeProgress_-emjE::-moz-progress-bar { background: #3da9d1; } .RangeInput_range_E6CGR { 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_E6CGR:focus { outline: none; } .RangeInput_range_E6CGR::-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_E6CGR::-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_E6CGR::-ms-track { background: transparent; border-color: transparent; } .RangeInput_range_E6CGR::-ms-thumb { width: 16px; height: 16px; background: #fff; border: none; border-radius: 50%; } .RangeInput_range_E6CGR::-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_3jvVg { font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; } .FileTranscript_textFieldTitle_3Aowo { margin-bottom: 8px; font-weight: 500; font-size: 1.125rem; font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; line-height: 20px; } .FileTranscript_textSmoothing_vpiWF, .FileTranscript_textPageTitle_1cb15 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .FileTranscript_textPageTitle_1cb15 { 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_1cb15 { font-size: 2.125rem; line-height: 40px; letter-spacing: -0.015em; } } /* * OTHER * Other styles that can be used by @extend * ========================================================================== */ .FileTranscript_screenreaderOnly_1npgI { 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_3Ogqc { position: static; width: auto; height: auto; margin: 0; padding: 0; overflow: auto; clip: none; -webkit-clip-path: none; clip-path: none; } .FileTranscript_listUnstyled_14AYO { padding-left: 0; list-style: none; } .FileTranscript_buttonUnstyled_18kOu { display: block; border: none; } .FileTranscript_shadow_21au2 { -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_I7M9T { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; } .FileTranscript_mobileFullscreenFallback_I7M9T > *:first-child { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .FileTranscript_fileTranscript_1CT-o { display: block; padding: 40px 32px; overflow: scroll; color: #fff; } .FileTranscript_fileTranscript_1CT-o.FileTranscript_fileTranscriptScrollbar_2yVLI { scrollbar-width: thin; scrollbar-color: #ccc #fff; overflow-x: hidden; } .FileTranscript_fileTranscript_1CT-o.FileTranscript_fileTranscriptScrollbar_2yVLI::-webkit-scrollbar { width: 8px; height: 8px; border-radius: 4px; } .FileTranscript_fileTranscript_1CT-o.FileTranscript_fileTranscriptScrollbar_2yVLI::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; } .FileTranscript_fileTranscript_1CT-o.FileTranscript_fileTranscriptScrollbar_2yVLI::-webkit-scrollbar-track { background: #fff; border-radius: 4px; } .FileTranscript_fileTranscript_1CT-o.FileTranscript_fileTranscriptScrollbar_2yVLI body { scrollbar-face-color: #ccc; scrollbar-track-color: #fff; } .FileTranscript_fileTranscript_1CT-o.FileTranscript_fileTranscriptScrollbar_2yVLI > div { padding: 80px 16px; } @media only screen and (min-width: 40rem) { .FileTranscript_fileTranscript_1CT-o.FileTranscript_fileTranscriptScrollbar_2yVLI > div { padding: 80px 32px; } } @media only screen and (min-width: 60rem) { .FileTranscript_fileTranscript_1CT-o.FileTranscript_fileTranscriptScrollbar_2yVLI > div { padding: 0; } } .FileTranscript_fileTranscript_1CT-o.FileTranscript_fileTranscriptScrollbar_2yVLI > div > p { margin-right: auto; margin-left: auto; } .FileTranscript_wordHighlight_1Pp7f { color: #111; background-color: #3da9d1; } .FileTranscript_speakerName_3ZSJp { font-weight: 500; } .FileTranscript_transcriptLine_3mtB- { display: -webkit-box; display: -ms-flexbox; display: flex; color: #808080; cursor: pointer; } .FileTranscript_transcriptLine_3mtB-:hover { opacity: 0.7; } .FileTranscript_transcriptLine_3mtB- .FileTranscript_lineHighlight_1laeV { color: #fff; text-decoration: underline; -webkit-text-decoration-color: #3da9d1; text-decoration-color: #3da9d1; text-underline-position: under; } .FileTranscript_transcriptLine_3mtB-.FileTranscript_currentLine_1LXPu .FileTranscript_startTimeBlock_Impv_ { color: #3da9d1; font-weight: 500; } .FileTranscript_transcriptLine_3mtB- .FileTranscript_startTimeBlock_Impv_ { min-width: 4rem; max-width: 6rem; color: #fff; font-size: 0.875rem; } .FileTranscript_transcriptLine_3mtB- .FileTranscript_startTimeBlock_Impv_: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_1pEdy { font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; } .BookViewer_textFieldTitle_1-p1h { margin-bottom: 8px; font-weight: 500; font-size: 1.125rem; font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; line-height: 20px; } .BookViewer_textSmoothing_XiEZ8, .BookViewer_textPageTitle_3EQJ4 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .BookViewer_textPageTitle_3EQJ4 { 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_3EQJ4 { font-size: 2.125rem; line-height: 40px; letter-spacing: -0.015em; } } /* * OTHER * Other styles that can be used by @extend * ========================================================================== */ .BookViewer_screenreaderOnly_2qBea { 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_1fCQQ { position: static; width: auto; height: auto; margin: 0; padding: 0; overflow: auto; clip: none; -webkit-clip-path: none; clip-path: none; } .BookViewer_listUnstyled_3BpyK { padding-left: 0; list-style: none; } .BookViewer_buttonUnstyled_3btWd { display: block; border: none; } .BookViewer_shadow_1l-BV, .BookViewer_searchInputBlock_1jyTi { -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_23StT { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; } .BookViewer_mobileFullscreenFallback_23StT > *:first-child { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .BookViewer_bookViewer_2y_uC { 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_2y_uC { min-height: auto; } @media only screen and (min-width: 33.5rem) { .BookViewer_bookViewer_2y_uC { min-height: 400px; margin-bottom: 16px; } } @media only screen and (min-width: 60rem) { .BookViewer_bookViewer_2y_uC { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } } .BookViewer_bookViewerInner_1WJuo { 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_1WJuo { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; } } .BookViewer_viewerOpenSeadragonOuter_26Vwx { width: 100%; } .BookViewer_fullscreen_3OUVI { width: 100%; height: 100%; background: #f6f6f6; } .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t { height: 100%; } .BookViewer_fullscreen_3OUVI .BookViewer_viewerWithTranscriptMobile_2TL94 { height: 70vh; } @media only screen and (min-width: 40rem) { .BookViewer_fullscreen_3OUVI .BookViewer_viewerWithTranscriptMobile_2TL94 { height: 78vh; } } @media only screen and (min-width: 60rem) { .BookViewer_fullscreen_3OUVI .BookViewer_viewerWithTranscriptMobile_2TL94 { 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_rAO_t { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 66vh; } .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_viewerFullAlbumView_3WrdJ [class*='navigatorBlock'] { display: none !important; } .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_viewerFullAlbumView_3WrdJ.BookViewer_fullpage_3Xj4M > div.navigator, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_viewerFullAlbumView_3WrdJ > div.navigator { display: none !important; } .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'] .BookViewer_viewerNavigator_3lk9T, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M .BookViewer_viewerNavigator_3lk9T { position: absolute; top: auto; right: 0; bottom: 0; left: 0; } .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'] .BookViewer_viewerNavigatorButtons_LJ4ui, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M .BookViewer_viewerNavigatorButtons_LJ4ui { -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; } .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'] .BookViewer_viewerPageControls_2iyhJ button, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M .BookViewer_viewerPageControls_2iyhJ button { width: initial; } .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'] .BookViewer_viewerActions_25yqB, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M .BookViewer_viewerActions_25yqB { display: none; } @media only screen and (min-width: 60rem) { .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'] .BookViewer_viewerActions_25yqB, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M .BookViewer_viewerActions_25yqB { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 0; } } @media only screen and (min-width: 40rem) { .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'] .BookViewer_fileInformationBlock_1cR-_, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M .BookViewer_fileInformationBlock_1cR-_ { position: relative; } .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'] .BookViewer_viewerNavigatorPages_2Q81s, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M .BookViewer_viewerNavigatorPages_2Q81s { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media only screen and (max-width: 47.9875rem) { .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'] > div.openseadragon-container, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M > div.openseadragon-container { position: absolute; top: 11.4% !important; right: 0; bottom: auto; left: 0; height: 68.3% !important; } .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'] .navigator, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M .navigator { bottom: 12%; } } .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_2TL94, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M.BookViewer_viewerWithTranscriptMobile_2TL94 { height: 100%; } @media only screen and (min-width: 33.5rem) { .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_2TL94 .openseadragon-container, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M.BookViewer_viewerWithTranscriptMobile_2TL94 .openseadragon-container { height: 71% !important; } .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_2TL94 .navigator, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M.BookViewer_viewerWithTranscriptMobile_2TL94 .navigator { bottom: 33%; } .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_2TL94 .BookViewer_transcriptViewer_1g9ZF, .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_2TL94 .BookViewer_fileInformationBlock_1cR-_, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M.BookViewer_viewerWithTranscriptMobile_2TL94 .BookViewer_transcriptViewer_1g9ZF, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M.BookViewer_viewerWithTranscriptMobile_2TL94 .BookViewer_fileInformationBlock_1cR-_ { height: 100%; } } @media only screen and (min-width: 60rem) { .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_2TL94 .openseadragon-container, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M.BookViewer_viewerWithTranscriptMobile_2TL94 .openseadragon-container { height: 88% !important; } .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_2TL94 .navigator, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M.BookViewer_viewerWithTranscriptMobile_2TL94 .navigator { bottom: 12%; } .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_2TL94 .BookViewer_transcriptViewer_1g9ZF, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M.BookViewer_viewerWithTranscriptMobile_2TL94 .BookViewer_transcriptViewer_1g9ZF { height: 92%; } } @media only screen and (max-width: 47.9875rem) { .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_2TL94 .openseadragon-container, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M.BookViewer_viewerWithTranscriptMobile_2TL94 .openseadragon-container { visibility: hidden; opacity: 0; } .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_2TL94 .navigator, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M.BookViewer_viewerWithTranscriptMobile_2TL94 .navigator { visibility: hidden; opacity: 0; } .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_2TL94 .BookViewer_navigationControls_c2qbI, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M.BookViewer_viewerWithTranscriptMobile_2TL94 .BookViewer_navigationControls_c2qbI { visibility: hidden; opacity: 0; } .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_2TL94 .BookViewer_toolbar_1EZlc, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M.BookViewer_viewerWithTranscriptMobile_2TL94 .BookViewer_toolbar_1EZlc { visibility: hidden; opacity: 0; } .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_2TL94 .BookViewer_viewerNavigator_3lk9T, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M.BookViewer_viewerWithTranscriptMobile_2TL94 .BookViewer_viewerNavigator_3lk9T { border-top: 1px solid #fff; } } @media only screen and (max-width: 47.9875rem) { .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_2TL94 .BookViewer_transcriptViewer_1g9ZF, .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_2TL94 .BookViewer_fileInformationBlock_1cR-_, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M.BookViewer_viewerWithTranscriptMobile_2TL94 .BookViewer_transcriptViewer_1g9ZF, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M.BookViewer_viewerWithTranscriptMobile_2TL94 .BookViewer_fileInformationBlock_1cR-_ { 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_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_2TL94 .BookViewer_transcriptViewer_1g9ZF, .BookViewer_fullscreen_3OUVI .BookViewer_viewerOpenSeadragon_rAO_t[class*='isFullScreen'].BookViewer_viewerWithTranscriptMobile_2TL94 .BookViewer_fileInformationBlock_1cR-_, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M.BookViewer_viewerWithTranscriptMobile_2TL94 .BookViewer_transcriptViewer_1g9ZF, .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M.BookViewer_viewerWithTranscriptMobile_2TL94 .BookViewer_fileInformationBlock_1cR-_ { max-height: calc(100% - 120px) !important; } } .BookViewer_viewerOpenSeadragon_rAO_t.BookViewer_fullpage_3Xj4M { position: relative; width: 100vw !important; height: 100% !important; } @media only screen and (min-width: 33.5rem) { .BookViewer_viewerOpenSeadragon_rAO_t { -webkit-box-flex: initial; -ms-flex: initial; flex: initial; } } @media only screen and (min-width: 40rem) { .BookViewer_viewerOpenSeadragon_rAO_t { height: 69vh; } } @media only screen and (min-width: 60rem) { .BookViewer_viewerOpenSeadragon_rAO_t { height: 84vh; } } .BookViewer_transcriptViewer_1g9ZF { 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_1g9ZF::-webkit-scrollbar { width: 8px; height: 8px; border-radius: 4px; } .BookViewer_transcriptViewer_1g9ZF::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; } .BookViewer_transcriptViewer_1g9ZF::-webkit-scrollbar-track { background: #fff; border-radius: 4px; } .BookViewer_transcriptViewer_1g9ZF body { scrollbar-face-color: #ccc; scrollbar-track-color: #fff; } @media only screen and (min-width: 33.5rem) { .BookViewer_transcriptViewer_1g9ZF { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } @media only screen and (min-width: 60rem) { .BookViewer_transcriptViewer_1g9ZF { -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_1cR-_ { 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_1cR-_::-webkit-scrollbar { width: 8px; height: 8px; border-radius: 4px; } .BookViewer_fileInformationBlock_1cR-_::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; } .BookViewer_fileInformationBlock_1cR-_::-webkit-scrollbar-track { background: #fff; border-radius: 4px; } .BookViewer_fileInformationBlock_1cR-_ body { scrollbar-face-color: #ccc; scrollbar-track-color: #fff; } @media only screen and (min-width: 33.5rem) { .BookViewer_fileInformationBlock_1cR-_ { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } @media only screen and (min-width: 40rem) { .BookViewer_fileInformationBlock_1cR-_ { bottom: 48px; } } @media only screen and (min-width: 60rem) { .BookViewer_fileInformationBlock_1cR-_ { position: relative; bottom: 0; -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_1cR-_.BookViewer_hide_1l5Rq { display: none; } .BookViewer_viewerNavigator_3lk9T { 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_3lk9T { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0; } } .BookViewer_viewerNavigator_3lk9T > div { max-width: 120rem; margin: 0 auto; } @media only screen and (min-width: 60rem) { .BookViewer_viewerNavigator_3lk9T > div { padding: 8px 32px; } } @media only screen and (min-width: 80rem) { .BookViewer_viewerNavigator_3lk9T > div { padding: 8px 48px; } } @media only screen and (min-width: 120rem) { .BookViewer_viewerNavigator_3lk9T > div { padding: 8px 64px; } } .BookViewer_viewerNavigatorPageNumber_3Ixkr[type='number'] { width: 40px; height: 40px; padding: 0; font-weight: 500; text-align: center; border: none; } .BookViewer_viewerNavigatorPageNumber_3Ixkr::-webkit-inner-spin-button, .BookViewer_viewerNavigatorPageNumber_3Ixkr::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } .BookViewer_viewerNavigatorPageNumber_3Ixkr.BookViewer_imageInputError_2_F4G { outline: 1px solid #d10000; } .BookViewer_viewerNavigatorPageTotal_2p-dz { margin-left: 8px; font-weight: 500; } .BookViewer_viewerNavigatorButtons_LJ4ui { 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_LJ4ui { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; } } .BookViewer_viewerNavigatorPages_2Q81s { 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_2Q81s { -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_2Q81s { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .BookViewer_viewerNavigatorPages_2Q81s form { margin: 0 8px; } .BookViewer_viewerNavigatorPages_2Q81s label { margin-right: 8px; } .BookViewer_viewerNavigatorPages_2Q81s .BookViewer_iconButton_3RSnc { display: none; } @media only screen and (min-width: 60rem) { .BookViewer_viewerNavigatorPages_2Q81s .BookViewer_iconButton_3RSnc { display: block; } } .BookViewer_viewerPageControls_2iyhJ { 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_2iyhJ { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .BookViewer_viewerPageControls_2iyhJ button { width: 100%; } @media only screen and (min-width: 60rem) { .BookViewer_viewerPageControls_2iyhJ button { width: initial; } } .BookViewer_viewerPageControls_2iyhJ svg { max-height: 24px; } .BookViewer_viewerActions_25yqB { 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_25yqB { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; min-width: 332px; } } .BookViewer_viewerActions_25yqB button { width: 100%; max-width: none; } @media only screen and (min-width: 60rem) { .BookViewer_viewerActions_25yqB button { width: initial; } } .BookViewer_viewerActions_25yqB .BookViewer_textButton_22skK { min-width: 120px; } @media only screen and (min-width: 60rem) { .BookViewer_viewerActions_25yqB .BookViewer_textButton_22skK { border: 1px solid #777; } } .BookViewer_viewerActions_25yqB .BookViewer_textButtonText_2wTY1 { display: none; } @media only screen and (min-width: 60rem) { .BookViewer_viewerActions_25yqB .BookViewer_textButtonText_2wTY1 { display: block; } } .BookViewer_range_18w6B { display: none; width: 100%; padding: 0; } @media only screen and (min-width: 60rem) { .BookViewer_range_18w6B { display: block; } } .BookViewer_iconButton_3RSnc { display: inline-block; width: 40px; height: 40px; min-height: 32px; margin-left: 8px; padding: 0; text-align: center; } .BookViewer_iconButton_3RSnc:first-child { margin-left: 0; } .BookViewer_iconButton_3RSnc:focus, .BookViewer_iconButton_3RSnc:active { background: #111; } .BookViewer_iconButton_3RSnc svg { height: 32px !important; } .BookViewer_iconButton_3RSnc.BookViewer_twoPageButton_2AxuY { display: none; } @media only screen and (min-width: 60rem) { .BookViewer_iconButton_3RSnc.BookViewer_twoPageButton_2AxuY { display: block; } } @media only screen and (min-width: 33.5rem) { .BookViewer_iconButton_3RSnc { height: 32px; margin-left: 0; } .BookViewer_iconButton_3RSnc svg { height: 24px !important; } } .BookViewer_textButton_22skK { 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: 120px; 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_22skK { margin-left: 4px; } } .BookViewer_textButton_22skK:first-child { margin-left: 0; } .BookViewer_textButton_22skK > span { display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0; } .BookViewer_textButton_22skK > span.BookViewer_textButtonText_2wTY1 { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; text-align: left; } .BookViewer_textButton_22skK svg { height: 24px !important; } .BookViewer_textButton_22skK path, .BookViewer_textButton_22skK rect { fill: #fff; } .BookViewer_toolbarWrapper_1tf84 { 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_1tf84 { max-width: 100%; } @media only screen and (min-width: 60rem) { .BookViewer_toolbarWrapper_1tf84.BookViewer_toolbarWithFileInfo_HNgtD { left: 0; width: 65%; margin-left: 0; } } @media only screen and (min-width: 80rem) { .BookViewer_toolbarWrapper_1tf84.BookViewer_toolbarWithFileInfo_HNgtD { left: 0; width: 68%; margin-left: 0; } } @media only screen and (min-width: 120rem) { .BookViewer_toolbarWrapper_1tf84.BookViewer_toolbarWithFileInfo_HNgtD { width: 75%; } } .BookViewer_toolbar_1EZlc { 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_1EZlc { margin-top: 16px; margin-right: 16px; } @media only screen and (min-width: 60rem) { .BookViewer_toolbar_1EZlc { 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_1EZlc { margin-right: 48px; } } @media only screen and (min-width: 120rem) { .BookViewer_toolbar_1EZlc { margin-right: 64px; } } .BookViewer_toolbar_1EZlc 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_1EZlc .BookViewer_fullScreenButton_19loV { display: -webkit-box; display: -ms-flexbox; display: flex; } .BookViewer_toolbar_1EZlc .BookViewer_textButtonText_2wTY1 { margin-right: 16px; font-size: 0.875rem; } @media only screen and (min-width: 60rem) { .BookViewer_toolbar_1EZlc .BookViewer_textButtonText_2wTY1 { display: none; } } .BookViewer_toolbar_1EZlc.BookViewer_hiddenElement_2Rrim { display: none; } @media only screen and (min-width: 60rem) { .BookViewer_toolbar_1EZlc.BookViewer_hiddenElement_2Rrim { display: -webkit-box; display: -ms-flexbox; display: flex; } } .BookViewer_hiddenButton_3XQxS { display: none !important; } @media only screen and (min-width: 60rem) { .BookViewer_hiddenButton_3XQxS { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } .BookViewer_button_3jtZv { margin-right: 1px; padding: 8px; font-weight: 400; font-size: 0.625rem; text-align: center; background: #333d; border-radius: 0; } .BookViewer_openSeadragonHiddenControls_1CUzX { display: none; } .BookViewer_navigationControls_c2qbI { 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; -ms-grid-row-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_c2qbI { padding: 0 32px; } } @media only screen and (min-width: 80rem) { .BookViewer_navigationControls_c2qbI { padding: 0 48px; } } @media only screen and (min-width: 120rem) { .BookViewer_navigationControls_c2qbI { padding: 0 64px; } } @media only screen and (min-width: 60rem) { .BookViewer_navigationControls_c2qbI.BookViewer_navigationControlsWithTranscript_11Fdo { right: 0; width: 65%; margin-right: 0; } } @media only screen and (min-width: 60rem) { .BookViewer_navigationControls_c2qbI.BookViewer_navigationControlsWithFileInfo_2M9UT { left: 0; width: 65%; margin-left: 0; } } @media only screen and (min-width: 80rem) { .BookViewer_navigationControls_c2qbI.BookViewer_navigationControlsWithFileInfo_2M9UT { left: 0; width: 68%; margin-left: 0; } } @media only screen and (min-width: 120rem) { .BookViewer_navigationControls_c2qbI.BookViewer_navigationControlsWithFileInfo_2M9UT { width: 75%; } } .BookViewer_previous_ekBMP, .BookViewer_next_2LGm5 { 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_ekBMP, .BookViewer_next_2LGm5 { 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_2LGm5 { margin-left: auto; } .BookViewer_linkToFileContainer_2x0k4 { 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_2x0k4 { max-width: 100%; } .BookViewer_linkToFileContainer_2x0k4 p { max-width: calc(60rem + 32px); margin: 24px 48px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .BookViewer_linkToFileContainer_2x0k4 button { height: 40px; } @media only screen and (min-width: 33.5rem) { .BookViewer_linkToFileContainer_2x0k4 button { height: 24px; } } @media only screen and (min-width: 60rem) { .BookViewer_linkToFileContainer_2x0k4.BookViewer_currentTitleWithTranscript_1TdK_ { width: 65%; margin-left: auto; } } .BookViewer_activeButton_1AhoE { background: #111; } .BookViewer_disabledButton_3_I3X { color: #666; cursor: initial; opacity: 0.6; } .BookViewer_disabledButton_3_I3X:hover { opacity: 0.6; } .BookViewer_searchInputBlock_1jyTi { 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_1jyTi { width: 312px; } } .BookViewer_searchInputBlock_1jyTi .BookViewer_searchInput_xBRjG { 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_1jyTi .BookViewer_searchInput_xBRjG:focus { outline: none; } .BookViewer_searchInputBlock_1jyTi .BookViewer_searchInput_xBRjG::-webkit-input-placeholder { color: #555; } .BookViewer_searchInputBlock_1jyTi .BookViewer_searchInput_xBRjG::-moz-placeholder { color: #555; } .BookViewer_searchInputBlock_1jyTi .BookViewer_searchInput_xBRjG:-ms-input-placeholder { color: #555; } .BookViewer_searchInputBlock_1jyTi .BookViewer_searchInput_xBRjG::-ms-input-placeholder { color: #555; } .BookViewer_searchInputBlock_1jyTi .BookViewer_searchInput_xBRjG::placeholder { color: #555; } @media only screen and (min-width: 33.5rem) { .BookViewer_searchInputBlock_1jyTi .BookViewer_searchInput_xBRjG { font-size: 16px; } } .BookViewer_searchInputBlock_1jyTi .BookViewer_inputClose_161My { 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_1HG_J { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 8px; color: #111; font-weight: 500; background-color: #3da9d1; } .BookViewer_searchButton_1HG_J:hover { color: #111; background-color: #3da9d1; opacity: 0.9; } .BookViewer_searchButton_1HG_J:focus { outline: none; } @media only screen and (min-width: 33.5rem) { .BookViewer_searchButton_1HG_J { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } } .BookViewer_galleryView_2IIcz { position: absolute; width: 100%; height: 100%; overflow: hidden; } .BookViewer_galleryView_2IIcz img { width: 100%; height: 100%; } .BookViewer_textSearchFacets_3aI65 { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; } .BookViewer_textSearchFacets_3aI65 .BookViewer_totalResultsButton_3nD4I { width: 100%; max-width: none; } .BookViewer_resultsTable_18eeS { scrollbar-width: thin; scrollbar-color: #ccc #fff; max-height: 20rem; overflow-y: scroll; color: #111; text-transform: initial; background: #fff; } .BookViewer_resultsTable_18eeS::-webkit-scrollbar { width: 8px; height: 8px; border-radius: 4px; } .BookViewer_resultsTable_18eeS::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; } .BookViewer_resultsTable_18eeS::-webkit-scrollbar-track { background: #fff; border-radius: 4px; } .BookViewer_resultsTable_18eeS body { scrollbar-face-color: #ccc; scrollbar-track-color: #fff; } .BookViewer_resultsTable_18eeS .BookViewer_resultsTableHeader_2Hw5V { 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_18eeS .BookViewer_resultsTableHeader_2Hw5V span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: left; } .BookViewer_resultsTable_18eeS .BookViewer_resultsTableBody_2LrPd .BookViewer_results_1EFb3 { 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_18eeS .BookViewer_resultsTableBody_2LrPd .BookViewer_results_1EFb3:hover { background: #ccc; } .BookViewer_resultsTable_18eeS .BookViewer_resultsTableBody_2LrPd .BookViewer_results_1EFb3 span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: left; } .BookViewer_resultsTable_18eeS .BookViewer_resultsTableBody_2LrPd .BookViewer_results_1EFb3 .BookViewer_facetTotal_126or { 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_18eeS .BookViewer_resultsTableBody_2LrPd .BookViewer_results_1EFb3 .BookViewer_facetTotal_126or .BookViewer_resultsTableBookmark_3l22q { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .BookViewer_resultsTable_18eeS .BookViewer_resultsTableBody_2LrPd .BookViewer_results_1EFb3 .BookViewer_facetTotal_126or .BookViewer_resultsTableBookmark_3l22q svg { width: 24px; height: 24px; } .BookViewer_tooltip_362SI { padding: 4px !important; background: #222 !important; } .BookViewer_fileInfoButton_3BrAi { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; background: #777; border-radius: 0; } .BookViewer_fileInfoButton_3BrAi:first-child { margin-left: auto; } @media print { main[class*='main'] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } main[class*='main'] > [class*='bookViewer'] { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } main[class*='main'] #BookViewer_fileInfoContainer_2rKtT { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .BookViewer_viewerOpenSeadragon_rAO_t { height: auto; } .BookViewer_viewerOpenSeadragon_rAO_t > div { display: none !important; } .BookViewer_viewerOpenSeadragon_rAO_t > div.BookViewer_fileInformationBlock_1cR-_ { position: relative; display: block !important; height: auto; page-break-inside: avoid; } } /* * 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 * ========================================================================== */ .PdfViewer_textUppercase_zVFFe { font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; } .PdfViewer_textFieldTitle_W4bpV { margin-bottom: 8px; font-weight: 500; font-size: 1.125rem; font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; line-height: 20px; } .PdfViewer_textSmoothing_aFyjR, .PdfViewer_textPageTitle_3E3UN { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .PdfViewer_textPageTitle_3E3UN { 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) { .PdfViewer_textPageTitle_3E3UN { font-size: 2.125rem; line-height: 40px; letter-spacing: -0.015em; } } /* * OTHER * Other styles that can be used by @extend * ========================================================================== */ .PdfViewer_screenreaderOnly_316pn { 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%); } .PdfViewer_resetScreenreaderOnly_sUpkE { position: static; width: auto; height: auto; margin: 0; padding: 0; overflow: auto; clip: none; -webkit-clip-path: none; clip-path: none; } .PdfViewer_listUnstyled_1rcEB { padding-left: 0; list-style: none; } .PdfViewer_buttonUnstyled_28ucH { display: block; border: none; } .PdfViewer_shadow_1DZcS { -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); } .PdfViewer_mobileFullscreenFallback_3LFXY { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; } .PdfViewer_mobileFullscreenFallback_3LFXY > *:first-child { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .PdfViewer_pdfViewer_298U4 { 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; } @media only screen and (min-width: 33.5rem) { .PdfViewer_pdfViewer_298U4 { min-height: 400px; margin-bottom: 16px; } } @media only screen and (min-width: 60rem) { .PdfViewer_pdfViewer_298U4 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } } .PdfViewer_pdfViewer_298U4 canvas { position: absolute; } .PdfViewer_pdfViewer_298U4 .PdfViewer_pdfViewerInner_1Vwpd, .PdfViewer_pdfViewer_298U4 .PdfViewer_grabToPanGrab_2643Y { height: calc(100% - 40px); } .PdfViewer_pdfViewer_298U4 .PdfViewer_grabToPanGrab_2643Y > div, .PdfViewer_pdfViewer_298U4 .PdfViewer_grabToPanGrab_2643Y > div > div { width: 100%; height: 100%; } .PdfViewer_pdfViewer_298U4 .PdfViewer_pdfViewerPages_24LzQ, .PdfViewer_pdfViewer_298U4 .PdfViewer_pdfViewerPages_24LzQ .PdfViewer_page_2qe3N { display: -webkit-box; display: -ms-flexbox; display: flex; } .PdfViewer_pdfViewer_298U4.PdfViewer_pdfViewerIsFullPage_3Tvxt { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1072; width: 100vw; height: 100vh; max-height: calc(var(--vh, 1vh) * 100) !important; margin: 0; } @media only screen and (min-width: 60rem) { .PdfViewer_pdfViewer_298U4.PdfViewer_pdfViewerIsFullPage_3Tvxt { padding-top: 0; } } .PdfViewer_fullscreen_2KeZ_ { width: 100%; height: 100%; background: #f6f6f6; } .PdfViewer_fullscreen_2KeZ_ .PdfViewer_pdfViewerInner_1Vwpd, .PdfViewer_fullscreen_2KeZ_ .PdfViewer_grabToPanGrab_2643Y { height: calc(100% - 80px); } @media only screen and (min-width: 60rem) { .PdfViewer_fullscreen_2KeZ_ .PdfViewer_pdfViewerInner_1Vwpd, .PdfViewer_fullscreen_2KeZ_ .PdfViewer_grabToPanGrab_2643Y { min-height: calc(100% - 23px); } } .PdfViewer_fullscreen_2KeZ_ .PdfViewer_viewerPdfJsOuter_3v_P5 { height: calc(100% - 10px); } .PdfViewer_pdfViewerInner_1Vwpd { 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) { .PdfViewer_pdfViewerInner_1Vwpd { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; } } .PdfViewer_viewerPdfJsOuter_3v_P5 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; height: 66vh; } @media only screen and (min-width: 33.5rem) { .PdfViewer_viewerPdfJsOuter_3v_P5 { -webkit-box-flex: initial; -ms-flex: initial; flex: initial; } } @media only screen and (min-width: 40rem) { .PdfViewer_viewerPdfJsOuter_3v_P5 { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; height: 69vh; } } @media only screen and (min-width: 60rem) { .PdfViewer_viewerPdfJsOuter_3v_P5 { height: 84vh; } } .PdfViewer_pdfViewerPages_24LzQ { position: relative; width: 100%; color: #fff; white-space: nowrap; background: #f6f6f6; } @media only screen and (min-width: 33.5rem) { .PdfViewer_pdfViewerPages_24LzQ { margin-bottom: 16px; } } .PdfViewer_pdfViewerPages_24LzQ .PdfViewer_page_2qe3N { position: relative; display: inline-block; width: 50%; height: auto; margin: 1px auto -8px auto; overflow: visible; direction: ltr; background-clip: content-box; border: 9px solid transparent; } .PdfViewer_pdfViewerPages_24LzQ .PdfViewer_page_2qe3N canvas { top: 0; bottom: 0; margin: auto 0; } .PdfViewer_pdfViewerPages_24LzQ .PdfViewer_page_2qe3N.PdfViewer_pageHidden_h7QSo { display: none; } .PdfViewer_pdfViewerPages_24LzQ .PdfViewer_page_2qe3N.PdfViewer_pageLast_3bvLC { width: 100%; } .PdfViewer_pdfViewerPages_24LzQ .PdfViewer_page_2qe3N.PdfViewer_pageLast_3bvLC canvas { right: 0; left: 0; margin: auto; } .PdfViewer_pdfViewerPages_24LzQ .PdfViewer_page_2qe3N:first-child canvas { right: 0; } .PdfViewer_pdfViewerPages_24LzQ.PdfViewer_pdfViewerPagesSinglePageMode_cOCAP .PdfViewer_page_2qe3N { display: block; width: 100%; margin-right: auto; margin-left: auto; } .PdfViewer_pdfViewerPages_24LzQ.PdfViewer_pdfViewerPagesSinglePageMode_cOCAP .PdfViewer_page_2qe3N:first-child canvas { right: 0; left: 0; margin: auto; } .PdfViewer_responsiveCanvas_2Ao1s { width: 100%; height: auto; } .PdfViewer_rangeInput_2KtSa { display: -webkit-box; display: -ms-flexbox; display: flex; } .PdfViewer_button_ONb_b { margin-right: 1px; padding: 8px; font-weight: 400; font-size: 0.625rem; text-align: center; background: #333d; border-radius: 0; } .PdfViewer_button_ONb_b.PdfViewer_buttonDisabled_LJVO0 { background-color: #ccc; cursor: auto; } .PdfViewer_button_ONb_b.PdfViewer_buttonDisabled_LJVO0:hover, .PdfViewer_button_ONb_b.PdfViewer_buttonDisabled_LJVO0:focus { background-color: #ccc; opacity: 1; } .PdfViewer_button_ONb_b.PdfViewer_buttonDisabled_LJVO0 svg path { fill: #222; } .PdfViewer_iconButton_2xEbU { display: inline-block; width: 40px; height: 40px; min-height: 32px; margin-left: 8px; padding: 0; text-align: center; } .PdfViewer_iconButton_2xEbU:first-child { margin-left: 0; } .PdfViewer_iconButton_2xEbU:focus, .PdfViewer_iconButton_2xEbU:active { background: #111; } .PdfViewer_iconButton_2xEbU.PdfViewer_twoPageButton_16nJo { display: block; } @media only screen and (min-width: 60rem) { .PdfViewer_iconButton_2xEbU.PdfViewer_twoPageButton_16nJo { display: block; } } @media only screen and (min-width: 33.5rem) { .PdfViewer_iconButton_2xEbU { height: 32px; margin-left: 0; } } .PdfViewer_loaderBlock_1If8b { position: absolute; top: 42%; left: 50%; margin-left: -50px; } .PdfViewer_navigationControls_2WEkQ { 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; -ms-grid-row-align: center; align-self: center; width: 100%; max-width: 120rem; margin: auto; padding: 16px; pointer-events: none; } @media only screen and (min-width: 60rem) { .PdfViewer_navigationControls_2WEkQ { padding: 0 32px; } } @media only screen and (min-width: 80rem) { .PdfViewer_navigationControls_2WEkQ { padding: 0 48px; } } @media only screen and (min-width: 120rem) { .PdfViewer_navigationControls_2WEkQ { padding: 0 64px; } } .PdfViewer_previous_2o7f7, .PdfViewer_next_k0NRw { display: -webkit-box; display: -ms-flexbox; display: flex; width: 32px; height: 48px; padding: 0; font-size: 1.125rem; pointer-events: all; } @media only screen and (min-width: 33.5rem) { .PdfViewer_previous_2o7f7, .PdfViewer_next_k0NRw { 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; } } .PdfViewer_next_k0NRw { margin-left: auto; } #PdfViewer_viewerContainer_2l63i { position: absolute; top: 32px; right: 0; bottom: 0; left: 0; overflow: auto; -webkit-overflow-scrolling: touch; outline: none; } .PdfViewer_pdfJsHiddenControls_3GjNv { display: none; } .PdfViewer_grabToPanGrab_2643Y { cursor: -webkit-grab !important; cursor: grab !important; } .PdfViewer_grabToPanGrab_2643Y *:not(input):not(textarea):not(button):not(select):not(:link) { cursor: inherit !important; } .PdfViewer_grabToPanGrab_2643Y:active { cursor: -webkit-grabbing !important; cursor: grabbing !important; } .PdfViewer_viewerNavigator_1SSCO { 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) { .PdfViewer_viewerNavigator_1SSCO { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0; } } .PdfViewer_viewerNavigator_1SSCO > div { max-width: 120rem; margin: 0 auto; } @media only screen and (min-width: 60rem) { .PdfViewer_viewerNavigator_1SSCO > div { padding: 8px 32px; } } @media only screen and (min-width: 80rem) { .PdfViewer_viewerNavigator_1SSCO > div { padding: 8px 48px; } } @media only screen and (min-width: 120rem) { .PdfViewer_viewerNavigator_1SSCO > div { padding: 8px 64px; } } .PdfViewer_viewerNavigatorButtons_3VDeZ { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; white-space: nowrap; } .PdfViewer_viewerNavigatorPageTotal_Szvmr { margin-left: 8px; font-weight: 500; } .PdfViewer_activeButton_2TUrc { background: #111; } .PdfViewer_viewerNavigatorPages_2V1A2 { 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: 3; -ms-flex-order: 2; order: 2; margin-bottom: 8px; color: #fff; white-space: nowrap; text-align: center; } @media only screen and (min-width: 40rem) { .PdfViewer_viewerNavigatorPages_2V1A2 { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 0; } } @media only screen and (min-width: 60rem) { .PdfViewer_viewerNavigatorPages_2V1A2 { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .PdfViewer_viewerNavigatorPages_2V1A2 form { margin: 0 8px; } .PdfViewer_viewerNavigatorPages_2V1A2 form [type='number'] { width: 40px; height: 40px; padding: 0; font-weight: 500; text-align: center; border: none; } .PdfViewer_viewerNavigatorPages_2V1A2 form [type='number']::-webkit-inner-spin-button, .PdfViewer_viewerNavigatorPages_2V1A2 form [type='number']::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } .PdfViewer_viewerNavigatorPages_2V1A2 form [type='number'].PdfViewer_inputError_3EPZo { outline: 1px solid #d10000; } .PdfViewer_viewerNavigatorPages_2V1A2 label { margin-right: 8px; } .PdfViewer_viewerNavigatorPages_2V1A2 .PdfViewer_iconButton_2xEbU { display: none; } @media only screen and (min-width: 60rem) { .PdfViewer_viewerNavigatorPages_2V1A2 .PdfViewer_iconButton_2xEbU { display: block; } } .PdfViewer_viewerPageControls_22bUo { 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) { .PdfViewer_viewerPageControls_22bUo { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .PdfViewer_viewerPageControls_22bUo button { width: 100%; } @media only screen and (min-width: 60rem) { .PdfViewer_viewerPageControls_22bUo button { width: initial; } } .PdfViewer_viewerPageControls_22bUo svg { max-height: 24px; } .PdfViewer_toolbarWrapper_GeJL3 { position: absolute; top: 0; right: 0; left: 0; z-index: 25; 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 .PdfViewer_toolbarWrapper_GeJL3 { max-width: 100%; } .PdfViewer_toolbar_3jtIh { 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; margin-top: 16px; margin-right: 16px; margin-left: 16px; text-transform: uppercase; pointer-events: all; } .fullpage .PdfViewer_toolbar_3jtIh { margin-top: 16px; margin-right: 16px; } .PdfViewer_toolbar_3jtIh > .PdfViewer_button_ONb_b:first-child { margin-left: auto; } @media only screen and (min-width: 60rem) { .PdfViewer_toolbar_3jtIh { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: initial; -ms-flex: initial; flex: initial; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: 32px; } } @media only screen and (min-width: 80rem) { .PdfViewer_toolbar_3jtIh { margin-right: 48px; } } @media only screen and (min-width: 120rem) { .PdfViewer_toolbar_3jtIh { margin-right: 64px; } } .PdfViewer_toolbar_3jtIh 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; } .PdfViewer_toolbar_3jtIh .PdfViewer_fullScreenButton_39-mP { display: -webkit-box; display: -ms-flexbox; display: flex; } .PdfViewer_toolbar_3jtIh .PdfViewer_textButtonText_i4TVb { margin-right: 16px; font-size: 0.875rem; } @media only screen and (min-width: 60rem) { .PdfViewer_toolbar_3jtIh .PdfViewer_textButtonText_i4TVb { display: none; } } .PdfViewer_canvasWrapper_2Wp6U { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; } .PdfViewer_textLayer_3qGPz { display: -webkit-box; display: -ms-flexbox; display: flex; } .PdfViewer_imageViewerOverlay_XkdNz { position: absolute; z-index: 1; display: none; width: 100%; height: 92%; background: transparent; } [data-interface-event-type='touch'] .PdfViewer_imageViewerOverlay_XkdNz { display: block; } /* * 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_2kQqF { font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; } .error_textFieldTitle_1n92F { margin-bottom: 8px; font-weight: 500; font-size: 1.125rem; font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; line-height: 20px; } .error_textSmoothing_2kjh5, .error_textPageTitle_2rnZT { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .error_textPageTitle_2rnZT { 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_2rnZT { font-size: 2.125rem; line-height: 40px; letter-spacing: -0.015em; } } /* * OTHER * Other styles that can be used by @extend * ========================================================================== */ .error_screenreaderOnly_1zsy3 { 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_1yfR8 { position: static; width: auto; height: auto; margin: 0; padding: 0; overflow: auto; clip: none; -webkit-clip-path: none; clip-path: none; } .error_listUnstyled_eQsfu { padding-left: 0; list-style: none; } .error_buttonUnstyled_jmOMa { display: block; border: none; } .error_shadow_1KySl { -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_3d9DU { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; } .error_mobileFullscreenFallback_3d9DU > *:first-child { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .error_errorContainer_1b7Ra { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100vh; } .error_errorWrap_3ytC3 { width: 100%; max-width: 700px; margin: auto; text-align: center; } .error_ctaButton_38C2A { width: 100%; max-width: 330px; margin-top: 16px; } .error_ctaButton_38C2A > span { margin-left: 8px; } .error_primary_1-Xcf { background-color: #f68b1f; } .error_primary_1-Xcf:hover { background-color: #f68b1f; opacity: 0.9; } .error_secondary_2UVL0 { background-color: #64c3af; } .error_secondary_2UVL0: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_OaZHP { font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; } .AudioPlaylist_textFieldTitle_3nZk_ { margin-bottom: 8px; font-weight: 500; font-size: 1.125rem; font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; line-height: 20px; } .AudioPlaylist_textSmoothing_1akCl, .AudioPlaylist_textPageTitle_3PPfm { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .AudioPlaylist_textPageTitle_3PPfm { 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_3PPfm { font-size: 2.125rem; line-height: 40px; letter-spacing: -0.015em; } } /* * OTHER * Other styles that can be used by @extend * ========================================================================== */ .AudioPlaylist_screenreaderOnly_lknLn { 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_hoMTd { position: static; width: auto; height: auto; margin: 0; padding: 0; overflow: auto; clip: none; -webkit-clip-path: none; clip-path: none; } .AudioPlaylist_listUnstyled_38FwO { padding-left: 0; list-style: none; } .AudioPlaylist_buttonUnstyled_1YqU7 { display: block; border: none; } .AudioPlaylist_shadow_1dChs { -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_2HEMH { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; } .AudioPlaylist_mobileFullscreenFallback_2HEMH > *:first-child { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .AudioPlaylist_audioPlaylist_cBg9A { 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_cBg9A { width: 100%; } } .AudioPlaylist_audioPlaylist_cBg9A::-webkit-scrollbar { display: none; } .AudioPlaylist_audioPlaylist_cBg9A .AudioPlaylist_audioFileBlock_ZA1Pp { 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_cBg9A .AudioPlaylist_audioFileBlock_ZA1Pp.AudioPlaylist_isSelected_35SFD { background-color: #3da9d1; } .AudioPlaylist_audioPlaylist_cBg9A .AudioPlaylist_audioFileBlock_ZA1Pp.AudioPlaylist_isSelected_35SFD .AudioPlaylist_info_YquQq { color: #111; } .AudioPlaylist_audioPlaylist_cBg9A .AudioPlaylist_audioResultHeader_12kFc { 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_cBg9A .AudioPlaylist_iconBlock_23N9v { margin-right: 8px; padding: 8px 20px; background: #222; } .AudioPlaylist_audioPlaylist_cBg9A .AudioPlaylist_info_YquQq { 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_cBg9A .AudioPlaylist_titlePart_2YTbp { 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_kfpy8 { font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; } .AudioTranscript_textFieldTitle_2rd5C { margin-bottom: 8px; font-weight: 500; font-size: 1.125rem; font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; line-height: 20px; } .AudioTranscript_textSmoothing_x1WTC, .AudioTranscript_textPageTitle_MZwMV { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .AudioTranscript_textPageTitle_MZwMV { 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_MZwMV { font-size: 2.125rem; line-height: 40px; letter-spacing: -0.015em; } } /* * OTHER * Other styles that can be used by @extend * ========================================================================== */ .AudioTranscript_screenreaderOnly_X3hhQ { 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_1cF66 { position: static; width: auto; height: auto; margin: 0; padding: 0; overflow: auto; clip: none; -webkit-clip-path: none; clip-path: none; } .AudioTranscript_listUnstyled_VbeXM { padding-left: 0; list-style: none; } .AudioTranscript_buttonUnstyled_1AzNm { display: block; border: none; } .AudioTranscript_shadow_3HkUR, .AudioTranscript_audioTranscript_3oxGf .AudioTranscript_searchInputBlock_3Ra1v { -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_3pMrE { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; } .AudioTranscript_mobileFullscreenFallback_3pMrE > *:first-child { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .AudioTranscript_audioTranscript_3oxGf { 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_3oxGf { padding: 16px; } } @media only screen and (min-width: 60rem) { .AudioTranscript_audioTranscript_3oxGf { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; padding: 16px 48px; } } .AudioTranscript_audioTranscript_3oxGf .AudioTranscript_transcriptBlock_UK68g { 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_3oxGf .AudioTranscript_transcriptBlock_UK68g { -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_3oxGf .AudioTranscript_transcriptClose_1GRcE { position: -webkit-sticky; position: sticky; top: 0; z-index: 1; -ms-flex-item-align: start; align-self: flex-start; } .AudioTranscript_audioTranscript_3oxGf .AudioTranscript_searchInputForm_3MTrX { position: -webkit-sticky; position: sticky; top: 0; right: 24px; -ms-flex-item-align: start; align-self: flex-start; } .AudioTranscript_audioTranscript_3oxGf .AudioTranscript_searchInputForm_3MTrX button { margin-right: 0; } .AudioTranscript_audioTranscript_3oxGf .AudioTranscript_searchInputBlock_3Ra1v { 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_3oxGf .AudioTranscript_searchInputBlock_3Ra1v { width: 312px; } } .AudioTranscript_audioTranscript_3oxGf .AudioTranscript_searchInputBlock_3Ra1v .AudioTranscript_searchInput_2h5Ip { 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_3oxGf .AudioTranscript_searchInputBlock_3Ra1v .AudioTranscript_searchInput_2h5Ip:focus { outline: none; } .AudioTranscript_audioTranscript_3oxGf .AudioTranscript_searchInputBlock_3Ra1v .AudioTranscript_searchInput_2h5Ip::-webkit-input-placeholder { color: #555; } .AudioTranscript_audioTranscript_3oxGf .AudioTranscript_searchInputBlock_3Ra1v .AudioTranscript_searchInput_2h5Ip::-moz-placeholder { color: #555; } .AudioTranscript_audioTranscript_3oxGf .AudioTranscript_searchInputBlock_3Ra1v .AudioTranscript_searchInput_2h5Ip:-ms-input-placeholder { color: #555; } .AudioTranscript_audioTranscript_3oxGf .AudioTranscript_searchInputBlock_3Ra1v .AudioTranscript_searchInput_2h5Ip::-ms-input-placeholder { color: #555; } .AudioTranscript_audioTranscript_3oxGf .AudioTranscript_searchInputBlock_3Ra1v .AudioTranscript_searchInput_2h5Ip::placeholder { color: #555; } @media only screen and (min-width: 33.5rem) { .AudioTranscript_audioTranscript_3oxGf .AudioTranscript_searchInputBlock_3Ra1v .AudioTranscript_searchInput_2h5Ip { font-size: 16px; } } .AudioTranscript_audioTranscript_3oxGf .AudioTranscript_searchInputBlock_3Ra1v .AudioTranscript_inputClose_3QcJi { 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_3oxGf .AudioTranscript_searchButton_35l-N { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 8px; color: #111; font-weight: 500; background-color: #3da9d1; } .AudioTranscript_audioTranscript_3oxGf .AudioTranscript_searchButton_35l-N:hover { color: #111; background-color: #3da9d1; opacity: 0.9; } .AudioTranscript_audioTranscript_3oxGf .AudioTranscript_searchButton_35l-N:focus { outline: none; } @media only screen and (min-width: 33.5rem) { .AudioTranscript_audioTranscript_3oxGf .AudioTranscript_searchButton_35l-N { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } } .AudioTranscript_textSearchFacets_2NRrh { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; } .AudioTranscript_textSearchFacets_2NRrh .AudioTranscript_totalResultsButton_1dbwU { width: 100%; max-width: none; padding: 8px; } .AudioTranscript_resultsTable_2IUdh { scrollbar-width: thin; scrollbar-color: #ccc #fff; max-height: 20rem; overflow-y: scroll; color: #111; text-transform: initial; background: #fff; } .AudioTranscript_resultsTable_2IUdh::-webkit-scrollbar { width: 8px; height: 8px; border-radius: 4px; } .AudioTranscript_resultsTable_2IUdh::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; } .AudioTranscript_resultsTable_2IUdh::-webkit-scrollbar-track { background: #fff; border-radius: 4px; } .AudioTranscript_resultsTable_2IUdh body { scrollbar-face-color: #ccc; scrollbar-track-color: #fff; } .AudioTranscript_resultsTable_2IUdh .AudioTranscript_resultsTableHeader_1vgIb { 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_2IUdh .AudioTranscript_resultsTableHeader_1vgIb span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: left; } .AudioTranscript_resultsTable_2IUdh .AudioTranscript_resultsTableHeader_1vgIb span:last-child { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .AudioTranscript_resultsTable_2IUdh .AudioTranscript_resultsTableBody_1fmjd .AudioTranscript_results_3fuuE { 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_2IUdh .AudioTranscript_resultsTableBody_1fmjd .AudioTranscript_results_3fuuE:hover { background: #ccc; } .AudioTranscript_resultsTable_2IUdh .AudioTranscript_resultsTableBody_1fmjd .AudioTranscript_results_3fuuE span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: left; } .AudioTranscript_resultsTable_2IUdh .AudioTranscript_resultsTableBody_1fmjd .AudioTranscript_results_3fuuE .AudioTranscript_resultTitle_2Isj0 { max-width: 8rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media only screen and (min-width: 40rem) { .AudioTranscript_resultsTable_2IUdh .AudioTranscript_resultsTableBody_1fmjd .AudioTranscript_results_3fuuE .AudioTranscript_resultTitle_2Isj0 { max-width: 12rem; } } .AudioTranscript_resultsTable_2IUdh .AudioTranscript_resultsTableBody_1fmjd .AudioTranscript_results_3fuuE .AudioTranscript_facetTotal_zj3U4 { 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_2IUdh .AudioTranscript_resultsTableBody_1fmjd .AudioTranscript_results_3fuuE .AudioTranscript_facetTotal_zj3U4 .AudioTranscript_resultsTableBookmark_3XVF3 { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .AudioTranscript_resultsTable_2IUdh .AudioTranscript_resultsTableBody_1fmjd .AudioTranscript_results_3fuuE .AudioTranscript_facetTotal_zj3U4 .AudioTranscript_resultsTableBookmark_3XVF3 svg { width: 24px; height: 24px; } .AudioTranscript_fileTitlePart_B_aX9 { font-weight: 500; } .AudioTranscript_activeResult_1AXMn { background: #eee; } .AudioTranscript_loader_3IiIy { position: absolute; top: 35%; left: 45%; } .AudioTranscript_textloader_1U12n { position: absolute; top: 18%; left: 42%; } @media only screen and (min-width: 40rem) { .AudioTranscript_textloader_1U12n { left: 56%; } } @media only screen and (min-width: 60rem) { .AudioTranscript_textloader_1U12n { left: 63%; } } .AudioTranscript_bookmarksContainer_2iJWX { height: 0; } .AudioTranscript_bookMark_1nyUj { position: absolute; bottom: 4px; z-index: 20; } .AudioTranscript_bookMark_1nyUj:hover, .AudioTranscript_bookMark_1nyUj:focus, .AudioTranscript_bookMark_1nyUj: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_7WMq4, .AudioHeader_audioHeader_2u-cX .AudioHeader_audioHeaderHeader_CkYVZ span, .AudioHeader_formats_jx6OF { font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; } .AudioHeader_textFieldTitle_28Yv9 { margin-bottom: 8px; font-weight: 500; font-size: 1.125rem; font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; line-height: 20px; } .AudioHeader_textSmoothing_20EEh, .AudioHeader_textPageTitle_26NY_ { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .AudioHeader_textPageTitle_26NY_ { 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_26NY_ { font-size: 2.125rem; line-height: 40px; letter-spacing: -0.015em; } } /* * OTHER * Other styles that can be used by @extend * ========================================================================== */ .AudioHeader_screenreaderOnly_3vduq { 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_377ER { position: static; width: auto; height: auto; margin: 0; padding: 0; overflow: auto; clip: none; -webkit-clip-path: none; clip-path: none; } .AudioHeader_listUnstyled_qyAhS, .AudioHeader_formats_jx6OF { padding-left: 0; list-style: none; } .AudioHeader_buttonUnstyled_19g30 { display: block; border: none; } .AudioHeader_shadow_2gxeb { -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_1oig2 { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; } .AudioHeader_mobileFullscreenFallback_1oig2 > *:first-child { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .AudioHeader_audioHeader_2u-cX { 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_2u-cX button { min-height: 32px; } @media only screen and (min-width: 33.5rem) { .AudioHeader_audioHeader_2u-cX { padding: 16px; } } @media only screen and (min-width: 40rem) { .AudioHeader_audioHeader_2u-cX { -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_2u-cX { padding: 32px; } } @media only screen and (min-width: 80rem) { .AudioHeader_audioHeader_2u-cX { padding: 32px 64px; } } @media only screen and (min-width: 100rem) { .AudioHeader_audioHeader_2u-cX { content: 'xxlg'; padding: 32px 15%; } } @media only screen and (min-width: 120rem) { .AudioHeader_audioHeader_2u-cX { content: 'xxxlg'; padding: 32px 18.5%; } } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-height: none; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioHeaderControlBox_1ezUO { width: 300px; height: 200px; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioHeaderControlBox_1ezUO .AudioHeader_svgIcon_3jkwk { width: 80px; height: 80px; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioHeaderControlBoxContainer_2-A9W { margin-top: 32px; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioThumbnailsContainer_diAih .AudioHeader_recordsOpen_qG7Pw { margin-top: 80px; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioThumbnailsContainer_diAih.AudioHeader_thumbnailRecordsOpen_1p44P { min-height: 518px; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioThumbnailsContainer_diAih .AudioHeader_audioHeaderThumbnails_255wH { max-height: calc(100vh - 390px - 80px); } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_imageMaximizeButton_3ty_q { display: none; } @media only screen and (min-width: 33.5rem) { .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL { padding: 0; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioHeaderControlBox_1ezUO { height: 66.32vw; } } @media only screen and (min-width: 40rem) { .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL { -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_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioHeaderHeader_CkYVZ { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioHeaderControlBoxContainer_2-A9W { margin: auto 16px; margin-top: 80px; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioHeaderControlBox_1ezUO { 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_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioThumbnailsContainer_diAih { margin: auto 16px; margin-top: 80px; margin-bottom: 64px; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioThumbnailsContainer_diAih .AudioHeader_thumbnailsBlock_2sJn8 { 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_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioThumbnailsContainer_diAih .AudioHeader_controls_2R4Ms { margin-top: auto; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioThumbnailsContainer_diAih .AudioHeader_audioHeaderThumbnails_255wH { max-height: calc(100vh - 390px - 80px); } } @media only screen and (min-width: 33.5rem) and (max-width: 47.9875rem) { .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioHeaderHeader_CkYVZ { max-width: 100%; margin: auto; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioHeaderControlBox_1ezUO { display: none; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioThumbnailsContainer_diAih { margin-top: 0; } } @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape) { .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL { min-height: 100px; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioHeaderHeader_CkYVZ { margin: auto; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioHeaderControlBoxContainer_2-A9W { margin: 16px; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioHeaderControlBoxContainer_2-A9W .AudioHeader_audioHeaderControlBox_1ezUO { display: none; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioThumbnailsContainer_diAih { min-height: 100px !important; margin: 16px; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioThumbnailsContainer_diAih .AudioHeader_audioHeaderThumbnails_255wH { min-height: 100px; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioThumbnailsContainer_diAih .AudioHeader_controls_2R4Ms { display: none; } } @media only screen and (min-width: 60rem) { .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioHeaderHeader_CkYVZ { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: auto auto auto 0; text-align: left; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioHeaderControlBoxContainer_2-A9W { margin-top: 32px; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioThumbnailsContainer_diAih { margin: 32px 0; margin-right: 32px; margin-left: auto; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioThumbnailsContainer_diAih.AudioHeader_thumbnailRecordsOpen_1p44P { min-height: 0; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioThumbnailsContainer_diAih .AudioHeader_audioHeaderThumbnails_255wH { max-height: calc(100vh - 390px); } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioHeaderControlBox_1ezUO { 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_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioHeaderControlBox_1ezUO .AudioHeader_svgIcon_3jkwk { width: 128px; height: 128px; } } @media only screen and (min-width: 80rem) { .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL { content: 'xlg'; padding: 0 64px; } } @media only screen and (min-width: 100rem) { .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL { content: 'xxlg'; padding: 32px 15%; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioThumbnailsContainer_diAih { margin-bottom: 0; } } @media only screen and (min-width: 120rem) { .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL { content: 'xxxlg'; padding: 8% 18.5%; } .AudioHeader_audioHeader_2u-cX.AudioHeader_audioHeaderIsFullScreen_2F8aL .AudioHeader_audioThumbnailsContainer_diAih .AudioHeader_audioHeaderThumbnails_255wH { max-height: calc(100vh - 624px); } } .AudioHeader_audioHeader_2u-cX .AudioHeader_audioHeaderHeader_CkYVZ { 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_2u-cX .AudioHeader_audioHeaderHeader_CkYVZ { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-align: left; } } @media only screen and (min-width: 60rem) { .AudioHeader_audioHeader_2u-cX .AudioHeader_audioHeaderHeader_CkYVZ { -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_2u-cX .AudioHeader_audioHeaderHeader_CkYVZ 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_2u-cX .AudioHeader_audioHeaderHeader_CkYVZ h2 { font-size: 18px; line-height: 28.08px; } } @media only screen and (min-width: 60rem) { .AudioHeader_audioHeader_2u-cX .AudioHeader_audioHeaderHeader_CkYVZ h2 { font-size: 24px; line-height: 31.92px; } } .AudioHeader_audioHeader_2u-cX .AudioHeader_audioHeaderHeader_CkYVZ span { position: relative; z-index: 3; margin: auto 0 0; color: #fff; font-size: 0.75rem; line-height: 1.43; } .AudioHeader_audioHeader_2u-cX .AudioHeader_audioHeaderControlBoxContainer_2-A9W { 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_2u-cX .AudioHeader_audioHeaderControlBoxContainer_2-A9W { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; } } .AudioHeader_audioHeader_2u-cX .AudioHeader_audioThumbnailsContainer_diAih { 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_2u-cX .AudioHeader_audioThumbnailsContainer_diAih { margin-left: auto; padding: 0 16px; padding-right: 0; border-left: 1px solid #fff; } } .AudioHeader_audioHeader_2u-cX .AudioHeader_audioThumbnailsContainer_diAih h3 { z-index: 1; display: none; color: white; font-size: 1rem; } @media only screen and (min-width: 40rem) { .AudioHeader_audioHeader_2u-cX .AudioHeader_audioThumbnailsContainer_diAih h3 { display: -webkit-box; display: -ms-flexbox; display: flex; } } .AudioHeader_audioHeader_2u-cX .AudioHeader_audioThumbnailsContainer_diAih .AudioHeader_noRecordsText_1JArF { color: #fff; } .AudioHeader_audioHeader_2u-cX .AudioHeader_audioThumbnailsContainer_diAih .AudioHeader_controls_2R4Ms { 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_2u-cX .AudioHeader_audioThumbnailsContainer_diAih .AudioHeader_controls_2R4Ms button { margin-right: 4px; padding: 8px; background: #222; border-radius: 0; } .AudioHeader_audioHeader_2u-cX .AudioHeader_audioHeaderThumbnails_255wH { 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_2u-cX .AudioHeader_audioHeaderThumbnails_255wH::-webkit-scrollbar { display: none; } @media only screen and (min-width: 40rem) { .AudioHeader_audioHeader_2u-cX .AudioHeader_audioHeaderThumbnails_255wH { min-height: 0; max-height: 192px; } } .AudioHeader_audioHeader_2u-cX .AudioHeader_audioHeaderThumbnails_255wH .AudioHeader_audioHeaderThumbnailItem_3NFEb { 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_2u-cX .AudioHeader_audioHeaderThumbnails_255wH .AudioHeader_audioHeaderThumbnailItem_3NFEb { width: 240px; } } .AudioHeader_audioHeader_2u-cX .AudioHeader_audioHeaderThumbnails_255wH .AudioHeader_audioHeaderThumbnailItem_3NFEb.AudioHeader_activeRecord_QMEey { background-color: #3da9d1; } .AudioHeader_audioHeader_2u-cX .AudioHeader_audioHeaderThumbnails_255wH .AudioHeader_audioHeaderThumbnailItem_3NFEb.AudioHeader_activeRecord_QMEey .AudioHeader_audioResultHeader_3TNdG { color: #111; } .AudioHeader_audioHeader_2u-cX .AudioHeader_audioHeaderThumbnails_255wH .AudioHeader_audioHeaderThumbnailItem_3NFEb.AudioHeader_currentRecord_3gIjs { background-color: #222; } .AudioHeader_audioHeader_2u-cX .AudioHeader_audioHeaderThumbnails_255wH .AudioHeader_audioHeaderThumbnailItem_3NFEb .AudioHeader_audioResultHeader_3TNdG { 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_2u-cX .AudioHeader_audioHeaderThumbnails_255wH .AudioHeader_audioHeaderThumbnailItem_3NFEb .AudioHeader_iconBlock_3Rm3X { margin-right: 8px; padding: 5px 16px; background: #000; } .AudioHeader_audioHeader_2u-cX .AudioHeader_audioHeaderThumbnails_255wH .AudioHeader_audioHeaderThumbnailItem_3NFEb .AudioHeader_imageIconBlock_1riFE { padding: 0; } .AudioHeader_audioHeader_2u-cX .AudioHeader_audioHeaderThumbnails_255wH .AudioHeader_audioHeaderThumbnailItem_3NFEb .AudioHeader_imageIconBlock_1riFE img { width: 64px; height: 42px; } .AudioHeader_audioHeader_2u-cX .AudioHeader_audioHeaderThumbnails_255wH .AudioHeader_audioHeaderThumbnailItem_3NFEb .AudioHeader_audioThumbnailImage_2_7qV { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .AudioHeader_audioHeader_2u-cX .AudioHeader_audioHeaderHeaderCTA_1JxlZ.AudioHeader_active_25Ygj { 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_2u-cX .AudioHeader_audioHeaderHeaderCTA_1JxlZ.AudioHeader_active_25Ygj { display: none; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1080px) and (orientation: landscape) { .AudioHeader_audioHeader_2u-cX .AudioHeader_audioHeaderHeaderCTA_1JxlZ.AudioHeader_active_25Ygj { display: block; } } .AudioHeader_audioHeader_2u-cX .AudioHeader_audioHeaderHeaderCTA_1JxlZ button { margin-left: auto; padding: 8px; background: #111; } .AudioHeader_audioHeader_2u-cX .AudioHeader_image_3L58_ { position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .AudioHeader_audioHeaderControlBox_1ezUO { 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_1ezUO { -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_1ezUO { -webkit-box-flex: 0; -ms-flex: 0 0 364px; flex: 0 0 364px; max-width: 364px; height: 243px; margin-bottom: 0; } } .AudioHeader_audioHeaderControlBox_1ezUO .AudioHeader_svgIcon_3jkwk { width: 48px; height: 48px; margin: auto; } @media only screen and (min-width: 40rem) { .AudioHeader_audioHeaderControlBox_1ezUO .AudioHeader_svgIcon_3jkwk { width: 80px; height: 80px; } } @media only screen and (min-width: 60rem) { .AudioHeader_audioHeaderControlBox_1ezUO .AudioHeader_svgIcon_3jkwk { width: 128px; height: 128px; } } .AudioHeader_audioHeaderControlBox_1ezUO [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_1ezUO [type='range'] { max-width: 141px; } } @media only screen and (min-width: 60rem) { .AudioHeader_audioHeaderControlBox_1ezUO [type='range'] { max-width: 204px; } } .AudioHeader_audioHeaderControlBox_1ezUO [type='range']::-moz-focus-outer { border: 0; } .AudioHeader_audioHeaderControlBox_1ezUO [type='range']:focus { outline: 0; } .AudioHeader_audioHeaderControlBox_1ezUO [type='range']:focus::-webkit-slider-runnable-track { background: #52b2d6; } .AudioHeader_audioHeaderControlBox_1ezUO [type='range']:focus::-ms-fill-lower { background: #3da9d1; } .AudioHeader_audioHeaderControlBox_1ezUO [type='range']:focus::-ms-fill-upper { background: #52b2d6; } .AudioHeader_audioHeaderControlBox_1ezUO [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_1ezUO [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_1ezUO [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_1ezUO [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_1ezUO [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_1ezUO [type='range']::-ms-fill-lower { background: #2f9dc6; border: 0 solid none; border-radius: 10px; } .AudioHeader_audioHeaderControlBox_1ezUO [type='range']::-ms-fill-upper { background: #3da9d1; border: 0 solid none; border-radius: 10px; } .AudioHeader_audioHeaderControlBox_1ezUO [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_1ezUO [type='range']:disabled::-webkit-slider-thumb { cursor: not-allowed; } .AudioHeader_audioHeaderControlBox_1ezUO [type='range']:disabled::-moz-range-thumb { cursor: not-allowed; } .AudioHeader_audioHeaderControlBox_1ezUO [type='range']:disabled::-ms-thumb { cursor: not-allowed; } .AudioHeader_audioHeaderControlBox_1ezUO [type='range']:disabled::-webkit-slider-runnable-track { cursor: not-allowed; } .AudioHeader_audioHeaderControlBox_1ezUO [type='range']:disabled::-ms-fill-lower { cursor: not-allowed; } .AudioHeader_audioHeaderControlBox_1ezUO [type='range']:disabled::-ms-fill-upper { cursor: not-allowed; } .AudioHeader_audioHeaderControlBox_1ezUO .AudioHeader_audioHeaderImage_3GgoY { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .AudioHeader_audioHeaderControlBox_1ezUO .AudioHeader_imageMaximizeButton_3ty_q { 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_a_7n- { margin-top: 16px; padding: 4px; background: #111; border-radius: 0; } .AudioHeader_currentRecordButton_1Lhv_ { margin-top: 16px; padding: 6px 4px; color: #111; background: #3da9d1; border-radius: 0; pointer-events: none; } .AudioHeader_currentRecordButton_1Lhv_:hover { color: #111; background: #3da9d1; } .AudioHeader_FullImageModal_37w91 { width: calc(100% - 32px); height: calc(100% - 300px); text-align: center; background: #000; } @media only screen and (min-width: 60rem) { .AudioHeader_FullImageModal_37w91 { width: calc(100% - 400px); height: calc(100% - 200px); } } .AudioHeader_FullImageModal_37w91 button { background: none; } .AudioHeader_fullImage_1G77A { width: 100%; height: calc(100% - 40px); -o-object-fit: contain; object-fit: contain; } @media only screen and (min-width: 100rem) { .AudioHeader_fullImage_1G77A { width: auto; height: 100%; } } .AudioHeader_showRelatedRecordsButton_F1QLV { width: 100%; max-width: none; margin-top: 16px; padding: 0 8px; background: #111; opacity: 1; } @media only screen and (min-width: 40rem) { .AudioHeader_showRelatedRecordsButton_F1QLV { display: none; } } .AudioHeader_showRelatedRecordsButton_F1QLV.AudioHeader_recordsOpen_qG7Pw { margin-top: 0; } .AudioHeader_formats_jx6OF { 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_jx6OF li:not(:last-child)::after { content: ''; margin: 0 8px; border-right: 1px solid #ccc; } .AudioHeader_activeControlBox_1-npf { 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_8Btgz { font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; } .AudioPlayerInstance_textFieldTitle_NycuF { margin-bottom: 8px; font-weight: 500; font-size: 1.125rem; font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; line-height: 20px; } .AudioPlayerInstance_textSmoothing_2ysgd, .AudioPlayerInstance_textPageTitle_3g44m { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .AudioPlayerInstance_textPageTitle_3g44m { 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_3g44m { font-size: 2.125rem; line-height: 40px; letter-spacing: -0.015em; } } /* * OTHER * Other styles that can be used by @extend * ========================================================================== */ .AudioPlayerInstance_screenreaderOnly_2pSVd { 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_1r0jJ { position: static; width: auto; height: auto; margin: 0; padding: 0; overflow: auto; clip: none; -webkit-clip-path: none; clip-path: none; } .AudioPlayerInstance_listUnstyled_3-nFe { padding-left: 0; list-style: none; } .AudioPlayerInstance_buttonUnstyled_2k9un { display: block; border: none; } .AudioPlayerInstance_shadow_3BNFR { -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_21r3l { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; } .AudioPlayerInstance_mobileFullscreenFallback_21r3l > *:first-child { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .AudioPlayerInstance_audioPlayerInstance_3cPx4 { 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_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 { 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_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 { padding-top: 0; } } .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .AudioPlayerInstance_audioTranscript_rGqMJ { z-index: 10; } .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 { width: 100vw; height: 100vh; margin-top: 0; } @media only screen and (max-width: 35.99875rem) and (orientation: landscape) { .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .AudioPlayerInstance_audioPlaylist_wtjpd, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 .AudioPlayerInstance_audioPlaylist_wtjpd { display: none; } } @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape) { .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .AudioPlayerInstance_audioHeader_18V2A, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 .AudioPlayerInstance_audioHeader_18V2A { min-height: 100px; } } .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .AudioPlayerInstance_player_20s2f, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 .AudioPlayerInstance_player_20s2f { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: auto; } .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .AudioPlayerInstance_player_20s2f .video-wrapper, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 .AudioPlayerInstance_player_20s2f .video-wrapper { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerOptions_1Hdeq, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerOptions_1Hdeq { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioInformationBlock_1E2Tt, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioInformationBlock_1E2Tt { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-top: 8px; } .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .AudioPlayerInstance_togglePlaylistButton_2NDJE, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 .AudioPlayerInstance_togglePlaylistButton_2NDJE { display: -webkit-box; display: -ms-flexbox; display: flex; } .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .AudioPlayerInstance_audioPlaylist_wtjpd, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 .AudioPlayerInstance_audioPlaylist_wtjpd { -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_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .AudioPlayerInstance_audioPlaylist_wtjpd, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 .AudioPlayerInstance_audioPlaylist_wtjpd { padding: 12px 64px; } } .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .AudioPlayerInstance_audioHeader_18V2A, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 .AudioPlayerInstance_audioHeader_18V2A { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .AudioPlayerInstance_audioTranscript_rGqMJ button, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 .AudioPlayerInstance_audioTranscript_rGqMJ button { margin-right: 0; } .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .AudioPlayerInstance_audioPlayerOptions_1Hdeq div.AudioPlayerInstance_audioPlayerVolume_3dbhb label > progress::-webkit-progress-bar, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 .AudioPlayerInstance_audioPlayerOptions_1Hdeq div.AudioPlayerInstance_audioPlayerVolume_3dbhb label > progress::-webkit-progress-bar { height: 100%; background-color: #fff !important; border-radius: 8px; } .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .AudioPlayerInstance_audioPlayerOptions_1Hdeq div.AudioPlayerInstance_audioPlayerVolume_3dbhb label input[type='range']::-webkit-slider-thumb, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 .AudioPlayerInstance_audioPlayerOptions_1Hdeq div.AudioPlayerInstance_audioPlayerVolume_3dbhb label input[type='range']::-webkit-slider-thumb { background: #fff !important; } .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .AudioPlayerInstance_audioPlayerOptions_1Hdeq .AudioPlayerInstance_transcriptButton_mmFni, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 .AudioPlayerInstance_audioPlayerOptions_1Hdeq .AudioPlayerInstance_transcriptButton_mmFni { display: block !important; } @media only screen and (min-width: 33.5rem) { .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .AudioPlayerInstance_audioPlayerOptions_1Hdeq .AudioPlayerInstance_transcriptButton_mmFni, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 .AudioPlayerInstance_audioPlayerOptions_1Hdeq .AudioPlayerInstance_transcriptButton_mmFni { position: relative !important; top: auto; margin-top: 0; margin-bottom: 4px; } } .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .video-controls, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 .video-controls { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; } .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .video-controls__progress-bar, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 .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_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .video-controls__progress-bar, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 .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_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .video-controls__progress-bar, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 .video-controls__progress-bar { margin-right: 8%; } } @media only screen and (min-width: 80rem) { .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .video-controls__progress-bar, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 .video-controls__progress-bar { margin-right: 7%; } } @media only screen and (min-width: 100rem) { .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .video-controls__progress-bar, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 .video-controls__progress-bar { margin-right: 6%; } } .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .video-controls__progress-bar__fill, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 .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_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 .video-controls__progress-bar__fill::after, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 .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_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 input.video-controls__time-elapsed, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 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_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 input.video-controls__time-elapsed, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 input.video-controls__time-elapsed { width: 11.5%; } } @media only screen and (min-width: 60rem) { .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 input.video-controls__time-elapsed, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 input.video-controls__time-elapsed { width: 8.5%; } } @media only screen and (min-width: 80rem) { .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 input.video-controls__time-elapsed, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 input.video-controls__time-elapsed { width: 6.3%; } } @media only screen and (min-width: 40rem) { .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 input.video-controls__duration, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 input.video-controls__duration { width: 11%; } } @media only screen and (min-width: 60rem) { .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullPage_18R87 input.video-controls__duration, .AudioPlayerInstance_audioPlayerInstance_3cPx4.AudioPlayerInstance_audioPlayerInstanceIsFullScreen_2Ntg6 input.video-controls__duration { width: 8%; } } .AudioPlayerInstance_audioPlayerInstance_3cPx4 .AudioPlayerInstance_audioHeader_18V2A { position: relative; } .AudioPlayerInstance_audioPlayerInstance_3cPx4 .AudioPlayerInstance_fileInfoBlock_1Phxe { 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_3cPx4 .AudioPlayerInstance_fileInfoBlock_1Phxe::-webkit-scrollbar { width: 8px; height: 8px; border-radius: 4px; } .AudioPlayerInstance_audioPlayerInstance_3cPx4 .AudioPlayerInstance_fileInfoBlock_1Phxe::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; } .AudioPlayerInstance_audioPlayerInstance_3cPx4 .AudioPlayerInstance_fileInfoBlock_1Phxe::-webkit-scrollbar-track { background: #fff; border-radius: 4px; } .AudioPlayerInstance_audioPlayerInstance_3cPx4 .AudioPlayerInstance_fileInfoBlock_1Phxe body { scrollbar-face-color: #ccc; scrollbar-track-color: #fff; } @media only screen and (min-width: 60rem) { .AudioPlayerInstance_audioPlayerInstance_3cPx4 .AudioPlayerInstance_fileInfoBlock_1Phxe { width: 35%; max-width: 450px; padding: 16px 48px; } } .AudioPlayerInstance_stickyContainer_rB71h { position: fixed; bottom: 0; z-index: 30; width: 100%; -webkit-animation: AudioPlayerInstance_moveDown_YpU4l 0.5s ease-in-out; animation: AudioPlayerInstance_moveDown_YpU4l 0.5s ease-in-out; } .AudioPlayerInstance_stickyContainer_rB71h .AudioPlayerInstance_audioPlayerOptions_1Hdeq div.AudioPlayerInstance_audioPlayerVolume_3dbhb label > progress::-webkit-progress-bar { height: 100%; background-color: #ccc !important; border-radius: 8px; } .AudioPlayerInstance_stickyContainer_rB71h .AudioPlayerInstance_audioPlayerOptions_1Hdeq div.AudioPlayerInstance_audioPlayerVolume_3dbhb label input[type='range']::-webkit-slider-thumb { background: #ccc !important; } @-webkit-keyframes AudioPlayerInstance_moveDown_YpU4l { from { -webkit-transform: translateY(-5rem); transform: translateY(-5rem); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes AudioPlayerInstance_moveDown_YpU4l { from { -webkit-transform: translateY(-5rem); transform: translateY(-5rem); } to { -webkit-transform: translateY(0); transform: translateY(0); } } .AudioPlayerInstance_player_20s2f { 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_20s2f { -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_20s2f { padding: 12px 48px; } } @media only screen and (min-width: 120rem) { .AudioPlayerInstance_player_20s2f { padding: 12px 64px; } } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_hideControls_1nKf2 { display: none; } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_previousAndNextTrack_qHdXE { display: none; } @media only screen and (min-width: 60rem) { .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_previousAndNextTrack_qHdXE { display: block; } } .AudioPlayerInstance_player_20s2f .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_20s2f .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_20s2f .video-wrapper audio { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .AudioPlayerInstance_player_20s2f .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_20s2f .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_20s2f .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_20s2f .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_20s2f button { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .AudioPlayerInstance_player_20s2f .video-controls__button-wrapper__space { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .AudioPlayerInstance_player_20s2f .video-controls__button-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 4px; } @media only screen and (min-width: 40rem) { .AudioPlayerInstance_player_20s2f .video-controls__button-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-right: 16px; } } .AudioPlayerInstance_player_20s2f .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_20s2f .video-controls__progress-bar { margin-right: 10%; margin-left: -0.9%; } } @media only screen and (min-width: 60rem) { .AudioPlayerInstance_player_20s2f .video-controls__progress-bar { margin-right: 8%; } } @media only screen and (min-width: 80rem) { .AudioPlayerInstance_player_20s2f .video-controls__progress-bar { margin-right: 7%; margin-left: 0%; } } @media only screen and (min-width: 100rem) { .AudioPlayerInstance_player_20s2f .video-controls__progress-bar { margin-right: 6%; margin-left: -0.9%; } } .AudioPlayerInstance_player_20s2f .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_20s2f .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_20s2f .video-controls__progress-bar--scrubbing { cursor: move; cursor: grab; cursor: -webkit-grab; } .AudioPlayerInstance_player_20s2f .video-controls__progress-bar--scrubbing .video-controls__progress-bar__fill::after { background: #ccc; } .AudioPlayerInstance_player_20s2f .video-controls__progress-bar__wraptooltip { position: absolute; top: -100%; right: 0; bottom: -100%; left: 0; } .AudioPlayerInstance_player_20s2f .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_20s2f input.video-controls__time-elapsed { display: none; } @media only screen and (min-width: 40rem) { .AudioPlayerInstance_player_20s2f 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_20s2f input.video-controls__time-elapsed { width: 8.5%; } } @media only screen and (min-width: 80rem) { .AudioPlayerInstance_player_20s2f input.video-controls__time-elapsed { width: 6.3%; } } .AudioPlayerInstance_player_20s2f input.video-controls__duration { display: none; } @media only screen and (min-width: 40rem) { .AudioPlayerInstance_player_20s2f 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_20s2f input.video-controls__duration { width: 8%; } } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerVolumeWrapper_2jrQ7 { position: relative; z-index: 4; margin-right: 4px; margin-bottom: 4px; } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerVolumeWrapper_2jrQ7 .AudioPlayerInstance_audioPlayerOptions_1Hdeq { display: none; } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerVolumeWrapper_2jrQ7.AudioPlayerInstance_audioPlayerVolumeDisabled_3--d0 { display: none; } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerVolumeWrapper_2jrQ7.AudioPlayerInstance_audioPlayerVolumeActive_3nzQw div.AudioPlayerInstance_audioPlayerVolume_3dbhb { display: -webkit-box; display: -ms-flexbox; display: flex; } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerOptions_1Hdeq { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerOptions_1Hdeq div.AudioPlayerInstance_audioPlayerVolume_3dbhb { position: absolute; top: -71px; right: -23px; display: none; height: 50px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } @media (hover: hover) { .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerOptions_1Hdeq div.AudioPlayerInstance_audioPlayerVolume_3dbhb:focus, .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerOptions_1Hdeq div.AudioPlayerInstance_audioPlayerVolume_3dbhb:hover { display: -webkit-box; display: -ms-flexbox; display: flex; } } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerOptions_1Hdeq div.AudioPlayerInstance_audioPlayerVolume_3dbhb label { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 80px; margin: auto; padding: 0; } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerOptions_1Hdeq div.AudioPlayerInstance_audioPlayerVolume_3dbhb label > progress { border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } * > .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerOptions_1Hdeq div.AudioPlayerInstance_audioPlayerVolume_3dbhb 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_20s2f .AudioPlayerInstance_audioPlayerOptions_1Hdeq div.AudioPlayerInstance_audioPlayerVolume_3dbhb label > progress::-webkit-progress-inner-element { height: 100%; border-radius: 100px; } * > .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerOptions_1Hdeq div.AudioPlayerInstance_audioPlayerVolume_3dbhb label > progress::-webkit-progress-bar { height: 100%; background-color: #fff; border-radius: 8px; } * > .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerOptions_1Hdeq div.AudioPlayerInstance_audioPlayerVolume_3dbhb label > progress::-webkit-progress-value { height: 100%; background-color: #3da9d1; border-radius: 8px; } * > .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerOptions_1Hdeq div.AudioPlayerInstance_audioPlayerVolume_3dbhb label > progress::-moz-progress-bar { height: 100%; background-color: #3da9d1; border-radius: 8px; } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerOptions_1Hdeq div.AudioPlayerInstance_audioPlayerVolume_3dbhb 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_20s2f .AudioPlayerInstance_audioPlayerOptions_1Hdeq div.AudioPlayerInstance_audioPlayerVolume_3dbhb label input[type='range']::-webkit-slider-thumb { width: 16px; height: 16px; background: #fff; border-radius: 12px; -webkit-appearance: none; } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerOptions_1Hdeq div.AudioPlayerInstance_audioPlayerVolume_3dbhb label input[type='range']::-moz-focus-outer { border: 0; } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerOptions_1Hdeq div.AudioPlayerInstance_audioPlayerVolume_3dbhb label input[type='range']:focus { outline: 0; } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerOptions_1Hdeq .AudioPlayerInstance_audioPlayerOptionsButton_mhoRW { width: 32px; height: 32px; } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerOptions_1Hdeq .AudioPlayerInstance_transcriptButton_mmFni { display: none; } @media only screen and (min-width: 60rem) { .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerOptions_1Hdeq .AudioPlayerInstance_transcriptButton_mmFni { display: block; margin-right: 4px; margin-bottom: 4px; } } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerOptions_1Hdeq 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_20s2f .AudioPlayerInstance_audioPlayerOptions_1Hdeq .AudioPlayerInstance_fullScreenIcon_3vphz { margin-bottom: 4px; } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioPlayerOptions_1Hdeq .AudioPlayerInstance_audioTranscript_rGqMJ { position: absolute; right: 0; bottom: 100%; z-index: 10; } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioHeader_18V2A { display: block; } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_disabled_3QTEq { opacity: 0.5; pointer-events: none; } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioControlIcon_1QNLx span { margin-bottom: 4px; } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioInformationBlock_1E2Tt { 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_20s2f .AudioPlayerInstance_audioInformationBlock_1E2Tt { margin-top: 12px; padding-right: 16px; } } @media only screen and (min-width: 60rem) { .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioInformationBlock_1E2Tt { max-width: 100%; margin-left: 0; padding-right: 0; } } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioInformationBlock_1E2Tt .AudioPlayerInstance_fileTitle_1Bo1w { display: none; max-width: 100%; overflow: hidden; color: #fff; white-space: nowrap; text-overflow: ellipsis; } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioInformationBlock_1E2Tt .AudioPlayerInstance_fileTitle_1Bo1w .AudioPlayerInstance_titlePart_37wL3 { font-weight: 500; } @media only screen and (min-width: 33.5rem) { .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioInformationBlock_1E2Tt .AudioPlayerInstance_fileTitle_1Bo1w { width: 160px; } } @media only screen and (min-width: 40rem) { .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioInformationBlock_1E2Tt .AudioPlayerInstance_fileTitle_1Bo1w { display: block; width: 50%; } } @media only screen and (min-width: 60rem) { .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioInformationBlock_1E2Tt .AudioPlayerInstance_fileTitle_1Bo1w { width: 100%; } } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioInformationBlock_1E2Tt .AudioPlayerInstance_togglePlaylistButton_2NDJE { -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_20s2f .AudioPlayerInstance_audioInformationBlock_1E2Tt .AudioPlayerInstance_togglePlaylistButton_2NDJE { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 162px; } } @media only screen and (min-width: 60rem) { .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioInformationBlock_1E2Tt .AudioPlayerInstance_togglePlaylistButton_2NDJE { width: 174px; min-height: 40px; } } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioInformationBlock_1E2Tt .AudioPlayerInstance_togglePlaylistButton_2NDJE.AudioPlayerInstance_fileInfoButton_2I2vD { margin-right: 0; background: #222; } .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioInformationBlock_1E2Tt .AudioPlayerInstance_togglePlaylistButton_2NDJE.AudioPlayerInstance_fileInfoButton_2I2vD.AudioPlayerInstance_activeButton_33uen { background: #111; } @media only screen and (min-width: 40rem) { .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioInformationBlock_1E2Tt .AudioPlayerInstance_togglePlaylistButton_2NDJE.AudioPlayerInstance_fileInfoButton_2I2vD { margin-right: 8px; } } @media only screen and (min-width: 60rem) { .AudioPlayerInstance_player_20s2f .AudioPlayerInstance_audioInformationBlock_1E2Tt .AudioPlayerInstance_togglePlaylistButton_2NDJE.AudioPlayerInstance_fileInfoButton_2I2vD { margin-right: 0; } } .AudioPlayerInstance_audioPlaylist_wtjpd { padding-left: 16px; } @media only screen and (min-width: 60rem) { .AudioPlayerInstance_audioPlaylist_wtjpd { padding-left: 32px; } } @media only screen and (min-width: 80rem) { .AudioPlayerInstance_audioPlaylist_wtjpd { padding-left: 48px; } } @media only screen and (min-width: 120rem) { .AudioPlayerInstance_audioPlaylist_wtjpd { padding-left: 64px; } } .AudioPlayerInstance_fullScreenButton_3ucia { display: none; } @media only screen and (min-width: 60rem) { .AudioPlayerInstance_fullScreenButton_3ucia { display: block; } } .AudioPlayerInstance_activeButton_33uen { background-color: #111; } .AudioPlayerInstance_activeButton_33uen .AudioPlayerInstance_titlePart_37wL3 { font-weight: 500; } .AudioPlayerInstance_inActiveButton_1n2do { background-color: #222; } .AudioPlayerInstance_viewerActions_dkKiM { 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_dkKiM { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media only screen and (min-width: 60rem) { .AudioPlayerInstance_viewerActions_dkKiM { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-left: auto; } } .AudioPlayerInstance_viewerActions_dkKiM .AudioPlayerInstance_togglePlaylistButton_2NDJE { margin-right: 0; } .AudioPlayerInstance_tooltip_znXYZ { padding: 4px !important; background: rgba(17, 17, 17, 0.8) !important; }