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

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

.Loader_textSmoothing_2dtfe, .Loader_textPageTitle_2hAaD {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.Loader_screenreaderOnly_Y5sEA {
  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_1YoQu {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

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

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

.Loader_shadow_3oSZk {
  -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_OUR2- {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .Loader_mobileFullscreenFallback_OUR2- > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.Loader_loader_dywPn,
.Loader_mobile_2PlkW {
  display: block; }

.Loader_loaderText_29FXl {
  /* padding-top: var(--spacing-md); */ }
  .Loader_loaderText_29FXl span {
    /**
	    * Use the blink animation, which is defined above
	    */
    -webkit-animation-name: Loader_blink_2PBez;
            animation-name: Loader_blink_2PBez;
    -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_29FXl 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_29FXl 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_3GE9g div {
  border-width: 4px !important;
  border-style: solid !important;
  border-right-color: transparent !important;
  border-radius: 50% !important; }

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

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

@-webkit-keyframes Loader_blink_2PBez {
  /**
    * 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_2PBez {
  /**
    * 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; } }

.Loader_dotLoader_1PCj3 {
  position: relative;
  margin: 16px; }

.Loader_loaderContainer_1joRQ {
  display: inline-block;
  cursor: pointer; }

.Loader_dark_1H_9v {
  width: 10px;
  height: 10px;
  background-color: #333;
  border-radius: 50%;
  -webkit-animation: Loader_loader-darkAnimation_ntFka 1s linear infinite;
          animation: Loader_loader-darkAnimation_ntFka 1s linear infinite; }
  .Loader_dark_1H_9v.Loader_mobile_2PlkW {
    -webkit-animation: Loader_loader-darkAnimation-mobile_1AwG2 1s linear infinite;
            animation: Loader_loader-darkAnimation-mobile_1AwG2 1s linear infinite; }
    @media only screen and (min-width: 33.5rem) {
      .Loader_dark_1H_9v.Loader_mobile_2PlkW {
        -webkit-animation: Loader_loader-darkAnimation_ntFka 1s linear infinite;
                animation: Loader_loader-darkAnimation_ntFka 1s linear infinite; } }

@-webkit-keyframes Loader_loader-darkAnimation_ntFka {
  0% {
    background-color: rgba(51, 51, 51, 0.67);
    -webkit-box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0.33), -15px 0 0 0 #333333;
            box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0.33), -15px 0 0 0 #333333; }
  17% {
    background-color: #333333;
    -webkit-box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0.67), -15px 0 0 0 rgba(51, 51, 51, 0.67);
            box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0.67), -15px 0 0 0 rgba(51, 51, 51, 0.67); }
  33% {
    background-color: rgba(51, 51, 51, 0.67);
    -webkit-box-shadow: 15px 0 0 0 #333333, -15px 0 0 0 rgba(51, 51, 51, 0.33);
            box-shadow: 15px 0 0 0 #333333, -15px 0 0 0 rgba(51, 51, 51, 0.33); }
  50% {
    background-color: rgba(51, 51, 51, 0.33);
    -webkit-box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0.67), -15px 0 0 0 rgba(51, 51, 51, 0);
            box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0.67), -15px 0 0 0 rgba(51, 51, 51, 0); }
  67% {
    background-color: rgba(51, 51, 51, 0);
    -webkit-box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0.33), -15px 0 0 0 rgba(51, 51, 51, 0.33);
            box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0.33), -15px 0 0 0 rgba(51, 51, 51, 0.33); }
  83% {
    background-color: rgba(51, 51, 51, 0.33);
    -webkit-box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0), -15px 0 0 0 rgba(51, 51, 51, 0.67);
            box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0), -15px 0 0 0 rgba(51, 51, 51, 0.67); }
  100% {
    background-color: rgba(51, 51, 51, 0.67);
    -webkit-box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0.33), -15px 0 0 0 #333333;
            box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0.33), -15px 0 0 0 #333333; } }

@keyframes Loader_loader-darkAnimation_ntFka {
  0% {
    background-color: rgba(51, 51, 51, 0.67);
    -webkit-box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0.33), -15px 0 0 0 #333333;
            box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0.33), -15px 0 0 0 #333333; }
  17% {
    background-color: #333333;
    -webkit-box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0.67), -15px 0 0 0 rgba(51, 51, 51, 0.67);
            box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0.67), -15px 0 0 0 rgba(51, 51, 51, 0.67); }
  33% {
    background-color: rgba(51, 51, 51, 0.67);
    -webkit-box-shadow: 15px 0 0 0 #333333, -15px 0 0 0 rgba(51, 51, 51, 0.33);
            box-shadow: 15px 0 0 0 #333333, -15px 0 0 0 rgba(51, 51, 51, 0.33); }
  50% {
    background-color: rgba(51, 51, 51, 0.33);
    -webkit-box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0.67), -15px 0 0 0 rgba(51, 51, 51, 0);
            box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0.67), -15px 0 0 0 rgba(51, 51, 51, 0); }
  67% {
    background-color: rgba(51, 51, 51, 0);
    -webkit-box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0.33), -15px 0 0 0 rgba(51, 51, 51, 0.33);
            box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0.33), -15px 0 0 0 rgba(51, 51, 51, 0.33); }
  83% {
    background-color: rgba(51, 51, 51, 0.33);
    -webkit-box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0), -15px 0 0 0 rgba(51, 51, 51, 0.67);
            box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0), -15px 0 0 0 rgba(51, 51, 51, 0.67); }
  100% {
    background-color: rgba(51, 51, 51, 0.67);
    -webkit-box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0.33), -15px 0 0 0 #333333;
            box-shadow: 15px 0 0 0 rgba(51, 51, 51, 0.33), -15px 0 0 0 #333333; } }

@-webkit-keyframes Loader_loader-darkAnimation-mobile_1AwG2 {
  0% {
    background-color: rgba(51, 51, 51, 0.67); }
  17% {
    background-color: #333333; }
  33% {
    background-color: rgba(51, 51, 51, 0.67); }
  50% {
    background-color: rgba(51, 51, 51, 0.33); }
  67% {
    background-color: rgba(51, 51, 51, 0); }
  83% {
    background-color: rgba(51, 51, 51, 0.33); }
  100% {
    background-color: rgba(51, 51, 51, 0.67); } }

@keyframes Loader_loader-darkAnimation-mobile_1AwG2 {
  0% {
    background-color: rgba(51, 51, 51, 0.67); }
  17% {
    background-color: #333333; }
  33% {
    background-color: rgba(51, 51, 51, 0.67); }
  50% {
    background-color: rgba(51, 51, 51, 0.33); }
  67% {
    background-color: rgba(51, 51, 51, 0); }
  83% {
    background-color: rgba(51, 51, 51, 0.33); }
  100% {
    background-color: rgba(51, 51, 51, 0.67); } }

.Loader_light_2zO-R {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-animation: Loader_loader-lightAnimation_21Fyj 1s linear infinite;
          animation: Loader_loader-lightAnimation_21Fyj 1s linear infinite; }

@-webkit-keyframes Loader_loader-lightAnimation_21Fyj {
  0% {
    background-color: rgba(255, 255, 255, 0.67);
    -webkit-box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.33), -15px 0 0 0 white;
            box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.33), -15px 0 0 0 white; }
  17% {
    background-color: white;
    -webkit-box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.67), -15px 0 0 0 rgba(255, 255, 255, 0.67);
            box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.67), -15px 0 0 0 rgba(255, 255, 255, 0.67); }
  33% {
    background-color: rgba(255, 255, 255, 0.67);
    -webkit-box-shadow: 15px 0 0 0 white, -15px 0 0 0 rgba(255, 255, 255, 0.33);
            box-shadow: 15px 0 0 0 white, -15px 0 0 0 rgba(255, 255, 255, 0.33); }
  50% {
    background-color: rgba(255, 255, 255, 0.33);
    -webkit-box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.67), -15px 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.67), -15px 0 0 0 rgba(255, 255, 255, 0); }
  67% {
    background-color: rgba(255, 255, 255, 0);
    -webkit-box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.33), -15px 0 0 0 rgba(255, 255, 255, 0.33);
            box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.33), -15px 0 0 0 rgba(255, 255, 255, 0.33); }
  83% {
    background-color: rgba(255, 255, 255, 0.33);
    -webkit-box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0), -15px 0 0 0 rgba(255, 255, 255, 0.67);
            box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0), -15px 0 0 0 rgba(255, 255, 255, 0.67); }
  100% {
    background-color: rgba(255, 255, 255, 0.67);
    -webkit-box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.33), -15px 0 0 0 white;
            box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.33), -15px 0 0 0 white; } }

@keyframes Loader_loader-lightAnimation_21Fyj {
  0% {
    background-color: rgba(255, 255, 255, 0.67);
    -webkit-box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.33), -15px 0 0 0 white;
            box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.33), -15px 0 0 0 white; }
  17% {
    background-color: white;
    -webkit-box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.67), -15px 0 0 0 rgba(255, 255, 255, 0.67);
            box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.67), -15px 0 0 0 rgba(255, 255, 255, 0.67); }
  33% {
    background-color: rgba(255, 255, 255, 0.67);
    -webkit-box-shadow: 15px 0 0 0 white, -15px 0 0 0 rgba(255, 255, 255, 0.33);
            box-shadow: 15px 0 0 0 white, -15px 0 0 0 rgba(255, 255, 255, 0.33); }
  50% {
    background-color: rgba(255, 255, 255, 0.33);
    -webkit-box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.67), -15px 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.67), -15px 0 0 0 rgba(255, 255, 255, 0); }
  67% {
    background-color: rgba(255, 255, 255, 0);
    -webkit-box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.33), -15px 0 0 0 rgba(255, 255, 255, 0.33);
            box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.33), -15px 0 0 0 rgba(255, 255, 255, 0.33); }
  83% {
    background-color: rgba(255, 255, 255, 0.33);
    -webkit-box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0), -15px 0 0 0 rgba(255, 255, 255, 0.67);
            box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0), -15px 0 0 0 rgba(255, 255, 255, 0.67); }
  100% {
    background-color: rgba(255, 255, 255, 0.67);
    -webkit-box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.33), -15px 0 0 0 white;
            box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.33), -15px 0 0 0 white; } }

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

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

.Layout_textSmoothing_1QIph, .Layout_textPageTitle_29dVk {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.Layout_screenreaderOnly_1ClD6 {
  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_3ZGF7 {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

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

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

.Layout_shadow_9kUAM {
  -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_3PVwt {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .Layout_mobileFullscreenFallback_3PVwt > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

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

.Layout_layoutInside_2lHKd {
  max-width: 80rem;
  margin: 0 auto; }
  @media only screen and (min-width: 60rem) {
    .Layout_hasMainSideColumns_14P9m .Layout_layoutInside_2lHKd {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .Layout_hasMainSideColumns_14P9m .Layout_layoutInside_2lHKd .Layout_layoutMain_2oCcW {
        -webkit-box-flex: 2;
            -ms-flex: 2 0;
                flex: 2 0;
        width: 66.66%;
        margin-right: 16px; }
      .Layout_hasMainSideColumns_14P9m .Layout_layoutInside_2lHKd .Layout_layoutSide_1FnXc {
        -webkit-box-flex: 1;
            -ms-flex: 1 0;
                flex: 1 0;
        width: 33.33%; } }
  @media only screen and (min-width: 60rem) {
    .Layout_hasMainSideColumns_14P9m .Layout_layoutInside_2lHKd .Layout_layoutMain_2oCcW {
      margin-right: 32px; } }
  @media only screen and (min-width: 33.5rem) {
    .Layout_hasAllMainColumns_2Q2EN .Layout_layoutInside_2lHKd {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .Layout_hasAllMainColumns_2Q2EN .Layout_layoutInside_2lHKd .Layout_layoutMain_2oCcW {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      .Layout_hasAllMainColumns_2Q2EN .Layout_layoutInside_2lHKd .Layout_layoutSide_1FnXc {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; } }

.Layout_md_3wJWT {
  max-width: 40rem; }

.Layout_lg_2v1cZ {
  max-width: 60rem; }

.Layout_xxlg_2ed4m {
  max-width: 100rem; }

.Layout_xxxlg_2hk-R {
  max-width: 120rem; }

.Layout_light_1L2Qw {
  background-color: #eee; }

.Layout_dark_3fl-c {
  background-color: #555; }

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

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

.TextTruncate_textSmoothing_2yx7V, .TextTruncate_textPageTitle_2Vgrh {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.TextTruncate_screenreaderOnly_3Tfll {
  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_3MCfq {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

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

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

.TextTruncate_shadow_2yoiX {
  -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_yEVIC {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .TextTruncate_mobileFullscreenFallback_yEVIC > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.TextTruncate_button_v0rzh {
  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_NI6H5 {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

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

.FormatBlock_textSmoothing_1P6Bh, .FormatBlock_textPageTitle_1sG0e {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.FormatBlock_screenreaderOnly_3aQKx {
  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_17DlG {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

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

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

.FormatBlock_shadow_6w8ZJ {
  -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_2NRNC {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .FormatBlock_mobileFullscreenFallback_2NRNC > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

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

.FormatBlock_content_FGLAS {
  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_15Chj {
  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_326Tk {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

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

.Tags_textSmoothing_2e1xW, .Tags_textPageTitle_310cz {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.Tags_screenreaderOnly_17GOj {
  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_21Iwk {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

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

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

.Tags_shadow_2Ajxg {
  -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_19Pfo {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .Tags_mobileFullscreenFallback_19Pfo > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

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

.Tags_tag_3tuMH {
  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_3tuMH:link, .Tags_tag_3tuMH:visited {
    color: #fff;
    text-decoration: none; }
  .Tags_tag_3tuMH:hover, .Tags_tag_3tuMH:active {
    background-color: #555; }

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

.Tags_showMoreTagsBlock_1THs9 {
  -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_1dJ86 {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

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

.Image_textSmoothing_W6X1r, .Image_textPageTitle_2EzDc {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.Image_screenreaderOnly_39c5w {
  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_1XiZS {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

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

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

.Image_shadow_2Bxsy {
  -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_2X4uK {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .Image_mobileFullscreenFallback_2X4uK > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

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

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

.Image_imageIsLoading_3mRzN {
  opacity: 0; }
  .Image_imageIsLoading_3mRzN.Image_imageLazy_3xM_6 {
    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_11mrL {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

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

.ItemInfo_textSmoothing_1yQY7, .ItemInfo_textPageTitle_3YU4x {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.ItemInfo_screenreaderOnly_266Ow {
  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_2cSIj {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

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

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

.ItemInfo_shadow_14vSY {
  -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_3iTIa {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .ItemInfo_mobileFullscreenFallback_3iTIa > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

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

.ItemInfo_row_4wfkO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px; }
  .ItemInfo_row_4wfkO:last-of-type {
    margin-bottom: 0; }

.ItemInfo_authorInfo_26bda {
  display: block;
  margin-bottom: 0; }
  .ItemInfo_authorInfo_26bda 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_26bda a:link, .ItemInfo_authorInfo_26bda a:visited {
      color: #111;
      text-decoration: underline; }
    .ItemInfo_authorInfo_26bda a:hover, .ItemInfo_authorInfo_26bda a:active {
      background-color: transparent; }

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

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

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

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

.ItemInfo_availabilityStatus_Q_xAL {
  margin-left: 35%; }
  @media only screen and (min-width: 33.5rem) {
    .ItemInfo_availabilityStatus_Q_xAL {
      margin-left: 34%; } }
  .ItemInfo_availabilityStatus_Q_xAL 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_3_Pok {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

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

.ItemThumbnail_textSmoothing_1yiKi, .ItemThumbnail_textPageTitle_3if15 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.ItemThumbnail_screenreaderOnly_y6Ux5 {
  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_X531v {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

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

.ItemThumbnail_buttonUnstyled_23xq- {
  display: block;
  border: none; }

.ItemThumbnail_shadow_1oSdx {
  -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_1J5oV {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .ItemThumbnail_mobileFullscreenFallback_1J5oV > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.ItemThumbnail_itemThumbnail_3dHK_ {
  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_Uk1Sg {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 75%; }

.ItemThumbnail_contentBlockRatio_1_1_2rvEj {
  padding-bottom: 100%; }

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

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

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

.ItemThumbnail_formatBlock_1w3Gc {
  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_1w3Gc .ItemThumbnail_formatIcon_21iAs {
    width: 60%;
    margin-bottom: 15%;
    opacity: 0.8; }
    @media only screen and (min-width: 40rem) {
      .ItemThumbnail_formatBlock_1w3Gc .ItemThumbnail_formatIcon_21iAs {
        width: 40%;
        margin-bottom: 20%; } }
    @media only screen and (min-width: 60rem) {
      .ItemThumbnail_formatBlock_1w3Gc .ItemThumbnail_formatIcon_21iAs svg {
        max-height: 100%; } }

.ItemThumbnail_imageCaption_3RzDU {
  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_1E4k_ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: row;
      -ms-flex: row;
          flex: row; }
  .ItemThumbnail_groupedElement_1E4k_ .ItemThumbnail_formatIcon_21iAs {
    -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_1E4k_ .ItemThumbnail_fileCount_1aFWo {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 4px;
    margin-left: auto; }
    .ItemThumbnail_groupedElement_1E4k_ .ItemThumbnail_fileCount_1aFWo span {
      font-weight: normal; }