.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.sw-WidePage_Inner-xpage {
  background: -webkit-gradient(linear, left bottom, left top, from(#3D4853), to(#1b1e24));
  background: -o-linear-gradient(bottom, #3D4853 0%, #1b1e24 100%);
  background: linear-gradient(0deg, #3D4853 0%, #1b1e24 100%);
}

.sw-WidePage_Inner-merch {
  background-color: #3d4853;
}

@media only screen and (min-width: 768px) {
  .sw-WidePage_Inner-xpage .sw-Footer {
    padding-top: 64px;
  }
}

.x-Footer_Top {
  max-width: 1248px;
  margin: 0 auto;
  padding-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .x-Footer_Top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 64px;
  }
}

.x-LogoXWrapper .bonfire-logo-1 {
  fill: #3d4853;
}
.sw-Footer .x-LogoXWrapper .bonfire-logo-1, .sw-Header-inverse .x-LogoXWrapper .bonfire-logo-1 {
  fill: #fff;
}
.sw-Header-menuopen .x-LogoXWrapper .bonfire-logo-1, .sw-Header-floating .x-LogoXWrapper .bonfire-logo-1 {
  fill: #3d4853;
}

.x-LogoXWrapper .bonfire-logo-2 {
  fill: #3d4853;
}
.sw-Footer .x-LogoXWrapper .bonfire-logo-2, .sw-Header-inverse .x-LogoXWrapper .bonfire-logo-2 {
  fill: #fff;
}
.sw-Header-menuopen .x-LogoXWrapper .bonfire-logo-2, .sw-Header-floating .x-LogoXWrapper .bonfire-logo-2 {
  fill: #3d4853;
}

.sw-WidePage_Inner-xpage .sw-Footer_Desc {
  margin-top: 0;
}

.x-LogoXWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 768px) {
  .x-LogoXWrapper {
    margin: 0 72px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .x-Footer_Top .x-LogoXWrapper {
    margin-bottom: 36px;
  }
}

.x-Footer_Menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (min-width: 768px) {
  .x-Footer_Menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.x-Footer_MenuLink {
  margin-bottom: 16px;
  color: #fff;
  line-height: 1.625;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .x-Footer_MenuLink {
    margin: 0 36px 0 0;
  }
}
.x-Footer_MenuLink:hover, .x-Footer_MenuLink:focus {
  color: #fff;
}

.x-Footer_MenuLink-active:after {
  background: #f6c36f;
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  bottom: -3px;
  left: 0;
}

.sw-WidePage-x {
  color: #fff;
  background-color: #1b1e24;
}

.sw-WidePage-premium {
  overflow: hidden;
  background-color: #1b1e24;
}

.x-WidePage_Inner-intro {
  padding: 104px 24px 64px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .x-WidePage_Inner-intro {
    padding: 144px 48px 200px;
  }
}
@media only screen and (min-width: 1392px) {
  .x-WidePage_Inner-intro {
    padding-top: 200px;
  }
}
.sw-WidePage-premium .x-WidePage_Inner-intro {
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .sw-WidePage-premium .x-WidePage_Inner-intro {
    padding-bottom: 40px;
  }
}
.sw-WidePage-discover .x-WidePage_Inner-intro {
  padding-bottom: 64px;
}
@media only screen and (max-width: 767px) {
  .sw-WidePage-discover .x-WidePage_Inner-intro {
    padding-bottom: 36px;
  }
}
.sw-WidePage-xyoutube .x-WidePage_Inner-intro {
  padding-bottom: 96px;
}

.x-WidePage_Inner-creators {
  text-align: center;
  padding-bottom: 96px;
}
@media only screen and (min-width: 768px) {
  .x-WidePage_Inner-creators {
    padding: 0 24px 136px;
  }
}
.sw-WidePage-premium .x-WidePage_Inner-creators {
  padding: 80px 0 64px;
}
@media only screen and (min-width: 768px) {
  .sw-WidePage-premium .x-WidePage_Inner-creators {
    padding: 128px 24px 112px;
  }
}

.x-WidePage_Inner-revenue {
  padding: 96px 24px;
  background-color: #f6c36f;
}
@media only screen and (min-width: 768px) {
  .x-WidePage_Inner-revenue {
    padding: 152px 48px;
  }
}
.sw-WidePage-premium .x-WidePage_Inner-revenue {
  background: none;
  padding-top: 120px;
  padding-bottom: 36px;
}
@media only screen and (min-width: 1392px) {
  .sw-WidePage-premium .x-WidePage_Inner-revenue {
    padding-top: 192px;
    padding-bottom: 20px;
  }
}

.x-WidePage_Inner-exclusive {
  background-color: #fff;
  padding: 72px 24px 56px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .x-WidePage_Inner-exclusive {
    padding: 160px 48px;
  }
}

.x-WidePage_Inner-foryou {
  padding: 88px 24px 24px;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .x-WidePage_Inner-foryou {
    padding: 176px 48px 72px;
  }
}
.sw-WidePage-premium .x-WidePage_Inner-foryou {
  padding-bottom: 0;
}

.sw-WidePage_Inner-joinx {
  padding: 64px 24px 48px;
}
@media only screen and (min-width: 768px) {
  .sw-WidePage_Inner-joinx {
    padding: 120px 48px;
  }
}
.sw-WidePage-premium .sw-WidePage_Inner-joinx {
  padding: 96px 24px 120px;
}
@media only screen and (min-width: 992px) {
  .sw-WidePage-premium .sw-WidePage_Inner-joinx {
    padding: 120px 48px 152px;
  }
}

.sw-WidePage_Inner-think {
  padding: 160px 24px 96px;
}
@media only screen and (min-width: 992px) {
  .sw-WidePage_Inner-think {
    padding: 160px 48px;
  }
}

.x-ForYouTop img {
  -webkit-box-shadow: 8px 16px 36px rgba(61, 72, 83, 0.2);
          box-shadow: 8px 16px 36px rgba(61, 72, 83, 0.2);
}
.x-Intro img, .x-DiscoverCreators img {
  border-radius: 8px;
}
.x-Exclusive img {
  max-width: 230px;
}
@media only screen and (min-width: 768px) and (max-width: 1391px) {
  .x-Grid_StoreInfo-2 + img, .x-Grid_StoreInfo-3 + img {
    max-width: 50%;
  }
}

h1.x-H1 {
  font-size: 5.4rem;
  line-height: 1.04;
  color: #f6c36f;
  font-weight: 800;
  max-width: 330px;
  margin-bottom: 36px;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}
@media only screen and (min-width: 768px) {
  h1.x-H1 {
    font-size: 11.2rem;
    max-width: 780px;
    margin-bottom: 72px;
  }
}
@media only screen and (min-width: 1392px) {
  h1.x-H1 {
    margin-bottom: 80px;
  }
}
.sw-WidePage-premium h1 {
  color: #1b1e24;
  background: none;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
  margin-bottom: 64px;
}
@media only screen and (min-width: 1200px) {
  .sw-WidePage-premium h1 {
    margin-bottom: 0;
  }
}
.sw-WidePage-discover h1 {
  color: #fff;
  font-size: clamp(5.4rem, 6vw, 9.2rem);
}
.sw-WidePage-xyoutube h1 {
  color: #fff;
  font-size: clamp(5.4rem, 8vw, 10rem);
}
@media only screen and (max-width: 767px) {
  .sw-WidePage-xyoutube h1 {
    max-width: 330px;
  }
}

.sw-WidePage-x h2 {
  font-weight: 400;
}
h2.x-H2 {
  font-size: 4.8rem;
  line-height: 1.04;
  margin-bottom: 24px;
  font-weight: 800;
}
@media only screen and (min-width: 768px) {
  h2.x-H2 {
    margin-bottom: 36px;
    font-size: 7.2rem;
    line-height: 1.194;
  }
}
.x-Exclusive h2 {
  margin-bottom: 32px;
  color: #1b1e24;
}
.x-ForYouTop h2 {
  max-width: 580px;
}
.x-ForYouTop h2 + h2 {
  margin-bottom: 48px;
}
@media only screen and (min-width: 768px) {
  .x-ForYouTop h2 + h2 {
    margin-bottom: 88px;
  }
}
.sw-WidePage-premium .x-ForYouTop h2 {
  max-width: 740px;
}
.x-Join h2 {
  font-size: 4.8rem;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .x-Join h2 {
    font-size: 6.4rem;
  }
}
.x-Rvenue:not(.x-Rvenue-dark) h2 {
  color: #1b1e24;
}
.sw-WidePage-premium h2:not(.x-H2) {
  color: #bdc8d9;
}
.sw-WidePage-premium .x-SubTitleWrap h2 {
  margin-bottom: 12px;
  padding-left: 36px;
  background-position: left center;
  background-repeat: no-repeat;
  color: #1b1e24;
}
.sw-WidePage-premium .x-SubTitleWrap h2:nth-child(1) {
  background-image: url("/images/bonfire-creators/color-dot-1.png");
}
.sw-WidePage-premium .x-SubTitleWrap h2:nth-child(2) {
  background-image: url("/images/bonfire-creators/color-dot-2.png");
}
.sw-WidePage-premium .x-SubTitleWrap h2:nth-child(3) {
  background-image: url("/images/bonfire-creators/color-dot-3.png");
}
.sw-WidePage-premium .x-SubTitleWrap h2:nth-child(4) {
  background-image: url("/images/bonfire-creators/color-dot-4.png");
}
.x-DiscoverIntro h2 {
  margin-bottom: 80px;
}

h3.x-H3 {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.33;
  text-transform: none;
  letter-spacing: normal;
}
@media only screen and (min-width: 768px) {
  h3.x-H3 {
    font-size: 3.6rem;
  }
}
.x-Social h3.x-H3 {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .x-Social h3.x-H3 {
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 991px) {
  .x-CreatedThrough h3.x-H3 {
    font-size: 2.4rem;
  }
}
.x-DiscoverIntro h3.sw-H3Alt {
  color: #1b1e24;
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.x-Intro h3 {
  margin-bottom: 24px;
  max-width: 330px;
}
@media only screen and (min-width: 768px) {
  .x-Intro h3 {
    max-width: 600px;
    margin: 0 auto 24px;
  }
}
@media only screen and (min-width: 768px) {
  .x-Grid_StoreInfo-4 h3 {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) {
  .x-HowItWorks > h3 {
    position: relative;
    top: 48px;
  }
}
.x-YouTubeQA h3 {
  margin-bottom: 36px;
}
@media only screen and (min-width: 992px) {
  .x-YouTubeQA h3 {
    margin-bottom: 0;
    position: relative;
    top: 96px;
  }
}

.sw-WidePage-x h4 {
  color: #bdc8d9;
}
.x-Exclusive h4 {
  color: #1b1e24;
}
@media only screen and (min-width: 768px) {
  .x-Exclusive h4 {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .x-ForYouTop h4 {
    margin-bottom: 20px;
  }
}
.x-Creators h4 {
  margin-bottom: 32px;
}
.sw-WidePage-premium h4 {
  color: #bdc8d9;
}
.x-DiscoverIntro h4 {
  color: #1b1e24;
  margin: 24px 0 8px;
}

.sw-WidePage-x p {
  margin-bottom: 0;
}
.x-ForYouBottom p {
  color: #bdc8d9;
}
.x-YouTubeGetStarted p {
  max-width: 347px;
  margin: 96px 0 16px;
}
@media only screen and (min-width: 768px) {
  .x-YouTubeGetStarted p {
    margin: 144px auto 16px;
  }
}

.x-SubTitleWrap span {
  display: block;
  margin-top: 24px;
}
.x-ExclusiveAlert span {
  margin-right: 16px;
}
.x-Rvenue span {
  display: block;
  margin-bottom: 36px;
  color: #1b1e24;
}
@media only screen and (min-width: 768px) {
  .x-Rvenue span {
    margin-top: -16px;
  }
}

.sw-WidePage-x .bf-Btn-primaryalt.bf-Btn-lg {
  text-transform: none;
  letter-spacing: normal;
  font-size: 1.5rem;
  padding: 16px 24px;
}
.x-Rvenue .bf-Btn-primaryalt.bf-Btn-lg, .x-SubTitleWrap .bf-Btn-primaryalt.bf-Btn-lg {
  font-size: 1.8rem;
  padding: 22px 36px;
}
.sw-WidePage-premium .x-SubTitleWrap .bf-Btn-primaryalt.bf-Btn-lg {
  margin-top: 12px;
  background-color: #1b1e24;
  color: #fff;
}

.sw-WidePage-x .bf-Btn-secondaryalt {
  background-color: #1b1e24;
}
.sw-WidePage-x .bf-Btn-secondaryalt:hover, .sw-WidePage-x .bf-Btn-secondaryalt:focus {
  background-color: #fff;
}

.x-Intro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sw-WidePage-premium .x-Intro {
  background-image: url("/images/bonfire-creators/unlock-premium-service.png");
  background-size: 163px;
  background-repeat: no-repeat;
  background-position: right -44px top;
  margin: 0 -24px;
  padding: 0 24px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2/1), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .sw-WidePage-premium .x-Intro {
    background-image: url("/images/bonfire-creators/unlock-premium-service@2x.png");
  }
}
@media only screen and (min-width: 768px) {
  .sw-WidePage-premium .x-Intro {
    background-position: right -14px top;
    background-size: 280px;
  }
}
@media only screen and (min-width: 1200px) {
  .sw-WidePage-premium .x-Intro {
    background-position: 52% top;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.x-LargeText {
  font-size: 2rem;
  line-height: 1.5;
  color: #bdc8d9;
}
@media only screen and (min-width: 768px) {
  .x-LargeText {
    font-size: 2.4rem;
  }
}
.x-Exclusive .x-LargeText {
  color: #1b1e24;
  margin-bottom: 0;
}
.x-ForYouTop .x-LargeText {
  max-width: 500px;
  margin-bottom: 64px;
}
@media only screen and (min-width: 768px) {
  .x-ForYouTop .x-LargeText {
    margin-bottom: 96px;
  }
}
.sw-WidePage-premium .x-LargeText {
  color: #bdc8d9;
}
.x-Join .x-LargeText {
  max-width: 450px;
}
.x-YouTubeMerch .x-LargeText {
  margin-bottom: 24px;
}
.x-MerchShelf .x-LargeText {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-bottom: 36px;
}
@media only screen and (min-width: 768px) {
  .x-MerchShelf .x-LargeText {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 36px;
    margin-bottom: 64px;
  }
}
.x-AreYouReady .x-LargeText {
  max-width: 444px;
}

.x-SubTitleWrap {
  max-width: 800px;
  margin-bottom: 72px;
  -webkit-animation-delay: .6s;
          animation-delay: .6s;
}
@media only screen and (min-width: 768px) {
  .x-SubTitleWrap {
    margin: 0 auto 120px;
    text-align: center;
  }
}
@media only screen and (min-width: 1024px) {
  .x-SubTitleWrap {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    margin-bottom: -240px;
  }
}
.sw-WidePage-premium .x-SubTitleWrap {
  color: #1b1e24;
  margin: 0;
  text-align: left;
}
@media only screen and (min-width: 1200px) {
  .sw-WidePage-premium .x-SubTitleWrap {
    min-width: 382px;
    margin-bottom: 36px;
  }
}

.x-Phones {
  display: grid;
  max-width: 1016px;
  margin: 0 auto;
}

.x-Phone {
  max-width: 803px;
  min-height: 405px;
  display: block;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 80px;
  overflow: hidden;
  border-radius: 20px;
  width: 803px;
}
@media only screen and (min-width: 768px) {
  .x-Phone {
    margin-bottom: 96px;
  }
}

.x-Phone-front {
  max-width: 331px;
  min-height: 571px;
  background-image: url("/images/bonfire-creators/x-mobile-front-vertical.svg");
}
@media only screen and (min-width: 768px) {
  .x-Phone-front {
    min-height: 405px;
    max-width: 803px;
    background-image: url("/images/bonfire-creators/x-mobile-front.svg");
  }
}

.x-Phone-back {
  background-image: url("/images/bonfire-creators/x-mobile-back.svg");
  margin-bottom: 0;
  margin-left: auto;
}

.x-Phone .js-tilt-glare {
  border-radius: 20px;
}
@media only screen and (min-width: 768px) {
  .x-Phone .js-tilt-glare:after {
    content: "";
    display: block;
    width: 66px;
    border-radius: 50%;
    height: 64px;
    background: #1b1e24;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
  }
}
.js-tilt-glare .js-tilt-glare-inner {
  display: none;
}
@media only screen and (min-width: 768px) {
  .js-tilt-glare .js-tilt-glare-inner {
    display: block;
  }
}
.x-Phone-back .js-tilt-glare:after {
  width: 70px;
  height: 70px;
  left: 0;
  right: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.x-Grid {
  display: grid;
  grid-row-gap: 32px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (min-width: 768px) {
  .x-Grid {
    grid-column-gap: 36px;
  }
}
.x-Intro .x-Grid {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-bottom: 120px;
}
@media only screen and (max-width: 767px) {
  .x-Intro .x-Grid {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 0;
    margin: 0 -12px 14vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .x-Intro .x-Grid {
    margin-bottom: 160px;
  }
}
.x-Creators .x-Grid {
  display: grid;
  padding: 0 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 1fr 1fr;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-column-gap: 20px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .x-Creators .x-Grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    grid-column-gap: 56px;
    grid-row-gap: 24px;
    max-width: 990px;
    margin: 0 auto 24px;
  }
}
.x-Rvenue .x-Grid, .x-Join .x-Grid {
  grid-gap: 0;
}
@media only screen and (min-width: 992px) {
  .x-Rvenue .x-Grid, .x-Join .x-Grid {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    grid-column-gap: 0;
    grid-template-columns: repeat(24, 1fr);
  }
}
.x-Exclusive .x-Grid {
  justify-items: center;
  text-align: center;
  grid-template-columns: none;
  display: inline-grid;
}
@media only screen and (min-width: 1024px) {
  .x-Exclusive .x-Grid {
    grid-template-columns: repeat(3, auto);
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width: 1200px) {
  .x-Exclusive .x-Grid {
    grid-column-gap: 24px;
  }
}
.x-ForYouTop .x-Grid {
  grid-row-gap: 64px;
  margin-bottom: 96px;
}
@media only screen and (min-width: 992px) {
  .x-ForYouTop .x-Grid {
    grid-column-gap: 96px;
    margin-bottom: 144px;
  }
}
.x-ForYouBottom .x-Grid {
  grid-row-gap: 64px;
}
@media only screen and (min-width: 768px) {
  .x-ForYouBottom .x-Grid {
    grid-column-gap: 48px;
  }
}
.x-DiscoverCreators .x-Grid {
  grid-row-gap: 36px;
  grid-column-gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 276px));
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1024px) {
  .x-DiscoverCreators .x-Grid {
    grid-row-gap: 56px;
    grid-column-gap: 48px;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  .x-CreatedThrough .x-Grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.x-DiscoverIntro .x-Grid {
  display: block;
}
@media only screen and (min-width: 768px) {
  .x-DiscoverIntro .x-Grid {
    display: grid;
    grid-gap: 64px 56px;
  }
}
.x-YouTubeMerch .x-Grid {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (min-width: 992px) {
  .x-YouTubeMerch .x-Grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  .x-Fundraise .x-Grid {
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width: 992px) {
  .x-GoDiscover .x-Grid {
    grid-template-columns: 1.5fr 1fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  .x-MerchIntro .x-Grid {
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media only screen and (min-width: 768px) {
  .x-MerchShelf .x-Grid {
    grid-template-columns: 0.75fr 1fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width: 992px) {
  .x-AreYouReady .x-Grid {
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width: 992px) {
  .x-YouTubeQA .x-Grid {
    grid-template-columns: 1fr 2fr;
  }
}

@media only screen and (min-width: 768px) {
  .x-Grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 768px) {
  .x-Grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

.x-Grid-intro {
  grid-template-columns: repeat(3, 1fr);
  min-height: 260px;
  grid-column-gap: 0;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .x-Grid-intro {
    min-height: 0;
  }
}
.x-Grid-intro img {
  position: absolute;
}

.x-Grid-intro1 .x-Grid_Box-1 img {
  max-width: 306px;
  width: 100%;
  min-width: 127px;
  left: -20px;
}
@media only screen and (min-width: 768px) {
  .x-Grid-intro1 .x-Grid_Box-1 img {
    left: -96px;
  }
}
@media only screen and (min-width: 1024px) {
  .x-Grid-intro1 .x-Grid_Box-1 img {
    top: 60px;
    left: -155px;
  }
}
.x-Grid-intro1 .x-Grid_Box-2 img {
  width: 100%;
  min-width: 180px;
  max-width: 438px;
  left: -62px;
  top: 58px;
}
@media only screen and (min-width: 1024px) {
  .x-Grid-intro1 .x-Grid_Box-2 img {
    min-width: 438px;
    top: 296px;
    left: -335px;
  }
}
.x-Grid-intro1 .x-Grid_Box-3 img {
  width: 100%;
  min-width: 90px;
  right: -16px;
  max-width: 90px;
  top: 30px;
}
@media only screen and (min-width: 768px) {
  .x-Grid-intro1 .x-Grid_Box-3 img {
    max-width: 219px;
  }
}
@media only screen and (min-width: 1024px) {
  .x-Grid-intro1 .x-Grid_Box-3 img {
    right: -75px;
  }
}

.x-Intro .x-Grid-intro2 {
  margin-bottom: 0;
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .x-Intro .x-Grid-intro2 {
    margin-bottom: 5vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .x-Intro .x-Grid-intro2 {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 1024px) {
  .x-Intro .x-Grid-intro2 {
    margin-bottom: 790px;
  }
}
@media only screen and (max-width: 767px) {
  .x-Grid-intro2 .x-Grid_Box-1 {
    z-index: 1;
  }
}
.x-Grid-intro2 .x-Grid_Box-1 img {
  width: 100%;
  min-width: 172px;
  left: -43px;
  max-width: 417px;
}
@media only screen and (min-width: 1024px) {
  .x-Grid-intro2 .x-Grid_Box-1 img {
    -webkit-transform: translate(159%, 115%);
            transform: translate(159%, 115%);
  }
}
@media only screen and (min-width: 1200px) {
  .x-Grid-intro2 .x-Grid_Box-1 img {
    -webkit-transform: translate(159%, 95%);
            transform: translate(159%, 95%);
  }
}
.x-Grid-intro2 .x-Grid_Box-2 img {
  width: 100%;
  min-width: 167px;
  left: -42px;
  top: 64px;
  max-width: 405px;
}
@media only screen and (min-width: 1024px) {
  .x-Grid-intro2 .x-Grid_Box-2 img {
    -webkit-transform: translate(129%, 21%);
            transform: translate(129%, 21%);
  }
}
.x-Grid-intro2 .x-Grid_Box-3 img {
  width: 100%;
  min-width: 114px;
  right: -24px;
  top: -48px;
  max-width: 275px;
}
@media only screen and (min-width: 1024px) {
  .x-Grid-intro2 .x-Grid_Box-3 img {
    -webkit-transform: translate(59%, -140%);
            transform: translate(59%, -140%);
  }
}

@media only screen and (min-width: 768px) {
  .x-Grid-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.x-Grid_Box {
  position: relative;
}
.x-Intro .x-Grid_Box {
  opacity: 0;
}
.x-Intro .x-Grid_Box.x-Grid_Box-1 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.x-Intro .x-Grid_Box.x-Grid_Box-2 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.x-Intro .x-Grid_Box.x-Grid_Box-3 {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.x-Intro .x-Grid_Box.x-Grid_Box-4 {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.x-Intro .x-Grid_Box.x-Grid_Box-5 {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.x-DiscoverIntro .x-Grid_Box {
  position: relative;
  opacity: 0;
}
.x-DiscoverIntro .x-Grid_Box.x-Grid_Box-0 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.x-DiscoverIntro .x-Grid_Box.x-Grid_Box-1 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.x-DiscoverIntro .x-Grid_Box.x-Grid_Box-2 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.x-Rvenue .x-Grid_Box {
  position: relative;
}
.x-Rvenue .x-Grid_Box:last-child {
  margin-top: -36px;
}
@media only screen and (min-width: 992px) {
  .x-Rvenue .x-Grid_Box {
    grid-row: 1;
  }
  .x-Rvenue .x-Grid_Box:first-child {
    grid-column: 1 / 17;
  }
  .x-Rvenue .x-Grid_Box:last-child {
    grid-column: 14 / 25;
    margin-top: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.x-Join .x-Grid_Box {
  position: relative;
}
.x-Join .x-Grid_Box:first-child {
  margin-bottom: 80px;
}
@media only screen and (min-width: 992px) {
  .x-Join .x-Grid_Box {
    grid-row: 1;
  }
  .x-Join .x-Grid_Box:first-child {
    grid-row: 1;
    grid-column: 11 / 24;
    margin-bottom: 0;
  }
  .x-Join .x-Grid_Box:last-child {
    grid-column: 1 / 15;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.x-Join-inverse .x-Grid_Box:first-child {
  margin: 36px 0 0;
  grid-row: 2;
}
@media only screen and (min-width: 992px) {
  .x-Join-inverse .x-Grid_Box:first-child {
    grid-row: 1;
  }
}
.x-Exclusive .x-Grid_Box:nth-child(2) {
  max-width: 570px;
}
@media only screen and (max-width: 767px) {
  .x-Creators .x-Grid_Box:first-child, .x-Creators .x-Grid_Box:nth-child(3) {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
}
.x-Rvenue-dark .x-Grid_Box:last-child {
  z-index: 1;
  margin-top: 32px;
}
@media only screen and (min-width: 992px) {
  .x-Rvenue-dark .x-Grid_Box:last-child {
    margin-top: 0;
  }
  .x-Rvenue-dark .x-Grid_Box:last-child:before {
    background: #000;
    content: "";
    position: absolute;
    left: -48px;
    right: -48px;
    top: -48px;
    bottom: -48px;
    opacity: .4;
    z-index: -1;
  }
}
@media only screen and (max-width: 991px) {
  .x-CreatedThrough .x-Grid_Box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width: 992px) {
  .x-YouTubeMerch .x-Grid_Box:first-child {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media only screen and (min-width: 992px) {
  .x-AreYouReady .x-Grid_Box:first-child {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media only screen and (min-width: 992px) {
  .x-YouTubeQA .x-Grid_Box:last-child {
    margin-top: 200px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
}

.x-CircleIcon {
  height: 72px;
  width: 72px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.x-CircleIcon svg {
  display: block;
  fill: none;
  width: 31px;
  height: 31px;
}
.x-Grid_Box .x-CircleIcon {
  margin-bottom: 12px;
}
.x-Grid_Box:first-child .x-CircleIcon svg {
  stroke: #2b8265;
}
.x-Grid_Box:nth-child(2) .x-CircleIcon svg {
  stroke: #3f70a2;
}
.x-Grid_Box:nth-child(3) .x-CircleIcon svg {
  stroke: #f6c36f;
}

.x-Join_Lines {
  position: absolute;
  bottom: -56px;
  right: 0;
}
@media only screen and (min-width: 992px) {
  .x-Join_Lines {
    right: -20px;
    bottom: -80px;
  }
}
.x-Join_Lines svg {
  width: 180px;
}
@media only screen and (min-width: 768px) {
  .x-Join_Lines svg {
    width: 358px;
  }
}

.x-YouTubeMerch {
  padding: 96px 0;
}
@media only screen and (min-width: 992px) {
  .x-YouTubeMerch {
    padding: 137px 0 116px;
  }
}
.x-YouTubeMerch img {
  position: relative;
  z-index: 1;
}
.x-YouTubeMerch .x-YouTubeMerch_Dots {
  max-width: 61px;
  position: absolute;
  top: -10%;
  left: 250px;
}

.x-Fundraise {
  padding-bottom: 96px;
}
@media only screen and (min-width: 768px) {
  .x-Fundraise {
    padding-bottom: 152px;
  }
}

.x-Profit {
  max-width: 828px;
  padding: 96px 0 36px;
}
@media only screen and (min-width: 992px) {
  .x-Profit {
    text-align: center;
    padding: 125px 0 36px;
    margin: 0 auto;
  }
}

.x-Profit_Img {
  max-width: 506px;
  width: 100%;
  margin-top: 24px;
}
@media only screen and (min-width: 992px) {
  .x-Profit_Img {
    margin-top: 64px;
  }
}

.x-ForYouBottom {
  text-align: center;
  padding-bottom: 96px;
}
@media only screen and (min-width: 768px) {
  .x-ForYouBottom {
    padding-bottom: 152px;
  }
}

.x-Social {
  text-align: center;
  color: #fff;
}

.x-Social_Subtitle {
  color: #bdc8d9;
}

.x-Social_Icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 62px;
}

.x-Social_Icon {
  max-width: 32px;
  fill: #fff;
  max-height: 32px;
  margin-right: 20px;
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s;
}
.x-Social_Icon path {
  fill: #fff;
}
.x-Social_Icon:hover {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}
.x-Social_Icon:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 768px) {
  .x-Social_Icon {
    margin-right: 48px;
    max-width: 58px;
    max-height: 58px;
  }
}

.x-ForYouTop .sw-SlideBox {
  background-color: transparent;
  display: block;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0 12px;
}
@media only screen and (min-width: 992px) {
  .x-ForYouTop .sw-SlideBox {
    margin: 0 24px;
  }
}

.x-ForYouTop .sw-SlideBox_Screen {
  opacity: .5;
  padding-top: 0;
}
.x-ForYouTop .slick-active .sw-SlideBox_Screen {
  opacity: 1;
  position: relative;
}
.x-ForYouTop .slick-active .sw-SlideBox_Screen:before {
  border-radius: 10px;
  background: -o-radial-gradient(50% 0%, 100% 100%, #f49979 0%, #fdd3d4 51.56%, #3f70a2 100%);
  background: radial-gradient(100% 100% at 50% 0%, #f49979 0%, #fdd3d4 51.56%, #3f70a2 100%);
  content: "";
  position: absolute;
  left: -6px;
  right: -6px;
  top: -6px;
  bottom: -6px;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .x-ForYouTop .slick-active .sw-SlideBox_Screen:before {
    left: -12px;
    right: -12px;
    top: -12px;
    bottom: -12px;
  }
}
.x-ForYouTop .slick-active .sw-SlideBox_Screen:after {
  border-radius: 10px;
  background-color: #1b1e24;
  content: "";
  position: absolute;
  left: -4px;
  right: -4px;
  top: -4px;
  bottom: -4px;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .x-ForYouTop .slick-active .sw-SlideBox_Screen:after {
    left: -9px;
    right: -9px;
    top: -9px;
    bottom: -9px;
  }
}

.x-ForYouTop .sw-SlideBox_ScreenImg {
  border-radius: 8px;
}

.x-ForYouTop .sw-SlideBox_Title {
  display: inline-block;
  color: #fff;
  font-weight: 400;
  padding: 16px 0 0;
  margin-bottom: 0;
}
.x-ForYouTop .sw-SlideBox_Title:hover, .x-ForYouTop .sw-SlideBox_Title:focus {
  color: #fff;
}

.x-ForYouTop .sw-SlideBox_Frame {
  display: none;
}

.x-SliderWrap .slick-list {
  padding-right: 14%;
}
@media only screen and (min-width: 768px) {
  .x-SliderWrap .slick-list {
    padding-right: 34%;
  }
}

.x-ForYouTop .x-SliderWrap {
  position: relative;
  margin-bottom: 48px;
}
@media only screen and (min-width: 1024px) {
  .x-ForYouTop .x-SliderWrap {
    margin-bottom: 120px;
  }
}
.sw-WidePage-premium .x-SliderWrap {
  margin: 0;
}
.x-ForYouTop .x-SliderWrap .slick-next, .x-ForYouTop
.x-SliderWrap .slick-prev {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  top: 50%;
  z-index: 1;
}
.x-ForYouTop .x-SliderWrap .slick-prev {
  left: 0;
}
.x-ForYouTop .x-SliderWrap .slick-next {
  right: 0;
}

.x-CreatorName {
  display: block;
  color: #fff;
  margin-top: 16px;
  line-height: 1.625;
}

.x-GoDiscover {
  padding: 96px 0;
}
@media only screen and (min-width: 992px) {
  .x-GoDiscover {
    padding: 120px 0;
  }
}

.x-Confetti {
  width: 45px;
  height: 45px;
  position: absolute;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 768px) {
  .x-Confetti {
    width: 64px;
    height: 64px;
  }
}
.x-CreatedThrough .x-Confetti {
  height: 40px;
  width: 54px;
  position: static;
  -webkit-transform: rotate(140deg);
          transform: rotate(140deg);
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  margin-right: 12px;
}
@media only screen and (min-width: 992px) {
  .x-CreatedThrough .x-Confetti {
    height: 64px;
    width: 64px;
  }
}
.x-Intro .x-Confetti {
  opacity: 0;
  visibility: hidden;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.x-Confetti-1 {
  background-image: url("/images/bonfire-creators/confetti-1.png");
}

.x-Confetti-2 {
  background-image: url("/images/bonfire-creators/confetti-2.png");
}

.x-Confetti-3 {
  background-image: url("/images/bonfire-creators/confetti-3.png");
}

.x-Confetti-4 {
  background-image: url("/images/bonfire-creators/confetti-4.png");
}

.x-Confetti-5 {
  background-image: url("/images/bonfire-creators/confetti-5.png");
}

.x-Confetti-6 {
  background-image: url("/images/bonfire-creators/confetti-6.png");
}

.x-Confetti-1 {
  right: 80px;
  -webkit-transform: rotate(230deg);
          transform: rotate(230deg);
  top: -5px;
}
@media only screen and (min-width: 768px) {
  .x-Confetti-1 {
    right: 27vw;
  }
}
@media only screen and (min-width: 1024px) {
  .x-Confetti-1 {
    left: 50%;
    -webkit-transform: translateX(-350px) rotate(360deg);
            transform: translateX(-350px) rotate(360deg);
  }
}
@media only screen and (min-width: 1200px) {
  .x-Confetti-1 {
    top: 15px;
  }
}
.x-CreatedThrough .x-Confetti-1 {
  background-size: cover;
  -webkit-transform: translate(-8px, -16px) rotate(-40deg);
          transform: translate(-8px, -16px) rotate(-40deg);
}
@media only screen and (max-width: 992px) {
  .x-CreatedThrough .x-Confetti-1 {
    -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg);
  }
}

.x-Confetti-2 {
  width: 92px;
  top: -170px;
  left: 240px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media only screen and (min-width: 768px) {
  .x-Confetti-2 {
    width: 146px;
    left: 60vw;
  }
}
@media only screen and (min-width: 1024px) {
  .x-Confetti-2 {
    left: 50%;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.x-Confetti-3 {
  top: 37vw;
  width: 40px;
}
@media only screen and (min-width: 1024px) {
  .x-Confetti-3 {
    top: 170px;
    width: 70px;
    height: 70px;
    left: 50%;
    -webkit-transform: translateX(-350%);
            transform: translateX(-350%);
  }
}

.x-Confetti-4 {
  left: -webkit-calc(60px + 50vw);
  left: calc(60px + 50vw);
  bottom: -webkit-calc(15px - 10vw);
  bottom: calc(15px - 10vw);
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}
@media only screen and (min-width: 768px) {
  .x-Confetti-4 {
    left: 54vw;
  }
}
@media only screen and (min-width: 1024px) {
  .x-Confetti-4 {
    top: 0;
    left: 50%;
    -webkit-transform: translate(280px, -20px);
            transform: translate(280px, -20px);
  }
}
.x-CreatedThrough .x-Confetti-4 {
  -webkit-transform: rotate(8deg);
          transform: rotate(8deg);
}
@media only screen and (min-width: 1024px) {
  .x-CreatedThrough .x-Confetti-4 {
    -webkit-transform: translateY(-10px) rotate(8deg);
            transform: translateY(-10px) rotate(8deg);
  }
}

.x-Confetti-5 {
  width: 80px;
  left: 50%;
  top: -40px;
  height: 60px;
}
@media only screen and (min-width: 768px) {
  .x-Confetti-5 {
    width: 116px;
  }
}
@media only screen and (min-width: 1024px) {
  .x-Confetti-5 {
    height: 85px;
    width: 116px;
    left: 50%;
    top: 160px;
    -webkit-transform: translateX(30%);
            transform: translateX(30%);
  }
}

.x-Confetti-6 {
  width: 214px;
  right: 10px;
  bottom: -60px;
  height: 70px;
}
@media only screen and (min-width: 768px) {
  .x-Confetti-6 {
    width: 271px;
    height: 90px;
    bottom: 0;
  }
}
@media only screen and (min-width: 1392px) {
  .x-Confetti-6 {
    bottom: 70px;
  }
}

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translate3d(-webkit-calc(-10% + 10vw), 0, 0);
            transform: translate3d(calc(-10% + 10vw), 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-webkit-calc(-20% + 10vw), 0, 0);
            transform: translate3d(calc(-20% + 10vw), 0, 0);
  }
}

@keyframes marquee {
  0% {
    -webkit-transform: translate3d(-webkit-calc(-10% + 10vw), 0, 0);
            transform: translate3d(calc(-10% + 10vw), 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-webkit-calc(-20% + 10vw), 0, 0);
            transform: translate3d(calc(-20% + 10vw), 0, 0);
  }
}
.x-Marquee {
  background-color: #f6c36f;
  height: 38px;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  position: relative;
}

.x-Marquee_Inner {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-transform: translate3d(-webkit-calc(-10% + 10vw), 0, 0);
          transform: translate3d(calc(-10% + 10vw), 0, 0);
  -webkit-animation: marquee 5s linear infinite;
          animation: marquee 5s linear infinite;
}

.x-Marquee_Item {
  color: #1b1e24;
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 38px;
  letter-spacing: 0.08em;
  font-style: italic;
  padding: 0 12px;
  white-space: nowrap;
}

.x-Grid-masonry {
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 'zero first' 'second first' 'second third';
}

.x-Grid_Store {
  display: block;
  border-radius: 8px;
  padding: 12px 12px 16px;
}
@media only screen and (min-width: 768px) {
  .x-Grid_Store {
    padding: 24px 24px 32px;
  }
}
.x-Grid_Box-1 .x-Grid_Store {
  background-color: #e1d7cb;
}
.x-Grid_Box-2 .x-Grid_Store {
  background-color: #fff;
}
.x-Grid_Box-3 .x-Grid_Store {
  background-color: #f6c36f;
}
.x-Grid_Store img {
  border-radius: 5px;
}
.x-Grid_Store .svg-Arrow {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
.x-Grid_Store:hover .svg-Arrow {
  -webkit-transform: translateX(8px);
          transform: translateX(8px);
}

.x-DiscoverIntro .x-Grid {
  max-width: 567px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .x-DiscoverIntro .x-Grid {
    max-width: 100%;
  }
}
.x-DiscoverIntro .x-Grid_Box {
  margin-top: 24px;
}
.x-DiscoverIntro .x-Grid_Box:first-child {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .x-DiscoverIntro .x-Grid_Box {
    margin-top: 0;
  }
}
.x-DiscoverIntro .x-Grid_Box-0 {
  grid-area: zero;
}
.x-DiscoverIntro .x-Grid_Box-1 {
  grid-area: first;
  margin-top: 36px;
}
@media only screen and (min-width: 768px) {
  .x-DiscoverIntro .x-Grid_Box-1 {
    padding-top: 120px;
    margin-top: auto;
  }
}
@media only screen and (min-width: 992px) {
  .x-DiscoverIntro .x-Grid_Box-1 {
    padding-top: 220px;
  }
}
.x-DiscoverIntro .x-Grid_Box-2 {
  grid-area: second;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .x-DiscoverIntro .x-Grid_Box-2 {
    max-width: 476px;
  }
}
.x-DiscoverIntro .x-Grid_Box-3 {
  grid-area: third;
}
@media only screen and (min-width: 768px) {
  .x-DiscoverIntro .x-Grid_Box-3 {
    max-width: 386px;
  }
}
.x-DiscoverIntro .x-Grid_StoreInfo a {
  color: #1b1e24;
}
.x-DiscoverIntro .svg-Arrow {
  fill: #1b1e24;
  width: 24px;
  height: 24px;
}

.x-Grid_StoreInfo {
  position: relative;
}

.x-VerifCreator {
  max-width: 360px;
  color: #bdc8d9;
  border-radius: 8px;
  background-color: #1b1e24;
  padding: 16px;
  margin-top: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.x-VerifCreator .svg-VerifCreator {
  width: 35px;
  height: 35px;
  margin-right: 16px;
}

.x-VerifCreator_TxtLight {
  color: #fff;
}

.x-Link {
  color: inherit;
  text-decoration: underline;
}
.x-Link:hover {
  color: inherit;
  text-decoration: none;
}

.x-MerchIntro {
  padding-bottom: 118px;
}
@media only screen and (min-width: 768px) {
  .x-MerchIntro {
    padding-bottom: 170px;
  }
}

.x-MerchIntro_Confetti {
  max-width: 98px;
  position: absolute;
  bottom: -20%;
  right: 0;
  -webkit-animation-delay: .6s;
          animation-delay: .6s;
}
@media only screen and (min-width: 768px) {
  .x-MerchIntro_Confetti {
    max-width: 170px;
    bottom: -25%;
    left: -25%;
  }
}

.x-HowItWorks {
  margin: 48px 0;
}
@media only screen and (min-width: 992px) {
  .x-HowItWorks {
    max-width: 1014px;
    width: 100%;
    margin: 100px auto 143px;
  }
}

.x-TimelineCards {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 992px) {
  .x-TimelineCards:before {
    width: 4px;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: #f6c36f;
  }
}

@media only screen and (max-width: 991px) {
  .x-TimelineCards-triangletop {
    padding-top: 12px;
  }
}

.x-TimelineCards-bottomup {
  -webkit-flex-wrap: wrap-reverse;
      -ms-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse;
}

.x-TimelineCard {
  position: relative;
  margin-top: 36px;
  max-width: 506px;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .x-TimelineCard {
    margin-top: 0;
    width: 50%;
  }
}
.x-TimelineCard:first-of-type {
  margin-top: 0;
}
@media only screen and (min-width: 992px) {
  .x-TimelineCard:first-of-type:before {
    content: "";
    background-color: #1b1e24;
    position: absolute;
    right: 0;
    width: 4px;
    height: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}
.x-TimelineCards-bottomup .x-TimelineCard:first-of-type {
  margin-top: 36px;
}
@media only screen and (min-width: 992px) {
  .x-TimelineCards-bottomup .x-TimelineCard:first-of-type {
    margin-top: 0;
  }
  .x-TimelineCards-bottomup .x-TimelineCard:first-of-type:before {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    bottom: 0;
  }
}
@media only screen and (max-width: 991px) {
  .x-TimelineCards-bottomup .x-TimelineCard:first-of-type .x-TimelineCard_Inner {
    border: 2px solid #f6c36f;
  }
  .x-TimelineCards-bottomup .x-TimelineCard:first-of-type .x-TimelineCard_Inner:after {
    display: none;
  }
  .x-TimelineCards-bottomup .x-TimelineCard:first-of-type .x-TimelineCard_Inner .x-TimelineCard_Arrow {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .x-TimelineCard:last-of-type:before {
    content: "";
    background-color: #1b1e24;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 4px;
    height: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}
.x-TimelineCards-bottomup .x-TimelineCard:last-of-type {
  margin-top: 0;
}
@media only screen and (min-width: 992px) {
  .x-TimelineCards-bottomup .x-TimelineCard:last-of-type:before {
    bottom: auto;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}
@media only screen and (min-width: 992px) {
  .x-TimelineCard:nth-child(odd) {
    padding-right: 28px;
    position: relative;
  }
}
@media only screen and (min-width: 992px) {
  .x-TimelineCard:nth-child(even) {
    margin-top: 96px;
    padding-left: 28px;
  }
}
@media only screen and (min-width: 992px) {
  .x-TimelineCard:nth-child(even):last-of-type:before {
    left: -4px;
  }
}
@media only screen and (min-width: 992px) {
  .x-TimelineCards-bottomup .x-TimelineCard:nth-child(even) {
    margin: 0 0 96px;
  }
}

.x-TimelineCard_Inner {
  color: #fff;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px 24px;
  border-radius: 16px;
  border: 2px solid #353535;
}
@media only screen and (min-width: 992px) {
  .x-TimelineCard_Inner {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (min-width: 992px) {
  .x-TimelineCard_Inner:before {
    content: "";
    border-radius: 50%;
    background-color: #f6c36f;
    height: 12px;
    width: 12px;
  }
}
.x-TimelineCard_Inner:after {
  content: "";
  position: absolute;
}
@media only screen and (max-width: 991px) {
  .x-TimelineCard_Inner:after {
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 12px solid #1b1e24;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
  }
}
@media only screen and (max-width: 991px) {
  .x-TimelineCard_Inner .x-TimelineCard_Arrow {
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 12px solid #353535;
    position: absolute;
    bottom: -14px;
  }
}
@media only screen and (min-width: 992px) {
  .x-TimelineCard:nth-child(odd) .x-TimelineCard_Inner:before {
    position: absolute;
    right: -30px;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
  }
  .x-TimelineCard:nth-child(odd) .x-TimelineCard_Inner:after {
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 12px solid #1b1e24;
    right: 0;
    top: 50%;
    -webkit-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
  }
  .x-TimelineCard:nth-child(odd) .x-TimelineCard_Inner .x-TimelineCard_Arrow {
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 12px solid #353535;
    position: absolute;
    right: -14px;
  }
}
@media only screen and (min-width: 992px) {
  .x-TimelineCard:nth-child(even) .x-TimelineCard_Inner:before {
    position: absolute;
    left: -30px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .x-TimelineCard:nth-child(even) .x-TimelineCard_Inner:after {
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 12px solid #1b1e24;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
  }
  .x-TimelineCard:nth-child(even) .x-TimelineCard_Inner .x-TimelineCard_Arrow {
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 12px solid #353535;
    position: absolute;
    left: -14px;
  }
}

.x-TimelineCard_Text {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .x-TimelineCard_Text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
        -ms-flex: 1 0;
            flex: 1 0;
    padding-left: 24px;
  }
}

.x-TimelineCard_Img {
  max-width: 48px;
  margin-right: 8px;
}
@media only screen and (min-width: 992px) {
  .x-TimelineCard_Img {
    max-width: 96px;
    margin-right: 0;
  }
}

.x-TimelineCard_Title {
  font-weight: 800;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.x-TimelineCard_Content {
  color: #bdc8d9;
}

.x-TimelineCard_ContentAlt {
  color: #fff;
}

.x-AreYouReady {
  padding: 72px 0;
}
@media only screen and (min-width: 992px) {
  .x-AreYouReady {
    padding: 117px 0;
  }
}

.x-AreYouReady_List {
  color: #bdc8d9;
  margin-bottom: 24px;
}
.x-AreYouReady_List li {
  margin-top: 16px;
}
.x-AreYouReady_List li:first-child {
  margin-top: 24px;
}

.x-TextGrey {
  color: #bdc8d9;
}

.x-TextDefault {
  color: #fff;
}

.x-YouTubeGetStarted {
  max-width: 776px;
  margin: 36px auto;
}
@media only screen and (min-width: 768px) {
  .x-YouTubeGetStarted {
    text-align: center;
    margin: 144px auto;
  }
}

.x-YouTubeQA {
  padding-top: 72px;
}
@media only screen and (min-width: 992px) {
  .x-YouTubeQA {
    padding-top: 24px;
  }
}

.x-YouTubeQA_List {
  padding-left: 40px;
  margin-top: 12px;
  line-height: 1.7;
}
.x-YouTubeQA_List li {
  list-style-type: disc;
}

.x-Accordion .accordion-toggle:focus {
  outline: none;
}
.js-focus-visible .x-Accordion .accordion-toggle.focus-visible {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.x-Accordion .panel {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.x-Accordion .panel-group .panel + .panel {
  margin-top: 0;
}
.x-Accordion .panel-open {
  margin-bottom: 24px;
}
.x-Accordion .panel-body {
  color: #bdc8d9;
  border: 0 !important;
  padding: 0;
  font-size: 1.6rem;
  line-height: 1.5;
}
.x-Accordion .panel-body:after {
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #3d4853;
  margin: 24px 0 16px;
}
.x-Accordion .panel-heading {
  background-image: none;
  background-color: transparent;
  border: 0;
  padding: 0;
}
.x-Accordion .panel-open .panel-heading a {
  color: #3d4853;
  font-weight: 800;
}
.x-Accordion .panel-title p {
  display: inline;
  font-size: 2.2rem;
  line-height: 1.3;
  text-transform: none;
  letter-spacing: normal;
  color: #fff;
  font-weight: 400;
  margin-bottom: 16px;
}
@media only screen and (min-width: 992px) {
  .x-Accordion .panel-title p {
    font-size: 2.4rem;
  }
}

.x-Accordion_Arrow {
  display: inline-block;
  margin-left: 4px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.x-Accordion_Arrow svg {
  height: 12px;
  width: 8px;
}
.x-Accordion_Arrow .arrow-right-1 {
  fill: #fff;
}

.x-Accordion_Arrow-up {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.x-Accordion_Arrow-up .arrow-right-1 {
  fill: #fff;
}

.x-Accordion_Link {
  display: block;
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 16px;
}
.sw-Accordion_Item-active .x-Accordion_Link {
  color: #3d4853;
  font-weight: 800;
}

.x-Accordion_Content {
  font-size: 1.6rem;
  line-height: 1.5;
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin-bottom: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.x-Accordion_Item-active .x-Accordion_Content {
  margin-bottom: 24px;
  visibility: visible;
  height: auto;
  opacity: 1;
}