html.lightbox-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

.lightbox-backdrop {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  top: 0px;
  left: 0px;
  z-index: 100;
}

.lightbox-btn-left,
.lightbox-btn-right,
.lightbox-btn-close,
.lightbox-title-content,
.lightbox-modifiers-box {
  transition: opacity 200ms ease;
}

@media (max-height: 599px) {
  .hide-controls .lightbox-btn-close,
  .hide-controls .lightbox-title-content,
  .hide-controls .lightbox-modifiers-box {
    opacity: 0;
    pointer-events: none;
  }
}

.lightbox-btn-right {
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  right: 0px;
}

.lightbox-btn-left {
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  left: 0px;
}

@media (min-width: 768px) {
  .lightbox-btn-right {
    padding-right: 30px;
  }

  .lightbox-btn-left {
    padding-left: 30px;
  }
}

.lightbox-title-content {
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  position: absolute;
  width: 100%;
  z-index: 1;
  bottom: 0;
  text-align: center;
  padding: 10px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.42857143;
}

.lightbox-title {
  color: black;
  font-weight: 600;
  font-size: 16px;
}

.lightbox-description {
  color: black;
  font-size: 14px;
}

.lightbox-transition-image-appear {
  opacity: 0.1;
}

.lightbox-transition-image-appear.lightbox-transition-image-appear-active {
  opacity: 1;
  transition: opacity 0.3s ease-in;
}

.lightbox-transition-image-enter-right {
  -webkit-transform: translate(100%);
          transform: translate(100%);
}

.lightbox-transition-image-enter-right.lightbox-transition-image-enter-right-active {
  -webkit-transform: translate(0%);
          transform: translate(0%);
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}

.lightbox-transition-image-leave-right {
  -webkit-transform: translate(0%);
          transform: translate(0%);
}

.lightbox-transition-image-leave-right.lightbox-transition-image-leave-right-active {
  -webkit-transform: translate(-100%);
          transform: translate(-100%);
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}

.lightbox-transition-image-enter-left {
  -webkit-transform: translate(-100%);
          transform: translate(-100%);
}

.lightbox-transition-image-enter-left.lightbox-transition-image-enter-left-active {
  -webkit-transform: translate(0%);
          transform: translate(0%);
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}

.lightbox-transition-image-leave-left {
  -webkit-transform: translate(0%);
          transform: translate(0%);
}

.lightbox-transition-image-leave-left.lightbox-transition-image-leave-left-active {
  -webkit-transform: translate(100%);
          transform: translate(100%);
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}

.insta-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
}


.lightbox-btn {
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  background: none;
  border: 1px solid transparent;
  fill: white;
  opacity: 0.8;
  outline: none;
  margin: 2px 2px;
  padding: 0 0;
  -webkit-tap-highlight-color: #ffffff00;
}

.lightbox-btn:hover {
  opacity: 1;
  transition: opacity 200ms ease;
}

.lightbox-btn--ripple circle {
  fill: none;
}

.lightbox-btn--ripple:hover circle {
  -webkit-transform: scale(3);
          transform: scale(3);
  -webkit-transform-origin: 33% 33%;
          transform-origin: 33% 33%;
  fill: #64646480;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
}


.lightbox-content-center {
  width: 100%;
  height: 100%;
  position: absolute;
}

.lightbox-modifiers-box {
  background-color: rgba(0, 0, 0, 0.2);
  text-align: center;
  font-size: 1.2em;
  position: absolute;
  width: 100%;
  z-index: 1;
}

@media (min-height: 600px) {
  .lightbox-modifiers-box {
    background-color: transparent;
  }
}

@media (min-width: 768px) {
  .lightbox-image-container {
    margin: 0 5em;
  }
}

.lightbox-image-container {
  overflow: hidden;
  height: calc(100% - 180px);
  margin-top: 75px;
}

.lightbox-image {
  height: 100%;
  background-repeat: no-repeat;
}

.lightbox-image.moving {
  transition: none;
}

.lightbox-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  fill: white;
  -webkit-animation: rotating 2s linear infinite;
          animation: rotating 2s linear infinite;
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}


.white {
  color: #fff;
}

