/* line 2, app/assets/stylesheets/usersite/intro.scss */
body.intro-page,
body.intro-page #usersite-container,
body.intro-page .usersite-container-wrap {
  height: 100%;
}

/* line 9, app/assets/stylesheets/usersite/intro.scss */
body.intro-page div[data-pjax-container] {
  height: 100%;
}

/* line 13, app/assets/stylesheets/usersite/intro.scss */
body.intro-page #usersite-container,
body.intro-page body {
  padding: 0;
  margin: 0;
}

/* line 19, app/assets/stylesheets/usersite/intro.scss */
body.intro-page #usersite-container {
  line-height: 1.5;
}

/* line 22, app/assets/stylesheets/usersite/intro.scss */
body.intro-page #usersite-container #intro-enter-link {
  margin: 60px 0;
  text-align: center;
}

/* line 26, app/assets/stylesheets/usersite/intro.scss */
body.intro-page #usersite-container #intro-enter-link a {
  height: auto;
  white-space: normal;
}

/* line 32, app/assets/stylesheets/usersite/intro.scss */
body.intro-page #usersite-container #page-root {
  display: flex;
  width: auto;
  height: 100%;
}

/* line 38, app/assets/stylesheets/usersite/intro.scss */
body.intro-page #usersite-container #container-wrap {
  display: block;
  width: 100%;
  height: auto;
  margin: auto;
}

/* line 44, app/assets/stylesheets/usersite/intro.scss */
body.intro-page #usersite-container #container-wrap #content.intro {
  margin: 0 auto;
}

/* line 48, app/assets/stylesheets/usersite/intro.scss */
body.intro-page #usersite-container #container-wrap .feature {
  max-width: 960px;
  margin: auto;
}

/* line 53, app/assets/stylesheets/usersite/intro.scss */
body.intro-page #usersite-container #container-wrap .image_feature {
  max-width: none;
}

/* line 57, app/assets/stylesheets/usersite/intro.scss */
body.intro-page #usersite-container #container-wrap .subtitle-wrap .subtitle {
  text-align: center;
}

/* line 61, app/assets/stylesheets/usersite/intro.scss */
body.intro-page #usersite-container #container-wrap .image_feature,
body.intro-page #usersite-container #container-wrap .text_feature {
  text-align: center;
}

/* line 66, app/assets/stylesheets/usersite/intro.scss */
body.intro-page #usersite-container #container-wrap .image_feature img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 74, app/assets/stylesheets/usersite/intro.scss */
body.intro-page #mobile-header {
  display: none !important;
}

/* line 79, app/assets/stylesheets/usersite/intro.scss */
body.intro-page body.mobile-view #usersite-container #container,
body.intro-page body.mobile-view #usersite-container #container-wrap {
  display: block;
}

/* line 86, app/assets/stylesheets/usersite/intro.scss */
body.intro-page footer .text_feature {
  margin-top: 20px;
  text-align: center;
}

/* line 91, app/assets/stylesheets/usersite/intro.scss */
body.intro-page footer .branding {
  display: none;
}

/* line 96, app/assets/stylesheets/usersite/intro.scss */
body.intro-page .music-player.display-swmp .player {
  max-width: 960px;
}

/* line 100, app/assets/stylesheets/usersite/intro.scss */
body.intro-page #container,
body.intro-page .music-player.display-swmp header,
body.intro-page footer#page-footer {
  margin: 0 auto;
}

/* line 108, app/assets/stylesheets/usersite/intro.scss */
.ios #usersite-container {
  -webkit-overflow-scrolling: touch;
}

/* line 113, app/assets/stylesheets/usersite/intro.scss */
#cart {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}