/* Convert px to rem
** Usage:
** font-size: rem(23);
*/
/* A small function allowing skipping base64 encoding
** and simply pasting the SVG markup right in the CSS.
** @author Jakob Eriksen
** @link http://codepen.io/jakob-e/pen/doMoML
** @param {String} $svg - SVG image to encode
** @return {String} - Encoded SVG data uri
*/
/* Replace `$search` with `$replace` in `$string`
** @author Hugo Giraudel
** @link http://sassmeister.com/gist/1b4f2da5527830088e4d
** @param {String} $string - Initial string
** @param {String} $search - Substring to replace
** @param {String} $replace ('') - New value
** @return {String} - Updated string
*/
/* Replace substring 'fillColor' to real color from variables */
/* Convert px to rem
** Usage:
** font-size: rem(23);
*/
/* A small function allowing skipping base64 encoding
** and simply pasting the SVG markup right in the CSS.
** @author Jakob Eriksen
** @link http://codepen.io/jakob-e/pen/doMoML
** @param {String} $svg - SVG image to encode
** @return {String} - Encoded SVG data uri
*/
/* Replace `$search` with `$replace` in `$string`
** @author Hugo Giraudel
** @link http://sassmeister.com/gist/1b4f2da5527830088e4d
** @param {String} $string - Initial string
** @param {String} $search - Substring to replace
** @param {String} $replace ('') - New value
** @return {String} - Updated string
*/
/* Replace substring 'fillColor' to real color from variables */
/* Mixin for button animation,
    use: @include button-animation(); for .btn-primary-dark--white-bg button
*/
/* Mixin for arrow link animation,
    use: @include arrow-link-animation(); for .btn-tertiary-dark--white-bg button
*/
/* Mixin for link animation,
    use: @include link-animation(); for .btn-link-dark--white-bg button
*/
/* Mixin for button background animation,
    use: @include hoverBgEffect($primary-slate, $scale: 1.4, $speed: 0.4s);
*/
/**
 * Mixin for adding gradient line to the bottom.
 * @param {$side-colors} color.
 */
/**
 * Mixin for adding text underline.
 */
/**
 * Mixin for cropping the text.
 * @param {$line-clamp} number of visible lines.
 */
.b-countdown-wrapper {
  margin-bottom: 3.5rem;
}
@media (min-width: 1024px) {
  .b-countdown-wrapper {
    margin-bottom: 6.25rem;
  }
}
.tile_hero-inner .b-countdown-wrapper {
  margin: 0;
}

.tile_hero-inner .b-countdown-region {
  padding: 0;
}

