/*
* Scut, a collection of Sass utilities
* to ease and improve our implementations of common style-code patterns.
* v2.0.0
* Docs at http://ramseyinhouse.github.io/scut
*/
.sn_banner_media_content__wr {
  position: relative;
  overflow: hidden;
  padding-top: 4rem;
  padding-bottom: 4rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
  align-items: center;
  color: #fff;
  --bs-heading-color: #fff;
  border-radius: 0.5rem;
  background-color: #DB0032;
}
@media only screen and (min-width: 62em) {
  .sn_banner_media_content__wr {
    padding-top: 6rem;
    padding-bottom: 6rem;
    padding-left: 0;
    padding-right: 0;
  }
}
.sn_banner_media_content__wr.__higher {
  padding-bottom: 11rem;
}
@media only screen and (min-width: 62em) {
  .sn_banner_media_content__wr.__higher {
    padding-bottom: 22.375rem;
  }
}
.sn_banner_media_content__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.sn_banner_media_content__bg__in {
  position: relative;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 0em) and (max-width: 61.99em) {
  .sn_banner_media_content__bg__in picture.__desktop {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .sn_banner_media_content__bg__in picture.__mobile {
    display: none;
  }
}
.sn_banner_media_content__bg .sn_playpause {
  bottom: calc(0.3125rem + var(--sn-extra-padding));
}
.sn_banner_media_content__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.4);
}
.sn_banner_media_content__in {
  position: relative;
  z-index: 3;
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.sn_banner_media_content__thumb {
  text-align: right;
  margin-top: -3.125rem;
  margin-right: -1.25rem;
}
@media only screen and (min-width: 62em) {
  .sn_banner_media_content__thumb {
    text-align: center;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-top: 0;
  }
}