/*
 * 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
 * ========================================================================== */
.Layout_textUppercase_1HwAY {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

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

.Layout_textSmoothing_Mrzue, .Layout_textPageTitle_2itBk {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.Layout_textPageTitle_2itBk {
  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) {
    .Layout_textPageTitle_2itBk {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.Layout_screenreaderOnly_2SPTA {
  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%); }

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

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

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

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

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

.Layout_layout_fZbPD {
  padding: 16px; }
  @media only screen and (min-width: 33.5rem) {
    .Layout_layout_fZbPD {
      width: 100%;
      padding: 32px 16px; } }

.Layout_layoutInside_tOUxk {
  max-width: 80rem;
  margin: 0 auto; }
  @media only screen and (min-width: 60rem) {
    .Layout_hasMainSideColumns_3J_Vj .Layout_layoutInside_tOUxk {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .Layout_hasMainSideColumns_3J_Vj .Layout_layoutInside_tOUxk .Layout_layoutMain_Alz3o {
        -webkit-box-flex: 2;
            -ms-flex: 2 0;
                flex: 2 0;
        width: 66.66%;
        margin-right: 16px; }
      .Layout_hasMainSideColumns_3J_Vj .Layout_layoutInside_tOUxk .Layout_layoutSide_2ySrd {
        -webkit-box-flex: 1;
            -ms-flex: 1 0;
                flex: 1 0;
        width: 33.33%; } }
  @media only screen and (min-width: 60rem) {
    .Layout_hasMainSideColumns_3J_Vj .Layout_layoutInside_tOUxk .Layout_layoutMain_Alz3o {
      margin-right: 32px; } }
  @media only screen and (min-width: 33.5rem) {
    .Layout_hasAllMainColumns_1m_Nz .Layout_layoutInside_tOUxk {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .Layout_hasAllMainColumns_1m_Nz .Layout_layoutInside_tOUxk .Layout_layoutMain_Alz3o {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      .Layout_hasAllMainColumns_1m_Nz .Layout_layoutInside_tOUxk .Layout_layoutSide_2ySrd {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; } }

.Layout_md_1Qr53 {
  max-width: 40rem; }

.Layout_lg_15BHP {
  max-width: 60rem; }

.Layout_xxlg_1u9vf {
  max-width: 100rem; }

.Layout_xxxlg_2YBh5 {
  max-width: 120rem; }

.Layout_light_qezUC {
  background-color: #eee; }

.Layout_dark_2vp9S {
  background-color: #555; }

.Layout_black_2V7pY {
  background-color: #111; }

/*
 * 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
 * ========================================================================== */
.Loader_textUppercase_pienh {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

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

.Loader_textSmoothing_-9eYw, .Loader_textPageTitle_1Ty_r {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.Loader_textPageTitle_1Ty_r {
  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) {
    .Loader_textPageTitle_1Ty_r {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.Loader_screenreaderOnly_3RyaU {
  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%); }

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

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

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

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

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

.Loader_loader_3GhuK {
  display: block; }

.Loader_loaderText_r4CCp {
  /* padding-top: var(--spacing-md); */ }
  .Loader_loaderText_r4CCp span {
    /**
	    * Use the blink animation, which is defined above
	    */
    -webkit-animation-name: Loader_blink_xtQkX;
            animation-name: Loader_blink_xtQkX;
    -webkit-animation-duration: 1.4s;
            animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    /**
	    * This makes sure that the starting style (opacity: .2)
	    * of the animation is applied before the animation starts.
	    * Otherwise we would see a short flash or would have
	    * to set the default styling of the dots to the same
	    * as the animation. Same applies for the ending styles.
	    */
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
  .Loader_loaderText_r4CCp span:nth-child(2) {
    /**
	     * Starts the animation of the third dot
	     * with a delay of .2s, otherwise all dots
	     * would animate at the same time
	     */
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .Loader_loaderText_r4CCp span:nth-child(3) {
    /**
	    * Starts the animation of the third dot
	    * with a delay of .4s, otherwise all dots
	    * would animate at the same time
	    */
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s; }

.Loader_sm_1EHDO div {
  border-width: 4px !important;
  border-style: solid !important;
  border-right-color: transparent !important;
  border-radius: 50% !important; }

.Loader_md_28zX1 div {
  border-width: 6px !important;
  border-style: solid !important;
  border-right-color: transparent !important;
  border-radius: 50% !important; }

.Loader_lg_21TbA div {
  border-width: 12px !important;
  border-style: solid !important;
  border-right-color: transparent !important;
  border-radius: 50% !important; }

@-webkit-keyframes Loader_blink_xtQkX {
  /**
    * At the start of the animation the dot
    * has an opacity of .2
    */
  0% {
    opacity: 0.2; }
  /**
    * At 20% the dot is fully visible and
    * then fades out slowly
    */
  20% {
    opacity: 1; }
  /**
    * Until it reaches an opacity of .2 and
    * the animation can start again
    */
  100% {
    opacity: 0.2; } }

@keyframes Loader_blink_xtQkX {
  /**
    * At the start of the animation the dot
    * has an opacity of .2
    */
  0% {
    opacity: 0.2; }
  /**
    * At 20% the dot is fully visible and
    * then fades out slowly
    */
  20% {
    opacity: 1; }
  /**
    * Until it reaches an opacity of .2 and
    * the animation can start again
    */
  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
 * ========================================================================== */
.TextTruncate_textUppercase_Cc7t1 {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

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

.TextTruncate_textSmoothing_1R-GG, .TextTruncate_textPageTitle_1CowE {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.TextTruncate_textPageTitle_1CowE {
  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) {
    .TextTruncate_textPageTitle_1CowE {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.TextTruncate_screenreaderOnly_GKP9c {
  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%); }

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

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

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

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

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

.TextTruncate_button_22Njl {
  display: block;
  margin-top: -12px;
  text-align: left; }

/*
 * 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
 * ========================================================================== */
.FormatBlock_textUppercase_3FfnI {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

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

.FormatBlock_textSmoothing_3wEwQ, .FormatBlock_textPageTitle_xAiKm {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.FormatBlock_textPageTitle_xAiKm {
  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) {
    .FormatBlock_textPageTitle_xAiKm {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.FormatBlock_screenreaderOnly_2Rwzp {
  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%); }

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

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

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

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

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

.FormatBlock_formatBlock_2_TyE {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #eee; }
  .FormatBlock_formatBlock_2_TyE::before {
    content: '';
    display: block;
    padding-top: 100%; }
  .FormatBlock_formatBlock_2_TyE .FormatBlock_icon_3ZV3y {
    width: 60%;
    opacity: 0.8; }
    @media only screen and (min-width: 33.5rem) {
      .FormatBlock_formatBlock_2_TyE .FormatBlock_icon_3ZV3y {
        width: 60%; } }

.FormatBlock_content_1_35S {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.FormatBlock_name_2vsD4 {
  display: inline;
  margin-top: 0;
  margin-bottom: 8px;
  padding: 0 8px;
  font-size: 0.875rem;
  line-height: 16px 0.5;
  text-align: center; }

/*
 * 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
 * ========================================================================== */
.Tags_textUppercase_2ClBf {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

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

.Tags_textSmoothing_SrST_, .Tags_textPageTitle_gCnTg {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.Tags_textPageTitle_gCnTg {
  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) {
    .Tags_textPageTitle_gCnTg {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.Tags_screenreaderOnly_3VfnX {
  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%); }

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

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

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

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

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

.Tags_tags_pV_Wi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 16px; }

.Tags_tag_255Ib {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 8px;
  margin-bottom: 16px;
  padding: 4px 8px;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 20px;
  text-transform: capitalize;
  background-color: #333;
  border: 0 none;
  border-radius: 16px; }
  .Tags_tag_255Ib:link, .Tags_tag_255Ib:visited {
    color: #fff;
    text-decoration: none; }
  .Tags_tag_255Ib:hover, .Tags_tag_255Ib:active {
    background-color: #555; }

.Tags_tagButton_1klXy {
  color: #fff;
  cursor: pointer; }

.Tags_showMoreTagsBlock_37erl {
  -ms-flex-preferred-size: 100%;
      flex-basis: 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
 * ========================================================================== */
.Image_textUppercase_36kG7 {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

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

.Image_textSmoothing_IBuDs, .Image_textPageTitle_2893s {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.Image_textPageTitle_2893s {
  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) {
    .Image_textPageTitle_2893s {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.Image_screenreaderOnly_1jMW7 {
  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%); }

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

.Image_listUnstyled_1-o-w {
  padding-left: 0;
  list-style: none; }

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

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

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

.Image_image_1vNrl {
  vertical-align: middle;
  opacity: 1; }

.Image_imageIsLoaded_3XvB4 {
  opacity: 1;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity; }

.Image_imageIsLoading_1TtAy {
  opacity: 0; }
  .Image_imageIsLoading_1TtAy.Image_imageLazy_28jrH {
    position: absolute; }

/*
 * 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
 * ========================================================================== */
.ItemInfo_textUppercase_2jzey {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

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

.ItemInfo_textSmoothing_1pmJO, .ItemInfo_textPageTitle_2RSYb {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ItemInfo_textPageTitle_2RSYb {
  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) {
    .ItemInfo_textPageTitle_2RSYb {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.ItemInfo_screenreaderOnly_3M2D5 {
  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%); }

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

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

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

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

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

.ItemInfo_itemInfo_3og0v {
  display: block; }
  @media only screen and (min-width: 33.5rem) {
    .ItemInfo_itemInfo_3og0v {
      padding-top: 0; } }
  .ItemInfo_itemInfo_3og0v h2 {
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 32px; }
  .ItemInfo_itemInfo_3og0v p {
    margin-bottom: 0; }

.ItemInfo_row_2VQJp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px; }
  .ItemInfo_row_2VQJp:last-child {
    margin-bottom: 0; }

.ItemInfo_authorInfo_1A3mf {
  display: block;
  margin-bottom: 0; }
  .ItemInfo_authorInfo_1A3mf a {
    display: block;
    margin-right: 0;
    margin-bottom: 0;
    padding: 0;
    color: #111;
    font-size: 1rem;
    font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
    line-height: 24px;
    letter-spacing: 0.1px;
    text-decoration: none;
    background-color: transparent;
    border: 0 none;
    border-radius: 0; }
    .ItemInfo_authorInfo_1A3mf a:link, .ItemInfo_authorInfo_1A3mf a:visited {
      color: #111;
      text-decoration: underline; }
    .ItemInfo_authorInfo_1A3mf a:hover, .ItemInfo_authorInfo_1A3mf a:active {
      background-color: transparent; }

.ItemInfo_label_jCJdU {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 8px;
  font-weight: 500;
  font-size: 1rem;
  line-height: 28px; }

.ItemInfo_value_1fJL_ {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2; }
  .ItemInfo_value_1fJL_ button {
    margin-top: 0; }

.ItemInfo_formatBlock_3b2du {
  width: 8rem;
  background-color: initial;
  border: 1px solid #ccc; }

.ItemInfo_partOfTitle_3SUl1 {
  text-decoration: underline;
  cursor: pointer; }

.ItemInfo_availabilityStatus_I2FD_ {
  margin-left: 35%; }
  @media only screen and (min-width: 33.5rem) {
    .ItemInfo_availabilityStatus_I2FD_ {
      margin-left: 34%; } }
  .ItemInfo_availabilityStatus_I2FD_ p {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-top: 8px;
    margin-right: 4px;
    padding: 4px 8px;
    font-size: 0.75rem;
    font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
    line-height: 18px;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    border: 1px solid #222;
    border-radius: 4px; }

/*
 * 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
 * ========================================================================== */
.ItemThumbnail_textUppercase_BRBi2 {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

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

.ItemThumbnail_textSmoothing_1K5oD, .ItemThumbnail_textPageTitle_Amgh6 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ItemThumbnail_textPageTitle_Amgh6 {
  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) {
    .ItemThumbnail_textPageTitle_Amgh6 {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.ItemThumbnail_screenreaderOnly_1-l8J {
  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%); }

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

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

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

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

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

.ItemThumbnail_itemThumbnail_1C8Gs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
  background-color: #eee; }

.ItemThumbnail_contentBlock_1KbYG {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 75%; }

.ItemThumbnail_contentBlockRatio_1_1_1nTZH {
  padding-bottom: 100%; }

.ItemThumbnail_content_1aWj5 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .ItemThumbnail_content_1aWj5 svg {
    max-height: 90px; }

.ItemThumbnail_image_1S9fB {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  cursor: pointer; }
  @supports ((-o-object-fit: contain) or (object-fit: contain)) {
    .ItemThumbnail_image_1S9fB {
      -o-object-fit: contain;
         object-fit: contain; } }

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .ItemThumbnail_imageCover_2b0Z7 {
    -o-object-fit: cover;
       object-fit: cover; } }

.ItemThumbnail_formatBlock_3U3Y1 {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .ItemThumbnail_formatBlock_3U3Y1 .ItemThumbnail_formatIcon_1MRhW {
    width: 60%;
    margin-bottom: 15%;
    opacity: 0.8; }
    @media only screen and (min-width: 40rem) {
      .ItemThumbnail_formatBlock_3U3Y1 .ItemThumbnail_formatIcon_1MRhW {
        width: 40%;
        margin-bottom: 20%; } }
    @media only screen and (min-width: 60rem) {
      .ItemThumbnail_formatBlock_3U3Y1 .ItemThumbnail_formatIcon_1MRhW svg {
        max-height: 100%; } }

.ItemThumbnail_imageCaption_3N9Jt {
  position: absolute;
  bottom: 0;
  z-index: 10;
  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-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  height: 44px;
  padding: 4px 8px;
  color: #fff;
  font-weight: 500;
  font-size: 0.875rem;
  background: rgba(51, 51, 51, 0.9);
  border-top: 4px solid #24bddb; }

.ItemThumbnail_groupedElement_3wD4U {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: row;
      -ms-flex: row;
          flex: row; }
  .ItemThumbnail_groupedElement_3wD4U .ItemThumbnail_formatIcon_1MRhW {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-right: auto;
    padding: 3px;
    color: #24bddb;
    background-color: #24bddb;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 1px #24bddb inset;
            box-shadow: 0 0 0 1px #24bddb inset; }
  .ItemThumbnail_groupedElement_3wD4U .ItemThumbnail_fileCount_3kmBx {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 4px;
    margin-left: auto; }
    .ItemThumbnail_groupedElement_3wD4U .ItemThumbnail_fileCount_3kmBx span {
      font-weight: normal; }