.b-countdown {
  padding: 3.3125rem 2rem;
  text-align: center;
}
@media (min-width: 768px) {
  .b-countdown.m-countdown-compact {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.b-countdown.m-countdown-compact .b-countdown__title {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .b-countdown.m-countdown-compact .b-countdown__title {
    margin: 0 1.875rem 0 0;
    text-align: left;
  }
}
.b-countdown.m-countdown-extended .b-countdown__title {
  font-weight: 700;
}
@media (max-width: 1023.98px) {
  .b-countdown.m-vertically-aligned-mobile {
    position: absolute;
    z-index: 2;
  }
}
@media (min-width: 1024px) {
  .b-countdown.m-vertically-aligned-desktop {
    position: absolute;
    z-index: 2;
  }
}
@media (max-width: 1023.98px) {
  .b-countdown.m-vertically-top-mobile {
    top: 0;
  }
}
@media (max-width: 1023.98px) {
  .b-countdown.m-vertically-center-mobile {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (max-width: 1023.98px) {
  .b-countdown.m-vertically-bottom-mobile {
    bottom: 0;
  }
}
@media (min-width: 1024px) {
  .b-countdown.m-vertically-top-desktop {
    top: 0;
  }
}
@media (min-width: 1024px) {
  .b-countdown.m-vertically-center-desktop {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (min-width: 1024px) {
  .b-countdown.m-vertically-bottom-desktop {
    bottom: 0;
  }
}
.b-countdown__description {
  margin-bottom: 2.25rem;
}
@media (min-width: 1024px) {
  .b-countdown__description {
    margin-bottom: 2.8125rem;
  }
}
.b-countdown__subtitle {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 1.125rem;
}
@media (min-width: 1024px) {
  .b-countdown__subtitle {
    font-size: 1.5rem;
    margin-bottom: 2.5rem;
  }
}
.b-countdown__notes {
  margin: 2rem auto 0;
  max-width: 26rem;
}
@media (min-width: 1024px) {
  .b-countdown__notes {
    margin-top: 2.75rem;
  }
}
.b-countdown__button {
  margin-top: 2.5rem;
}
@media (min-width: 1024px) {
  .b-countdown__button {
    margin-top: 3rem;
  }
}
.b-countdown .b-countdown__title {
  font-size: 1.75rem;
  line-height: 1.4;
  margin-bottom: 1rem;
}
@media (min-width: 1024px) {
  .b-countdown .b-countdown__title {
    font-size: 2.625rem;
    margin-bottom: 1.5rem;
  }
}

.b-countdown-data {
  direction: ltr /*!rtl:ignore*/;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--mobile-size);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1024px) {
  .b-countdown-data {
    font-size: var(--desktop-size);
  }
}
.b-countdown-data__item {
  font-size: 1em;
  line-height: 1.25;
  padding: 0 1rem /*!rtl:ignore*/;
  position: relative;
  text-align: center;
}
.b-countdown-data__item::after {
  content: ":";
  position: absolute;
  right: 0 /*!rtl:ignore*/;
  top: 0;
  -webkit-transform: translateX(50%) /*!rtl:ignore*/;
          transform: translateX(50%) /*!rtl:ignore*/;
}
.b-countdown-data__item:last-child {
  padding-right: 0 /*!rtl:ignore*/;
}
.b-countdown-data__item:last-child::after {
  display: none;
}
.b-countdown-data__item:first-child {
  padding-left: 0 /*!rtl:ignore*/;
}
.m-countdown-extended .b-countdown-data__item {
  padding: 0 0.5rem /*!rtl:ignore*/;
}
@media (min-width: 1024px) {
  .m-countdown-extended .b-countdown-data__item {
    padding: 0 2rem /*!rtl:ignore*/;
  }
}
@media (min-width: 1300px) {
  .m-countdown-extended .b-countdown-data__item {
    line-height: 1;
  }
}
.m-countdown-extended .b-countdown-data__item:last-child {
  padding-right: 0 /*!rtl:ignore*/;
}
.m-countdown-extended .b-countdown-data__item:first-child {
  padding-left: 0 /*!rtl:ignore*/;
}
.b-countdown-data__value {
  border-bottom: 3px solid;
  padding-bottom: 0.4375rem;
}
@media (min-width: 1300px) {
  .m-countdown-extended .b-countdown-data__value {
    border-width: 6px;
    padding-bottom: 1rem;
  }
}
.b-countdown-data__value, .b-countdown-data__item::after {
  font-size: 1em;
  line-height: 1.25em;
}
@media (min-width: 1300px) {
  .m-countdown-extended .b-countdown-data__value, .m-countdown-extended .b-countdown-data__item::after {
    line-height: 1;
  }
}
.b-countdown-data__label {
  font-size: 0.375em;
  line-height: 1;
  min-width: 3.5em;
  padding-top: 0.6875rem;
}
.m-countdown-extended .b-countdown-data__label {
  min-width: 5.5em;
}
@media (min-width: 1300px) {
  .m-countdown-extended .b-countdown-data__label {
    font-size: 0.167em;
    line-height: 1.5;
    min-width: 10em;
    padding-top: 0.75rem;
  }
}