@font-face {
  font-family: 'Tweak';
  src: url(/src/assets/fonts/Tweak_Serif_v0.2.otf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Platform-Bold';
  src: url(/src/assets/fonts/Platform-Bold-Web.eot);
  src: url(/src/assets/fonts/Platform-Bold-Web.woff2) format("woff2"), url(/src/assets/fonts/Platform-Bold-Web.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Platform-Medium';
  src: url(/src/assets/fonts/Platform-Medium.otf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Platform-Regular';
  src: url(/src/assets/fonts/Platform-Regular-Web.eot);
  src: url(/src/assets/fonts/Platform-Regular-Web.woff2) format("woff2"), url(/src/assets/fonts/Platform-Regular-Web.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Platform-RegularItalic';
  src: url(/src/assets/fonts/Platform-RegularItalic.otf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Platform-Light';
  src: url(/src/assets/fonts/Platform-Light-Web.eot);
  src: url(/src/assets/fonts/Platform-Light-Web.woff2) format("woff2"), url(/src/assets/fonts/Platform-Light-Web.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ArgentCF-Regular';
  src: url(/src/assets/fonts/argent-cf.eot);
  src: url(/src/assets/fonts/argent-cf.eot) format("embedded-opentype"), url(/src/assets/fonts/argent-cf.woff2) format("woff2"), url(/src/assets/fonts/argent-cf.woff) format("woff"), url(/src/assets/fonts/argent-cf.ttf) format("truetype"), url(/src/assets/fonts/argent-cf_90e0b8e.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ArgentCF-DemiBold';
  src: url(/src/assets/fonts/argent-cf-demi-bold.eot);
  src: url(/src/assets/fonts/argent-cf-demi-bold.eot) format("embedded-opentype"), url(/src/assets/fonts/argent-cf-demi-bold.woff2) format("woff2"), url(/src/assets/fonts/argent-cf-demi-bold.woff) format("woff"), url(/src/assets/fonts/argent-cf-demi-bold.ttf) format("truetype"), url(/src/assets/fonts/argent-cf-demi-bold_0e3d3bc.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ArgentCF-Bold';
  src: url(/src/assets/fonts/argent-cf-bold.eot);
  src: url(/src/assets/fonts/argent-cf-bold.eot) format("embedded-opentype"), url(/src/assets/fonts/argent-cf-bold.woff2) format("woff2"), url(/src/assets/fonts/argent-cf-bold.woff) format("woff"), url(/src/assets/fonts/argent-cf-bold.ttf) format("truetype"), url(/src/assets/fonts/argent-cf-bold_d65b35e.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ArgentCF-Light';
  src: url(/src/assets/fonts/argent-cf-light.eot);
  src: url(/src/assets/fonts/argent-cf-light.eot) format("embedded-opentype"), url(/src/assets/fonts/argent-cf-light.woff2) format("woff2"), url(/src/assets/fonts/argent-cf-light.woff) format("woff"), url(/src/assets/fonts/argent-cf-light.ttf) format("truetype"), url(/src/assets/fonts/argent-cf-light_13c83af.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ArgentCF-ExtraBoldItalic';
  src: url(/src/assets/fonts/argent-cf-extra-bold-italic.eot);
  src: url(/src/assets/fonts/argent-cf-extra-bold-italic.eot) format("embedded-opentype"), url(/src/assets/fonts/argent-cf-extra-bold-italic.woff2) format("woff2"), url(/src/assets/fonts/argent-cf-extra-bold-italic.woff) format("woff"), url(/src/assets/fonts/argent-cf-extra-bold-italic.ttf) format("truetype"), url(/src/assets/fonts/argent-cf-extra-bold-italic_718617f.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ArgentCF-RegularItalic';
  src: url(/src/assets/fonts/argent-cf-regular-italic.eot);
  src: url(/src/assets/fonts/argent-cf-regular-italic.eot) format("embedded-opentype"), url(/src/assets/fonts/argent-cf-regular-italic.woff2) format("woff2"), url(/src/assets/fonts/argent-cf-regular-italic.woff) format("woff"), url(/src/assets/fonts/argent-cf-regular-italic.ttf) format("truetype"), url(/src/assets/fonts/argent-cf-regular-italic_1b1dc78.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DrukCond-Super';
  src: url(/src/assets/fonts/DrukCond-Super-Web.eot);
  src: url(/src/assets/fonts/DrukCond-Super-Web.eot) format("embedded-opentype"), url(/src/assets/fonts/DrukCond-Super-Web.woff2) format("woff2"), url(/src/assets/fonts/DrukCond-Super-Web.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'DrukXCond-Super';
  src: url(/src/assets/fonts/DrukXCond-Super.otf);
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Druk-Medium';
  src: url(/src/assets/fonts/Druk-Medium-Web.eot);
  src: url(/src/assets/fonts/Druk-Medium-Web.eot) format("embedded-opentype"), url(/src/assets/fonts/Druk-Medium-Web.woff2) format("woff2"), url(/src/assets/fonts/Druk-Medium-Web.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'DrukText-Medium';
  src: url(/src/assets/fonts/DrukText-Medium-Web.eot);
  src: url(/src/assets/fonts/DrukText-Medium-Web.eot) format("embedded-opentype"), url(/src/assets/fonts/DrukText-Medium-Web.woff2) format("woff2"), url(/src/assets/fonts/DrukText-Medium-Web.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'DrukTextWide-Medium';
  src: url(/src/assets/fonts/DrukTextWide-Medium.otf);
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'DrukText-bold';
  src: url(/src/assets/fonts/DrukText-Bold.otf);
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Druk-Super';
  src: url(/src/assets/fonts/Druk-Super.otf);
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}

.font-platform-bold {
  font-stretch: condensed;
  font-family: "Platform-Bold", "AvenirNextCondensed-Bold", "Futura-CondensedExtraBold", HelveticaNeue-CondensedBold, "Ubuntu Condensed", "Liberation Sans Narrow", "Franklin Gothic Demi Cond", "Arial Narrow", sans-serif-condensed, Arial, "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;
}

.font-platform-medium {
  font-stretch: condensed;
  font-family: "Platform-Medium", "AvenirNextCondensed-Bold", "Futura-CondensedExtraBold", HelveticaNeue-CondensedBold, "Ubuntu Condensed", "Liberation Sans Narrow", "Franklin Gothic Demi Cond", "Arial Narrow", sans-serif-condensed, Arial, "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;
}

.font-platform-regular {
  font-stretch: condensed;
  font-family: "Platform-Regular", "AvenirNextCondensed-Bold", "Futura-CondensedExtraBold", HelveticaNeue-CondensedBold, "Ubuntu Condensed", "Liberation Sans Narrow", "Franklin Gothic Demi Cond", "Arial Narrow", sans-serif-condensed, Arial, "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;
}

.font-platform-regular-italic {
  font-stretch: condensed;
  font-family: "Platform-RegularItalic", "AvenirNextCondensed-Bold", "Futura-CondensedExtraBold", HelveticaNeue-CondensedBold, "Ubuntu Condensed", "Liberation Sans Narrow", "Franklin Gothic Demi Cond", "Arial Narrow", sans-serif-condensed, Arial, "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;
}

.font-platform-light {
  font-stretch: condensed;
  font-family: "Platform-Light", "AvenirNextCondensed-Bold", "Futura-CondensedExtraBold", HelveticaNeue-CondensedBold, "Ubuntu Condensed", "Liberation Sans Narrow", "Franklin Gothic Demi Cond", "Arial Narrow", sans-serif-condensed, Arial, "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;
}

.font-argent {
  font-stretch: condensed;
  font-family: "ArgentCF-Regular", "AvenirNextCondensed-Bold", "Futura-CondensedExtraBold", HelveticaNeue-CondensedBold, "Ubuntu Condensed", "Liberation Sans Narrow", "Franklin Gothic Demi Cond", "Arial Narrow", sans-serif-condensed, Arial, "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;
}

.font-argent-light {
  font-stretch: condensed;
  font-family: "ArgentCF-Light", "AvenirNextCondensed-Bold", "Futura-CondensedExtraBold", HelveticaNeue-CondensedBold, "Ubuntu Condensed", "Liberation Sans Narrow", "Franklin Gothic Demi Cond", "Arial Narrow", sans-serif-condensed, Arial, "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;
}

.font-argent-bold {
  font-stretch: condensed;
  font-family: "ArgentCF-Bold", "AvenirNextCondensed-Bold", "Futura-CondensedExtraBold", HelveticaNeue-CondensedBold, "Ubuntu Condensed", "Liberation Sans Narrow", "Franklin Gothic Demi Cond", "Arial Narrow", sans-serif-condensed, Arial, "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;
}

.font-argent-ex-bold {
  font-stretch: condensed;
  font-family: "ArgentCF-ExtraBoldItalic", "AvenirNextCondensed-Bold", "Futura-CondensedExtraBold", HelveticaNeue-CondensedBold, "Ubuntu Condensed", "Liberation Sans Narrow", "Franklin Gothic Demi Cond", "Arial Narrow", sans-serif-condensed, Arial, "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;
}

.font-druk-cond-super {
  font-stretch: condensed;
  font-family: "DrukCond-Super", "AvenirNextCondensed-Bold", "Futura-CondensedExtraBold", HelveticaNeue-CondensedBold, "Ubuntu Condensed", "Liberation Sans Narrow", "Franklin Gothic Demi Cond", "Arial Narrow", sans-serif-condensed, Arial, "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;
}

.font-druk-text-medium {
  font-stretch: condensed;
  font-family: "DrukText-Medium", "AvenirNextCondensed-Bold", "Futura-CondensedExtraBold", HelveticaNeue-CondensedBold, "Ubuntu Condensed", "Liberation Sans Narrow", "Franklin Gothic Demi Cond", "Arial Narrow", sans-serif-condensed, Arial, "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;
}

.font-druk-text-wide-medium {
  font-stretch: condensed;
  font-family: "DrukTextWide-Medium", "AvenirNextCondensed-Bold", "Futura-CondensedExtraBold", HelveticaNeue-CondensedBold, "Ubuntu Condensed", "Liberation Sans Narrow", "Franklin Gothic Demi Cond", "Arial Narrow", sans-serif-condensed, Arial, "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;
}

.font-druk-text-bold {
  font-stretch: condensed;
  font-family: "DrukText-Bold", "AvenirNextCondensed-Bold", "Futura-CondensedExtraBold", HelveticaNeue-CondensedBold, "Ubuntu Condensed", "Liberation Sans Narrow", "Franklin Gothic Demi Cond", "Arial Narrow", sans-serif-condensed, Arial, "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;
}

.font-druk-medium {
  font-stretch: condensed;
  font-family: "Druk-Medium", "AvenirNextCondensed-Bold", "Futura-CondensedExtraBold", HelveticaNeue-CondensedBold, "Ubuntu Condensed", "Liberation Sans Narrow", "Franklin Gothic Demi Cond", "Arial Narrow", sans-serif-condensed, Arial, "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;
}

.font-druk-super {
  font-stretch: condensed;
  font-family: "Druk-Super", "AvenirNextCondensed-Bold", "Futura-CondensedExtraBold", HelveticaNeue-CondensedBold, "Ubuntu Condensed", "Liberation Sans Narrow", "Franklin Gothic Demi Cond", "Arial Narrow", sans-serif-condensed, Arial, "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;
}

body {
  overflow-x: hidden;
}

#root {
  overflow-x: hidden;
}

.pointer {
  cursor: pointer;
}

.ilb {
  display: inline-block !important;
}

td {
  border: 1px solid #000;
  padding: 0 5px;
}

.mlr {
  margin-left: 2.91667vw;
  margin-right: 2.91667vw;
}

.txt-c {
  text-align: center;
}

.txt-l {
  text-align: left;
}

.vam {
  vertical-align: middle !important;
}

.hidden {
  display: none !important;
}

.fdr {
  display: flex;
  flex-direction: row;
}

.fdr-r {
  display: flex;
  flex-direction: row-reverse;
}

.fdc {
  display: flex;
  flex-direction: column;
}

.fdc-r {
  display: flex;
  flex-direction: column-reverse;
}

.fw {
  flex-wrap: wrap;
}

.flex-1 {
  flex: 1;
}

.fg-1 {
  flex: 0 0 100%;
}

.fg-2 {
  flex: 0 0 50%;
}

.fjs {
  justify-content: flex-start;
}

.fje {
  justify-content: flex-end;
}

.fjc {
  justify-content: center;
}

.fjb {
  justify-content: space-between;
}

.fja {
  justify-content: space-around;
}

.fas {
  align-items: flex-start;
}

.fae {
  align-items: flex-end;
}

.fac {
  align-items: center;
}

.constrained-body {
  margin-left: 21.33333vw;
  margin-right: 5.33333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .constrained-body {
    margin: 0;
  }
}

.relative {
  position: relative;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hidden-mobile {
    display: none !important;
  }

  .fdr-mobile {
    display: flex;
    flex-direction: row;
  }

  .fdr-r-mobile {
    display: flex;
    flex-direction: row-reverse;
  }

  .fdc-mobile {
    display: flex;
    flex-direction: column;
  }

  .fdc-r-mobile {
    display: flex;
    flex-direction: column-reverse;
  }

  .fw-mobile {
    flex-wrap: wrap;
  }

  .flex-1-mobile {
    flex: 1;
  }

  .fg-1-mobile {
    flex: 0 0 100%;
  }

  .fg-2-mobile {
    flex: 0 0 50%;
  }

  .fjs-mobile {
    justify-content: flex-start;
  }

  .fje-mobile {
    justify-content: flex-end;
  }

  .fjc-mobile {
    justify-content: center;
  }

  .fjb-mobile {
    justify-content: space-between;
  }

  .fja-mobile {
    justify-content: space-around;
  }

  .fas-mobile {
    align-items: flex-start;
  }

  .fae-mobile {
    align-items: flex-end;
  }

  .fac-mobile {
    align-items: center;
  }

  .constrained-body-mobile {
    margin-left: 21.33333vw;
    margin-right: 5.33333vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) and (min-width: 1px) and (max-width: 768px) {
  .constrained-body-mobile {
    margin: 0;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .relative-mobile {
    position: relative;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .hidden-desktop {
    display: none !important;
  }

  .fdr-desktop {
    display: flex;
    flex-direction: row;
  }

  .fdr-r-desktop {
    display: flex;
    flex-direction: row-reverse;
  }

  .fdc-desktop {
    display: flex;
    flex-direction: column;
  }

  .fdc-r-desktop {
    display: flex;
    flex-direction: column-reverse;
  }

  .fw-desktop {
    flex-wrap: wrap;
  }

  .flex-1-desktop {
    flex: 1;
  }

  .fg-1-desktop {
    flex: 0 0 100%;
  }

  .fg-2-desktop {
    flex: 0 0 50%;
  }

  .fjs-desktop {
    justify-content: flex-start;
  }

  .fje-desktop {
    justify-content: flex-end;
  }

  .fjc-desktop {
    justify-content: center;
  }

  .fjb-desktop {
    justify-content: space-between;
  }

  .fja-desktop {
    justify-content: space-around;
  }

  .fas-desktop {
    align-items: flex-start;
  }

  .fae-desktop {
    align-items: flex-end;
  }

  .fac-desktop {
    align-items: center;
  }

  .constrained-body-desktop {
    margin-left: 21.33333vw;
    margin-right: 5.33333vw;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1920px) and (min-width: 1px) and (max-width: 768px) {
  .constrained-body-desktop {
    margin: 0;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .relative-desktop {
    position: relative;
  }
}

.hide-text {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.overflow-hidden {
  overflow: hidden;
}

.channel-cover {
  position: relative;
  background-size: cover;
  background-position: center;
  width: 100vw;
  height: 46vw;
  margin-bottom: 4.16667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channel-cover {
    position: relative;
    width: 100vw;
    height: 120.53333vw;
  }
}

.channel-cover .cover-branded {
  position: absolute;
  width: 5.41667vw;
  height: 5.41667vw;
  margin-left: 2.5vw;
  margin-top: 2.5vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channel-cover .cover-branded {
    width: 10.66667vw;
    height: 10.66667vw;
    margin-left: 4vw;
    margin-top: 6.66667vw;
  }
}

.channel-cover .channel-info {
  position: relative;
  text-align: center;
  top: 16.66667vw;
}

.channel-cover .channel-info .channel-text {
  border-right: thin solid white;
  display: inline-block;
  padding-right: 0.83333vw;
  font-family: "Druk-Medium";
  font-size: 2vw;
  line-height: 2.33333vw;
  letter-spacing: 0.08333vw;
  color: white;
  letter-spacing: 0.12em;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channel-cover .channel-info .channel-text {
    border-right: none;
    position: relative;
    width: 58.4vw;
    height: 4.26667vw;
    top: 26.66667vw;
    font-family: "Druk-Medium";
    font-size: 5.33333vw;
    line-height: 6.13333vw;
    letter-spacing: 0.26667vw;
    color: white;
    letter-spacing: 0.12em;
  }
}

.channel-cover .channel-info .channel-videos-text1 {
  display: inline-block;
  padding-left: 0.83333vw;
  font-family: "DrukTextWide-Medium";
  font-size: 1.33333vw;
  line-height: 3vw;
  letter-spacing: 0.08333vw;
  color: white;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channel-cover .channel-info .channel-videos-text1 {
    display: none;
    position: relative;
    top: 53.33333vw;
    left: -30.66667vw;
    font-family: "DrukTextWide-Medium";
    font-size: 3.73333vw;
    line-height: 9.6vw;
    letter-spacing: 0.26667vw;
    color: white;
  }
}

.channel-cover .channel-info .channel-videos-text2 {
  display: none;
  padding-left: 0.83333vw;
  font-family: "DrukTextWide-Medium";
  font-size: 1.33333vw;
  line-height: 3vw;
  letter-spacing: 0.08333vw;
  color: white;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channel-cover .channel-info .channel-videos-text2 {
    display: inline-block;
    position: relative;
    top: 32vw;
    font-family: "DrukTextWide-Medium";
    font-size: 3.73333vw;
    line-height: 9.6vw;
    letter-spacing: 0.26667vw;
    color: white;
  }
}

.channel-cover .channel-info .channel-name {
  position: relative;
  top: 1.66667vw;
  font-family: "DrukTextWide-Medium";
  font-size: 6.33333vw;
  line-height: 5.66667vw;
  letter-spacing: 0.005vw;
  color: white;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channel-cover .channel-info .channel-name {
    top: 30.66667vw;
    font-family: "DrukTextWide-Medium";
    font-size: 9.6vw;
    line-height: 9.6vw;
    letter-spacing: 0.016vw;
    color: white;
  }
}

.channel-cover .channel-info .channel-play-all-button {
  position: absolute;
  top: 15.41667vw;
  left: 41.41667vw;
}

.channel-cover .channel-info .channel-play-all-button button {
  width: 17.08333vw;
  height: 4.66667vw;
  font-family: "Platform-Medium";
  font-size: 1.66667vw;
  line-height: 2.5vw;
  letter-spacing: 0.08333vw;
  color: white;
}

.channel-cover .channel-info .channel-play-all-button button:hover {
  font-family: "Platform-Medium";
  font-size: 1.66667vw;
  line-height: 2.5vw;
  letter-spacing: 0.08333vw;
  color: black;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channel-cover .channel-info .channel-play-all-button {
    top: 81.33333vw;
    left: 26.66667vw;
  }

  .channel-cover .channel-info .channel-play-all-button button {
    width: 45.33333vw;
    height: 12.26667vw;
    font-family: "Platform-Medium";
    font-size: 4.26667vw;
    line-height: 6.4vw;
    letter-spacing: 0.26667vw;
    color: white;
  }

  .channel-cover .channel-info .channel-play-all-button button:hover {
    font-family: "Platform-Regular";
    font-size: 4.26667vw;
    line-height: 6.4vw;
    letter-spacing: 0.26667vw;
    color: black;
  }
}

.channel-cover .in-sponsorship-with {
  position: absolute;
  width: 11.58333vw;
  height: 1.66667vw;
  top: 3.5vw;
  right: 4.16667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channel-cover .in-sponsorship-with {
    width: 37.06667vw;
    height: 6.13333vw;
    left: 26.13333vw;
    top: 5.33333vw;
  }
}

.channel-cover .sponsorship-name {
  position: absolute;
  width: 11.83333vw;
  height: 4.41667vw;
  top: 6.66667vw;
  right: 4vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channel-cover .sponsorship-name {
    top: 4.8vw;
    right: 18.66667vw;
  }
}

.videos-container-header {
  display: flex;
  margin: 1.08333vw;
}

.videos-container-header .videos-in-channel {
  font-family: "Platform-Bold";
  font-size: 3vw;
  line-height: 6vw;
  letter-spacing: 0.08333vw;
  color: black;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .videos-container-header .videos-in-channel {
    font-family: "Platform-Bold";
    font-size: 8vw;
    line-height: 9.06667vw;
    letter-spacing: 0.26667vw;
    color: black;
  }
}

.videos-container-header .share-icon {
  display: flex;
  align-items: center;
  margin-left: auto;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .videos-container-header .share-icon {
    display: none;
  }
}

.videos-container-header .share-icon .squigglyLine {
  padding-right: 4.16667vw;
  padding-bottom: 0.83333vw;
}

.videos-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 94.16667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .videos-wrapper {
    margin-left: -4vw;
    margin-top: 8vw;
  }
}

.videos-wrapper a,
.videos-wrapper u {
  text-decoration: none;
}

.videos-wrapper .story-container {
  display: flex;
  flex-direction: column;
  width: 29.16667vw;
  height: 28.33333vw;
  margin-left: 1.08333vw;
  margin-right: 1.08333vw;
  font-family: "Platform-Medium";
  font-size: 1.66667vw;
  line-height: 2.16667vw;
  letter-spacing: 0.08333vw;
  color: black;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .videos-wrapper .story-container {
    margin-bottom: 0.8vw;
    width: 60vw;
    height: 34.13333vw;
  }
}

.videos-wrapper .story-container .story-keyframe {
  position: relative;
  width: 29.16667vw;
  height: 18.75vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .videos-wrapper .story-container .story-keyframe {
    width: 60vw;
    height: 34.13333vw;
  }
}

.videos-wrapper .story-container .story-keyframe .background-image {
  width: 29.16667vw;
  height: 18.75vw;
  background-size: cover;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .videos-wrapper .story-container .story-keyframe .background-image {
    width: 60vw;
    height: 34.13333vw;
  }
}

.videos-wrapper .story-container .story-keyframe .background-image .background-overlay {
  width: 29.16667vw;
  height: 18.75vw;
  background-color: rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .videos-wrapper .story-container .story-keyframe .background-image .background-overlay {
    width: 60vw;
    height: 34.13333vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .videos-wrapper .story-container .story-keyframe .background-image {
    width: 60vw;
    height: 34.13333vw;
  }
}

.videos-wrapper .story-container .story-keyframe .play {
  position: absolute;
  width: 1vw;
  height: 1.33333vw;
  left: 1.66667vw;
  bottom: 1.66667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .videos-wrapper .story-container .story-keyframe .play {
    left: 3.73333vw;
    bottom: 2.66667vw;
    width: 3.2vw;
    height: 4.26667vw;
  }
}

.videos-wrapper .story-container .story-keyframe .runtime {
  font-family: "DrukTextWide-Medium";
  font-size: 1.16667vw;
  line-height: 3vw;
  letter-spacing: 0.08333vw;
  color: #000;
  color: white;
  position: absolute;
  right: 1.66667vw;
  bottom: 0.83333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .videos-wrapper .story-container .story-keyframe .runtime {
    font-family: "DrukTextWide-Medium";
    font-size: 3.2vw;
    line-height: 9.6vw;
    letter-spacing: 0.26667vw;
    color: #fff;
    right: 2.4vw;
    bottom: -1.06667vw;
  }
}

.videos-wrapper .story-container .story-keyframe .story-sponsorship {
  width: 5.41667vw;
  height: 5.41667vw;
  margin-top: -1.41667vw;
  left: 1vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .videos-wrapper .story-container .story-keyframe .story-sponsorship {
    width: 10.66667vw;
    height: 10.66667vw;
    margin-top: 2.13333vw;
    left: 2.13333vw;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .videos-wrapper .story-container .story-keyframe:hover .background-image .background-overlay {
    background-color: transparent;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .videos-wrapper .story-container .story-keyframe:hover .play {
    position: absolute;
    left: 13.16667vw;
    top: 6.58333vw;
    width: 2.75vw;
    height: 3.66667vw;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .videos-wrapper .story-container .story-keyframe:hover .runtime {
    display: none;
  }
}

.videos-wrapper .story-container .story-headline {
  width: 27.58333vw;
  height: 7.5vw;
  margin-top: 2.08333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .videos-wrapper .story-container .story-headline {
    position: relative;
    margin-left: 64.26667vw;
    margin-top: -29.33333vw;
    font-family: "Platform-Medium";
    font-size: 4vw;
    line-height: 5.33333vw;
    letter-spacing: 0.26667vw;
    color: black;
  }
}

.channels {
  padding: 3.75vw 3.33333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channels {
    padding: 0;
  }
}

.channels svg {
  display: block;
  width: 2.5vw;
  height: 4.41667vw;
  margin-left: 9.16667vw;
  margin-bottom: 0.75vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channels svg {
    display: none;
  }
}

.channels .page-title {
  position: relative;
  display: inline-block;
  font-family: "Platform-Bold";
  font-size: 5.75vw;
  line-height: 6vw;
  letter-spacing: 0.08333vw;
  color: #000;
  margin-bottom: 3.33333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channels .page-title {
    font-family: "Platform-Bold";
    font-size: 9.6vw;
    line-height: 10.66667vw;
    letter-spacing: 0.26667vw;
    color: #000;
    margin-left: 4.26667vw;
    margin-top: 8vw;
  }
}

.channels .tv-icon {
  position: absolute;
  width: 5.41667vw;
  height: 5.41667vw;
  margin-top: 0.91667vw;
  margin-left: 1.41667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channels .tv-icon {
    width: 12vw;
    height: 12vw;
    margin-left: 0vw;
    margin-top: 7.46667vw;
  }
}

.channels .squigglyLine {
  position: absolute;
  padding-top: 4.58333vw;
  right: 5vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channels .squigglyLine {
    right: 4.26667vw;
    padding-top: 16vw;
  }
}

.channels .channels-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 2.08333vw;
  grid-row-gap: 5vw;
  justify-content: center;
  margin: 3.33333vw auto;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channels .channels-container {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    margin: 8vw 4vw;
  }
}

.channels a,
.channels u {
  text-decoration: none;
}

.channel-thumbnail {
  display: flex;
  width: 29.25vw;
  height: 18.75vw;
  position: relative;
  color: transparent;
  border-radius: 2.66667vw;
  background-size: cover;
}

.channel-thumbnail .opacity {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
  width: inherit;
  height: 100%;
  border-radius: 2.66667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channel-thumbnail .opacity {
    border-radius: 7.46667vw;
  }
}

.channel-thumbnail .opacity:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channel-thumbnail {
    width: 48vw;
    height: 28.26667vw;
    border-radius: 7.46667vw;
  }
}

.channel-thumbnail.small {
  display: block;
  width: 15.83333vw;
  height: 10.08333vw;
  border-radius: 2.66667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channel-thumbnail.small {
    width: 36.26667vw;
    height: 23.46667vw;
    border-radius: 6.4vw;
  }
}

.channel-thumbnail.small .opacity {
  display: flex;
  flex-direction: column;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
  width: inherit;
  border-radius: 2.66667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channel-thumbnail.small .opacity {
    border-radius: 6.4vw;
  }
}

.channel-thumbnail.small .opacity:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55));
}

.channel-thumbnail.small .channel-thumbnail-title {
  align-self: center;
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  font-family: "DrukTextWide-Medium";
  font-size: 1.33333vw;
  line-height: 1.5vw;
  letter-spacing: 0.005vw;
  color: #fff;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channel-thumbnail.small .channel-thumbnail-title {
    font-family: "DrukTextWide-Medium";
    font-size: 3.73333vw;
    line-height: 4.53333vw;
    letter-spacing: 0.016vw;
    color: #fff;
  }
}

.channel-thumbnail.small .sponsored {
  position: absolute;
  top: -1.25vw;
  left: 1.66667vw;
}

.channel-thumbnail.small .sponsored img {
  width: 3.33333vw;
  height: 3.33333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channel-thumbnail.small .sponsored {
    top: -4vw;
    left: 2.4vw;
  }

  .channel-thumbnail.small .sponsored img {
    width: 10.66667vw;
    height: 10.66667vw;
  }
}

.channel-thumbnail .channel-thumbnail-title {
  align-self: center;
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  font-family: "DrukTextWide-Medium";
  font-size: 2.16667vw;
  line-height: 2.5vw;
  letter-spacing: 0.005vw;
  color: #fff;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channel-thumbnail .channel-thumbnail-title {
    font-family: "Platform-Bold";
    font-size: 4vw;
    line-height: 3.2vw;
    letter-spacing: 0.016vw;
    color: #fff;
  }
}

.channel-thumbnail .sponsored {
  position: absolute;
  top: -2.5vw;
  left: 1.25vw;
  z-index: 1;
}

.channel-thumbnail .sponsored img {
  width: 5.41667vw;
  height: 5.41667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channel-thumbnail .sponsored {
    position: absolute;
    top: -2.66667vw;
    left: 2.4vw;
  }

  .channel-thumbnail .sponsored img {
    width: 10.66667vw;
    height: 10.66667vw;
  }
}

.channel-thumbnail .sponsorship {
  display: flex;
  flex-direction: row;
  position: absolute;
  left: 1.66667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channel-thumbnail .sponsorship {
    bottom: 1.33333vw;
    left: -1.33333vw;
  }
}

.channel-thumbnail .sponsorship .in-sponsorship-with {
  margin-top: 1.83333vw;
  margin-left: 4.91667vw;
  width: 11.58333vw;
  height: 1.91667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channel-thumbnail .sponsorship .in-sponsorship-with {
    margin-bottom: 3.2vw;
    margin-left: 4.26667vw;
    width: 21.33333vw;
    height: 3.46667vw;
  }
}

.channel-thumbnail .sponsorship .sponsorship-name {
  margin-top: 1.25vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .channel-thumbnail .sponsorship .sponsorship-name {
    width: 11.73333vw;
    height: 7.46667vw;
    margin-top: 0vw;
  }
}

.featured-category .title-container {
  margin-left: 4vw;
  padding-top: 4.5vw;
  position: relative;
}

.featured-category .title-container .title {
  color: #fff;
}

@media (min-width: 769px) and (max-width: 1920px) {
  .featured-category .title-container .title {
    height: 12.5vw;
    width: 44.91667vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-category .title-container .title {
    height: 22.66667vw;
    width: 56.26667vw;
  }
}

.featured-category .category-button-container {
  position: relative;
}

@media (min-width: 769px) and (max-width: 1920px) {
  .featured-category .category-button-container {
    margin-left: 4vw;
    margin-top: 3.75vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-category .category-button-container {
    align-items: center;
    direction: row;
    display: flex;
    justify-content: space-between;
    margin-left: 4.26667vw;
    margin-right: 4.26667vw;
    margin-top: 11.73333vw;
  }
}

.featured-category .category-button-container .category-type {
  font-family: "DrukTextWide-Medium";
  font-size: 3vw;
  line-height: 3vw;
  letter-spacing: 0.08333vw;
  text-transform: uppercase;
  color: #fff;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-category .category-button-container .category-type {
    font-family: "DrukTextWide-Medium";
    font-size: 3.73333vw;
    line-height: 3.73333vw;
    letter-spacing: 0.26667vw;
    text-transform: uppercase;
    color: #fff;
  }
}

.featured-category .category-button-container .play-all-button-container {
  margin-top: 1.66667vw;
}

.featured-category .category-button-container .play-all-label {
  color: #fff;
}

.featured-category .storylist-container {
  padding-bottom: 2.66667vw;
  padding-top: 2.66667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-category .storylist-container {
    padding-bottom: 27.46667vw;
    padding-top: 4.53333vw;
  }
}

.featured-category .storylist-container .gradient-container {
  display: none;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-category .storylist-container .story-preview {
    height: 56.53333vw;
    margin: 0 1px;
    margin-top: 5.33333vw;
    width: 60vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-category .storylist-container .image-container {
    height: 34.13333vw;
    position: relative;
    width: inherit;
  }
}

.featured-category .storylist-container .image {
  height: 100%;
  width: inherit;
}

.featured-category .storylist-container .overlay {
  bottom: 1vw;
  padding: 0 1.41667vw;
  position: absolute;
  width: 100%;
}

.featured-category .storylist-container .sponsor {
  margin-bottom: 10vw;
}

.featured-category .storylist-container .sponsorship {
  height: 2.91667vw;
  margin-top: 2.5vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-category .storylist-container .duration-label {
    font-family: "DrukTextWide-Medium";
    font-size: 3.2vw;
    line-height: 4.26667vw;
    letter-spacing: 0.26667vw;
    text-transform: none;
    color: #fff;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-category .storylist-container .play-button {
    width: 3.2vw;
  }
}

.featured-category .storylist-container .text-container {
  color: #fff;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-category .storylist-container .text-container {
    font-family: "Platform-Medium";
    font-size: 4.26667vw;
    line-height: 5.33333vw;
    letter-spacing: 0.26667vw;
    text-transform: capitalize;
    color: #fff;
    margin-top: 3.2vw;
    max-height: 16vw;
    overflow: hidden;
    width: 54.4vw;
  }
}

.featured-category .category-button {
  position: absolute;
}

@media (min-width: 769px) and (max-width: 1920px) {
  .featured-category .category-button {
    margin-left: 79.08333vw;
    margin-top: 20.25vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-category .category-button {
    display: flex;
    height: 100%;
    justify-content: center;
    margin-top: 116vw;
    width: 100%;
  }
}

.featured-category .background-image {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  width: 100%;
}

.featured-playlists {
  background-color: #fff;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-playlists {
    height: 154.66667vw;
    position: relative;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .featured-playlists .information-container {
    margin-left: 4vw;
    margin-top: 4.83333vw;
    width: 30vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-playlists .information-container {
    padding-top: 8vw;
    position: absolute;
    width: 100%;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-playlists .information-container .title {
    height: 10.66667vw;
    margin-left: 4.26667vw;
    width: 74.66667vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-playlists .information-container .stripe {
    display: none;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .featured-playlists .information-container .description {
    font-family: "ArgentCF-Light";
    font-size: 1.33333vw;
    line-height: 1.83333vw;
    letter-spacing: 0.08333vw;
    text-transform: none;
    color: #000;
    height: 18.08333vw;
    margin-top: 3.5vw;
    overflow: hidden;
    width: 15.83333vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-playlists .information-container .description {
    display: none;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .featured-playlists .information-container .all-playlist-button {
    margin-bottom: 7.08333vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-playlists .information-container .all-playlist-button {
    display: flex;
    justify-content: center;
  }
}

.featured-playlists .grid-container {
  display: grid;
}

@media (min-width: 769px) and (max-width: 1920px) {
  .featured-playlists .grid-container {
    grid-gap: 1.66667vw;
    grid-template-columns: 21.75vw 21.75vw;
    grid-template-rows: 21.75vw 21.75vw;
    height: 100%;
    margin: auto auto 7.08333vw 7.5vw;
    width: 100%;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-playlists .grid-container {
    grid-gap: 0.53333vw;
    grid-template-columns: 49.73333vw 49.73333vw;
    grid-template-rows: 49.73333vw 49.73333vw;
    margin: 24vw 0 0;
    position: absolute;
    width: 100%;
  }
}

.featured-playlists .grid-container-series {
  display: grid;
}

@media (min-width: 769px) and (max-width: 1920px) {
  .featured-playlists .grid-container-series {
    grid-gap: 4.91667vw 1.66667vw;
    grid-template-columns: 21.75vw 21.75vw 21.75vw;
    grid-template-rows: 33.01667vw 33.01667vw 33.01667vw 33.01667vw;
    height: 100%;
    margin: auto auto 7.08333vw 7.5vw;
    width: 100%;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-playlists .grid-container-series {
    grid-gap: 0.53333vw;
    grid-template-columns: 49.73333vw 49.73333vw;
    grid-template-rows: 75.2vw;
    height: 100%;
    position: absolute;
    width: 100%;
  }
}

.featured-series-3-up {
  background: #fff;
  margin: 8.5vw 0;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-series-3-up {
    margin: 7.46667vw 0;
    margin-left: 4.26667vw;
    margin-right: 4.26667vw;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .featured-series-3-up .container {
    margin-left: auto;
    margin-right: auto;
    width: 61.66667vw;
  }
}

.featured-series-3-up .left-column .title {
  width: 22.5vw;
}

@media (min-width: 769px) and (max-width: 1920px) {
  .featured-series-3-up .left-column .description {
    font-family: "ArgentCF-Light";
    font-size: 1.33333vw;
    line-height: 1.83333vw;
    letter-spacing: 0.08333vw;
    text-transform: none;
    color: #000;
    height: 9.16667vw;
    margin-top: 3.5vw;
    overflow: hidden;
    width: 15.83333vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-series-3-up .left-column .description {
    display: none;
  }
}

.featured-series-3-up .left-column .image-c1 {
  height: 42vw;
  margin-top: 3.5vw;
  width: 27.66667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-series-3-up .left-column .image-c1 {
    height: 65.86667vw;
    margin-top: 17.06667vw;
    width: 43.46667vw;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .featured-series-3-up .left-column .series-button {
    margin-top: 9.16667vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-series-3-up .left-column .series-button {
    margin-top: 28vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-series-3-up .right-column {
    height: 136vw;
    margin-top: auto;
    margin-bottom: 0;
  }
}

.featured-series-3-up .right-column .image-c2 {
  height: 42vw;
  width: 27.66667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-series-3-up .right-column .image-c2 {
    height: 65.86667vw;
    width: 43.46667vw;
  }
}

.featured-series-side-by-side {
  background: #fff;
  margin-left: 4vw;
  margin-right: 4vw;
  overflow: hidden;
}

@media (min-width: 769px) and (max-width: 1920px) {
  .featured-series-side-by-side .information-container {
    margin-top: 4.83333vw;
    width: 21.75vw;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .featured-series-side-by-side .information-container .description {
    font-family: "ArgentCF-Light";
    font-size: 1.33333vw;
    line-height: 1.83333vw;
    letter-spacing: 0.08333vw;
    text-transform: none;
    color: #000;
    height: 18.08333vw;
    margin-top: 3.5vw;
    overflow: hidden;
    width: 15.83333vw;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .featured-series-side-by-side .information-container .series-button {
    margin-bottom: 7.66667vw;
    margin-top: 5.66667vw;
  }
}

.featured-series-side-by-side .side-by-side-series {
  margin: auto 0 7.66667vw;
  width: 68.58333vw;
}

.featured-series-side-by-side .side-by-side-series .image {
  height: 33vw;
  width: 21.75vw;
}

.featured-series {
  background: #1a1a1a;
}

@media (min-width: 769px) and (max-width: 1920px) {
  .featured-series {
    display: flex;
    flex-direction: row;
    position: relative;
  }
}

.featured-series .title-container {
  padding-left: 4vw;
  padding-top: 4.5vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-series .title-container {
    height: 26.66667vw;
    padding-left: calc-size-moible(16);
    padding-top: 7.2vw;
    width: 100%;
  }
}

.featured-series .title-container .title {
  color: #fff;
  width: 27.5vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-series .title-container .title {
    width: 56.26667vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-series .title-container .stripe {
    display: none;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-series .photo-description-container {
    margin: 8vw 4.26667vw 6.4vw;
  }
}

.featured-series .image {
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 769px) and (max-width: 1920px) {
  .featured-series .image {
    height: 35.5vw;
    margin: 10.58333vw 0 7.25vw;
    width: 23.41667vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-series .image {
    height: 63.2vw;
    padding-right: 4.8vw;
    width: 43.46667vw;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .featured-series .description-container {
    margin: 20vw 9.91667vw auto 4.41667vw;
  }
}

.featured-series .description-container .episode-count {
  font-family: "DrukTextWide-Medium";
  font-size: 1.33333vw;
  line-height: 1.66667vw;
  letter-spacing: 0.08333vw;
  text-transform: uppercase;
  color: #fff;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-series .description-container .episode-count {
    font-family: "DrukTextWide-Medium";
    font-size: 3.2vw;
    line-height: 3.2vw;
    letter-spacing: 0.26667vw;
    text-transform: uppercase;
    color: #fff;
  }
}

.featured-series .description-container .description {
  overflow: hidden;
}

@media (min-width: 769px) and (max-width: 1920px) {
  .featured-series .description-container .description {
    font-family: "ArgentCF-Light";
    font-size: 2vw;
    line-height: 2.66667vw;
    letter-spacing: 0.08333vw;
    text-transform: none;
    color: #fff;
    height: 16vw;
    margin-top: 1.41667vw;
    width: 29.08333vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-series .description-container .description {
    font-family: "ArgentCF-Light";
    font-size: 4.8vw;
    line-height: 6.4vw;
    letter-spacing: 0.26667vw;
    text-transform: none;
    color: #fff;
    height: 57.86667vw;
    margin-top: 1.86667vw;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .featured-series .series-button {
    height: 100%;
    padding-left: 59.33333vw;
    padding-top: 41.66667vw;
    position: absolute;
    width: 100%;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .featured-series .series-button {
    display: flex;
    justify-content: center;
    padding-bottom: 8.8vw;
  }
}

.legal-bar-container {
  margin: 0 auto;
  max-width: 1200px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 34px;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .legal-bar-container {
    padding-top: 44px;
  }
}

.footer-legal-row {
  display: flex;
  width: 100%;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .footer-legal-row {
    max-width: 768px;
    width: 100%;
  }
}

.footer-legal-link {
  font-family: "Platform-Bold";
  font-size: 13px;
  letter-spacing: .032em;
  margin-bottom: 22px;
  padding: 0 22px;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .footer-legal-link {
    padding: 0 11px;
  }
}

.footer-terms-notification {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-name: foot-terms-slideup;
          animation-name: foot-terms-slideup;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  background: #f5f5f5;
  bottom: 0;
  color: #242424;
  font-family: "ArgentCF-RegularItalic";
  font-size: 15px;
  left: 0;
  min-height: 50px;
  position: fixed;
  width: 100%;
  z-index: 999;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .footer-terms-notification {
    font-size: 14px;
  }
}

.footer-terms-content {
  padding: 0 10px;
}

.footer-terms-content .footer-terms-text {
  display: inline-block;
}

.footer-terms-content .footer-terms-text a {
  border-bottom: solid 1px #d42000;
  color: #242424;
  text-decoration: none;
  -webkit-text-size-adjust: 100%;
}

.footer-terms-content .footer-terms-text span {
  -webkit-text-size-adjust: 100%;
}

.footer-terms-content .footer-got-it .footer-got-it-button {
  background-color: #d42000;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-family: "Platform-Bold";
  font-size: 14px;
  height: 30px;
  margin-left: 20px;
  padding: 6px;
  width: 85px;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .footer-terms-content .footer-got-it .footer-got-it-button {
    font-size: 12px;
    height: auto;
    margin-left: 10px;
    min-height: 30px;
    min-width: 65px;
    padding: 0 10px;
    white-space: nowrap;
    width: auto;
  }
}

.footer-copyright {
  align-items: center;
  color: #808285;
  font-family: "Platform-Bold";
  font-size: 12px;
  letter-spacing: .1em;
  text-align: center;
}

.footer-legal-times {
  display: flex;
  flex-direction: row;
  margin-top: 12px;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .footer-legal-times {
    align-items: center;
    flex-direction: column;
  }
}

.error-text-container {
  max-width: 660px;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .error-text-container {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
  }
}

.international-link-body {
  font-size: 16px;
  line-height: 20px;
  padding-top: 25px;
  width: 100%;
}

.international-link-text {
  text-align: center;
  width: 250px;
}

.gradient-boxes .gradient1 {
  height: 2.66667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .gradient-boxes .gradient1 {
    height: 4.26667vw;
  }
}

.gradient-boxes .gradient2 {
  height: 4.33333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .gradient-boxes .gradient2 {
    height: 8.53333vw;
  }
}

.gradient-boxes .gradient3 {
  height: 5.33333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .gradient-boxes .gradient3 {
    height: 13.86667vw;
  }
}

.gradient-boxes.transparent .gradient1 {
  background-color: rgba(255, 255, 255, 0.2);
}

.gradient-boxes.transparent .gradient2 {
  background-color: rgba(255, 255, 255, 0.6);
}

.gradient-boxes.transparent .gradient3 {
  background-color: rgba(255, 255, 255, 0.9);
}

.gradient-boxes.greyscale .gradient1 {
  background-color: #323232;
}

.gradient-boxes.greyscale .gradient2 {
  background-color: #666666;
}

.gradient-boxes.greyscale .gradient3 {
  background-color: #d3cfcf;
}

.gradient-boxes.roya .gradient1 {
  background-color: rgba(212, 32, 0, 0.2);
}

.gradient-boxes.roya .gradient2 {
  background-color: rgba(255, 137, 57, 0.5);
}

.gradient-boxes.roya .gradient3 {
  background-color: rgba(243, 244, 195, 0.8);
}

.gradient-boxes.btr .gradient1 {
  background-color: #3f0300;
}

.gradient-boxes.btr .gradient2 {
  background-color: #7f130a;
}

.gradient-boxes.btr .gradient3 {
  background-color: #af1505;
}

.gradient-boxes.rty .gradient1 {
  background-color: #ea4e24;
}

.gradient-boxes.rty .gradient2 {
  background-color: #ff8939;
}

.gradient-boxes.rty .gradient3 {
  background-color: #f3f4c3;
}

.gradient-boxes.bty .gradient1 {
  background-color: #7f130a;
}

.gradient-boxes.bty .gradient2 {
  background-color: #d42000;
}

.gradient-boxes.bty .gradient3 {
  background-color: #f3f4c3;
}

.section-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.section-card.image {
  background: rgba(0, 0, 0, 0.4);
  background-blend-mode: multiply;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.hg-editor {
  display: flex;
  flex-direction: column;
}

.hg-editor .hg-bkgrnd-image {
  display: inherit;
  position: relative;
}

.hg-editor .hg-bkgrnd-image img {
  width: 100vw;
  height: 45.83333vw;
}

.hg-editor .hg-bkgrnd-image .hg-bkgrnd-image-overlay {
  position: absolute;
  z-index: 1;
  left: 8.16667vw;
  width: 42.66667vw;
}

.hg-editor .hg-bkgrnd-image .hg-bkgrnd-image-overlay .hg-overlay-main {
  display: flex;
  flex-direction: column;
}

.hg-editor .hg-bkgrnd-image .hg-bkgrnd-image-overlay .hg-overlay-main .hg-overlay-block {
  display: inherit;
  flex-direction: column;
  width: 42.66667vw;
  padding-bottom: 4.91667vw;
  background-color: #000;
}

.hg-editor .hg-bkgrnd-image .hg-bkgrnd-image-overlay .hg-overlay-main .hg-overlay-block .hg-overlay-block-title {
  display: inherit;
  z-index: 1;
  justify-content: center;
  padding-top: 4.91667vw;
  font-family: "Druk-Medium";
  font-size: 2vw;
  line-height: 2.33333vw;
  letter-spacing: 0.08333vw;
  text-transform: uppercase;
  color: #fff;
}

.hg-editor .hg-bkgrnd-image .hg-bkgrnd-image-overlay .hg-overlay-main .hg-overlay-block .hg-overlay-block-name {
  display: inherit;
  z-index: 1;
  justify-content: center;
  padding-top: 1.73333vw;
  font-family: "DrukCond-Super";
  font-size: 8.33333vw;
  line-height: 7.83333vw;
  letter-spacing: 0.41667vw;
  text-transform: uppercase;
  color: #fff;
}

.hg-editor .hg-bkgrnd-image .hg-bkgrnd-image-overlay .hg-overlay-main .hg-overlay-title {
  display: inherit;
  align-items: center;
  padding-top: 2.16667vw;
  font-family: "Druk-Medium";
  font-size: 2vw;
  line-height: 2.33333vw;
  letter-spacing: 0.25vw;
  text-transform: uppercase;
  color: #fff;
  justify-content: center;
}

.hg-editor .hg-bkgrnd-image .hg-bkgrnd-image-overlay .hg-overlay-main .hg-overlay-content {
  display: inherit;
  align-items: center;
  padding-top: 1.5vw;
  font-family: "ArgentCF-Light";
  font-size: 2vw;
  line-height: 2.66667vw;
  letter-spacing: 0vw;
  text-transform: none;
  color: #fff;
  text-align: center;
  padding-bottom: 1.5vw;
}

.hg-editor .hg-bkgrnd-image .hg-bkgrnd-image-overlay .hg-overlay-main .hg-overlay-button {
  display: inherit;
  align-items: center;
  justify-content: center;
  width: 17.08333vw;
  height: 4.66667vw;
  font-family: "Platform-Medium";
  font-size: 1.66667vw;
  line-height: 2.5vw;
  letter-spacing: 0vw;
  text-transform: none;
  color: #fff;
  border: 1px solid white;
  border-radius: 100px;
  margin: 0 auto 0 auto;
  text-decoration: none;
}

.hg-editor .hg-bkgrnd-image .hg-bkgrnd-image-overlay .hg-overlay-main .hg-overlay-button:hover {
  cursor: pointer;
}

.hg-editor .hg-letter-section {
  display: inherit;
  flex-direction: column;
  align-items: center;
  background-color: #1f1f1f;
}

.hg-editor .hg-letter-section .hg-letter-section-title {
  display: inherit;
  font-family: "DrukTextWide-Medium";
  font-size: 1.33333vw;
  line-height: 3vw;
  letter-spacing: 0.08333vw;
  text-transform: uppercase;
  color: #fff;
  padding: 3.5vw 0 2.41667vw 0;
}

.hg-editor .hg-letter-section .hg-letter-section-body {
  display: inherit;
  width: 74.66667vw;
  text-align: center;
  align-items: center;
  font-family: "ArgentCF-Regular";
  font-size: 1.66667vw;
  line-height: 2.66667vw;
  letter-spacing: 0.08333vw;
  color: #fff;
}

.hg-editor .hg-letter-section .hide {
  display: none;
}

.hg-editor .hg-letter-section .hg-letter-squiggly {
  display: inherit;
  width: 11vw;
  color: #ffffff;
  padding-top: 2.33333vw;
  padding-bottom: 2.16667vw;
}

.hg-editor .hg-letter-section .hg-letter-button {
  display: flex;
  flex-direction: row;
  padding-bottom: 2.16667vw;
}

.hg-editor .hg-letter-section .hg-letter-button .hg-letter-button-text {
  display: inherit;
  padding-right: 0.58333vw;
  align-items: center;
  font-family: "Platform-Medium";
  font-size: 1.33333vw;
  line-height: 1.58333vw;
  letter-spacing: 0.08333vw;
  color: #fff;
}

.hg-editor .hg-letter-section .hg-letter-button .hg-letter-button-icon {
  display: inherit;
  align-items: center;
}

.hg-editor .hg-letter-section .hg-letter-button .hg-letter-button-icon img {
  width: 1vw;
  height: 0.5vw;
}

.hg-editor .hg-letter-section .hg-letter-button:hover {
  cursor: pointer;
}

.hg-editor-mob {
  display: flex;
  width: 100vw;
  overflow: hidden;
  flex-direction: column;
}

.hg-editor-mob .hg-bkgrnd-image-mob {
  display: inherit;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.hg-editor-mob .hg-bkgrnd-image-mob img {
  width: 100vw;
  max-height: 120.53333vw;
}

.hg-editor-mob .hg-bkgrnd-image-mob .hg-bkgrnd-image-overlay-mob {
  position: absolute;
  z-index: 1;
  width: 64.53333vw;
  left: 17.86667vw;
}

.hg-editor-mob .hg-bkgrnd-image-mob .hg-bkgrnd-image-overlay-mob .hg-overlay-main-mob {
  display: flex;
  flex-direction: column;
}

.hg-editor-mob .hg-bkgrnd-image-mob .hg-bkgrnd-image-overlay-mob .hg-overlay-main-mob .hg-overlay-block-mob {
  display: inherit;
  flex-direction: column;
  width: 64.53333vw;
  padding-top: 0;
  background-color: #000;
}

.hg-editor-mob .hg-bkgrnd-image-mob .hg-bkgrnd-image-overlay-mob .hg-overlay-main-mob .hg-overlay-block-mob .hg-overlay-block-title-mob {
  display: inherit;
  z-index: 2;
  justify-content: center;
  padding-top: 5.33333vw;
  font-family: "Druk-Medium";
  font-size: 4.8vw;
  line-height: 5.6vw;
  letter-spacing: 0.26667vw;
  text-transform: uppercase;
  color: #fff;
}

.hg-editor-mob .hg-bkgrnd-image-mob .hg-bkgrnd-image-overlay-mob .hg-overlay-main-mob .hg-overlay-block-mob .hg-overlay-block-name-mob {
  display: inherit;
  z-index: 2;
  justify-content: center;
  padding-top: 4.26667vw;
  padding-bottom: 4.26667vw;
  font-family: "DrukCond-Super";
  font-size: 13.86667vw;
  line-height: 13.86667vw;
  letter-spacing: 0.26667vw;
  text-transform: uppercase;
  color: #fff;
}

.hg-editor-mob .hg-bkgrnd-image-mob .hg-bkgrnd-image-overlay-mob .hg-overlay-main-mob .hg-overlay-button-mob {
  display: inherit;
  align-items: center;
  justify-content: center;
  width: 54.66667vw;
  height: 14.93333vw;
  font-family: "Platform-Medium";
  font-size: 5.33333vw;
  line-height: 8vw;
  letter-spacing: 0vw;
  text-transform: none;
  color: #fff;
  border: 1px solid white;
  border-radius: 100px;
  margin: 0 auto 0 auto;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor-mob .hg-bkgrnd-image-mob .hg-bkgrnd-image-overlay-mob .hg-overlay-main-mob .hg-overlay-button-mob {
    display: none;
  }
}

.hg-editor-mob .hg-title-content-mob {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hg-editor-mob .hg-title-content-mob .hg-title-mob {
  display: inherit;
  padding-top: 5.86667vw;
  padding-bottom: 3.46667vw;
  font-family: "Druk-Medium";
  font-size: 4.8vw;
  line-height: 5.6vw;
  letter-spacing: 0.8vw;
  text-transform: uppercase;
  color: #000;
  align-items: center;
}

.hg-editor-mob .hg-title-content-mob .hg-content-mob {
  display: inherit;
  width: 91.73333vw;
  font-family: "ArgentCF-Light";
  font-size: 4.8vw;
  line-height: 6.4vw;
  letter-spacing: 0vw;
  text-transform: none;
  color: #000;
  text-align: center;
  padding-bottom: 6.4vw;
}

.hg-editor-mob .hg-title-content-mob .hg-overlay-button-mob {
  display: inherit;
  align-items: center;
  justify-content: center;
  width: 54.66667vw;
  height: 14.93333vw;
  font-family: "Platform-Medium";
  font-size: 5.33333vw;
  line-height: 8.26667vw;
  letter-spacing: 0vw;
  text-transform: none;
  color: #d42000;
  border: 1px solid #d42000;
  border-radius: 100px;
  margin-top: 6.4vw;
  margin-bottom: 6.4vw;
  padding: auto;
  text-decoration: none;
}

.hg-editor-mob .hg-title-content-mob .hg-overlay-button-mob:hover {
  cursor: pointer;
}

.hg-editor-mob .hg-letter-section-mob {
  display: inherit;
  flex-direction: column;
  align-items: center;
  width: 100.26667vw;
  background-color: #1f1f1f;
}

.hg-editor-mob .hg-letter-section-mob .hg-letter-section-title-mob {
  display: inherit;
  font-family: "Druk-Medium";
  font-size: 4.8vw;
  line-height: 5.6vw;
  letter-spacing: 0.26667vw;
  text-transform: uppercase;
  color: #fff;
  padding: 6.4vw 0 2.08333vw 0;
}

.hg-editor-mob .hg-letter-section-mob .hg-letter-section-body-mob {
  display: inherit;
  width: 91.73333vw;
  text-align: center;
  padding-top: 6.4vw;
  font-family: "ArgentCF-Light";
  font-size: 4.26667vw;
  line-height: 5.86667vw;
  letter-spacing: 0.26667vw;
  color: #fff;
}

.hg-editor-mob .hg-letter-section-mob .hide {
  display: none;
}

.hg-editor-mob .hg-letter-section-mob .hg-letter-squiggly-mob {
  display: inherit;
  width: 35.2vw;
  padding-top: 6.93333vw;
  padding-bottom: 7.2vw;
}

.hg-editor-mob .hg-letter-section-mob .hg-letter-button-mob {
  display: flex;
  flex-direction: row;
  padding-bottom: 4vw;
}

.hg-editor-mob .hg-letter-section-mob .hg-letter-button-mob .hg-letter-button-text-mob {
  display: inherit;
  padding-right: 1.86667vw;
  align-items: center;
  font-family: "Platform-Medium";
  font-size: 4.26667vw;
  line-height: 5.06667vw;
  letter-spacing: 0.26667vw;
  color: #fff;
}

.hg-editor-mob .hg-letter-section-mob .hg-letter-button-mob .hg-letter-button-icon-mob {
  display: inherit;
  align-items: center;
}

.hg-editor-mob .hg-letter-section-mob .hg-letter-button-mob .hg-letter-button-icon-mob img {
  width: 3.2vw;
  height: 1.6vw;
}

.hg-editor-mob .hg-letter-section-mob .hg-letter-button-mob:hover {
  cursor: pointer;
}

.article-hero-background {
  background: #1a1a1a;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100vw;
}

@media (min-width: 769px) and (max-width: 1920px) {
  .article-hero-background {
    height: 45.83333vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .article-hero-background {
    height: 120.53333vw;
  }
}

.article-hero-background .hero-sponsor {
  position: absolute;
}

@media (min-width: 769px) and (max-width: 1920px) {
  .article-hero-background .hero-sponsor {
    height: 5.41667vw;
    width: clac-size(65);
    margin-left: 3.33333vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .article-hero-background .hero-sponsor {
    height: 9.33333vw;
    width: clac-size-mobile(35);
    margin-left: 2.66667vw;
  }
}

.quote-hero {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 68.66667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .quote-hero {
    width: 100%;
    margin: 0 4.53333vw 0 4.26667vw;
  }
}

.quote-hero .quotes {
  height: 2vw;
  margin: 4.41667vw 0 1.25vw 0;
  width: 2.83333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .quote-hero .quotes {
    height: 6.4vw;
    margin: 1.33333vw 0 0 0;
    width: 9.06667vw;
  }
}

.quote-hero .title {
  font-family: "Druk-Medium";
  font-size: 2vw;
  line-height: 2.33333vw;
  letter-spacing: 0.25vw;
  text-transform: uppercase;
  color: #fff;
  text-align: left;
  z-index: 1;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .quote-hero .title {
    font-family: "Druk-Medium";
    font-size: 5.33333vw;
    line-height: 6.13333vw;
    letter-spacing: 0.8vw;
    text-transform: uppercase;
    color: #fff;
    max-width: 54.4vw;
  }
}

.quote-hero .title-sponsor-container {
  display: flex;
  flex-direction: row;
}

.quote-hero .title-sponsor-container.quote {
  align-items: center;
}

.quote-hero .headline {
  text-align: left;
}

@media (min-width: 769px) and (max-width: 1920px) {
  .quote-hero .headline {
    font-family: "DrukCond-Super";
    font-size: 6.33333vw;
    line-height: 5.83333vw;
    letter-spacing: 0.16667vw;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 1.25vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .quote-hero .headline {
    font-family: "DrukCond-Super";
    font-size: 13.86667vw;
    line-height: 14.93333vw;
    letter-spacing: 0.26667vw;
    text-transform: uppercase;
    color: #fff;
    margin: 2.66667vw 0 0 0;
    max-width: 92vw;
  }
}

.quote-hero .description {
  font-family: "ArgentCF-Light";
  font-size: 2vw;
  line-height: 2.66667vw;
  letter-spacing: 0.25vw;
  text-transform: none;
  color: #fff;
  margin: 0 0 4vw 0;
  text-align: left;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .quote-hero .description {
    font-family: "ArgentCF-Light";
    font-size: 4vw;
    line-height: 5.33333vw;
    letter-spacing: 0.26667vw;
    text-transform: none;
    color: #fff;
    margin: 0;
    width: 90.66667vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .quote-hero .quote-button {
    align-self: center;
    margin: 2.66667vw 0 2.66667vw 0;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .quote-hero .hero-sponsor-quote {
    margin-left: 3.75vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .quote-hero .hero-sponsor-quote {
    height: 10.66667vw;
    margin-left: 6.66667vw;
    width: 10.66667vw;
  }
}

.article-hero-container {
  width: 100%;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .article-hero-container {
    margin: 0 4.53333vw 0 4.26667vw;
  }
}

.article-hero-container .article-lower {
  display: flex;
  flex-direction: row;
  margin: 0 0 2.5vw 0;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .article-hero-container .article-lower {
    flex-direction: column;
    margin: 0;
  }
}

.article-hero-container .article-hero {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.article-hero-container .article-hero .article-hero-image {
  background: url("");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .article-hero-container .article-hero .article-hero-image {
    height: 34.66667vw;
    width: 100vw;
  }
}

.article-hero-container .article-hero .title-sponsor-container {
  display: flex;
  flex-direction: row;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .article-hero-container .article-hero .title-sponsor-container {
    margin: 25.86667vw 5.06667vw 0 4.53333vw;
  }
}

.article-hero-container .article-hero .title {
  font-family: "Druk-Medium";
  font-size: 2vw;
  line-height: 2.33333vw;
  letter-spacing: 0.25vw;
  text-transform: uppercase;
  color: #fff;
  margin: 8.33333vw 0 0.83333vw 3.75vw;
  text-align: left;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .article-hero-container .article-hero .title {
    font-family: "Druk-Medium";
    font-size: 5.33333vw;
    line-height: 6.13333vw;
    letter-spacing: 0.8vw;
    text-transform: uppercase;
    color: #fff;
    align-self: flex-end;
    margin: 0;
    max-width: 54.4vw;
  }
}

.article-hero-container .article-hero .headline {
  font-family: "Platform-Bold";
  font-size: 4.83333vw;
  line-height: 4.5vw;
  letter-spacing: 0.16667vw;
  text-transform: capitalize;
  color: #fff;
  margin: 1.25vw 0 3.75vw 3.75vw;
  text-align: left;
  width: 75vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .article-hero-container .article-hero .headline {
    font-family: "Platform-Bold";
    font-size: 7.46667vw;
    line-height: 8vw;
    letter-spacing: 0.26667vw;
    text-transform: capitalize;
    color: #fff;
    width: 91.2vw;
    margin: 5.6vw 4.26667vw 4.26667vw 4.53333vw;
  }
}

.article-hero-container .article-hero .description {
  font-family: "ArgentCF-Light";
  font-size: 2vw;
  line-height: 2.66667vw;
  letter-spacing: 0.25vw;
  text-transform: none;
  color: #fff;
  margin: 2.08333vw 0 5vw 4.16667vw;
  text-align: left;
  width: 27.66667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .article-hero-container .article-hero .description {
    font-family: "ArgentCF-Light";
    font-size: 4vw;
    line-height: 5.33333vw;
    letter-spacing: 0.26667vw;
    text-transform: capitalize;
    color: #fff;
    margin: 0;
    width: 74.66667vw;
  }
}

.article-hero-container .article-hero .sm-description {
  font-family: "ArgentCF-Light";
  font-size: 1.33333vw;
  line-height: 2vw;
  letter-spacing: 0.08333vw;
  text-transform: none;
  color: #fff;
  margin: 2.83333vw 0 0 2.83333vw;
  text-align: left;
  width: 40.83333vw;
}

.article-hero-container .article-hero .article-button {
  margin: 11.66667vw 4vw 4.58333vw 4.58333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .article-hero-container .article-hero .article-button {
    align-self: center;
    margin: 2.66667vw 0 2.66667vw 0;
  }
}

.playlist-detail {
  padding-left: 4vw;
  padding-right: 4vw;
  padding-bottom: 4vw;
  display: flex;
  position: relative;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-detail {
    display: inline-block;
    padding: 0;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-detail .playlist-info {
    height: auto;
  }
}

.playlist-detail .playlist-info .share-icon {
  position: absolute;
  top: 0.41667vw;
  left: 28.33333vw;
  width: 1.91667vw;
  height: 2vw;
  z-index: 10;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-detail .playlist-info .share-icon {
    top: 80vw;
    left: 82.66667vw;
  }
}

.playlist-detail .playlist-info .details {
  margin: 2.33333vw 2.33333vw 1.66667vw 5vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-detail .playlist-info .details {
    display: none;
  }
}

.playlist-detail .playlist-info .details .playlist-label {
  font-family: "Druk-Medium";
  font-size: 1.5vw;
  line-height: 1.75vw;
  letter-spacing: 0.08333vw;
  color: #000;
}

.playlist-detail .playlist-info .details .separator {
  border: 1px solid rgba(0, 0, 0, 0.3);
  width: 1px;
  height: 1.66667vw;
  margin-left: 0.5vw;
  margin-right: 0.75vw;
}

.playlist-detail .playlist-info .details .video-count {
  font-family: "DrukTextWide-Medium";
  font-size: 1.33333vw;
  line-height: 3vw;
  letter-spacing: 0.08333vw;
  text-transform: uppercase;
  color: #000;
}

.playlist-detail .playlist-info .details .share {
  margin-left: auto;
}

.playlist-detail .playlist-info .description {
  margin-left: 5.91667vw;
  width: 33.41667vw;
  font-family: "ArgentCF-Light";
  font-size: 2vw;
  line-height: 2.66667vw;
  letter-spacing: 0.08333vw;
  color: #000;
}

.playlist-detail .playlist-info .description .large-text {
  margin-bottom: 1.83333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-detail .playlist-info .description .large-text {
    font-family: "ArgentCF-Light";
    font-size: 6.4vw;
    line-height: 8.53333vw;
    letter-spacing: 0.26667vw;
    color: #000;
    margin-bottom: 5.86667vw;
  }
}

.playlist-detail .playlist-info .description .small-text {
  font-family: "ArgentCF-Light";
  font-size: 1.33333vw;
  line-height: 2vw;
  letter-spacing: 0.08333vw;
  color: #000;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-detail .playlist-info .description .small-text {
    font-family: "ArgentCF-Light";
    font-size: 4.26667vw;
    line-height: 6.4vw;
    letter-spacing: 0.26667vw;
    color: #000;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-detail .playlist-info .description {
    padding-top: 5.33333vw;
    padding-bottom: 5.33333vw;
    width: 91.46667vw;
    margin: 0 auto;
    font-family: "ArgentCF-Light";
    font-size: 4.26667vw;
    line-height: 6.4vw;
    letter-spacing: 0.26667vw;
    color: #000;
  }
}

.playlist-detail .playlist-display {
  display: flex;
  flex-direction: column;
  margin-left: 7.58333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-detail .playlist-display {
    margin-left: unset;
  }
}

.playlist-detail .playlist-display-header {
  padding-bottom: 2.5vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-detail .playlist-display-header {
    padding-bottom: 8vw;
    margin-left: 4.26667vw;
  }
}

.playlist-detail .playlist-display-header .play-all {
  font-family: "Platform-Medium";
  font-size: 1.66667vw;
  line-height: 2.5vw;
  letter-spacing: 0.08333vw;
  color: #d42000;
  display: flex;
  align-items: center;
}

.playlist-detail .playlist-display-header .play-all .play-icon {
  margin-right: 5px;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-detail .playlist-display-header .play-all .play-icon {
    height: 5.06667vw;
    width: 3.2vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-detail .playlist-display-header .play-all {
    font-family: "Platform-Medium";
    font-size: 5.33333vw;
    line-height: 8vw;
    letter-spacing: 0.26667vw;
    color: #d42000;
  }
}

.playlist-detail .playlist-display-header .play-all span {
  margin-left: 0.83333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-detail .playlist-display-header .play-all span {
    margin-left: 2.66667vw;
  }
}

.playlist-detail .playlist-display-header .play-all .red-squiggle {
  margin-left: auto;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-detail .playlist-display-header .play-all .red-squiggle {
    display: none;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-detail .playlist-display .stories-wrapper {
    height: auto;
    overflow-y: unset;
    margin: 0;
  }
}

.playlist-detail .playlist-display .stories-wrapper .story-container {
  height: 13.41667vw;
  width: 45.08333vw;
  font-family: "Platform-Medium";
  font-size: 1.66667vw;
  line-height: 2.16667vw;
  letter-spacing: 0.08333vw;
  color: #000;
  display: flex;
  cursor: pointer;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-detail .playlist-display .stories-wrapper .story-container {
    width: 100%;
    height: 34.13333vw;
    margin-bottom: 0.53333vw;
  }
}

.playlist-detail .playlist-display .stories-wrapper .story-container .story-keyframe {
  position: relative;
}

.playlist-detail .playlist-display .stories-wrapper .story-container .story-keyframe .story-sponsor-container {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: row;
  z-index: 1;
}

.playlist-detail .playlist-display .stories-wrapper .story-container .story-keyframe .story-sponsor-container .sponsorship-container {
  z-index: 1;
  margin-top: 1.16667vw;
  margin-left: 0.41667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-detail .playlist-display .stories-wrapper .story-container .story-keyframe .story-sponsor-container .sponsorship-container {
    margin-left: 1.33333vw;
  }
}

.playlist-detail .playlist-display .stories-wrapper .story-container .story-keyframe .story-sponsorship {
  margin-left: 1vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-detail .playlist-display .stories-wrapper .story-container .story-keyframe .story-sponsorship {
    margin-left: 3.2vw;
  }
}

.playlist-detail .playlist-display .stories-wrapper .story-container .story-keyframe .sponsored {
  margin-left: -1.75vw;
  margin-top: 0.41667vw;
  width: 5.41667vw;
  height: 5.41667vw;
  z-index: 1;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-detail .playlist-display .stories-wrapper .story-container .story-keyframe .sponsored {
    margin-left: 1.33333vw;
    margin-top: 1.33333vw;
    width: 10.66667vw;
    height: 10.66667vw;
  }
}

.playlist-detail .playlist-display .stories-wrapper .story-container .story-keyframe .background-image {
  width: 22.91667vw;
  height: 13.16667vw;
  background-size: cover;
}

.playlist-detail .playlist-display .stories-wrapper .story-container .story-keyframe .background-image .background-overlay {
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 22.91667vw;
  height: 13.16667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-detail .playlist-display .stories-wrapper .story-container .story-keyframe .background-image .background-overlay {
    width: 60vw;
    height: 34.13333vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-detail .playlist-display .stories-wrapper .story-container .story-keyframe .background-image {
    width: 60vw;
    height: 34.13333vw;
  }
}

.playlist-detail .playlist-display .stories-wrapper .story-container .story-keyframe .play {
  position: absolute;
  left: 1.41667vw;
  bottom: 1.33333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-detail .playlist-display .stories-wrapper .story-container .story-keyframe .play {
    width: 3.2vw;
    height: 4.26667vw;
    left: 3.73333vw;
    bottom: 2.4vw;
  }
}

.playlist-detail .playlist-display .stories-wrapper .story-container .story-keyframe .runtime {
  font-family: "DrukTextWide-Medium";
  font-size: 1.16667vw;
  line-height: 3vw;
  letter-spacing: 0.08333vw;
  color: #000;
  color: white;
  position: absolute;
  right: 1.66667vw;
  bottom: 0.16667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-detail .playlist-display .stories-wrapper .story-container .story-keyframe .runtime {
    font-family: "DrukTextWide-Medium";
    font-size: 3.2vw;
    line-height: 9.6vw;
    letter-spacing: 0.26667vw;
    color: #fff;
    right: 2.4vw;
    bottom: -1.06667vw;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .playlist-detail .playlist-display .stories-wrapper .story-container .story-keyframe.hover .background-image .background-overlay {
    background-color: transparent;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .playlist-detail .playlist-display .stories-wrapper .story-container .story-keyframe.hover .play {
    position: absolute;
    left: 47%;
    top: 40%;
    width: 2.75vw;
    height: 3.66667vw;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .playlist-detail .playlist-display .stories-wrapper .story-container .story-keyframe.hover .runtime {
    display: none;
  }
}

.playlist-detail .playlist-display .stories-wrapper .story-container .story-headline {
  align-items: center;
  display: flex;
  padding-left: 1.66667vw;
  width: 22.25vw;
  border-top: 1px solid rgba(224, 224, 224, 0.9);
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-detail .playlist-display .stories-wrapper .story-container .story-headline {
    font-family: "Platform-Medium";
    font-size: 4vw;
    line-height: 5.33333vw;
    letter-spacing: 0.26667vw;
    color: #1f1f1f;
    padding-left: 4.26667vw;
    margin-right: 4.26667vw;
    width: 40vw;
  }
}

.hg-editor {
  position: relative;
  display: flex;
  flex-direction: column;
}

.hg-editor .hg-bkgrnd-image {
  display: inherit;
  position: relative;
}

.hg-editor .hg-bkgrnd-image img {
  width: 100vw;
  height: 45.83333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .hg-bkgrnd-image img {
    height: 120.53333vw;
  }
}

.hg-editor .hg-bkgrnd-image .hg-bkgrnd-image-overlay {
  position: absolute;
  z-index: 1;
  width: 42.66667vw;
}

.hg-editor .hg-bkgrnd-image .hg-bkgrnd-image-overlay .hg-overlay-main {
  display: flex;
  flex-direction: column;
}

.hg-editor .hg-bkgrnd-image .hg-bkgrnd-image-overlay .hg-overlay-main .hg-overlay-block {
  display: flex;
  flex-direction: column;
  width: 42.66667vw;
  background-color: #000;
}

.hg-editor .hg-bkgrnd-image .hg-bkgrnd-image-overlay .hg-overlay-main .hg-overlay-block .hg-overlay-block-title {
  display: inherit;
  z-index: 1;
  justify-content: center;
  padding-top: 4.91667vw;
  font-family: "Druk-Medium";
  font-size: 2vw;
  line-height: 2.33333vw;
  letter-spacing: 0.08333vw;
  text-transform: uppercase;
  color: #fff;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .hg-bkgrnd-image .hg-bkgrnd-image-overlay .hg-overlay-main .hg-overlay-block .hg-overlay-block-title {
    font-family: "Druk-Medium";
    font-size: 4.8vw;
    line-height: 5.6vw;
    letter-spacing: 0.26667vw;
    text-transform: uppercase;
    color: #fff;
  }
}

.hg-editor .hg-bkgrnd-image .hg-bkgrnd-image-overlay .hg-overlay-main .hg-overlay-block .hg-overlay-block-name {
  display: inherit;
  z-index: 1;
  justify-content: center;
  padding-top: 1.73333vw;
  font-family: "DrukCond-Super";
  font-size: 8.33333vw;
  line-height: 7.83333vw;
  letter-spacing: 0.41667vw;
  text-transform: uppercase;
  color: #fff;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .hg-bkgrnd-image .hg-bkgrnd-image-overlay .hg-overlay-main .hg-overlay-block .hg-overlay-block-name {
    padding-top: 5.6vw;
  }
}

.hg-editor .hg-bkgrnd-image .hg-bkgrnd-image-overlay .hg-overlay-main .hg-overlay-title {
  display: inherit;
  align-items: center;
  padding-top: 2.16667vw;
  font-family: "Druk-Medium";
  font-size: 2vw;
  line-height: 2.33333vw;
  letter-spacing: 0.25vw;
  text-transform: uppercase;
  color: #fff;
  justify-content: center;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .hg-bkgrnd-image .hg-bkgrnd-image-overlay .hg-overlay-main .hg-overlay-title {
    display: none;
  }
}

.hg-editor .hg-bkgrnd-image .hg-bkgrnd-image-overlay .hg-overlay-main .hg-overlay-content {
  display: inherit;
  align-items: center;
  padding-top: 1.5vw;
  font-family: "ArgentCF-Regular";
  font-size: 2vw;
  line-height: 2.66667vw;
  letter-spacing: 0vw;
  text-transform: none;
  color: #fff;
  text-align: center;
  padding-bottom: 1.5vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .hg-bkgrnd-image .hg-bkgrnd-image-overlay .hg-overlay-main .hg-overlay-content {
    display: none;
  }
}

.hg-editor .hg-bkgrnd-image .hg-bkgrnd-image-overlay .hg-overlay-main .hg-overlay-button {
  display: inherit;
  align-items: center;
  justify-content: center;
  width: 17.08333vw;
  height: 4.66667vw;
  font-family: "Platform-Medium";
  font-size: 1.66667vw;
  line-height: 2.5vw;
  letter-spacing: 0vw;
  text-transform: none;
  color: #fff;
  border: 1px solid white;
  border-radius: 100px;
  margin: 0 auto 0 auto;
  text-decoration: none;
}

.hg-editor .hg-bkgrnd-image .hg-bkgrnd-image-overlay .hg-overlay-main .hg-overlay-button:hover {
  cursor: pointer;
}

.hg-editor .hg-letter-intro {
  display: none;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .hg-letter-intro {
    display: flex;
    flex-direction: column;
  }

  .hg-editor .hg-letter-intro .hg-overlay-title {
    padding-top: 5.86667vw;
    text-align: center;
    font-family: "Druk-Medium";
    font-size: 4.8vw;
    line-height: 6.4vw;
    letter-spacing: 0.26667vw;
    text-transform: uppercase;
    color: #000;
  }

  .hg-editor .hg-letter-intro .hg-overlay-content {
    text-align: center;
    padding-bottom: 6.66667vw;
    font-family: "ArgentCF-Light";
    font-size: 4.8vw;
    line-height: 6.4vw;
    letter-spacing: 0.16vw;
    color: #000;
  }
}

.hg-editor .hg-letter-section {
  display: inherit;
  flex-direction: column;
  align-items: center;
  background-color: #1f1f1f;
}

.hg-editor .hg-letter-section .hg-letter-section-title {
  display: inherit;
  font-family: "DrukTextWide-Medium";
  font-size: 1.33333vw;
  line-height: 3vw;
  letter-spacing: 0.08333vw;
  text-transform: uppercase;
  color: #fff;
  padding: 3.5vw 0 2.41667vw 0;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .hg-letter-section .hg-letter-section-title {
    font-family: "Druk-Medium";
    font-size: 4.8vw;
    line-height: 9.6vw;
    letter-spacing: 0.26667vw;
    color: #fff;
  }
}

.hg-editor .hg-letter-section .hg-letter-section-body {
  display: inherit;
  width: 74.66667vw;
  height: auto;
  text-align: center;
  align-items: center;
  font-family: "ArgentCF-Regular";
  font-size: 1.66667vw;
  line-height: 2.66667vw;
  letter-spacing: 0.08333vw;
  color: #fff;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .hg-letter-section .hg-letter-section-body {
    width: 91.73333vw;
    font-family: "ArgentCF-Light";
    font-size: 3.73333vw;
    line-height: 5.86667vw;
    letter-spacing: 0.16vw;
    color: #fff;
  }
}

.hg-editor .hg-letter-section .hg-letter-squiggly {
  display: inherit;
  width: 11vw;
  color: #ffffff;
  padding-top: 2.33333vw;
  padding-bottom: 2.16667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .hg-letter-section .hg-letter-squiggly {
    width: 35.2vw;
  }
}

.hg-editor .hg-letter-section .hg-letter-button {
  display: flex;
  flex-direction: row;
  padding-bottom: 2.16667vw;
}

.hg-editor .hg-letter-section .hg-letter-button .hg-letter-button-text {
  display: inherit;
  text-decoration: none;
  padding-right: 0.58333vw;
  align-items: center;
  font-family: "Platform-Medium";
  font-size: 1.33333vw;
  line-height: 1.58333vw;
  letter-spacing: 0.08333vw;
  color: #fff;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .hg-letter-section .hg-letter-button .hg-letter-button-text {
    font-family: "Platform-Medium";
    font-size: 4.26667vw;
    line-height: 5.06667vw;
    letter-spacing: 0.26667vw;
    color: #fff;
  }
}

.hg-editor .hg-letter-section .hg-letter-button .hg-letter-button-icon {
  display: inherit;
  align-items: center;
}

.hg-editor .hg-letter-section .hg-letter-button .hg-letter-button-icon img {
  width: 1vw;
  height: 0.5vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .hg-letter-section .hg-letter-button .hg-letter-button-icon img {
    width: 3.2vw;
    height: 1.6vw;
  }
}

.hg-editor .hg-letter-section .hg-letter-button:hover {
  cursor: pointer;
}

.hg-editor .details {
  margin-top: 2.33333vw;
  margin-bottom: 1.66667vw;
  margin-left: 4vw;
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .details {
    height: 21.33333vw;
    align-items: baseline;
  }
}

.hg-editor .details .playlist-label {
  font-family: "Druk-Medium";
  font-size: 1.5vw;
  line-height: 1.75vw;
  letter-spacing: 0.08333vw;
  color: #000;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .details .playlist-label {
    font-family: "Druk-Medium";
    font-size: 4.8vw;
    line-height: 5.6vw;
    letter-spacing: 0.26667vw;
    color: #000;
    padding-right: 2.4vw;
  }
}

.hg-editor .details .detail-playlist-title {
  margin-left: 0.5vw;
  margin-right: 1.16667vw;
  text-transform: uppercase;
  font-family: "DrukTextWide-Medium";
  font-size: 1.33333vw;
  line-height: 3vw;
  letter-spacing: 0.08333vw;
  color: #60bf8c;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .details .detail-playlist-title {
    font-family: "DrukTextWide-Medium";
    font-size: 3.73333vw;
    line-height: 4.26667vw;
    letter-spacing: 0.016vw;
    color: #60bf8c;
  }
}

.hg-editor .details .verticalLine {
  display: none;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .details .verticalLine {
    display: block;
    border-left: thick solid rgba(0, 0, 0, 0.3);
    border-width: 1px;
    width: 1px;
    height: 5.33333vw;
    padding-right: 2.4vw;
  }
}

.hg-editor .details .separator {
  border: 1px solid rgba(0, 0, 0, 0.3);
  height: 1.66667vw;
  width: 1px;
  margin-left: 0.5vw;
  margin-right: 0.75vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .details .separator {
    display: none;
  }
}

.hg-editor .details .video-count {
  font-family: "DrukTextWide-Medium";
  font-size: 1.33333vw;
  line-height: 3vw;
  letter-spacing: 0.08333vw;
  color: #000;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .details .video-count {
    display: none;
  }
}

.hg-editor .details .share {
  margin-left: 1.66667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .details .share {
    position: relative;
    margin-left: 44vw;
  }
}

.hg-editor .details .video-count-mobile {
  display: none;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .details .video-count-mobile {
    display: inline-block;
    margin-top: 2.66667vw;
    font-family: "DrukTextWide-Medium";
    font-size: 3.73333vw;
    line-height: 9.33333vw;
    letter-spacing: 0.26667vw;
    color: #000;
  }
}

.hg-editor .details .play-all {
  font-family: "Platform-Medium";
  font-size: 1.66667vw;
  line-height: 2.5vw;
  letter-spacing: 0.08333vw;
  color: #d42000;
  position: absolute;
  right: 11.25vw;
}

.hg-editor .details .play-all .play-icon {
  margin-right: 5px;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .details .play-all .play-icon {
    height: 5.06667vw;
    width: 3.2vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .details .play-all {
    position: absolute;
    margin-top: 20vw;
    margin-left: 0;
    font-family: "Platform-Medium";
    font-size: 5.33333vw;
    line-height: 8vw;
    letter-spacing: 0.26667vw;
    color: #d42000;
  }
}

.hg-editor .details .play-all span {
  margin-right: 2.5vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .details .play-all span {
    margin-left: 2.66667vw;
  }
}

.hg-editor .details .red-squiggle {
  position: absolute;
  right: 4vw;
  width: 5.5vw;
  height: 0.58333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .details .red-squiggle {
    display: none;
  }
}

.hg-editor .videos-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.83333vw;
  margin-left: 2.5vw;
  margin-bottom: 2.5vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .videos-wrapper {
    margin-left: -4vw;
    margin-top: 8vw;
    margin-bottom: 8vw;
  }
}

.hg-editor .videos-wrapper a,
.hg-editor .videos-wrapper u {
  text-decoration: none;
}

.hg-editor .videos-wrapper .story-container {
  display: flex;
  flex-direction: column;
  width: 29.16667vw;
  height: 28.33333vw;
  margin-left: 1.08333vw;
  margin-right: 1.08333vw;
  font-family: "Platform-Medium";
  font-size: 1.66667vw;
  line-height: 2.16667vw;
  letter-spacing: 0.08333vw;
  color: black;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .videos-wrapper .story-container {
    margin: 0 0 0.8vw 4vw;
    width: 100vw;
    height: 34.13333vw;
    border-width: 0.26667vw 0 0 0;
    border-color: rgba(224, 224, 224, 0.9);
    border-style: solid;
  }
}

.hg-editor .videos-wrapper .story-container .story-keyframe {
  position: relative;
  width: 29.16667vw;
  height: 18.75vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .videos-wrapper .story-container .story-keyframe {
    width: 60vw;
    height: 34.13333vw;
  }
}

.hg-editor .videos-wrapper .story-container .story-keyframe .background-image {
  width: 29.16667vw;
  height: 18.75vw;
  background-size: cover;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .videos-wrapper .story-container .story-keyframe .background-image {
    width: 60vw;
    height: 34.13333vw;
  }
}

.hg-editor .videos-wrapper .story-container .story-keyframe .background-image .background-overlay {
  width: 29.16667vw;
  height: 18.75vw;
  background-color: rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .videos-wrapper .story-container .story-keyframe .background-image .background-overlay {
    width: 60vw;
    height: 34.13333vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .videos-wrapper .story-container .story-keyframe .background-image {
    width: 60vw;
    height: 34.13333vw;
  }
}

.hg-editor .videos-wrapper .story-container .story-keyframe .play {
  position: absolute;
  width: 1vw;
  height: 1.33333vw;
  left: 1.66667vw;
  bottom: 1.66667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .videos-wrapper .story-container .story-keyframe .play {
    left: 3.73333vw;
    bottom: 2.66667vw;
    width: 3.2vw;
    height: 4.26667vw;
  }
}

.hg-editor .videos-wrapper .story-container .story-keyframe .runtime {
  font-family: "DrukTextWide-Medium";
  font-size: 1.16667vw;
  line-height: 3vw;
  letter-spacing: 0.08333vw;
  color: #000;
  color: white;
  position: absolute;
  right: 1.66667vw;
  bottom: 0.83333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .videos-wrapper .story-container .story-keyframe .runtime {
    font-family: "DrukTextWide-Medium";
    font-size: 3.2vw;
    line-height: 9.6vw;
    letter-spacing: 0.26667vw;
    color: #fff;
    right: 2.4vw;
    bottom: -1.06667vw;
  }
}

.hg-editor .videos-wrapper .story-container .story-keyframe .story-sponsorship {
  width: 5.41667vw;
  height: 5.41667vw;
  margin-top: -1.41667vw;
  left: 1vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .videos-wrapper .story-container .story-keyframe .story-sponsorship {
    width: 10.66667vw;
    height: 10.66667vw;
    margin-top: 2.13333vw;
    left: 2.13333vw;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .hg-editor .videos-wrapper .story-container .story-keyframe:hover .background-image .background-overlay {
    background-color: transparent;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .hg-editor .videos-wrapper .story-container .story-keyframe:hover .play {
    position: absolute;
    left: 13.16667vw;
    top: 6.58333vw;
    width: 2.75vw;
    height: 3.66667vw;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .hg-editor .videos-wrapper .story-container .story-keyframe:hover .runtime {
    display: none;
  }
}

.hg-editor .videos-wrapper .story-container .story-headline {
  width: 27.58333vw;
  height: 7.5vw;
  margin-top: 2.08333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .hg-editor .videos-wrapper .story-container .story-headline {
    position: relative;
    margin-left: 64.26667vw;
    margin-top: -32vw;
    font-family: "Platform-Medium";
    font-size: 4vw;
    line-height: 5.33333vw;
    letter-spacing: 0.26667vw;
    color: black;
  }
}

.playlist-portrait {
  height: 29.25vw;
  width: 29.25vw;
  background-size: cover;
  position: relative;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.playlist-portrait .overlay {
  position: absolute;
  height: 29.25vw;
  width: 29.25vw;
  background: #000000;
  opacity: 0.25;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-portrait .overlay {
    height: 49.6vw;
    width: 49.6vw;
  }
}

.playlist-portrait:hover .view-playlist {
  display: inline;
}

@media mobile {
  .playlist-portrait:hover .view-playlist {
    display: none;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-portrait {
    height: 49.6vw;
    width: 100%;
  }
}

.playlist-portrait .portrait-sponsor-container {
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  z-index: 1;
}

.playlist-portrait .sponsored {
  margin-top: -1.25vw;
  margin-left: 1vw;
  width: 5.41667vw;
  height: 5.41667vw;
  z-index: 1;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-portrait .sponsored {
    margin-top: 2.93333vw;
    margin-left: 2.93333vw;
    width: 10.66667vw;
    height: 10.66667vw;
  }
}

.playlist-portrait .sponsorship {
  display: flex;
  flex-direction: row;
  margin-top: 1vw;
  margin-left: 1.16667vw;
  margin-right: 1.16667vw;
  z-index: 1;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-portrait .sponsorship {
    margin-top: 2.66667vw;
    margin-left: 2.66667vw;
    margin-right: 2.66667vw;
  }
}

.playlist-portrait .portrait-title {
  margin-bottom: 1vw;
  margin-left: 2.33333vw;
  z-index: 1;
  font-family: "Platform-Bold";
  font-size: 4.83333vw;
  line-height: 4.5vw;
  letter-spacing: 0.08333vw;
  color: #fff;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-portrait .portrait-title {
    margin-bottom: 2.66667vw;
    margin-left: 4.8vw;
    font-family: "Platform-Bold";
    font-size: 7.46667vw;
    line-height: 8.53333vw;
    letter-spacing: 0.26667vw;
    color: #fff;
  }
}

.playlist-portrait .view-playlist {
  align-self: center;
  display: none;
  margin-bottom: 1.75vw;
  z-index: 1;
}

@media mobile {
  .playlist-portrait .view-playlist {
    margin-bottom: 5.6vw;
  }
}

.playlist-portrait .num-videos {
  margin-bottom: 1.75vw;
  margin-left: 2.33333vw;
  z-index: 1;
  font-family: "DrukTextWide-Medium";
  font-size: 1.16667vw;
  line-height: 3vw;
  letter-spacing: 0.08333vw;
  text-transform: uppercase;
  color: white;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-portrait .num-videos {
    margin-bottom: 2.66667vw;
    margin-left: 5.06667vw;
    font-family: "DrukTextWide-Medium";
    font-size: 2.66667vw;
    line-height: 5.33333vw;
    letter-spacing: 0.26667vw;
    text-transform: uppercase;
    color: white;
  }
}

.playlist-portrait.detail {
  height: 39.33333vw;
  width: 39.33333vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.playlist-portrait.detail .overlay {
  position: absolute;
  height: 39.33333vw;
  width: 39.33333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-portrait.detail .overlay {
    height: 91.46667vw;
    width: 91.46667vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-portrait.detail {
    height: 91.46667vw;
    width: 91.46667vw;
    margin: 0 4.26667vw;
  }
}

.playlist-portrait.detail .portrait-title {
  margin-bottom: 1.83333vw;
  margin-left: 4.16667vw;
  margin-right: 4.16667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-portrait.detail .portrait-title {
    bottom: 14.66667vw;
    font-family: "Platform-Bold";
    font-size: 7.46667vw;
    line-height: 8.53333vw;
    letter-spacing: 0.26667vw;
    color: #fff;
  }
}

.playlist-portrait.detail .num-videos {
  display: none;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-portrait.detail .num-videos {
    display: block;
    font-family: "DrukTextWide-Medium";
    font-size: 4.8vw;
    line-height: 9.6vw;
    letter-spacing: 0.26667vw;
    color: white;
  }
}

.playlist-portrait.detail .share-icon {
  display: none;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-portrait.detail .share-icon {
    position: absolute;
    display: block;
    width: 6.13333vw;
    height: 6.4vw;
    right: 2.66667vw;
    bottom: 6.13333vw;
  }
}

.playlist-portrait.detail .sponsorship {
  margin-top: 1.91667vw;
  margin-left: 1.16667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-portrait.detail .sponsorship {
    margin-top: 2.66667vw;
    margin-left: 2.66667vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-portrait.detail .sponsorship .sponsorship-frame {
    margin-top: 2.13333vw;
  }
}

.playlist-portrait.detail .sponsored {
  margin-top: 1.91667vw;
  margin-left: -1.5vw;
  width: 5.41667vw;
  height: 5.41667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlist-portrait.detail .sponsored {
    margin-top: 6.13333vw;
    margin-left: 1.33333vw;
    width: 10.66667vw;
    height: 10.66667vw;
  }
}

.playlist-portrait.detail:hover .view-playlist {
  display: none;
}

.playlists {
  padding: 3.75vw 3.33333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlists {
    padding: 0;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlists .title-wrapper {
    margin-top: 18.66667vw;
  }
}

.playlists .golden-arrow {
  width: 4.16667vw;
  height: 4.16667vw;
  margin-left: 7.25vw;
  margin-bottom: 0.75vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlists .golden-arrow {
    width: 10.66667vw;
    height: 10.66667vw;
    margin-left: 1.33333vw;
    margin-bottom: 2.4vw;
  }
}

.playlists .title {
  font-family: "Platform-Bold";
  font-size: 5.75vw;
  line-height: 6vw;
  letter-spacing: 0.08333vw;
  color: #000;
  margin-bottom: 1.66667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlists .title {
    font-family: "Platform-Bold";
    font-size: 9.6vw;
    line-height: 10.66667vw;
    letter-spacing: 0.26667vw;
    color: #000;
    margin-left: 4.26667vw;
    float: left;
  }
}

.playlists .title-copy {
  width: 40.41667vw;
  font-family: "Platform-Light";
  font-size: 1.33333vw;
  line-height: 1.83333vw;
  letter-spacing: 0.08333vw;
  color: #000;
  font-family: "ArgentCF-Light";
  font-size: 1.33333vw;
  line-height: 1.83333vw;
  letter-spacing: 0.08333vw;
  color: #000;
  margin-bottom: 2.5vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlists .title-copy {
    font-family: "ArgentCF-Light";
    font-size: 4.26667vw;
    line-height: 5.86667vw;
    letter-spacing: 0.26667vw;
    color: #000;
    width: auto;
    margin-left: 4.26667vw;
    margin-right: 4.26667vw;
    margin-bottom: 5.33333vw;
  }
}

.playlists .playlists-display {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
}

.playlists .playlists-display .playlist-portrait-wrapper {
  margin-left: 0.58333vw;
  margin-right: 0.58333vw;
  margin-bottom: 5vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .playlists .playlists-display .playlist-portrait-wrapper {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.53333vw;
    width: 49.8%;
  }
}

.sd-desktop-container {
  height: 45.83333vw;
}

.sd-desktop-container .background-image {
  position: absolute;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: inherit;
  width: 100vw;
  -o-object-fit: cover;
     object-fit: cover;
}

.sd-desktop-container .overlay {
  position: absolute;
  height: inherit;
  width: 100vw;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}

.sd-desktop-container .sd-desktop-hero {
  display: flex;
  flex-direction: row;
  width: 100vw;
  -o-object-fit: cover;
     object-fit: cover;
}

.sd-desktop-container .sd-desktop-hero .sponsored {
  width: 5.41667vw;
  height: 5.41667vw;
  margin-top: 2.5vw;
  margin-left: 2.5vw;
  z-index: 1;
}

.sd-desktop-container .sd-desktop-hero .sd-desktop-hero-left {
  display: flex;
  flex-direction: column;
  width: 50vw;
  padding-right: 0.83333vw;
}

.sd-desktop-container .sd-desktop-hero .sd-desktop-hero-left .sd-desktop-category-name {
  display: flex;
  justify-content: center;
  margin-top: 11.75vw;
  font-family: "DrukTextWide-Medium";
  font-size: 2vw;
  line-height: 2.33333vw;
  letter-spacing: 0.08333vw;
  text-transform: uppercase;
  color: #fff;
}

.sd-desktop-container .sd-desktop-hero .sd-desktop-hero-left .sd-desktop-title {
  display: flex;
  justify-content: center;
  margin-top: 4.64167vw;
  z-index: 1;
}

.sd-desktop-container .sd-desktop-hero .sd-desktop-hero-left .sd-desktop-title img {
  width: 35.08333vw;
  height: 11.08333vw;
}

.sd-desktop-container .sd-desktop-hero .sd-desktop-hero-left .sd-desktop-tag {
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-family: "Platform-Medium";
  font-size: 1.66667vw;
  line-height: 2.5vw;
  letter-spacing: 0.08333vw;
  text-transform: none;
  color: #fff;
  margin-top: 4.91667vw;
}

.sd-desktop-container .sd-desktop-hero .sd-desktop-hero-left .sd-desktop-tag .sd-desktop-play-icon {
  display: inherit;
  margin-right: 0.5vw;
  justify-content: center;
  align-items: center;
}

.sd-desktop-container .sd-desktop-hero .sd-desktop-hero-left .sd-desktop-tag .sd-desktop-play-icon img {
  width: 1vw;
  height: 1.33333vw;
}

.sd-desktop-container .sd-desktop-hero .sd-desktop-hero-left .sd-desktop-tag .sd-desktop-play-text {
  display: inherit;
  justify-content: center;
  font-family: "Platform-Medium";
  font-size: 1.66667vw;
  line-height: 2.5vw;
  letter-spacing: 0.08333vw;
  text-transform: none;
  color: #fff;
}

.sd-desktop-container .sd-desktop-hero .sd-desktop-hero-right {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 50vw;
  padding-left: 0.83333vw;
}

.sd-desktop-container .sd-desktop-hero .sd-desktop-hero-right .sd-desktop-sponsor {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  right: 3.75vw;
  top: 3.66667vw;
}

.sd-desktop-container .sd-desktop-hero .sd-desktop-hero-right .sd-desktop-sponsor .sd-desktop-partnership-text {
  display: inherit;
  margin-bottom: 1.49167vw;
}

.sd-desktop-container .sd-desktop-hero .sd-desktop-hero-right .sd-desktop-sponsor .sd-desktop-partnership-text img {
  width: 11.58333vw;
  height: 1.675vw;
}

.sd-desktop-container .sd-desktop-hero .sd-desktop-hero-right .sd-desktop-sponsor .sd-desktop-partnership-logo {
  display: inherit;
}

.sd-desktop-container .sd-desktop-hero .sd-desktop-hero-right .sd-desktop-sponsor .sd-desktop-partnership-logo img {
  width: 11.83333vw;
  height: 4.41667vw;
}

.sd-desktop-container .sd-desktop-hero .sd-desktop-hero-right .sd-desktop-episode-count {
  display: inherit;
  position: absolute;
  top: 16.41667vw;
  font-family: "DrukTextWide-Medium";
  font-size: 1.33333vw;
  line-height: 3vw;
  letter-spacing: 0.08333vw;
  text-transform: uppercase;
  color: #fff;
}

.sd-desktop-container .sd-desktop-hero .sd-desktop-hero-right .sd-desktop-description {
  display: inherit;
  position: absolute;
  width: 35.16667vw;
  top: 19.16667vw;
  font-family: "ArgentCF-Light";
  font-size: 2vw;
  line-height: 2.66667vw;
  letter-spacing: 0.08333vw;
  text-transform: none;
  color: #fff;
  height: 18.08333vw;
}

.sd-mobile-container {
  display: flex;
  flex-direction: column;
}

.sd-mobile-container .sd-mobile-hero {
  display: inherit;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  height: 69.33333vw;
  align-items: center;
  justify-content: center;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100vw;
  position: relative;
}

.sd-mobile-container .sd-mobile-hero .sponsored {
  position: absolute;
  width: 10.66667vw;
  height: 10.66667vw;
  left: 1.33333vw;
  top: 1.33333vw;
}

.sd-mobile-container .sd-mobile-hero .sd-mobile-sponsor {
  position: absolute;
  display: inherit;
  justify-content: center;
  top: 6.4vw;
}

.sd-mobile-container .sd-mobile-hero .sd-mobile-sponsor .sd-mobile-partnership {
  margin-right: 3.46667vw;
  width: 37.06667vw;
  height: 6.13333vw;
}

.sd-mobile-container .sd-mobile-hero .sd-mobile-sponsor .sd-mobile-logo {
  width: 24.26667vw;
  height: 10.13333vw;
  margin-left: 2.66667vw;
}

.sd-mobile-container .sd-mobile-hero .sd-mobile-title {
  display: inherit;
  justify-content: center;
  z-index: 2;
}

.sd-mobile-container .sd-mobile-hero .sd-mobile-title img {
  width: 74.66667vw;
  height: 31.46667vw;
  z-index: 99;
}

.sd-mobile-container .sd-mobile-subcontainer {
  display: flex;
  flex-direction: column;
  margin: 5.86667vw 4.26667vw 8.26667vw 4.26667vw;
}

.sd-mobile-container .sd-mobile-subcontainer .sd-mobile-title-share {
  display: flex;
  flex-direction: row;
  width: 91.2vw;
}

.sd-mobile-container .sd-mobile-subcontainer .sd-mobile-title-share .sd-mobile-title {
  display: inherit;
  flex-direction: row;
  justify-content: flex-start;
  width: 80vw;
  font-family: "Platform-Bold";
  font-size: 10.66667vw;
  line-height: 10.66667vw;
  letter-spacing: 0.26667vw;
  text-transform: none;
  color: #000;
}

.sd-mobile-container .sd-mobile-subcontainer .sd-mobile-title-share .sd-mobile-share {
  display: inherit;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 20vw;
}

.sd-mobile-container .sd-mobile-subcontainer .sd-mobile-title-share .sd-mobile-share img {
  width: 6.18667vw;
  height: 6.37333vw;
}

.sd-mobile-container .sd-mobile-subcontainer .sd-mobile-series-episodes {
  display: inherit;
  flex-direction: row;
  margin-top: 5.33333vw;
}

.sd-mobile-container .sd-mobile-subcontainer .sd-mobile-series-episodes .sd-mobile-series {
  font-family: "Druk-Medium";
  font-size: 4.8vw;
  line-height: 6.4vw;
  letter-spacing: 0.26667vw;
  text-transform: Uppercase;
  color: #000;
}

.sd-mobile-container .sd-mobile-subcontainer .sd-mobile-series-episodes .sd-mobile-divider {
  margin-right: 2.4vw;
  margin-left: 2.4vw;
  color: #b3b3b3;
}

.sd-mobile-container .sd-mobile-subcontainer .sd-mobile-series-episodes .sd-mobile-episodes {
  font-family: "DrukTextWide-Medium";
  font-size: 3.73333vw;
  line-height: 6.4vw;
  letter-spacing: 0.26667vw;
  text-transform: Uppercase;
  color: #000;
  justify-content: center;
}

.sd-mobile-container .sd-mobile-subcontainer .sd-mobile-description {
  font-family: "ArgentCF-Light";
  font-size: 3.73333vw;
  line-height: 5.33333vw;
  letter-spacing: 0.26667vw;
  text-transform: none;
  color: #000;
  justify-content: center;
  margin-top: 3.46667vw;
  margin-bottom: 7.2vw;
  width: 91.2vw;
  overflow: hidden;
}

.sd-mobile-container .sd-mobile-subcontainer .sd-mobile-play-text {
  display: flex;
  flex-direction: row;
}

.sd-mobile-container .sd-mobile-subcontainer .sd-mobile-play-text .sd-mobile-play {
  width: 3.2vw;
  height: 5.04vw;
  margin-right: 2.66667vw;
}

.sd-mobile-container .sd-mobile-subcontainer .sd-mobile-play-text .sd-mobile-text {
  font-family: "Platform-Medium";
  font-size: 5.33333vw;
  line-height: 5.33333vw;
  letter-spacing: 0.26667vw;
  text-transform: none;
  color: #d42000;
}

.sd-mobile-single-container {
  display: flex;
  flex-direction: row;
  width: 100vw;
  height: 34.13333vw;
  margin-bottom: 0.53333vw;
  margin-right: 6.66667vw;
  position: relative;
}

.sd-mobile-single-container .sd-mobile-single-sponsor-image-overlay {
  display: inherit;
}

.sd-mobile-single-container .sd-mobile-single-sponsor-image-overlay .story-sponsor-container {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.sd-mobile-single-container .sd-mobile-single-sponsor-image-overlay .sd-mobile-single-sponsor {
  height: 10.66667vw;
  margin-left: 2.13333vw;
  margin-top: 2.13333vw;
  width: 10.66667vw;
  z-index: 1;
}

.sd-mobile-single-container .sd-mobile-single-sponsor-image-overlay .sd-mobile-single-image {
  display: inherit;
  width: 60vw;
  height: 34.13333vw;
}

.sd-mobile-single-container .sd-mobile-single-sponsor-image-overlay .sd-mobile-single-overlay-sponsorship {
  margin-top: 1.33333vw;
  margin-left: 1.33333vw;
}

.sd-mobile-single-container .sd-mobile-single-sponsor-image-overlay .sd-mobile-single-play {
  height: cal-size-mobile(16);
  position: absolute;
  left: 3.73333vw;
  bottom: 2.4vw;
  width: 3.2vw;
  z-index: 1;
}

.sd-mobile-single-container .sd-mobile-single-sponsor-image-overlay .sd-mobile-single-duration {
  position: absolute;
  right: 42.4vw;
  bottom: 2.4vw;
  z-index: 1;
  font-family: "DrukTextWide-Medium";
  font-size: 3.2vw;
  line-height: 2.66667vw;
  letter-spacing: 0.26667vw;
  text-transform: uppercase;
  color: #fff;
}

.sd-mobile-single-container .sd-mobile-single-description-container {
  display: inherit;
  width: 40vw;
  border-style: solid;
  border-color: rgba(224, 224, 224, 0.9);
  border-width: 1px 0 1px 0;
}

.sd-mobile-single-container .sd-mobile-single-description-container .sd-mobile-single-description {
  display: flex;
  align-items: center;
  margin: 0 4.26667vw 0 4.26667vw;
  width: 31.46667vw;
  font-family: "Platform-Medium";
  font-size: 3.73333vw;
  line-height: 4.8vw;
  letter-spacing: 0.26667vw;
  text-transform: none;
  color: #1f1f1f;
}

.sd-desktop-multiple-container {
  display: inherit;
  position: relative;
  flex-direction: column;
  width: 22.83333vw;
  height: 25.58333vw;
  margin-right: 0.16667vw;
}

.sd-desktop-multiple-container:hover {
  cursor: pointer;
}

.sd-desktop-multiple-container:hover .sd-desktop-multiple-image {
  -webkit-filter: brightness(1);
          filter: brightness(1);
}

.sd-desktop-multiple-container .story-sponsor-container {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.sd-desktop-multiple-container .sd-desktop-multiple-branding {
  height: 5.41667vw;
  margin-left: 1vw;
  margin-top: -1.25vw;
  width: 5.41667vw;
  z-index: 1;
}

.sd-desktop-multiple-container .sd-desktop-multiple-image {
  display: inherit;
  width: 22.83333vw;
  height: 13.16667vw;
  margin-bottom: 2.08333vw;
  -webkit-filter: brightness(0.65);
          filter: brightness(0.65);
}

.sd-desktop-multiple-container .sd-desktop-multiple-overlay-sponsorship {
  display: flex;
  flex-direction: row;
  z-index: 1;
  margin-left: 0.83333vw;
}

.sd-desktop-multiple-container .sd-desktop-multiple-play {
  position: absolute;
  color: #fff;
  z-index: 1;
  width: 1vw;
  height: 1.33333vw;
  top: 10.91667vw;
  left: 1.66667vw;
}

.sd-desktop-multiple-container .sd-desktop-multiple-play-hover {
  position: absolute;
  color: #fff;
  z-index: 1;
  width: 2.83333vw;
  height: 3.66667vw;
  left: 10vw;
  top: 4.75vw;
}

.sd-desktop-multiple-container .sd-desktop-multiple-duration {
  position: absolute;
  font-family: "DrukTextWide-Medium";
  font-size: 1.16667vw;
  line-height: 2.16667vw;
  letter-spacing: 0.08333vw;
  text-transform: none;
  color: #000;
  z-index: 1;
  right: 1.5vw;
  top: 10.91667vw;
  color: #fff;
}

.sd-desktop-multiple-container .sd-desktop-multiple-text {
  display: inherit;
  font-family: "Platform-Medium";
  font-size: 1.5vw;
  line-height: 2.16667vw;
  letter-spacing: 0.08333vw;
  text-transform: none;
  color: #000;
  width: 19.75vw;
  height: 7.5vw;
  margin-bottom: 3.25vw;
}

.story-sponsor-container {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.sd-mobile-multiple-sponsor-image-overlay {
  display: inherit;
}

.sd-mobile-multiple-sponsor-image-overlay .sd-mobile-multiple-sponsor {
  height: 10.66667vw;
  margin-left: 2.13333vw;
  margin-top: 2.13333vw;
  width: 10.66667vw;
  z-index: 1;
}

.sd-mobile-multiple-sponsor-image-overlay .sd-mobile-multiple-image {
  display: inherit;
  width: 60vw;
  height: 34.13333vw;
}

.sd-mobile-multiple-sponsor-image-overlay .sd-mobile-multiple-overlay-sponsorship {
  margin-top: 1.33333vw;
  margin-left: 1.33333vw;
}

.sd-mobile-multiple-sponsor-image-overlay .sd-mobile-multiple-play {
  height: cal-size-mobile(16);
  position: absolute;
  left: 3.73333vw;
  bottom: 2.4vw;
  width: 3.2vw;
  z-index: 1;
}

.sd-mobile-multiple-sponsor-image-overlay .sd-mobile-multiple-duration {
  position: absolute;
  right: 42.4vw;
  bottom: 2.4vw;
  z-index: 1;
  font-family: "DrukTextWide-Medium";
  font-size: 3.2vw;
  line-height: 2.66667vw;
  letter-spacing: 0.26667vw;
  text-transform: uppercase;
  color: #fff;
}

.series-detail-main {
  display: flex;
  flex-direction: column;
  margin: 0 4vw 0 4vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .series-detail-main {
    display: flex;
    flex-direction: column;
    margin: 0;
  }
}

.series-detail-main .series-detail-main-title {
  display: flex;
  flex-direction: row;
  margin-top: 2.58333vw;
  margin-bottom: 1.66667vw;
}

.series-detail-main .series-detail-main-title .main-title {
  display: inherit;
  justify-content: flex-start;
  width: 66.66667vw;
  font-family: "Platform-Bold";
  font-size: 3vw;
  line-height: 3vw;
  letter-spacing: 0.08333vw;
  text-transform: none;
  color: #000;
}

.series-detail-main .series-detail-main-title .main-icons-title {
  align-items: center;
  display: inherit;
  justify-content: flex-end;
  width: 33.33333vw;
}

.series-detail-main .series-detail-main-title .main-icons-title .detail-share {
  width: 1.93333vw;
  height: 1.99167vw;
}

.series-detail-main .series-detail-main-title .main-icons-title .detail-squiggly {
  width: 5.5vw;
  height: 0.58333vw;
  margin-left: 4.31667vw;
}

.series-detail-main .series-details-seasonlist-row-container {
  display: flex;
  min-height: 12.26667vw;
  width: 100vw;
  background-color: #f1f1f1;
  padding: 1.06667vw 4.26667vw;
  overflow-x: scroll;
}

.series-detail-main .series-details-seasonlist-row-container .series-details-seasonlist-row {
  display: flex;
  flex-direction: row;
  padding: 0 2.66667vw 0 2.66667vw;
}

.series-detail-main .series-details-seasonlist-row-container .series-details-seasonlist-row .series-details-season-item-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "Druk-Medium";
  font-size: 5.33333vw;
  line-height: 6.93333vw;
  letter-spacing: 0.8vw;
  text-transform: uppercase;
  color: #82898f;
  min-width: 36vw;
  justify-content: flex-start;
}

.series-detail-main .series-details-seasonlist-row-container .series-details-seasonlist-row .series-details-season-item-row:hover {
  cursor: pointer;
}

.series-detail-main .series-details-seasonlist-row-container .series-details-seasonlist-row .active-item {
  color: #000;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: wavy;
          text-decoration-style: wavy;
}

.series-detail-main .series-detail-main-content {
  display: flex;
  flex-direction: row;
}

.series-detail-main .series-detail-main-content .series-seasonlist-column {
  display: flex;
  flex-direction: column;
}

.series-detail-main .series-detail-main-content .series-details-season-list-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 94vw;
}

.series-preview {
  position: relative;
}

@media (min-width: 769px) and (max-width: 1920px) {
  .series-preview .image {
    height: 33.01667vw;
    margin-bottom: 4.91667vw;
    -o-object-fit: cover;
       object-fit: cover;
    width: 21.75vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .series-preview .image {
    height: 75.2vw;
    width: 49.73333vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .series-preview .image-branding {
    height: cal-size(65);
    position: absolute;
    right: 15.33333vw;
    top: -1.75vw;
    width: 5.41667vw;
    z-index: 1;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .series-preview .image-branding {
    height: cal-size-mobile(39.9);
    left: 2.4vw;
    position: absolute;
    top: 2.66667vw;
    width: 10.64vw;
    z-index: 1;
  }
}

.series-preview .overlay {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
  margin-left: 2.33333vw;
  bottom: 6.58333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .series-preview .overlay {
    bottom: 1.06667vw;
    margin-left: 0;
  }
}

.series-preview .overlay .divider {
  display: flex;
  position: relative;
  border-top: 1.46px solid rgba(255, 255, 255, 0.5);
  width: 19.21667vw;
  margin-bottom: 2.08333vw;
  margin-left: -1.26667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .series-preview .overlay .divider {
    display: flex;
    position: relative;
    border-top: 1.46px solid rgba(255, 255, 255, 0.5);
    width: 45.33333vw;
    margin-bottom: 5.33333vw;
    margin-left: 2.13333vw;
  }
}

.series-preview .overlay .series-sponsorship {
  display: flex;
  flex-direction: row;
  align-content: center;
}

.series-preview .overlay .series-sponsorship .series-sponsor-text {
  display: flex;
  margin-bottom: 2.33333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .series-preview .overlay .series-sponsorship .series-sponsor-text {
    display: flex;
    margin-left: 7.46667vw;
    margin-bottom: 4.48vw;
  }
}

.series-preview .overlay .series-sponsorship .series-sponsor-text img {
  width: 11.58333vw;
  height: 1.91667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .series-preview .overlay .series-sponsorship .series-sponsor-text img {
    width: 21.33333vw;
    height: 3.49333vw;
  }
}

.series-preview .overlay .view-series {
  display: none;
}

.series-preview:hover .view-series {
  display: flex;
  color: #FFFFFF;
  border: 1px solid white;
  border-radius: 100px;
  font-family: "Platform-Medium";
  font-size: 1.66667vw;
  line-height: 2.5vw;
  letter-spacing: 0.08333vw;
  text-transform: none;
  color: #fff;
  padding: 1.5vw 0.66667vw 1.5vw 0.66667vw;
  width: 17.08333vw;
  height: 4.66667vw;
  justify-content: center;
  align-items: center;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .series-preview:hover .view-series {
    display: none;
  }
}

.gradient-separator {
  height: 2vw;
  width: 5.83333vw;
}

.gradient-separator div {
  height: 0.66667vw;
  width: 5.83333vw;
}

.gradient-separator.dark-red-to-red .top {
  background-color: #7d3336;
}

.gradient-separator.dark-red-to-red .middle {
  background-color: #a92818;
}

.gradient-separator.dark-red-to-red .bottom {
  background-color: #cc402e;
}

.partnership-wrapper {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: space-between;
}

.partnership-wrapper.quote {
  align-items: center;
}

.partnership {
  position: absolute;
}

@media (min-width: 769px) and (max-width: 1920px) {
  .partnership {
    right: 3.91667vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .partnership {
    align-items: center;
    right: 4.26667vw;
  }
}

.partnership.center {
  right: 2.25vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .partnership.center.partner {
    right: 18.4vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .partnership.center.sponsor {
    right: 4.53333vw;
  }
}

.partnership.left {
  right: 3.75vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .partnership.left.partner {
    right: 1.6vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .partnership.left.sponsor {
    margin-top: 8vw;
    right: 4.53333vw;
  }
}

.partnership.column {
  right: 2.25vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .partnership.column.partner {
    margin-top: 4.8vw;
    right: 1.6vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .partnership.column.sponsor {
    margin-top: 8vw;
    right: 4.53333vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .partnership .sponsor-sm {
    height: 5.33333vw;
    width: 11.73333vw;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .partnership .partner-img {
    margin-top: 1.25vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .partnership .partner-img {
    margin-top: 1.86667vw;
  }
}

.partnership .wavy {
  margin: 0 0 1.5vw 0;
  fill: currentColor;
}

@media (min-width: 769px) and (max-width: 1920px) {
  .partnership .wavy {
    height: 1.91667vw;
    margin: 0 0.83333vw 0 0;
    width: 11.58333vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .partnership .wavy {
    height: 6.13333vw;
    margin: 0 2.66667vw 0 0;
    width: 37.06667vw;
  }
}

.partnership .wavy.article {
  align-self: center;
}

@media (min-width: 769px) and (max-width: 1920px) {
  .partnership .wavy.article {
    height: 1.91667vw;
    margin: 0 0.83333vw 0 0;
    width: 11.58333vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .partnership .wavy.article {
    height: 3.46667vw;
    margin: 0;
    width: 21.33333vw;
  }
}

.partnership .sponsored-by {
  align-self: center;
}

@media (min-width: 769px) and (max-width: 1920px) {
  .partnership .sponsored-by {
    height: 1.08333vw;
    margin-right: 1vw;
    width: 1.08333vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .partnership .sponsored-by {
    height: 3.46667vw;
    margin-right: 3.2vw;
    width: 3.46667vw;
  }
}

.share-modal-container {
  width: 41.66667vw;
  height: 19.16667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .share-modal-container {
    width: 53.33333vw;
    height: 26.66667vw;
  }
}

.share-modal-container .title-row {
  display: flex;
  border-bottom: 1px solid #cccccc;
  font-family: "Platform-Medium";
  font-size: 1.66667vw;
  line-height: 1.83333vw;
  letter-spacing: 0.08333vw;
  color: black;
  margin-bottom: 0.83333vw;
  padding-bottom: 0.83333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .share-modal-container .title-row {
    font-family: "Platform-Medium";
    font-size: 5.33333vw;
    line-height: 5.86667vw;
    letter-spacing: 0.26667vw;
    color: black;
    margin-bottom: 2.66667vw;
    padding-bottom: 2.66667vw;
  }
}

.share-modal-container .title-row .close {
  cursor: pointer;
  margin-left: auto;
}

.share-modal-container .share-heading {
  padding-bottom: 0.83333vw;
  font-family: "Platform-Medium";
  font-size: 1.5vw;
  line-height: 1.66667vw;
  letter-spacing: 0.08333vw;
  color: black;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .share-modal-container .share-heading {
    font-family: "Platform-Medium";
    font-size: 4.8vw;
    line-height: 5.33333vw;
    letter-spacing: 0.26667vw;
    color: black;
  }
}

.share-modal-container .share-buttons {
  padding-bottom: 0.83333vw;
}

.share-modal-container .share-buttons .share-icon {
  margin-right: 1.66667vw;
  cursor: pointer;
}

.share-modal-container .share-buttons .share-icon svg {
  width: 5vw;
  height: 5vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .share-modal-container .share-buttons .share-icon svg {
    width: 8vw;
    height: 8vw;
  }
}

.share-modal-container .link-heading {
  margin-bottom: 0.83333vw;
  font-family: "ArgentCF-Light";
  font-size: 1.66667vw;
  line-height: 1.83333vw;
  letter-spacing: 0.08333vw;
  color: #82898f;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .share-modal-container .link-heading {
    margin-bottom: 2.66667vw;
    font-family: "ArgentCF-Light";
    font-size: 5.33333vw;
    line-height: 5.86667vw;
    letter-spacing: 0.26667vw;
    color: #82898f;
  }
}

.share-modal-container .link {
  width: 100%;
  height: 1.66667vw;
  margin-bottom: 0.83333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .share-modal-container .link {
    margin-bottom: 2.66667vw;
  }
}

.share-modal-container .copy-link {
  cursor: pointer;
  float: right;
  font-family: "Platform-Bold";
  font-size: 1.16667vw;
  line-height: 1.16667vw;
  letter-spacing: 0.08333vw;
  text-transform: uppercase;
  color: black;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .share-modal-container .copy-link {
    font-family: "Platform-Bold";
    font-size: 4.8vw;
    line-height: 5.33333vw;
    letter-spacing: 0.26667vw;
    color: black;
  }
}

.staff-picks {
  background-color: #f2f3f4;
}

.staff-picks .title-and-button-container {
  margin: auto;
  margin-left: 4vw;
  margin-right: 4vw;
  padding-top: 7.5vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .staff-picks .title-and-button-container {
    margin-left: 4.8vw;
    margin-right: 4.8vw;
    padding-top: 8vw;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .staff-picks .title-and-button-container .title {
    height: 5.16667vw;
    width: 58.33333vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .staff-picks .title-and-button-container .title {
    height: 10.66667vw;
    width: 49.33333vw;
  }
}

.staff-picks .title-and-button-container .button {
  height: 100%;
  margin-bottom: 0;
  margin-top: auto;
  width: 7.5vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .staff-picks .title-and-button-container .button {
    width: 18.66667vw;
  }
}

.staff-picks .storylist-container {
  padding-bottom: 5vw;
  padding-top: 3.83333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .staff-picks .storylist-container {
    padding-bottom: 4.26667vw;
    padding-top: 4vw;
  }
}

.extra-content .heading {
  margin-top: 0;
  font-family: "Druk";
  font-size: 1.5vw;
  line-height: 2vw;
  letter-spacing: 0.16667vw;
  text-transform: uppercase;
  color: #b4b4b4;
}

.extra-content .links {
  padding-left: 0;
}

.extra-content .links li {
  list-style-type: none;
}

.extra-content .links li a {
  text-decoration: none;
  font-family: "Platform-Medium";
  font-size: 1.66667vw;
  line-height: 3.33333vw;
  letter-spacing: 0vw;
  text-transform: none;
  color: #000;
}

.series-also {
  width: 100%;
  height: 53.25vw;
  background-color: #1f1f1f;
  padding-top: 4.5vw;
  padding-left: 4.08333vw;
  padding-bottom: 8vw;
  padding-right: 17.16667vw;
  display: flex;
}

.series-also .heading {
  flex-basis: 51vw;
  padding-right: 4vw;
}

.series-also .heading h1 {
  margin-top: 0;
  font-family: "Platform-Bold";
  font-size: 5.75vw;
  line-height: 6vw;
  letter-spacing: 0vw;
  text-transform: none;
  color: #fff;
}

.series-also .playlist-thumb {
  flex-basis: 41vw;
  align-self: flex-end;
  margin-right: 4vw;
}

.series-also .playlist-thumb img {
  height: 35.5vw;
  width: 23.41667vw;
  background-color: #417ee0;
}

.series-also .description {
  flex-basis: 41vw;
  flex-grow: 2;
  align-self: flex-end;
}

.series-also .description .episode-count {
  font-family: "DrukTextWide-Medium";
  font-size: 1.33333vw;
  line-height: 3vw;
  letter-spacing: 0.16667vw;
  text-transform: uppercase;
  color: #fff;
}

.series-also .description .description-text {
  margin-bottom: 3vw;
  font-family: "ArgentCF-Light";
  font-size: 1.66667vw;
  line-height: 2.66667vw;
  letter-spacing: 0vw;
  text-transform: none;
  color: #fff;
}

.similar-playlists {
  padding-top: 5.08333vw;
  padding-left: 4vw;
  padding-bottom: 3.41667vw;
  display: flex;
}

.similar-playlists .left-panel {
  flex-basis: 29vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.similar-playlists .left-panel .heading {
  width: 22vw;
}

.similar-playlists .left-panel .all-playlists-button {
  bottom: 0;
  left: 0;
}

.similar-playlists .playlists-panel {
  margin-top: 3.25vw;
  display: grid;
  grid-template-columns: 21.75vw 21.75vw;
  grid-template-rows: 21.75vw 21.75vw;
  grid-column-gap: 1.66667vw;
  grid-row-gap: 1.66667vw;
}

.similar-playlists .playlists-panel .playlist-preview {
  background-color: #82898f;
  height: 21.75vw;
  width: 21.75vw;
}

.other-videos-from-category {
  background-color: #f2f3f4;
  padding-top: 6.5vw;
  padding-left: 4vw;
}

.other-videos-from-category .heading {
  display: flex;
  justify-content: space-between;
}

.other-videos-from-category .heading h1 {
  display: inline;
  margin: 0;
  font-family: "Platform-Bold";
  font-size: 5.75vw;
  line-height: 6vw;
  letter-spacing: 0vw;
  text-transform: none;
  color: #000;
}

.other-videos-from-category .heading .play-all-button {
  position: relative;
  align-self: flex-end;
  font-family: "Platform-Medium";
  font-size: 1.66667vw;
  line-height: 2.5vw;
  letter-spacing: 0vw;
  text-transform: none;
  color: #d42000;
}

.other-videos-from-category .heading .play-all-button .icon {
  width: 0;
  height: 0;
  border-top: 0.83333vw solid transparent;
  border-bottom: 0.83333vw solid transparent;
  border-left: 0.83333vw solid #d42000;
  display: inline-block;
  position: relative;
  top: 0.2vw;
  left: -0.7vw;
}

.other-videos-from-category .stories {
  margin-top: 3.83333vw;
  height: 25vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .other-videos-from-category .stories {
    height: 37.33333vw;
  }
}

.other-videos-from-category .stories .story-preview {
  display: inline-block;
  margin-right: 1px;
}

.other-videos-from-category .stories .story-preview .text-container {
  white-space: normal;
}

.story-list-container {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0;
  position: relative;
  left: 3.91667vw;
}

.story-list-container .stories {
  display: flex;
}

.story-list-container .story-padding {
  padding-left: 4vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .story-list-container .story-padding {
    padding-left: 4.53333vw;
  }
}

.story-list-container .stories::-webkit-scrollbar {
  display: none;
}

.story-list-container .arrow-container {
  bottom: 0;
  position: absolute;
  top: 0;
  width: 7.75vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .story-list-container .arrow-container {
    display: none;
  }
}

.story-list-container .arrow-container .gradient-container {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: auto;
}

.story-list-container .arrow-container .opa1 {
  background-color: #f5f5f5;
  filter: alpha(opacity=20);
  opacity: .2;
  width: 20%;
}

.story-list-container .arrow-container .opa2 {
  background-color: #f5f5f5;
  filter: alpha(opacity=50);
  opacity: .5;
  width: 35%;
}

.story-list-container .arrow-container .opa3 {
  background-color: #f5f5f5;
  filter: alpha(opacity=80);
  opacity: .8;
  width: 45%;
}

.story-list-container .right-arrow {
  right: 0;
}

.story-list-container .right-arrow .right-arrow-image {
  position: absolute;
  width: 1.83333vw;
  z-index: 1;
}

.story-list-container .right-arrow .right-arrow-image-lg {
  margin-left: 1.66667vw;
  margin-top: 10vw;
  position: absolute;
  width: 1.83333vw;
  z-index: 1;
}

.story-list-container .left-arrow {
  left: 0;
}

.story-list-container .left-arrow .left-arrow-image {
  margin-left: 1.66667vw;
  margin-top: 7.5vw;
  position: absolute;
  width: 1.83333vw;
  z-index: 1;
}

.story-list-container .left-arrow .left-arrow-image-lg {
  margin-left: 1.66667vw;
  margin-top: 10vw;
  position: absolute;
  width: 1.83333vw;
  z-index: 1;
}

.story-list-container .hidden {
  display: none;
}

.story-preview {
  margin: 0 1px;
  height: 22.83333vw;
  width: 22.83333vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .story-preview {
    height: 49.06667vw;
    margin: 0 1px;
    margin-top: 5.33333vw;
    width: 38.13333vw;
  }
}

.story-preview .image-container {
  height: 13.16667vw;
  position: relative;
  width: inherit;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .story-preview .image-container {
    height: 22.4vw;
  }
}

.story-preview .image-container .image {
  height: 100%;
  width: inherit;
}

.story-preview .image-container .image.placeholder {
  background-color: #417ee0;
}

.story-preview .image-container .overlay {
  bottom: 1vw;
  padding: 0 1.41667vw;
  position: absolute;
  width: 100%;
}

.story-preview .image-container .sponsor {
  margin-bottom: 6.66667vw;
}

.story-preview .image-container .sponsorship {
  height: 2.91667vw;
  margin-top: 2.5vw;
}

.story-preview .image-container .duration-label {
  color: #fff;
  font-family: "DrukTextWide-Medium";
  font-size: 1.16667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .story-preview .image-container .duration-label {
    font-size: 3.2vw;
  }
}

.story-preview .image-container .play-button {
  width: 1vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .story-preview .image-container .play-button {
    width: 3.2vw;
  }
}

.story-preview .text-container {
  font-family: "Platform-Medium";
  font-size: 1.66667vw;
  line-height: 2.16667vw;
  letter-spacing: 0.08333vw;
  text-transform: capitalize;
  color: #000;
  margin-top: 1.83333vw;
  max-height: 6.5vw;
  overflow: hidden;
  width: 18.75vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .story-preview .text-container {
    font-family: "Platform-Medium";
    font-size: 4.26667vw;
    line-height: 5.33333vw;
    letter-spacing: 0.26667vw;
    text-transform: capitalize;
    color: #000;
    margin-top: 3.2vw;
    max-height: 21.33333vw;
    width: 35.2vw;
  }
}

.story-preview-lg {
  height: 29.25vw;
  margin: 0 1px;
  margin-top: 1.66667vw;
  width: 29.25vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .story-preview-lg {
    height: 51.2vw;
    margin: 0 1px;
    margin-top: 5.33333vw;
    width: 60vw;
  }
}

.story-preview-lg .image-container-lg {
  height: 16.83333vw;
  position: relative;
  width: inherit;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .story-preview-lg .image-container-lg {
    height: 34.13333vw;
  }
}

.story-preview-lg .image-container-lg .image-lg {
  height: 100%;
  width: inherit;
}

.story-preview-lg .image-container-lg .overlay-lg {
  bottom: 1vw;
  padding: 0 1.41667vw;
  position: absolute;
  width: 100%;
}

.story-preview-lg .image-container-lg .sponsor {
  margin-bottom: 10vw;
}

.story-preview-lg .image-container-lg .sponsorship {
  height: 2.91667vw;
  margin-top: 2.5vw;
}

.story-preview-lg .image-container-lg .duration-label {
  color: #fff;
  font-family: "DrukTextWide-Medium";
  font-size: 1.16667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .story-preview-lg .image-container-lg .duration-label {
    font-size: 3.2vw;
  }
}

.story-preview-lg .image-container-lg .play-button {
  width: 1vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .story-preview-lg .image-container-lg .play-button {
    width: 3.2vw;
  }
}

.story-preview-lg .text-container {
  font-family: "Platform-Medium";
  font-size: 1.66667vw;
  line-height: 2.16667vw;
  letter-spacing: 0.08333vw;
  text-transform: capitalize;
  color: #000;
  margin-top: 1.83333vw;
  max-height: 6.5vw;
  overflow: hidden;
  width: 24.66667vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .story-preview-lg .text-container {
    font-family: "Platform-Medium";
    font-size: 4.26667vw;
    line-height: 5.33333vw;
    letter-spacing: 0.26667vw;
    text-transform: capitalize;
    color: #000;
    margin-top: 3.2vw;
    max-height: 10.66667vw;
    width: 54.4vw;
  }
}

.youtube-player {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.whats-new {
  background-color: #fff;
}

@media (min-width: 769px) and (max-width: 1920px) {
  .whats-new {
    height: 42.66667vw;
    position: relative;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .whats-new .title-and-button-container {
    margin-top: 7.5vw;
    padding-left: 3.83333vw;
    padding-right: 3.83333vw;
    position: absolute;
    width: 100%;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .whats-new .title-and-button-container {
    margin-left: 4.8vw;
    margin-right: 4.8vw;
    padding-top: 8vw;
  }
}

.whats-new .title-and-button-container .title {
  height: 23.83333vw;
  width: 25vw;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .whats-new .title-and-button-container .title {
    height: 21.33333vw;
    width: 53.86667vw;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .whats-new .title-and-button-container .button {
    height: 1.66667vw;
    margin-top: 2.5vw;
    width: 7.5vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .whats-new .title-and-button-container .button {
    height: 100%;
    margin-bottom: 0;
    margin-top: auto;
    width: 18.66667vw;
  }
}

@media (min-width: 769px) and (max-width: 1920px) {
  .whats-new .storylist-container {
    position: absolute;
    right: 0;
    top: 14vw;
    width: 71.66667vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .whats-new .storylist-container {
    padding-bottom: 4.26667vw;
    padding-top: 4vw;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
  .whats-new .storylist-container .stories {
    padding-left: 4.53333vw;
  }
}