.app-components-staticpages-blocks-articlecategoriesblock--wrapper {
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow-x: auto;
}

  .app-components-staticpages-blocks-articlecategoriesblock--wrapper ul {
    white-space: nowrap;
  }

  .app-components-staticpages-blocks-articlecategoriesblock--wrapper li {
    margin-top: 0;
  }

.app-components-articles-categories--categories {
  margin: 0;
  font-size: 0;
  list-style: none;
}

  .app-components-articles-categories--categories li {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    font-size: 14px;
    white-space: nowrap;
    border-radius: 3px;
    transition: opacity 300ms cubic-bezier(0, 0.715, 0.345, 1);
  }

  .app-components-articles-categories--categories li:last-of-type {
      margin-right: 0;
    }

  .app-components-articles-categories--categories li a {
      display: inline-block;
      padding: 3px 10px;
      font-weight: 600;
      text-transform: uppercase;
      transition: all 300ms cubic-bezier(0, 0.715, 0.345, 1);
    }

  .app-components-articles-categories--categories li:hover,
    .app-components-articles-categories--categories li:focus {
      opacity: 0.7;
    }

.app-components-articles-categories--background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #424242;
  border-radius: 3px;
  opacity: 0.1;
}

.app-components-articles-categories--blackBackground {
  background-color: black !important;
  opacity: 1;
}

.app-components-articles-categories--blackBackground + span {
    position: relative;
    z-index: 1;
  }

.app-components-staticpages-blocks-articlequoteblock--container {
  position: relative;
  z-index: 2;
  margin: 50px -100px;
  padding: 0 100px;
  background-color: var(--bg);
  border-left: 2px solid #f1f1f1;
}

  @media (max-width: 768px) {.app-components-staticpages-blocks-articlequoteblock--container {
    margin: 20px 0;
    padding: 0 16px
}
  }

  .app-components-staticpages-blocks-articlequoteblock--container:before {
    position: absolute;
    top: 0;
    left: -26px;
    display: block;
    width: 24px;
    height: 100%;
    background-color: var(--bg);
    content: '';
  }

  @media (max-width: 768px) {

  .app-components-staticpages-blocks-articlequoteblock--container:before {
      display: none
  }
    }

  .app-components-staticpages-blocks-articlequoteblock--container em {
    display: block;
  }

  .app-components-staticpages-blocks-articlequoteblock--container em:before,
    .app-components-staticpages-blocks-articlequoteblock--container em:after {
      position: absolute;
      left: -25px;
      display: block;
      width: 50px;
      height: 50px;
      content: '';
    }

  .app-components-staticpages-blocks-articlequoteblock--container em:before {
      top: -50px;
      background-image: linear-gradient(-180deg, var(--opaque-0) 14%, var(--opaque-1) 31%, var(--opaque-2) 49%, var(--bg) 72%);
    }

  .app-components-staticpages-blocks-articlequoteblock--container em:after {
      bottom: -50px;
      background-image: linear-gradient(0deg, var(--opaque-0) 28%, var(--opaque-1) 45%, var(--opaque-2) 63%, var(--bg) 86%);
    }

  @media (max-width: 768px) {
      .app-components-staticpages-blocks-articlequoteblock--container em:before,
      .app-components-staticpages-blocks-articlequoteblock--container em:after {
        display: none;
      }
    }

  .app-components-staticpages-blocks-articlequoteblock--container p {
    margin-bottom: 15px;
    color: var(--grayText);
    font-weight: 700;
    font-size: 52px;
    line-height: 1;
  }

  @media (max-width: 768px) {

  .app-components-staticpages-blocks-articlequoteblock--container p {
      margin-bottom: 10px;
      font-size: 36px
  }
    }

  .app-components-staticpages-blocks-articlequoteblock--container span {
    color: var(--grayText);
    font-weight: 400;
    font-size: 27px;
  }

  @media (max-width: 768px) {

  .app-components-staticpages-blocks-articlequoteblock--container span {
      font-size: 24px
  }
    }

.app-components-articles-item--item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  height: 100%;
  overflow: hidden;
  background-color: var(--bg);
  border-radius: 8px;
}

  @media (max-width: 768px) {.app-components-articles-item--item {
    margin-bottom: 20px
}
  }

.app-components-articles-item--image {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 65%;
  overflow: hidden;
  background-color: var(--loading-dark-gray);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.app-components-articles-item--content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
          flex: 1;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 30px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

@media (max-width: 768px) {

.app-components-articles-item--content {
    padding: 20px
}
  }

.app-components-articles-item--itemBig {
  display: block;
  -webkit-flex: 1;
          flex: 1;
  -webkit-flex-direction: row;
          flex-direction: row;
  grid-column: span 2 !important;
}

.app-components-articles-item--itemBig .app-components-articles-item--image {
    -webkit-flex: auto;
            flex: auto;
    width: calc(50% - 15px);
    height: auto;
    height: initial;
    padding-bottom: 27.5%;
    border-radius: 0;
  }

@media (max-width: 768px) {

.app-components-articles-item--itemBig .app-components-articles-item--image {
      width: 100%;
      padding-bottom: 56.25%
  }
    }

.app-components-articles-item--itemBig .app-components-articles-item--content {
    -webkit-flex: auto;
            flex: auto;
    width: calc(50% + 15px);
    height: auto;
    padding-right: 42px;
    padding-left: 42px;
    border-right: none;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }

@media (max-width: 768px) {

.app-components-articles-item--itemBig .app-components-articles-item--content {
      width: 100%;
      padding-right: 20px;
      padding-left: 20px
  }
    }

@media (min-width: 768px) {
  .app-components-articles-item--itemBig {
    display: -webkit-flex;
    display: flex;
  }
}

h2.app-components-articles-item--title.app-components-articles-item--title {
  max-height: 87px !important;
  overflow: hidden;
  color: var(--text);
  font-weight: 900;
  font-size: 24px;
  font-family: 'HK Sentiments', sans-serif;
  line-height: 1.2;
}

h2.app-components-articles-item--title.app-components-articles-item--title a {
    color: var(--text);
  }

h2.app-components-articles-item--title.app-components-articles-item--title a:hover,
    h2.app-components-articles-item--title.app-components-articles-item--title a:focus {
      color: var(--text);
    }

@supports (-webkit-line-clamp: 2) {

h2.app-components-articles-item--title.app-components-articles-item--title {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    white-space: initial;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
  }

.app-components-articles-item--time {
  display: block;
  margin-bottom: 12px;
  color: #787878;
  font-size: 16px;
}

@media (max-width: 768px) {

.app-components-articles-item--time {
    margin-bottom: 5px
}
  }

.app-components-articles-item--time a {
    color: #787878;
  }

.app-components-articles-item--time a:hover,
    .app-components-articles-item--time a:focus {
      color: #787878;
      text-decoration: underline;
    }

.app-components-articles-item--time em {
    display: inline-block;
    margin: 0 4px;
    font-style: normal;
  }

.app-components-articles-item--summary {
  display: block;
  max-height: 225px;
  margin-top: 10px;
  margin-bottom: 20px;
  overflow: hidden;
  color: var(--grayText);
  font-size: 18px;
}

@media (max-width: 768px) {

.app-components-articles-item--summary {
    display: none
}
  }

.app-components-articles-item--summary:hover,
  .app-components-articles-item--summary:focus {
    color: var(--grayTextSelected);
  }

@supports (-webkit-line-clamp: 3) {

.app-components-articles-item--summary {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    white-space: initial;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}
  }

.app-components-staticpages-blocks-buttonblock--center {
  text-align: center;
}

.app-components-staticpages-blocks-frontpage-beatbattle--wrapper {
  position: relative;
  margin-bottom: 0;
  padding: 0;
  text-align: center;
}

  .app-components-staticpages-blocks-frontpage-beatbattle--wrapper:after {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #0b0b0b;
    content: '';
  }

.app-components-staticpages-blocks-frontpage-beatbattle--sectionContent {
  max-width: 1900px;
}

.app-components-staticpages-blocks-frontpage-beatbattle--parallaxContainer {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 0;
  padding-bottom: 140%;
  overflow: hidden;
  background-color: black;
  isolation: isolate;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-beatbattle--parallaxContainer {
    padding-bottom: 50%
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-beatbattle--parallaxContainer {
    max-height: 611px;
    padding-bottom: 42%
}
  }

@media (min-width: 1900px) {

.app-components-staticpages-blocks-frontpage-beatbattle--parallaxContainer {
    border-radius: 30px
}
  }

.app-components-staticpages-blocks-frontpage-beatbattle--image {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 152%;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-beatbattle--image {
    padding-bottom: 57%
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-beatbattle--image {
    max-height: 611px;
    padding-bottom: 45%
}
  }

.app-components-staticpages-blocks-frontpage-beatbattle--content {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  max-width: 80%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.app-components-staticpages-blocks-frontpage-beatbattle--text {
  height: 0;
  margin-bottom: 44px;
}

.app-components-staticpages-blocks-frontpage-beatbattle--text img {
    width: 100%;
    height: auto;
  }

.app-components-staticpages-blocks-centereddescriptionblock--background {
  padding: 80px 0;
}

  @media (max-width: 768px) {.app-components-staticpages-blocks-centereddescriptionblock--background {
    padding: 40px 0
}
  }

.app-components-staticpages-blocks-centereddescriptionblock--wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  max-width: 802px;
  margin: 0 auto;
  padding: 0 30px;
  font-size: 22px;
  text-align: center;
}

@media (max-width: 768px) {

.app-components-staticpages-blocks-centereddescriptionblock--wrapper {
    font-size: 18px
}
  }

.app-components-staticpages-blocks-centereddescriptionblock--heading {
  font-weight: 600;
  font-size: 48px;
}

@media (max-width: 768px) {

.app-components-staticpages-blocks-centereddescriptionblock--heading {
    font-size: 36px
}
  }

.app-components-staticpages-blocks-centereddescriptionblock--description {
  margin-top: 10px;
  letter-spacing: -0.33px;
}

.app-components-staticpages-blocks-centereddescriptionblock--disclaimer {
  margin-top: 20px;
  font-weight: 500;
}

.app-components-staticpages-blocks-centereddescriptionblock--otherContent {
  max-width: 891px;
  margin: 0 auto;
  margin-top: 60px;
  padding: 0 30px;
}

.app-components-staticpages-blocks-centeredtextblock--text {
  padding-top: 35px;
  font-size: 16px;
  letter-spacing: -0.2px;
}

  @media (min-width: 768px) {.app-components-staticpages-blocks-centeredtextblock--text {
    font-size: 24px
}
  }

  .app-components-staticpages-blocks-centeredtextblock--text h2 {
    font-size: 18px;
    font-family: var(--fontBody) !important;
    letter-spacing: -0.28px;
  }

  @media (min-width: 768px) {

  .app-components-staticpages-blocks-centeredtextblock--text h2 {
      margin-bottom: 20px;
      font-size: 34px
  }
    }

  .app-components-staticpages-blocks-centeredtextblock--text h3 {
    font-weight: 900;
    font-size: 18px;
  }

  @media (min-width: 768px) {

  .app-components-staticpages-blocks-centeredtextblock--text h3 {
      margin-top: 40px;
      margin-bottom: 20px;
      font-size: 31px
  }
    }

  .app-components-staticpages-blocks-centeredtextblock--text h3 b {
      font-weight: inherit;
    }

  .app-components-staticpages-blocks-centeredtextblock--text a {
    font-weight: 500;
    text-decoration: underline;
  }

.app-components-staticpages-blocks-collectionblock--wrapper {
  margin-bottom: 20px;
  font-size: 1rem;
}

  @media (min-width: 768px) {.app-components-staticpages-blocks-collectionblock--wrapper {
    margin: 0 -32px 20px
}
  }

.app-components-staticpages-blocks-collectionblock--showHeader {
  padding: 32px;
  padding-bottom: 10px;
  border: 1px solid var(--border);
  border-radius: 3px;
}

.app-components-staticpages-blocks-collectionblock--showHeaderCompact {
  margin-right: 0;
  margin-left: 0;
  padding: 15px;
  padding-bottom: 3px;
}

.app-components-staticpages-blocks-collectionblock--showHeaderCompact .app-components-staticpages-blocks-collectionblock--cover {
    -webkit-flex: 0 0 120px;
            flex: 0 0 120px;
    width: 120px;
    height: 120px;
    margin-right: 20px;
  }

.app-components-staticpages-blocks-collectionblock--showHeaderCompact .app-components-staticpages-blocks-collectionblock--header {
    margin: 0 -15px;
    margin-bottom: 15px;
    padding: 0 15px;
    padding-bottom: 10px;
  }

.app-components-staticpages-blocks-collectionblock--header {
  display: -webkit-flex;
  display: flex;
  margin: 0 -32px;
  margin-bottom: 32px;
  padding: 0 32px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border);
}

div.app-components-staticpages-blocks-collectionblock--cover {
  -webkit-flex: 0 0 200px !important;
          flex: 0 0 200px !important;
  width: 200px !important;
  height: 200px !important;
  margin-right: 30px;
  padding-bottom: 0;
}

.app-components-staticpages-blocks-collectionblock--title {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 32px;
  line-height: 1;
}

.app-components-staticpages-blocks-collectionblock--owner {
  margin-top: -30px;
  margin-bottom: 5px;
  font-size: 22px;
}

.app-components-staticpages-blocks-collectionblock--owner span {
    text-decoration: underline;
    transition: color 300ms var(--ease);
  }

.app-components-staticpages-blocks-collectionblock--owner span:hover,
    .app-components-staticpages-blocks-collectionblock--owner span:focus {
      color: var(--brand);
    }

.app-components-staticpages-blocks-collectionblock--description {
  color: var(--tintedText);
  font-size: 18px;
  line-height: 1.2;
}

section.app-components-staticpages-blocks-collectionsblock--shelf {
  margin: 0 auto;
  margin-bottom: var(--base-block-margin);
}

  section.app-components-staticpages-blocks-collectionsblock--shelf h2 {
    font-weight: 900;
    font-family: 'HK Sentiments', sans-serif;
  }

.app-components-staticpages-blocks-columnsblock--wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin: 50px -20px 70px -20px;
}

  @media (max-width: 768px) {.app-components-staticpages-blocks-columnsblock--wrapper {
    -webkit-flex-direction: column;
            flex-direction: column;
    margin: 10px 0
}
  }

.app-components-staticpages-blocks-columnsblock--alignTop {
  -webkit-align-items: flex-start;
          align-items: flex-start;
}

.app-components-staticpages-blocks-columnsblock--alignBottom {
  -webkit-align-items: flex-end;
          align-items: flex-end;
}

.app-components-staticpages-blocks-columnsblock--column {
  -webkit-flex: 1 1 0;
          flex: 1 1 0;
  margin: 0 20px;
}

@media (max-width: 768px) {

.app-components-staticpages-blocks-columnsblock--column {
    margin: 0 0 15px 0
}
  }

.app-components-staticpages-blocks-columnsblock--column > section,
  .app-components-staticpages-blocks-columnsblock--column > div > section {
    padding: 0;
  }

@media (max-width: 768px) {

.app-components-staticpages-blocks-columnsblock--columnWithImage {
    -webkit-order: -1;
            order: -1
}
  }

.app-components-staticpages-blocks-contactblock--container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0 30px;
  color: var(--grayText);
}

  .app-components-staticpages-blocks-contactblock--container > div {
    width: 100%;
    max-width: var(--siteMaxWidth);
    margin: 0 auto;
  }

  @media (max-width: 768px) {.app-components-staticpages-blocks-contactblock--container {
    margin-top: 15px;
    margin-bottom: 14px;
    padding: 0 15px
}
  }

  .app-components-staticpages-blocks-contactblock--container p {
    max-width: 500px;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 1.5;
  }

  @media (max-width: 768px) {

  .app-components-staticpages-blocks-contactblock--container p {
      font-size: 18px
  }
    }

.app-components-staticpages-blocks-entityblock--artists span:last-of-type span {
      /* remove last comma */
      display: none;
    }

.app-components-staticpages-blocks-faqblock--background {
  width: 100%;
  padding: 0 30px;
  background-color: #f6f4fa;
}

  @media (max-width: 768px) {.app-components-staticpages-blocks-faqblock--background {
    padding: 0
}
  }

.app-components-staticpages-blocks-faqblock--wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
}

@media (max-width: 768px) {

.app-components-staticpages-blocks-faqblock--wrapper {
    padding: 30px 0
}
  }

.app-components-staticpages-blocks-faqblock--item {
  width: calc(100% * (1 / 3));
  padding: 40px;
}

@media (max-width: 768px) {

.app-components-staticpages-blocks-faqblock--item {
    width: 100%;
    padding: 10px 30px
}
  }

@media (max-width: 768px) {

.app-components-staticpages-blocks-faqblock--downloadButton {
    font-size: 14px
}
  }

.app-components-staticpages-blocks-faqblock--question {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
}

.app-components-staticpages-blocks-faqblock--question .app-components-staticpages-blocks-faqblock--questionTopRow {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    min-height: 75px;
  }

.app-components-staticpages-blocks-faqblock--question .app-components-staticpages-blocks-faqblock--iconWrapper {
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    width: 48px;
    height: 48px;
    padding: 5px;
    background-color: rgba(233, 38, 98, 0.1);
    border-radius: 50px;
  }

.app-components-staticpages-blocks-faqblock--question .app-components-staticpages-blocks-faqblock--questionText {
    margin-left: 30px;
    font-weight: 600;
    font-size: 24px;
  }

@media (max-width: 768px) {

.app-components-staticpages-blocks-faqblock--question .app-components-staticpages-blocks-faqblock--questionText {
      margin-left: 20px;
      font-size: 18px
  }
    }

.app-components-staticpages-blocks-faqblock--question .app-components-staticpages-blocks-faqblock--answerText {
    margin-top: 5px;
    color: #4a4a4a;
    font-size: 18px;
    line-height: 30px;
  }

.app-components-staticpages-blocks-featuredarticlesblock--wrapper.app-components-staticpages-blocks-featuredarticlesblock--wrapper {
  padding-top: 35px;
  padding-bottom: 15px;
  background-color: var(--grayBg);
}

  @media (min-width: 768px) {.app-components-staticpages-blocks-featuredarticlesblock--wrapper.app-components-staticpages-blocks-featuredarticlesblock--wrapper {
    padding-bottom: 30px
}
  }

.app-components-staticpages-blocks-featuredarticlesblock--item {
  margin-bottom: 35px;
}

article.app-components-staticpages-blocks-featuredarticlesblock--video {
  padding-bottom: 27.5%;
}

article.app-components-staticpages-blocks-featuredarticlesblock--video path:first-of-type {
    fill: black;
  }

article.app-components-staticpages-blocks-featuredarticlesblock--video h2 {
    font-family: 'HK Sentiments', sans-serif;
  }

.app-components-staticpages-blocks-featuredarticlesblock--button {
  width: 100%;
}

.app-components-base-video--video {
  position: relative;
  display: block !important;
  color: white;
  background-color: var(--loading-dark-gray) !important;
}

  .app-components-base-video--video:hover,
  .app-components-base-video--video:focus {
    cursor: pointer;
  }

  .app-components-base-video--video:hover .app-components-base-video--playButton, .app-components-base-video--video:focus .app-components-base-video--playButton {
      -webkit-transform: translate(-50%, -50%) scale(1.1);
              transform: translate(-50%, -50%) scale(1.1);
    }

.app-components-base-video--button {
  width: 100%;
  height: 100%;
  min-height: 200px;
  overflow: hidden;
  text-align: left;
}

.app-components-base-video--button > img,
  .app-components-base-video--button > div {
    border-radius: 3px;
  }

.app-components-base-video--info {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 30px;
}

.app-components-base-video--owner em {
    margin: 0 8px;
    font-style: normal;
  }

.app-components-base-video--length {
  margin-right: 8px;
}

.app-components-base-video--extras {
  margin-bottom: 5px;
  opacity: 0.7;
}

.app-components-base-video--extras svg {
    position: relative;
    top: 1px;
    opacity: 0.7;
  }

.app-components-base-video--playButton {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  z-index: 2;
  width: 70px;
  height: 70px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: -webkit-transform 300ms cubic-bezier(0, 0.715, 0.345, 1);
  transition: transform 300ms cubic-bezier(0, 0.715, 0.345, 1);
  transition: transform 300ms cubic-bezier(0, 0.715, 0.345, 1), -webkit-transform 300ms cubic-bezier(0, 0.715, 0.345, 1);
}

.app-components-base-video--title {
  color: white;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.1;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.app-components-base-video--youtubeIcon path {
    fill: white;
  }

.app-components-kit-hero-hero--wrapper {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
          align-items: flex-end;
  height: 414px;
  min-height: 300px;
  max-height: 80vh;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: var(--loading-dark-gray);
}

  @media (min-width: 768px) {.app-components-kit-hero-hero--wrapper {
    height: 653px;
    min-height: 520px;
    margin-bottom: 120px
}
  }

.app-components-kit-hero-hero--wrapperLarge {
  height: 85vh;
  max-height: 85vh;
}

@media (min-width: 768px) {

.app-components-kit-hero-hero--wrapperLarge {
    min-height: 653px
}
  }

@media (min-width: 768px) {

.app-components-kit-hero-hero--wrapperSmall {
    height: 520px;
    min-height: 520px
}
  }

.app-components-kit-hero-hero--wrapperFull {
  height: auto;
  min-height: 100vh;
  max-height: none;
}

section.app-components-kit-hero-hero--section {
  margin-bottom: 20px;
}

@media (min-width: 768px) {

section.app-components-kit-hero-hero--section {
    margin-bottom: 30px
}
  }

@media (min-width: 1024px) {

section.app-components-kit-hero-hero--section {
    margin-bottom: 55px
}
  }

.app-components-kit-hero-hero--content {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.app-components-kit-hero-hero--content > div {
    width: 100%;
  }

@media (min-width: 768px) {

.app-components-kit-hero-hero--content {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center
}
  }

.app-components-kit-hero-hero--description {
  display: -webkit-box;
  max-width: 526px;
  margin-bottom: 28px;
  -text-overflow: ellipsis;
  overflow: hidden;
  color: white;
  font-size: 20px;
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.app-components-kit-hero-hero--description:hover,
  .app-components-kit-hero-hero--description:focus {
    color: white;
  }

@media (max-width: 768px) {

.app-components-kit-hero-hero--description {
    display: -webkit-box;
    margin-bottom: 18px;
    -text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
  }

.app-components-kit-hero-hero--video {
  position: absolute;
  top: 50%;
  right: 0;
  left: 50%;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  background-size: cover;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
}

.app-components-kit-hero-hero--title {
  margin-top: 8px;
  margin-bottom: 8px;
  color: white;
  line-height: 1.2;
}

@media (min-width: 768px) {

.app-components-kit-hero-hero--title {
    max-width: 750px;
    margin-bottom: 1rem;
    font-size: 58px;
    line-height: 64px;
    letter-spacing: 0.5px
}
  }

.app-components-staticpages-blocks-featuredbuttonblock--wrapper {
  position: relative;
  padding: 110px 30px;
  text-align: center;
  background-position: center;
  background-size: cover;
}

  @media (max-width: 768px) {.app-components-staticpages-blocks-featuredbuttonblock--wrapper {
    padding: 40px 25px
}
  }

.app-components-staticpages-blocks-featuredbuttonblock--content {
  position: relative;
  z-index: 1;
  max-width: 600px;
  margin: 0 auto;
}

.app-components-staticpages-blocks-featuredbuttonblock--title {
  margin-top: -5px;
  margin-bottom: 16px;
  color: inherit;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.2;
}

@media (max-width: 768px) {

.app-components-staticpages-blocks-featuredbuttonblock--title {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 1.05
}
  }

.app-components-staticpages-blocks-featuredbuttonblock--title + p {
    max-width: 700px;
    margin-right: auto;
    margin-bottom: 1.5rem;
    margin-left: auto;
    color: inherit;
    font-size: 18px;
    line-height: 1.5;
  }

@media (max-width: 768px) {

.app-components-staticpages-blocks-featuredbuttonblock--title + p {
      font-size: 14px;
      line-height: 1.3
  }
    }

.app-components-staticpages-blocks-featuredbuttonblock--button {
  margin-top: 12px;
  font-size: 16px;
  border-radius: 8px;
}

@media (max-width: 768px) {

.app-components-staticpages-blocks-featuredbuttonblock--button {
    margin-top: 5px;
    font-size: 14px
}
  }

.app-components-staticpages-blocks-featuredbuttonblock--skip {
  display: inline-block;
  margin-top: 10px;
  color: white;
  font-size: 18px;
  text-decoration: underline;
}

.app-components-staticpages-blocks-featuredbuttonblock--skip:hover,
  .app-components-staticpages-blocks-featuredbuttonblock--skip:focus {
    color: white;
  }

.app-components-staticpages-blocks-frontpageheroblock--infoContainer {
  width: 100%;
}

  @media (min-width: 768px) {.app-components-staticpages-blocks-frontpageheroblock--infoContainer {
    max-width: 826px
}
  }

.app-components-staticpages-blocks-frontpageheroblock--buttons {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}

.app-components-staticpages-blocks-frontpageheroblock--title {
  margin-bottom: 6px;
  color: white;
  font-weight: 600;
  font-size: 27px;
  line-height: 1.2;
  letter-spacing: 0.67px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpageheroblock--title {
    margin-bottom: 18px;
    font-size: 58px;
    line-height: 64px
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpageheroblock--title {
    font-size: 68px;
    line-height: 78px
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpageheroblock--spacer {
    height: 30px
}
  }

.app-components-staticpages-blocks-frontpageheroblock--smallTitle {
  margin-bottom: 6px;
  font-size: 27px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpageheroblock--smallTitle {
    margin-bottom: 14px;
    font-size: 50px;
    line-height: 1.2
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpageheroblock--smallTitle {
    font-size: 58px;
    line-height: 64px
}
  }

.app-components-staticpages-blocks-frontpageheroblock--pill {
  margin-bottom: 5px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpageheroblock--pill {
    margin-bottom: 12px
}
  }

.app-components-staticpages-blocks-frontpageheroblock--description {
  display: inline-block;
  margin-bottom: 16px;
  color: white;
  font-size: 14px;
}

.app-components-staticpages-blocks-frontpageheroblock--description p {
    margin-bottom: 0;
    color: white;
    line-height: 20px;
  }

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpageheroblock--description {
    max-width: 620px;
    margin-bottom: 25px;
    font-size: 20px
}

    .app-components-staticpages-blocks-frontpageheroblock--description p {
      line-height: 1.5;
    }
  }

.app-components-staticpages-blocks-frontpageheroblock--playButtonContainer p {
    margin-bottom: 0;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
  }

.app-components-staticpages-blocks-frontpageheroblock--playButtonContainer:hover,
  .app-components-staticpages-blocks-frontpageheroblock--playButtonContainer:active,
  .app-components-staticpages-blocks-frontpageheroblock--playButtonContainer:focus {
    color: white;
    text-decoration: underline;
    background-color: transparent;
  }

.app-components-staticpages-blocks-frontpageheroblock--playButtonContainer:hover svg, .app-components-staticpages-blocks-frontpageheroblock--playButtonContainer:active svg, .app-components-staticpages-blocks-frontpageheroblock--playButtonContainer:focus svg {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }

.app-components-staticpages-blocks-frontpageheroblock--playButtonContainer svg {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    -webkit-transform-origin: center;
            transform-origin: center;
    transition: -webkit-transform 300ms cubic-bezier(0, 0.715, 0.345, 1);
    transition: transform 300ms cubic-bezier(0, 0.715, 0.345, 1);
    transition: transform 300ms cubic-bezier(0, 0.715, 0.345, 1), -webkit-transform 300ms cubic-bezier(0, 0.715, 0.345, 1);
    will-change: transform;
  }

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpageheroblock--playButtonContainer svg {
      width: 42px;
      height: 42px;
      margin-right: 15px
  }
    }

a.app-components-staticpages-blocks-frontpageheroblock--signupButton {
  margin-right: 19px;
  margin-bottom: 0;
}

@media (min-width: 768px) {

a.app-components-staticpages-blocks-frontpageheroblock--signupButton {
    margin-right: 56px
}
  }

.app-components-staticpages-blocks-frontpageheroblock--mainSplashContent {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpageheroblock--mainSplashContent {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between
}
  }

.app-components-staticpages-blocks-headerheroblock--wrapper {
  position: relative;
  overflow: hidden;
}

.app-components-staticpages-blocks-headerheroblock--videoBackground {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.app-components-staticpages-blocks-headerheroblock--imageBackground {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

.app-components-staticpages-blocks-headerheroblock--headerOverlay {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding: 82px 30px;
}

.app-components-staticpages-blocks-headingblock--section {
  margin-bottom: 20px;
}

.app-components-staticpages-blocks-headingblock--wrapper {
  padding-top: 20px;
}

@media (max-width: 768px) {

.app-components-staticpages-blocks-headingblock--wrapper {
    padding-top: 15px
}
  }

div.app-components-staticpages-blocks-headingblock--heading {
  margin-bottom: 0;
}

div.app-components-staticpages-blocks-headingblock--heading h2 {
    font-weight: 900;
    font-family: 'HK Sentiments', sans-serif;
  }

div.app-components-staticpages-blocks-headerblock--wrapper {
  max-width: 990px;
  margin: 50px auto;
  padding: 0 15px;
  text-align: center;
}

  @media (min-width: 768px) {div.app-components-staticpages-blocks-headerblock--wrapper {
    padding: 0 30px
}
  }

  div.app-components-staticpages-blocks-headerblock--wrapper h2 {
    color: var(--text);
    font-size: 20px;
  }

  @media (min-width: 768px) {

  div.app-components-staticpages-blocks-headerblock--wrapper h2 {
      margin-bottom: 1.5rem;
      font-size: 38px
  }
    }

  div.app-components-staticpages-blocks-headerblock--wrapper p {
    color: inherit;
    font-size: 16px;
    line-height: 1.6;
  }

  @media (min-width: 768px) {

  div.app-components-staticpages-blocks-headerblock--wrapper p {
      margin-bottom: 6rem;
      font-size: 20px
  }
    }

.app-components-staticpages-blocks-headerblock--withBg {
  padding: 20px 15px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-headerblock--withBg {
    padding: 50px 30px
}
  }

span.app-components-staticpages-blocks-heroarticleblock--category + .app-components-staticpages-blocks-heroarticleblock--category:before {
      margin: 0 3px;
      font-weight: 400;
      font-size: 14px;
      content: ' • ';
    }

.app-components-staticpages-blocks-frontpage-hero2021--wrapper {
  margin-bottom: 0;
  overflow: hidden;
}

.app-components-staticpages-blocks-frontpage-hero2021--bg {
  background-color: var(--heroBg);
  background-size: cover;
}

.app-components-staticpages-blocks-frontpage-hero2021--content {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center;
  max-height: 100vh;
  margin-bottom: 0;
  padding-top: 100px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-hero2021--content {
    min-height: 600px
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-hero2021--content {
    min-height: 800px
}
  }

.app-components-staticpages-blocks-frontpage-hero2021--copy {
  width: 100%;
  text-align: center;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-hero2021--copy {
    width: 47vw;
    max-width: 650px;
    text-align: left
}
  }

.app-components-staticpages-blocks-frontpage-hero2021--title {
  max-width: 300px;
  margin-right: auto;
  margin-bottom: 12px;
  margin-left: auto;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.16;
  text-align: center;
}

@media (min-width: 375px) {

.app-components-staticpages-blocks-frontpage-hero2021--title {
    font-size: 36px
}
  }

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-hero2021--title {
    max-width: none;
    margin-bottom: 18px;
    font-size: 40px;
    line-height: 1.05;
    letter-spacing: 0.67px;
    text-align: left
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-hero2021--title {
    font-size: 55px
}
  }

@media (min-width: 1200px) {

.app-components-staticpages-blocks-frontpage-hero2021--title {
    font-size: 65px
}
  }

@media (min-width: 1340px) {

.app-components-staticpages-blocks-frontpage-hero2021--title {
    font-size: 77px
}
  }

.app-components-staticpages-blocks-frontpage-hero2021--description {
  display: inline-block;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
}

.app-components-staticpages-blocks-frontpage-hero2021--description p {
    margin-bottom: 0;
  }

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-hero2021--description {
    max-width: 620px;
    margin-bottom: 25px;
    line-height: 1.54;
    text-align: left
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-hero2021--description {
    font-size: 20px
}
  }

@media (min-width: 1200px) {

.app-components-staticpages-blocks-frontpage-hero2021--description {
    font-size: 22px
}
  }

.app-components-staticpages-blocks-frontpage-hero2021--buttons {
  display: block;
}

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-hero2021--buttons {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center
}
  }

.app-components-staticpages-blocks-frontpage-hero2021--signupButton {
  margin-bottom: 10px;
  padding: 14px 20px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-hero2021--signupButton {
    font-size: 18px
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-hero2021--signupButton {
    min-width: 200px;
    margin-right: 50px;
    margin-bottom: 0;
    padding-top: 22px;
    padding-bottom: 22px;
    font-size: 20px
}
  }

.app-components-staticpages-blocks-frontpage-hero2021--playButtonContainer {
  display: block;
  margin: 0 auto;
  font-size: 13px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-hero2021--playButtonContainer {
    margin: 0;
    font-size: 16px
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-hero2021--playButtonContainer {
    display: inline-block;
    font-size: 18px
}
  }

.app-components-staticpages-blocks-frontpage-hero2021--playButtonContainer:hover,
  .app-components-staticpages-blocks-frontpage-hero2021--playButtonContainer:active,
  .app-components-staticpages-blocks-frontpage-hero2021--playButtonContainer:focus {
    text-decoration: underline;
    background-color: transparent;
  }

.app-components-staticpages-blocks-frontpage-hero2021--playButtonContainer:hover svg, .app-components-staticpages-blocks-frontpage-hero2021--playButtonContainer:active svg, .app-components-staticpages-blocks-frontpage-hero2021--playButtonContainer:focus svg {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }

.app-components-staticpages-blocks-frontpage-hero2021--playButtonContainer svg {
    width: 24px;
    height: 24px;
    margin-right: 15px;
    -webkit-transform-origin: center;
            transform-origin: center;
    transition: -webkit-transform 300ms cubic-bezier(0, 0.715, 0.345, 1);
    transition: transform 300ms cubic-bezier(0, 0.715, 0.345, 1);
    transition: transform 300ms cubic-bezier(0, 0.715, 0.345, 1), -webkit-transform 300ms cubic-bezier(0, 0.715, 0.345, 1);
    will-change: transform;
  }

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-hero2021--playButtonContainer svg {
      width: 42px;
      height: 42px;
      margin-right: 15px
  }
    }

.app-components-partneranimation--partnerAnimation {
  position: relative;
  width: 80%;
  margin: 0 auto 30px;
}
  @media (min-width: 768px) {.app-components-partneranimation--partnerAnimation {
    position: absolute;
    top: 50%;
    right: -6.5vw;
    width: 48vw;
    max-width: calc(1340px * 0.48);
    height: 48vw;
    max-height: calc(1340px * 0.48);
    margin: 0;
    -webkit-transform: translateY(calc(-50% + 20px));
            transform: translateY(calc(-50% + 20px))
}
  }
  @media (min-width: 1340px) {.app-components-partneranimation--partnerAnimation {
    right: -10vw;
    width: 50vw;
    max-width: calc(1340px * 0.5);
    height: 50vw;
    max-height: calc(1340px * 0.5)
}
  }
  @media (min-width: 1800px) {.app-components-partneranimation--partnerAnimation {
    right: -5vw
}
  }

.app-components-partneranimation--partnerImageWrapper {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
  border-radius: 50%;
}

.app-components-partneranimation--partnerImage {
  overflow: hidden;
  border-radius: 50%;
}

@-webkit-keyframes app-components-partneranimation--filter-animation {
  0% {
    -webkit-filter: hue-rotate(0deg) brightness(100%);
            filter: hue-rotate(0deg) brightness(100%);
  }
  25% {
    -webkit-filter: hue-rotate(180deg) brightness(125%);
            filter: hue-rotate(180deg) brightness(125%);
  }
  50% {
    -webkit-filter: hue-rotate(360deg) brightness(100%);
            filter: hue-rotate(360deg) brightness(100%);
  }
  75% {
    -webkit-filter: hue-rotate(540deg) brightness(125%);
            filter: hue-rotate(540deg) brightness(125%);
  }
  100% {
    -webkit-filter: hue-rotate(720deg) brightness(100%);
            filter: hue-rotate(720deg) brightness(100%);
  }
}

@keyframes app-components-partneranimation--filter-animation {
  0% {
    -webkit-filter: hue-rotate(0deg) brightness(100%);
            filter: hue-rotate(0deg) brightness(100%);
  }
  25% {
    -webkit-filter: hue-rotate(180deg) brightness(125%);
            filter: hue-rotate(180deg) brightness(125%);
  }
  50% {
    -webkit-filter: hue-rotate(360deg) brightness(100%);
            filter: hue-rotate(360deg) brightness(100%);
  }
  75% {
    -webkit-filter: hue-rotate(540deg) brightness(125%);
            filter: hue-rotate(540deg) brightness(125%);
  }
  100% {
    -webkit-filter: hue-rotate(720deg) brightness(100%);
            filter: hue-rotate(720deg) brightness(100%);
  }
}

.app-components-partneranimation--holo {
  position: absolute;
  bottom: 10px;
  width: 30%;
  height: 30%;
  background-image: url('/static/images/holo.png');
  background-size: cover;
  border-radius: 50%;
  -webkit-animation: app-components-partneranimation--filter-animation 15s ease-in-out infinite;
          animation: app-components-partneranimation--filter-animation 15s ease-in-out infinite;
  content: '';
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

.app-components-partneranimation--holo {
    background-image: url('/static/images/holo@2x.png')
}
  }

@media (min-width: 768px) {

.app-components-partneranimation--holo {
    bottom: 20px;
    width: 120px;
    height: 120px
}
  }

@media (min-width: 1024px) {

.app-components-partneranimation--holo {
    bottom: 20px;
    width: 190px;
    height: 190px
}
  }

.app-components-coveranimation--covers {
  position: relative;
  height: 47vw;
  max-height: calc(1340px * 0.47);
  margin-bottom: 25px;
  isolation: isolate;
}
  @media (min-width: 768px) {.app-components-coveranimation--covers {
    position: absolute;
    top: 50%;
    right: -6.5vw;
    width: 48vw;
    max-width: calc(1340px * 0.48);
    height: 48vw;
    max-height: calc(1340px * 0.48);
    margin-bottom: 0;
    -webkit-transform: translateY(calc(-50% + 20px));
            transform: translateY(calc(-50% + 20px))
}
  }
  @media (min-width: 1024px) {.app-components-coveranimation--covers {
    right: -8vw
}
  }
  @media (min-width: 1340px) {.app-components-coveranimation--covers {
    right: -10vw;
    width: 50vw;
    max-width: calc(1340px * 0.5);
    height: 50vw;
    max-height: calc(1340px * 0.5)
}
  }
  @media (min-width: 1800px) {.app-components-coveranimation--covers {
    right: -5vw
}
  }
  .app-components-coveranimation--covers ol,
  .app-components-coveranimation--covers ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

.app-components-coveranimation--cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 45vw;
  height: 45vw;
  overflow: hidden;
  border-radius: 5px;
}

@media (min-width: 768px) {

.app-components-coveranimation--cover {
    right: 0;
    bottom: 0;
    width: auto;
    height: auto
}
  }

@media (max-width: 766px) {

.app-components-coveranimation--cover0 {
    left: -20vw;
    z-index: 1
}
  }

@media (max-width: 766px) {

.app-components-coveranimation--cover1 {
    left: calc(60vw + 10px)
}
  }

@media (max-width: 766px) {

.app-components-coveranimation--cover2 {
    left: 23vw;
    z-index: 2
}
  }

.app-components-coveranimation--waveform {
  position: absolute;
  z-index: 1;
  width: auto;
  min-width: 150px;
  -webkit-transform: scale(1);
          transform: scale(1);
}

@media (min-width: 768px) {

.app-components-coveranimation--waveform {
    bottom: 7%
}
  }

.app-components-coveranimation--waveform img {
    width: 100%;
  }

.app-components-coveranimation--waveform0 {
  bottom: 5%;
  left: -60%;
  z-index: 3;
  min-width: 200px;
}

@media (min-width: 480px) {

.app-components-coveranimation--waveform0 {
    left: -30%
}
  }

@media (min-width: 768px) {

.app-components-coveranimation--waveform0 {
    bottom: 7%;
    left: -20%;
    width: 25vw;
    max-width: 400px
}
  }

.app-components-coveranimation--waveform1 {
  top: -10%;
  right: -30%;
}

@media (min-width: 480px) {

.app-components-coveranimation--waveform1 {
    right: -20%
}
  }

@media (min-width: 768px) {

.app-components-coveranimation--waveform1 {
    top: 2%;
    right: -20%;
    max-width: 400px
}
  }

.app-components-staticpages-blocks-heroinvitefriendsblock--wrapper {
  margin-bottom: 60px;
  padding: 0 15px;
  padding-top: 80px;
}

  @media only screen and (max-width: 1270px) {.app-components-staticpages-blocks-heroinvitefriendsblock--wrapper {
    padding: 0 30px;
    padding-top: 40px
}
  }

  @media (max-width: 768px) {.app-components-staticpages-blocks-heroinvitefriendsblock--wrapper {
    margin-bottom: 20px;
    padding: 0 15px
}
  }

  .app-components-staticpages-blocks-heroinvitefriendsblock--wrapper section {
    position: relative;
    width: 100%;
    max-width: var(--siteMaxWidth);
    margin: 0 auto;
    padding-top: 30px;
    color: var(--bg);
    text-align: center;
  }

  .app-components-staticpages-blocks-heroinvitefriendsblock--wrapper section > div {
      max-width: 660px;
      margin: 0 auto;
    }

.app-components-staticpages-blocks-heroinvitefriendsblock--title {
  margin: 0 auto 20px;
  color: var(--text);
  font-weight: 700;
  font-size: 28px;
  line-height: 1.1;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-heroinvitefriendsblock--title {
    margin: 0 auto 40px;
    font-size: 58px
}
  }

.app-components-staticpages-blocks-heroinvitefriendsblock--body {
  margin-bottom: 40px;
  color: var(--tintedText);
  font-size: 16px;
  line-height: 1.4;
}

.app-components-staticpages-blocks-heroinvitefriendsblock--link {
  text-decoration: underline;
}

@media (min-width: 768px) {.app-components-base-inviteform--wrapper {
    margin-bottom: 25px
}
  }

.app-components-base-inviteform--emailWrapper {
  display: -webkit-flex;
  display: flex;
  max-width: 440px;
  margin: 0 auto;
}

.app-components-base-inviteform--inputWrapper {
  width: 100%;
  height: 100%;
}

.app-components-base-inviteform--inputWrapper input {
    height: 44px;
    margin-bottom: 0;
    padding-left: 17px;
    font-size: 16px;
    background-color: var(--bg);
  }

.app-components-base-inviteform--inputWrapper footer {
    margin-top: 2px;
    text-align: left;
  }

.app-components-base-inviteform--inputWrapper label {
    display: none;
  }

.app-components-base-inviteform--button {
  height: 44px;
  margin: 0;
  margin-left: 16px;
  padding-right: 20px;
  padding-left: 20px;
}

@media (min-width: 768px) {

.app-components-base-inviteform--button {
    padding-right: 35px;
    padding-left: 35px
}
  }

.app-components-base-inviteform--success {
  margin-top: 10px;
  color: var(--brand);
  font-weight: 500;
  transition: visibility 0s, opacity 0.5s ease;
}

.app-components-staticpages-blocks-hoverpicturecollection--wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.app-components-kit-hoverpicture-hoverpicture--hoverPicture {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
          justify-content: center;
  width: calc(100% * (1 / 3));
  padding-top: calc(100% * (1 / 4.5));
  color: white;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

  @media (max-width: 768px) {.app-components-kit-hoverpicture-hoverpicture--hoverPicture {
    width: 100%;
    padding-top: 66%
}
  }

  .app-components-kit-hoverpicture-hoverpicture--hoverPicture:hover:before,
  .app-components-kit-hoverpicture-hoverpicture--hoverPicture:focus:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(135deg, rgba(230, 38, 103, 1) 0%, rgba(125, 58, 248, 1) 100%);
    opacity: 0.9;
    content: '';
  }

  .app-components-kit-hoverpicture-hoverpicture--hoverPicture:hover .app-components-kit-hoverpicture-hoverpicture--text, .app-components-kit-hoverpicture-hoverpicture--hoverPicture:focus .app-components-kit-hoverpicture-hoverpicture--text {
      top: 50%;
      bottom: auto;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
    }

  .app-components-kit-hoverpicture-hoverpicture--hoverPicture:hover .app-components-kit-hoverpicture-hoverpicture--description, .app-components-kit-hoverpicture-hoverpicture--hoverPicture:focus .app-components-kit-hoverpicture-hoverpicture--description {
      display: block;
    }

.app-components-kit-hoverpicture-hoverpicture--text {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  padding: 30px;
  font-weight: 500;
  font-size: 23px;
  text-align: center;
}

.app-components-kit-hoverpicture-hoverpicture--text .app-components-kit-hoverpicture-hoverpicture--name {
    text-align: center;
  }

.app-components-kit-hoverpicture-hoverpicture--text .app-components-kit-hoverpicture-hoverpicture--description {
    display: none;
    font-weight: 200;
    font-size: 18px;
  }

p.app-components-staticpages-blocks-importantblock--wrapper {
  margin-bottom: 0 !important;
  padding: 20px;
  color: #f91628;
  font-weight: 500;
  font-size: 20px;
  border: 3px solid #f91628;
}

  @media (min-width: 1024px) {p.app-components-staticpages-blocks-importantblock--wrapper {
    margin-right: -30px;
    margin-left: -30px;
    padding-right: 28px;
    padding-left: 28px
}
  }

.app-components-staticpages-blocks-imageblock--image {
  margin: 0;
}

  @media (max-width: 768px) {

  .app-components-staticpages-blocks-imageblock--image:not(.app-components-staticpages-blocks-imageblock--fitInContainer):not(.app-components-staticpages-blocks-imageblock--isColumn) {
      width: calc(100% + 32px);
      max-width: calc(100% + 32px);
      margin: 0 -16px
  }
    }

  .app-components-staticpages-blocks-imageblock--image:not(.app-components-staticpages-blocks-imageblock--fitInContainer):not(.app-components-staticpages-blocks-imageblock--isColumn) figcaption {
      padding: 0 30px;
    }

  @media (max-width: 768px) {

  .app-components-staticpages-blocks-imageblock--image:not(.app-components-staticpages-blocks-imageblock--fitInContainer):not(.app-components-staticpages-blocks-imageblock--isColumn) figcaption {
        padding: 0 16px
    }
      }

  .app-components-staticpages-blocks-imageblock--image img {
    width: 100%;
  }

  .app-components-staticpages-blocks-imageblock--image figcaption {
    margin-top: 18px;
    color: var(--grayText);
    font-size: 16px;
  }

  @media (max-width: 768px) {

  .app-components-staticpages-blocks-imageblock--image figcaption {
      margin-top: 10px
  }
    }

.app-components-staticpages-blocks-imageblock--fullWidth {
  width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.app-components-staticpages-blocks-imageblock--isColumn {
  margin-bottom: 1rem !important;
  padding: 0 !important;
}

@media (max-width: 768px) {

.app-components-staticpages-blocks-imageblock--isColumn {
    width: calc(100% + 32px);
    max-width: calc(100% + 32px);
    margin: 0 -16px;
    margin-bottom: 0 !important
}
  }

.app-components-staticpages-blocks-imageblock--section {
  overflow: visible;
}

.app-components-staticpages-blocks-instagramembed--wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  margin: 45px auto;
}

.app-components-staticpages-blocks-infoblock--content,
.app-components-staticpages-blocks-infoblock--ornament {
  transition: -webkit-transform 300ms cubic-bezier(0, 0.715, 0.345, 1);
  transition: transform 300ms cubic-bezier(0, 0.715, 0.345, 1);
  transition: transform 300ms cubic-bezier(0, 0.715, 0.345, 1), -webkit-transform 300ms cubic-bezier(0, 0.715, 0.345, 1);
}

.app-components-staticpages-blocks-infoblock--content {
  position: relative;
  margin: 0 !important;
  padding: 19px 30px 28px 30px;
  color: #232323;
  font-size: 1.1em;
  list-style-type: none;
  background: var(--bg);
  border: 1px solid var(--text);
  border-radius: 2px;
}

@media (max-width: 768px) {

.app-components-staticpages-blocks-infoblock--content {
    padding: 16px 25px 23px 25px;
    font-size: 1.05em
}
  }

.app-components-staticpages-blocks-infoblock--content li {
    position: relative;
    margin-bottom: 30px;
  }

.app-components-staticpages-blocks-infoblock--content li:last-of-type {
      margin-bottom: 0;
    }

.app-components-staticpages-blocks-infoblock--content li p {
      margin-bottom: 0;
      color: var(--text);
      line-height: 1.5;
    }

.app-components-staticpages-blocks-infoblock--wrapper {
  position: relative;
  margin: 60px -30px 100px -30px;
}

@media (min-width: 769px) {
      .app-components-staticpages-blocks-infoblock--wrapper:hover .app-components-staticpages-blocks-infoblock--content, .app-components-staticpages-blocks-infoblock--wrapper:focus .app-components-staticpages-blocks-infoblock--content {
        -webkit-transform: translate(-5px, -5px);
                transform: translate(-5px, -5px);
      }
      .app-components-staticpages-blocks-infoblock--wrapper:hover .app-components-staticpages-blocks-infoblock--ornament, .app-components-staticpages-blocks-infoblock--wrapper:focus .app-components-staticpages-blocks-infoblock--ornament {
        -webkit-transform: translate(5px, 5px);
                transform: translate(5px, 5px);
      }
  }

@media (max-width: 900px) {

.app-components-staticpages-blocks-infoblock--wrapper {
    margin: 60px 0 80px 0
}
  }

@media (max-width: 768px) {

.app-components-staticpages-blocks-infoblock--wrapper {
    margin: 40px 10px 50px 0
}
  }

.app-components-staticpages-blocks-infoblock--ornament {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  width: calc(100%);
  height: 100%;
  background: var(--text);
  border-radius: 2px;
}

.app-components-staticpages-blocks-frontpage-linkimagerowblock--darkWrapper {
  margin-bottom: 0;
  background-color: #0b0b0b;
}

  .app-components-staticpages-blocks-frontpage-linkimagerowblock--darkWrapper .app-components-staticpages-blocks-frontpage-linkimagerowblock--wrapper {
    padding: 50px 0;
  }

  @media (min-width: 1024px) {

  .app-components-staticpages-blocks-frontpage-linkimagerowblock--darkWrapper .app-components-staticpages-blocks-frontpage-linkimagerowblock--wrapper {
      padding: 80px 0
  }
    }

.app-components-staticpages-blocks-frontpage-linkimagerowblock--darkContent {
  border-top: 1px solid #252525;
}

.app-components-staticpages-blocks-frontpage-linkimagerowblock--wrapper {
  display: grid;
  margin: 0 -10px;
  padding: 20px 0;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 30px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-linkimagerowblock--wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    margin: 0 -20px;
    padding: 60px 0
}
  }

.app-components-staticpages-blocks-frontpage-linkimagerowblock--linkImage {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
          flex: 1;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  max-width: 210px;
  margin: 0 10px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-linkimagerowblock--linkImage {
    margin: 0 20px
}
  }

.app-components-staticpages-blocks-frontpage-linkimagerowblock--imageOuter {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 25%;
  overflow: hidden;
}

.app-components-staticpages-blocks-frontpage-linkimagerowblock--image {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.app-components-staticpages-blocks-frontpage-linkimagerowblock--image img {
    width: 80%;
  }

.app-components-staticpages-blocks-mapblock--map {
  display: block;
  width: 100%;
  height: 500px;
  background-color: var(--bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
}

.app-components-staticpages-blocks-frontpage-mediaandtextblock--wrapper {
  margin: 0;
}
  @media (min-width: 768px) {.app-components-staticpages-blocks-frontpage-mediaandtextblock--wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-align-items: center;
            align-items: center;
    margin: 0 -20px
}

    .app-components-staticpages-blocks-frontpage-mediaandtextblock--wrapper.app-components-staticpages-blocks-frontpage-mediaandtextblock--reversed {
      -webkit-flex-direction: row;
              flex-direction: row;
    }

      @media (min-width: 1024px) {
        .app-components-staticpages-blocks-frontpage-mediaandtextblock--wrapper.app-components-staticpages-blocks-frontpage-mediaandtextblock--reversed .app-components-staticpages-blocks-frontpage-mediaandtextblock--content {
          padding-right: 0;
          padding-left: 3%;
        }

        .app-components-staticpages-blocks-frontpage-mediaandtextblock--wrapper.app-components-staticpages-blocks-frontpage-mediaandtextblock--reversed .app-components-staticpages-blocks-frontpage-mediaandtextblock--media {
          padding-right: 6%;
          padding-left: 0;
        }
      }
  }

.app-components-staticpages-blocks-frontpage-mediaandtextblock--withText {
  -webkit-align-items: flex-start;
          align-items: flex-start;
}

.app-components-staticpages-blocks-frontpage-mediaandtextblock--withText .app-components-staticpages-blocks-frontpage-mediaandtextblock--media {
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
  }

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-mediaandtextblock--content,
.app-components-staticpages-blocks-frontpage-mediaandtextblock--media {
    -webkit-flex: 1;
            flex: 1;
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    -webkit-flex-basis: calc(50% - 40px);
            flex-basis: calc(50% - 40px);
    margin: 0 20px
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-mediaandtextblock--content {
    padding-right: 3%;
    padding-left: 0
}
  }

.app-components-staticpages-blocks-frontpage-mediaandtextblock--content > div {
    margin-bottom: 8px !important;

    /* pill */
    color: var(--grayText) !important;
  }

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-mediaandtextblock--content > div {
      margin-bottom: 14px !important;
      font-size: 14px !important
  }
    }

.app-components-staticpages-blocks-frontpage-mediaandtextblock--content a:hover .app-components-staticpages-blocks-frontpage-mediaandtextblock--arrowRight, .app-components-staticpages-blocks-frontpage-mediaandtextblock--content a:focus .app-components-staticpages-blocks-frontpage-mediaandtextblock--arrowRight {
      -webkit-transform: translateX(3px);
              transform: translateX(3px);
    }

.app-components-staticpages-blocks-frontpage-mediaandtextblock--media {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 14px;
  border-radius: 8px;
}

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-mediaandtextblock--media {
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 6%
}
  }

.app-components-staticpages-blocks-frontpage-mediaandtextblock--mediaInner {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 65%;
  overflow: hidden;
  background: var(--bg);
}

.app-components-staticpages-blocks-frontpage-mediaandtextblock--mediaAbs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.app-components-staticpages-blocks-frontpage-mediaandtextblock--title {
  margin-top: 6px;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 25px;
  line-height: 1.2;
  letter-spacing: 0.5px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-mediaandtextblock--title {
    font-size: 30px
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-mediaandtextblock--title {
    font-size: 36px;
    line-height: 44px
}
  }

.app-components-staticpages-blocks-frontpage-mediaandtextblock--description {
  margin-bottom: 18px;
  color: var(--text);
  font-size: 16px;
  line-height: 1.36;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-mediaandtextblock--description {
    font-size: 18px;
    letter-spacing: -0.2px
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-mediaandtextblock--description {
    font-size: 20px;
    letter-spacing: -0.2px
}
  }

.app-components-staticpages-blocks-frontpage-mediaandtextblock--fakeLink {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 0;
  color: var(--brand);
  font-weight: 500;
  font-size: 16px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-mediaandtextblock--fakeLink {
    font-size: 18px
}
  }

.app-components-staticpages-blocks-frontpage-mediaandtextblock--arrowRight {
  width: 16px;
  height: 100%;
  margin-left: 10px;
  transition: -webkit-transform 300ms var(--ease);
  transition: transform 300ms var(--ease);
  transition: transform 300ms var(--ease), -webkit-transform 300ms var(--ease);
}

.app-components-staticpages-blocks-frontpage-mediaandtextblock--arrowRight path {
    stroke: var(--brand);
  }

.app-components-staticpages-blocks-frontpage-mediaandtextblock--video {
  position: relative;
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.app-components-staticpages-blocks-frontpage-mediaandtextblock--image {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 8px;
}

.app-components-staticpages-blocks-frontpage-mediaandtextblock--image img {
    width: 100%;
    height: auto;
  }

.app-components-staticpages-blocks-frontpage-mediaandtextblock--videoModalWrapper {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 8px;
  content: '';
}

.app-components-staticpages-blocks-frontpage-mediaandtextblock--videoModalWrapper img {
    width: 100%;
    height: auto;
  }

.app-components-staticpages-blocks-frontpage-mediaandtextblock--videoModalWrapper:hover svg, .app-components-staticpages-blocks-frontpage-mediaandtextblock--videoModalWrapper:focus svg {
      -webkit-transform: scale(1.05);
              transform: scale(1.05);
    }

.app-components-staticpages-blocks-frontpage-mediaandtextblock--overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.app-components-staticpages-blocks-frontpage-mediaandtextblock--overlay svg {
    width: 60px;
    height: 60px;
    margin-bottom: 5px;
    transition: -webkit-transform 300ms var(--ease);
    transition: transform 300ms var(--ease);
    transition: transform 300ms var(--ease), -webkit-transform 300ms var(--ease);
  }

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-mediaandtextblock--overlay svg {
      width: 75px;
      height: 75px;
      margin-bottom: 8px
  }
    }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-mediaandtextblock--overlay svg {
      width: 98px;
      height: 98px;
      margin-bottom: 8px
  }
    }

.app-components-staticpages-blocks-frontpage-mediaandtextblock--overlay svg path {
      fill: white;
    }

.app-components-staticpages-blocks-frontpage-mediaandtextblock--overlay svg path + path {
        fill: black;
      }

.app-components-staticpages-blocks-frontpage-mediaandtextblock--overlay p {
    margin-top: 10px;
    margin-bottom: 0;
    color: white;
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
    white-space: nowrap;
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-mediaandtextblock--overlay p {
      font-size: 22px
  }
    }

.app-components-staticpages-blocks-frontpage-mediaandtextblock--frontpageSection {
  margin-bottom: 40px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-mediaandtextblock--frontpageSection {
    margin-bottom: 160px
}
  }

.app-components-staticpages-blocks-partnerlinksblock--background {
  width: 100%;
  padding: 60px 30px;
  background-position: center;
  background-size: cover;
}

  @media (max-width: 768px) {.app-components-staticpages-blocks-partnerlinksblock--background {
    padding: 30px 30px 0 30px
}
  }

.app-components-staticpages-blocks-partnerlinksblock--wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.app-components-staticpages-blocks-partnerlinksblock--imageWrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
}

.app-components-staticpages-blocks-partnerlinksblock--titleImage {
  width: 600px;
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 768px) {

.app-components-staticpages-blocks-partnerlinksblock--titleImage {
    max-width: 70%;
    padding-top: 15px;
    padding-bottom: 10px
}
  }

.app-components-staticpages-blocks-partnerlinksblock--descImage {
  width: 730px;
  max-width: 100%;
  height: auto;
  margin-bottom: 50px;
}

@media (max-width: 768px) {

.app-components-staticpages-blocks-partnerlinksblock--descImage {
    margin-bottom: 25px
}
  }

.app-components-staticpages-blocks-partnerlinksblock--partnerLinks {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin-top: 20px;
}

@media (max-width: 768px) {

.app-components-staticpages-blocks-partnerlinksblock--partnerLinks {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
}
  }

.app-components-staticpages-blocks-partnerlinksblock--partnerLink {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  width: calc(100% * (1 / 3));
  margin-right: 30px;
  color: black;
}

.app-components-staticpages-blocks-partnerlinksblock--partnerLink:last-child {
    margin-right: 0;
  }

@media (max-width: 768px) {

.app-components-staticpages-blocks-partnerlinksblock--partnerLink {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px
}
  }

.app-components-staticpages-blocks-partnerlinksblock--partnerLink .app-components-staticpages-blocks-partnerlinksblock--image {
    border: 6px solid black;
  }

@media (max-width: 768px) {

.app-components-staticpages-blocks-partnerlinksblock--partnerLink .app-components-staticpages-blocks-partnerlinksblock--image {
      border: 3px solid black
  }
    }

.app-components-staticpages-blocks-partnerlinksblock--partnerLink .app-components-staticpages-blocks-partnerlinksblock--partnerLinkText {
    margin-top: 10px;
    font-weight: 500;
    font-size: 22px;
    text-align: center;
  }

.app-components-staticpages-blocks-prizesblock--background {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  width: 100%;
  padding: 0 30px;
  background-color: #f6f4fa;
}

.app-components-staticpages-blocks-prizesblock--content {
  width: 100%;
  max-width: 1200px;
}

.app-components-staticpages-blocks-prizesblock--prizesWrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}

.app-components-staticpages-blocks-prizesblock--prizeWrapper {
  width: 23%;
  min-height: 250px;
}

.app-components-staticpages-blocks-prizesblock--prizeWrapper:first-of-type {
    display: block;
    width: 100%;
    min-height: 350px;
    margin-bottom: 50px;
  }

@media (max-width: 768px) {

.app-components-staticpages-blocks-prizesblock--prizeWrapper:first-of-type {
      margin-bottom: 20px
  }
    }

.app-components-staticpages-blocks-prizesblock--prizeWrapper:first-of-type .app-components-staticpages-blocks-prizesblock--iconBox {
      margin-bottom: 30px;
    }

/* image */

.app-components-staticpages-blocks-prizesblock--prizeWrapper:first-of-type .app-components-staticpages-blocks-prizesblock--iconBox > div:first-of-type {
        width: 80%;
        height: auto;
        min-height: 400px;
        border-radius: 8px;
      }

@media (max-width: 768px) {

.app-components-staticpages-blocks-prizesblock--prizeWrapper:first-of-type .app-components-staticpages-blocks-prizesblock--iconBox > div:first-of-type {
          width: 100%;
          min-height: 320px
      }
        }

/* body */

.app-components-staticpages-blocks-prizesblock--prizeWrapper:first-of-type .app-components-staticpages-blocks-prizesblock--iconBox > div:last-of-type {
        background-color: transparent;
        border-radius: 0;
      }

/* cutout bg */

.app-components-staticpages-blocks-prizesblock--prizeWrapper:first-of-type .app-components-staticpages-blocks-prizesblock--iconBox > div:last-of-type:before,
        .app-components-staticpages-blocks-prizesblock--prizeWrapper:first-of-type .app-components-staticpages-blocks-prizesblock--iconBox > div:last-of-type:after {
          display: none;
        }

/* cutout */

.app-components-staticpages-blocks-prizesblock--prizeWrapper:first-of-type .app-components-staticpages-blocks-prizesblock--iconBox > div:last-of-type > div:first-of-type {
          display: none;
        }

/* icon */

.app-components-staticpages-blocks-prizesblock--prizeWrapper:first-of-type .app-components-staticpages-blocks-prizesblock--iconBox > div:last-of-type span:first-of-type {
          position: static;
          margin-bottom: 10px;
          -webkit-transform: none;
                  transform: none;
        }

.app-components-staticpages-blocks-prizesblock--prizeWrapper:first-of-type .app-components-staticpages-blocks-prizesblock--prizeOrder {
      margin-top: -8px;
      font-size: 17px;
    }

@media (max-width: 768px) {

.app-components-staticpages-blocks-prizesblock--prizeWrapper:first-of-type .app-components-staticpages-blocks-prizesblock--prizeOrder {
        margin-top: 0;
        font-size: 16px
    }
      }

.app-components-staticpages-blocks-prizesblock--prizeWrapper:first-of-type .app-components-staticpages-blocks-prizesblock--title {
      font-size: 29px;
    }

@media (max-width: 768px) {

.app-components-staticpages-blocks-prizesblock--prizeWrapper:first-of-type .app-components-staticpages-blocks-prizesblock--title {
        font-size: 25px
    }
      }

.app-components-staticpages-blocks-prizesblock--prizeWrapper:first-of-type .app-components-staticpages-blocks-prizesblock--description {
      font-size: 22px;
    }

@media (max-width: 768px) {

.app-components-staticpages-blocks-prizesblock--prizeWrapper:first-of-type .app-components-staticpages-blocks-prizesblock--description {
        font-size: 20px
    }
      }

@media (max-width: 768px) {

.app-components-staticpages-blocks-prizesblock--prizeWrapper {
    width: 100%;
    margin-bottom: 30px
}
  }

.app-components-staticpages-blocks-prizesblock--prizeContent {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  padding-top: 10px;
  padding-right: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  text-align: center;
}

@media (max-width: 768px) {

.app-components-staticpages-blocks-prizesblock--prizeContent {
    padding-top: 0;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px
}
  }

.app-components-staticpages-blocks-prizesblock--prizeContent .app-components-staticpages-blocks-prizesblock--prizeOrder {
    display: block;
    margin-bottom: 7px;
    color: #aaa;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
  }

.app-components-staticpages-blocks-prizesblock--prizeContent .app-components-staticpages-blocks-prizesblock--title {
    margin-bottom: 18px;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.125;
  }

.app-components-staticpages-blocks-prizesblock--prizeContent .app-components-staticpages-blocks-prizesblock--description {
    color: #4a4a4a;
    font-size: 18px;
  }

.app-components-staticpages-blocks-prizesblock--secondaryPrizes {
  width: 100%;
  margin: 30px 0;
  padding: 25px;
  background-color: white;
  border-radius: 2px;
}

.app-components-staticpages-blocks-prizesblock--secondaryPrizes:last-of-type {
    margin-bottom: 60px;
  }

@media (max-width: 768px) {

.app-components-staticpages-blocks-prizesblock--secondaryPrizes {
    margin-top: 0;
    margin-bottom: 30px
}
  }

.app-components-staticpages-blocks-prizesblock--secondaryPrizes .app-components-staticpages-blocks-prizesblock--descWrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 27px;
    text-align: center;
  }

.app-components-staticpages-blocks-prizesblock--secondaryPrizes .app-components-staticpages-blocks-prizesblock--noMobile {
    display: block;
  }

@media (max-width: 768px) {

.app-components-staticpages-blocks-prizesblock--secondaryPrizes .app-components-staticpages-blocks-prizesblock--noMobile {
      display: none
  }
    }

.app-components-staticpages-blocks-prizesblock--secondaryPrizes .app-components-staticpages-blocks-prizesblock--mobileOnly {
    display: none;
  }

@media (max-width: 768px) {

.app-components-staticpages-blocks-prizesblock--secondaryPrizes .app-components-staticpages-blocks-prizesblock--mobileOnly {
      display: block
  }
    }

.app-components-staticpages-blocks-prizesblock--secondaryPrizes .app-components-staticpages-blocks-prizesblock--descPart {
    margin-right: 6px;
  }

.app-components-staticpages-blocks-prizesblock--secondaryPrizes .app-components-staticpages-blocks-prizesblock--descPart:nth-child(2) {
      color: #e92662;
    }

.app-components-staticpages-blocks-prizesblock--secondaryPrizes .app-components-staticpages-blocks-prizesblock--descPart:last-child {
      margin-right: 0;
    }

.app-components-staticpages-blocks-prizesblock--secondaryPrizes .app-components-staticpages-blocks-prizesblock--secondaryPrizesWrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
            justify-content: center;
  }

.app-components-staticpages-blocks-prizesblock--secondaryPrizes .app-components-staticpages-blocks-prizesblock--plus {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    margin-right: 30px;
    color: #aaa;
    font-weight: 600;
    font-size: 27px;
  }

@media (max-width: 768px) {

.app-components-staticpages-blocks-prizesblock--secondaryPrizes .app-components-staticpages-blocks-prizesblock--plus {
      -webkit-justify-content: center;
              justify-content: center;
      width: 100%;
      margin-right: 0;
      padding: 20px
  }
    }

.app-components-staticpages-blocks-prizesblock--secondaryPrizes .app-components-staticpages-blocks-prizesblock--secondaryPrize {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-align-items: center;
            align-items: center;
    width: 45%;
  }

@media (max-width: 768px) {

.app-components-staticpages-blocks-prizesblock--secondaryPrizes .app-components-staticpages-blocks-prizesblock--secondaryPrize {
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-justify-content: space-between;
              justify-content: space-between;
      width: 100%
  }
    }

.app-components-staticpages-blocks-prizesblock--secondaryPrizes .app-components-staticpages-blocks-prizesblock--secondaryPrize .app-components-staticpages-blocks-prizesblock--imageWrapper {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center;
      max-width: 50%;
      max-height: 100px;
    }

@media (max-width: 768px) {

.app-components-staticpages-blocks-prizesblock--secondaryPrizes .app-components-staticpages-blocks-prizesblock--secondaryPrize .app-components-staticpages-blocks-prizesblock--imageWrapper {
        max-width: 100%;
        margin-bottom: 10px
    }
      }

.app-components-staticpages-blocks-prizesblock--secondaryPrizes .app-components-staticpages-blocks-prizesblock--secondaryPrize .app-components-staticpages-blocks-prizesblock--image {
      height: auto;
      max-height: 100px;
    }

.app-components-staticpages-blocks-prizesblock--secondaryPrizes .app-components-staticpages-blocks-prizesblock--secondaryPrize .app-components-staticpages-blocks-prizesblock--secondaryPrizeDesc {
      -webkit-flex-shrink: 0;
              flex-shrink: 0;
      width: 300px;
      margin-left: 40px;
      color: #4a4a4a;
      font-size: 18px;
    }

@media (max-width: 768px) {

.app-components-staticpages-blocks-prizesblock--secondaryPrizes .app-components-staticpages-blocks-prizesblock--secondaryPrize .app-components-staticpages-blocks-prizesblock--secondaryPrizeDesc {
        width: 100%;
        margin-left: 0
    }
      }

.app-components-kit-iconbox-iconbox--quote {
  position: relative;
  z-index: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  height: 100%;
  padding: 0;
  overflow: hidden;
  text-align: center;
}

  .app-components-kit-iconbox-iconbox--quote:first-of-type {
    margin-left: 0;
  }

  .app-components-kit-iconbox-iconbox--quote:last-of-type {
    margin-right: 0;
  }

  .app-components-kit-iconbox-iconbox--quote {

  --imageHeight: 278px;
}

  @media (max-width: 768px) {.app-components-kit-iconbox-iconbox--quote {
    --imageHeight: 278px;

    display: block
}
  }

  @media (min-width: 768px) and (max-width: 1023px) {.app-components-kit-iconbox-iconbox--quote {
    --imageHeight: 278px
}
  }

.app-components-kit-iconbox-iconbox--imageWrapper {
  position: relative;
  top: 0;
  display: block;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  width: 85%;
  height: var(--imageHeight);
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

@media (min-width: 768px) and (max-width: 1023px) {

.app-components-kit-iconbox-iconbox--imageWrapper {
    width: 85%
}
  }

.app-components-kit-iconbox-iconbox--image {
  overflow: hidden;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.app-components-kit-iconbox-iconbox--body {
  position: relative;
  height: calc(100% - var(--imageHeight));
  padding-top: 30px;
  background: white;
  border-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.app-components-kit-iconbox-iconbox--body:after,
  .app-components-kit-iconbox-iconbox--body:before {
    position: absolute;
    top: -28px;
    display: block;
    width: calc(50% - 30.5px);
    height: 28px;
    background-color: white;
    content: '';
  }

.app-components-kit-iconbox-iconbox--body:before {
    left: 0;
    border-top-left-radius: 8px;
  }

.app-components-kit-iconbox-iconbox--body:after {
    right: 0;
    border-top-right-radius: 8px;
  }

.app-components-kit-iconbox-iconbox--cutout {
  position: absolute;
  top: -31px;
  left: 50%;
  width: 62px;
  height: 62px;
  margin: 0 auto;
  overflow: hidden;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.app-components-kit-iconbox-iconbox--cutout:before {
    position: absolute;
    top: -50%;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 0 0 0 62px white;
    content: '';
  }

.app-components-kit-iconbox-iconbox--sign {
  position: absolute;
  top: -53px;
  left: 50%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  width: 46px;
  height: 46px;
  margin: 0 auto;
  color: var(--brand);
  background-color: white;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.app-components-staticpages-blocks-offersblock--sectionWrapper {
  margin-bottom: 40px;
}

  @media (min-width: 768px) {.app-components-staticpages-blocks-offersblock--sectionWrapper {
    margin-bottom: 120px
}
  }

.app-components-staticpages-blocks-offersblock--wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  width: 100%;
}

.app-components-staticpages-blocks-offersblock--content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  width: 100%;
}

@media (max-width: 1100px) {

.app-components-staticpages-blocks-offersblock--content {
    -webkit-flex-direction: column;
            flex-direction: column
}
  }

.app-components-staticpages-blocks-offersblock--offer {
  display: block;
  -webkit-flex: 1;
          flex: 1;
  margin-bottom: 16px;
  padding: 15px;
  padding-top: 37px;
  padding-bottom: 20px;
  text-align: center;
  border: 1px solid var(--border);
  border-radius: 8px;
  transition: box-shadow 300ms var(--ease), border-color 300ms var(--ease);
}

.app-components-staticpages-blocks-offersblock--offer:hover,
  .app-components-staticpages-blocks-offersblock--offer:focus {
    color: var(--text);
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.05);
    opacity: 1;
  }

@media (min-width: 768px) {

.app-components-staticpages-blocks-offersblock--offer {
    margin-right: 35px
}
    .app-components-staticpages-blocks-offersblock--offer:last-child {
      margin-right: 0;
    }
  }

.app-components-staticpages-blocks-offersblock--discountOffer {
  border: 1px solid var(--brand);
  box-shadow: 0 2px 0 0 #000;
}

.app-components-staticpages-blocks-offersblock--discountOffer:hover,
  .app-components-staticpages-blocks-offersblock--discountOffer:focus {
    color: var(--text);
    box-shadow: 0 4px 0 0 #000;
    opacity: 1;
  }

.app-components-staticpages-blocks-offersblock--offerPreferred {
  border: 2px solid var(--success);
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-offersblock--offerPreferred {
    margin-top: -18px;
    margin-bottom: -18px
}

    .app-components-staticpages-blocks-offersblock--offerPreferred .app-components-staticpages-blocks-offersblock--offerButton {
      position: relative;
      top: 16px;
    }
  }

.app-components-staticpages-blocks-offersblock--priceMonth {
  margin-bottom: 5px;
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -0.22px;
}

.app-components-staticpages-blocks-offersblock--priceYear {
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 1.3;
  opacity: 0.7;
}

.app-components-staticpages-blocks-offersblock--offerButton {
  color: var(--bg);
  background-color: var(--text);
}

.app-components-staticpages-blocks-offersblock--offerButton:hover,
  .app-components-staticpages-blocks-offersblock--offerButton:focus {
    color: var(--bg);
    background-color: var(--text);
    opacity: 0.8;
  }

.app-components-staticpages-blocks-offersblock--periodsWrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  margin: 24px 18px;
}

.app-components-staticpages-blocks-offersblock--periods {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  width: 100%;
}

.app-components-staticpages-blocks-offersblock--periods:first-of-type {
    border-right: 1px solid rgba(103,103,103,0.40392);
  }

.app-components-staticpages-blocks-offersblock--periods:last-of-type {
    border-left: 1px solid rgba(103,103,103,0.40392);
  }

.app-components-staticpages-blocks-offersblock--periods .app-components-staticpages-blocks-offersblock--period {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    width: 100%;
  }

.app-components-staticpages-blocks-offersblock--priceNew {
  margin-bottom: 0;
  color: #c59d09;
  font-size: 18px;
}

@media (min-width: 480px) {

.app-components-staticpages-blocks-offersblock--priceNew {
    font-size: 26px
}
  }

.app-components-staticpages-blocks-offersblock--priceOld {
  color: #676767;
  font-size: 14px;
  text-decoration: line-through;
}

@media (min-width: 480px) {

.app-components-staticpages-blocks-offersblock--priceOld {
    font-size: 17px
}
  }

section.app-components-staticpages-blocks-quotesblock--wrapper {
  margin-bottom: 0;
  padding: 0 15px;
  padding-top: var(--base-block-margin);
  padding-bottom: var(--base-block-margin);
  background-color: var(--grayBg);
}

.app-components-staticpages-blocks-quotesblock--info {
  padding: 10px 17px;
  transition: 0.3s cubic-bezier(0, 0.715, 0.345, 1);
}

.app-components-staticpages-blocks-quotesblock--textWrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  height: 100%;
}

.app-components-staticpages-blocks-quotesblock--text {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  min-height: 84px;
  margin: 0 35px;
  margin-bottom: 5px;
  color: black;
  font-size: 21px;
  line-height: 1.35;
}

@media (min-width: 768px) and (max-width: 1023px) {

.app-components-staticpages-blocks-quotesblock--text {
    margin: 0 15px;
    margin-bottom: 15px;
    font-size: 18px
}
  }

.app-components-staticpages-blocks-quotesblock--name {
  width: 100%;
  margin-bottom: 2px;
  overflow: hidden;
  color: var(--brand);
  font-weight: 600;
  font-size: 38px;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (min-width: 768px) and (max-width: 1023px) {

.app-components-staticpages-blocks-quotesblock--name {
    font-size: 30px
}
  }

.app-components-staticpages-blocks-quotesblock--description {
  min-height: 44px;
  margin-bottom: 25px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}

@media (min-width: 768px) and (max-width: 1023px) {

.app-components-staticpages-blocks-quotesblock--description {
    margin-bottom: 15px
}
  }

.app-components-staticpages-blocks-quotesgridblock--header {
  max-width: 540px;
  margin: 0 auto 40px;
  text-align: center;
}

  @media (min-width: 768px) {.app-components-staticpages-blocks-quotesgridblock--header {
    margin: 0 auto 70px
}
  }

.app-components-staticpages-blocks-quotesgridblock--grid {
  display: grid;
  padding-bottom: 50px;
  list-style: none;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 46px 56px;
}

@media only screen and (max-width: 1068px) {

.app-components-staticpages-blocks-quotesgridblock--grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px 40px
}
  }

@media (max-width: 768px) {

.app-components-staticpages-blocks-quotesgridblock--grid {
    grid-template-columns: 1fr;
    grid-gap: 0
}
  }

.app-components-staticpages-blocks-quotesgridblock--quote {
  margin-bottom: 30px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-quotesgridblock--quote {
    margin-bottom: 0
}
  }

.app-components-staticpages-blocks-quotesgridblock--image {
  position: relative;
  width: 100%;
  height: 0;
  margin-bottom: 30px;
  padding-bottom: 65%;
  overflow: hidden;
  border-radius: 8px;
}

.app-components-staticpages-blocks-quotesgridblock--image span {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 10px 12px;
    color: white;
    font-weight: 500;
    font-size: 8px;
    line-height: 1;
    letter-spacing: 0.2px;
    text-transform: uppercase;
  }

.app-components-staticpages-blocks-quotesgridblock--text {
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 1.32;
  letter-spacing: -0.18px;
}

.app-components-staticpages-blocks-quotesgridblock--name {
  margin-bottom: 2px;
  font-weight: 900;
  font-size: 18px;
}

.app-components-staticpages-blocks-quotesgridblock--description {
  font-size: 14px;
}

@media (min-width: 768px) {.app-components-staticpages-blocks-frontpage-quotescarouselblock--content,
.app-components-staticpages-blocks-frontpage-quotescarouselblock--media {
    -webkit-flex: 1;
            flex: 1;
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    margin: 0 20px
}
  }

.app-components-staticpages-blocks-frontpage-quotescarouselblock--content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-quotescarouselblock--content {
    -webkit-flex-basis: calc(60% - 40px);
            flex-basis: calc(60% - 40px);
    padding-right: 70px;
    padding-bottom: 121px
}
  }

.app-components-staticpages-blocks-frontpage-quotescarouselblock--content > div > div {
    /* pill */
    margin-top: 10px;
    margin-bottom: 15px !important;
  }

.app-components-staticpages-blocks-frontpage-quotescarouselblock--variable {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center;
  height: 100%;
}

.app-components-staticpages-blocks-frontpage-quotescarouselblock--media {
  position: relative;
  width: 100%;
  height: 0;
  margin-bottom: 20px;
  padding-bottom: 100%;
  border-radius: 50%;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-quotescarouselblock--media {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-basis: calc(40% - 40px);
            flex-basis: calc(40% - 40px);
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
    margin-bottom: 0;
    padding-bottom: calc(40% - 40px)
}
  }

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-quotescarouselblock--wrapper {
    margin: 0 -20px
}
  }

.app-components-staticpages-blocks-frontpage-quotescarouselblock--quote {
  display: none;
}

.app-components-staticpages-blocks-frontpage-quotescarouselblock--quoteActive {
  display: block;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-quotescarouselblock--quoteActive {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
            flex-direction: row-reverse
}
  }

.app-components-staticpages-blocks-frontpage-quotescarouselblock--progressBar {
  position: absolute;
  top: -2px;
  left: -2px;
  width: 43px;
  height: 43px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-quotescarouselblock--progressBar {
    width: 72px;
    height: 72px
}
  }

.app-components-staticpages-blocks-frontpage-quotescarouselblock--progressBar circle:first-of-type {
    stroke: transparent;
  }

.app-components-staticpages-blocks-frontpage-quotescarouselblock--progressBar circle + circle {
    opacity: 0;
    transition-timing-function: linear;
    transition-duration: 5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }

.app-components-staticpages-blocks-frontpage-quotescarouselblock--progressBarActive circle + circle {
    opacity: 1;
  }

.app-components-staticpages-blocks-frontpage-quotescarouselblock--nav {
  -webkit-flex-direction: row;
          flex-direction: row;
  width: 100%;
  margin: -5px;
  padding: 5px;
  overflow: hidden;
  white-space: nowrap;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-quotescarouselblock--nav {
    margin-top: -121px;
    margin-left: 20px
}
  }

.app-components-staticpages-blocks-frontpage-quotescarouselblock--navItem {
  width: auto;
  margin-right: 32px;
  overflow: hidden;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-quotescarouselblock--navItem {
    width: 100px
}
  }

.app-components-staticpages-blocks-frontpage-quotescarouselblock--navItemImage {
  position: relative;
  width: 39px;
  height: 39px;
  margin: 2px auto;
  margin-bottom: 12px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-quotescarouselblock--navItemImage {
    width: 68px;
    height: 68px
}
  }

.app-components-staticpages-blocks-frontpage-quotescarouselblock--navItemImage picture {
    overflow: hidden;
    border-radius: 50%;
  }

.app-components-staticpages-blocks-frontpage-quotescarouselblock--navItemName {
  overflow: hidden;
  font-size: 14px;
  line-height: 1.1;
  text-overflow: ellipsis;
}

.app-components-staticpages-blocks-frontpage-quotescarouselblock--deselected {
  opacity: 0.5;
  transition: opacity 300ms var(--ease);
}

.app-components-staticpages-blocks-frontpage-quotescarouselblock--deselected:hover,
  .app-components-staticpages-blocks-frontpage-quotescarouselblock--deselected:focus {
    opacity: 1;
  }

.app-components-staticpages-blocks-frontpage-quotescarouselblock--image {
  overflow: hidden;
  border-radius: 50%;
}

.app-components-staticpages-blocks-frontpage-quotescarouselblock--curveSvg {
  position: absolute;
  top: -4px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible !important;
  -webkit-transform: rotate(133deg) scale(1.01);
          transform: rotate(133deg) scale(1.01);
}

.app-components-staticpages-blocks-frontpage-quotescarouselblock--curveSvg path {
    fill: transparent;
  }

.app-components-staticpages-blocks-frontpage-quotescarouselblock--svgText {
  font-size: 2.5px;
}

.app-components-staticpages-blocks-frontpage-quotescarouselblock--svgTextInner {
  fill: var(--mediumGrayText);
}

.app-components-staticpages-blocks-frontpage-quotescarouselblock--text {
  min-height: 115px;
  margin-bottom: 16px;
  color: var(--text);
  font-weight: 500;
  font-size: 25px;
  line-height: 1.1;
  letter-spacing: -0.23px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-quotescarouselblock--text {
    min-height: 160px;
    min-height: 0;
    font-size: 30px;
    letter-spacing: -0.35px
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-quotescarouselblock--text {
    font-size: 38px
}
  }

.app-components-staticpages-blocks-frontpage-quotescarouselblock--name {
  margin-bottom: 9px;
  color: var(--text);
  font-weight: 900;
  font-size: 20px;
  line-height: 1.1;
}

.app-components-staticpages-blocks-frontpage-quotescarouselblock--bio {
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 1.1;
  letter-spacing: -0.13px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-quotescarouselblock--bio {
    font-size: 16px;
    letter-spacing: -0.2px
}
  }

.app-components-staticpages-blocks-frontpage-quotes2021--wrapper {
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 20px;
  background-color: #0b0b0b;
}

  @media (min-width: 768px) {.app-components-staticpages-blocks-frontpage-quotes2021--wrapper {
    padding-top: calc(var(--base-block-margin) * 1.3);
    padding-bottom: 30px
}
  }

  @media (min-width: 1024px) {.app-components-staticpages-blocks-frontpage-quotes2021--wrapper {
    padding-top: calc(var(--base-block-margin) * 2);
    padding-bottom: 30px
}
  }

.app-components-staticpages-blocks-frontpage-quotes2021--quote {
  min-width: 90%;
  padding-right: 40px;
  padding-left: 0;
}

.app-components-staticpages-blocks-frontpage-quotes2021--quote * {
    color: white;
  }

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-quotes2021--quote {
    min-width: 40%;
    padding: 0 25px
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-quotes2021--quote {
    min-width: 33%;
    padding: 0 40px
}
  }

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-quotes2021--shelfSwipe {
    margin: 0 -25px
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-quotes2021--shelfSwipe {
    margin: 0 -40px
}
  }

.app-components-staticpages-blocks-frontpage-quotes2021--image {
  position: relative;
  height: 0;
  margin-bottom: 30px;
  padding-bottom: 100%;
  overflow: hidden;
  border-radius: 50%;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-quotes2021--image {
    margin-bottom: 60px
}
  }

.app-components-staticpages-blocks-frontpage-quotes2021--text {
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 20px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-quotes2021--text {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.05px
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-quotes2021--text {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -0.11px
}
  }

.app-components-staticpages-blocks-frontpage-quotes2021--name {
  margin-bottom: 3px;
  font-weight: 900;
  font-size: 15px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-quotes2021--name {
    font-size: 19px
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-quotes2021--name {
    font-size: 24px
}
  }

.app-components-staticpages-blocks-frontpage-quotes2021--description {
  font-size: 9px;
  letter-spacing: 0.33px;
  text-transform: uppercase;
  opacity: 0.5;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-quotes2021--description {
    font-size: 11px;
    letter-spacing: 0.4px
}
  }

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-quotes2021--description {
    font-size: 12px;
    letter-spacing: 0.5px
}
  }

.app-components-staticpages-blocks-shareinvitefriendsblock--pad {
  padding: 0 30px;
  padding-bottom: 60px;
  text-align: center;
}

  @media (max-width: 768px) {.app-components-staticpages-blocks-shareinvitefriendsblock--pad {
    padding: 0 15px;
    padding-bottom: 60px
}
  }

.app-components-staticpages-blocks-shareinvitefriendsblock--wrapper {
  display: inline-block;
  margin-bottom: 30px;
  padding: 30px 80px;
  text-align: center;
  border: 1px solid var(--border);
  border-radius: 8px;
}

@media (max-width: 768px) {

.app-components-staticpages-blocks-shareinvitefriendsblock--wrapper {
    padding: 20px 20px
}
  }

.app-components-staticpages-blocks-shareinvitefriendsblock--title {
  margin-bottom: 30px;
  color: var(--text);
  font-weight: 600;
  font-size: 24px;
  font-family: 'HK Sentiments', sans-serif;
  line-height: 1.2;
}

.app-components-staticpages-blocks-shareinvitefriendsblock--buttons {
  display: -webkit-flex;
  display: flex;
  margin: 0 -15px;
  margin-bottom: 18px;
}

@media (max-width: 768px) {

.app-components-staticpages-blocks-shareinvitefriendsblock--buttons {
    display: block;
    margin: 0
}
  }

.app-components-staticpages-blocks-shareinvitefriendsblock--button {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  width: 100%;
  margin: 0 15px;
  padding: 12px 30px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  white-space: nowrap;
  background-color: var(--bg);
  border: 1px solid var(--border);
  border-radius: 8px;
  transition: border-color 300ms cubic-bezier(0, 0.715, 0.345, 1);
}

@media (max-width: 768px) {

.app-components-staticpages-blocks-shareinvitefriendsblock--button {
    margin: 0;
    margin-bottom: 10px
}
  }

.app-components-staticpages-blocks-shareinvitefriendsblock--button:hover,
  .app-components-staticpages-blocks-shareinvitefriendsblock--button:focus {
    border-color: var(--borderSelected);
  }

@media (max-width: 768px) {

.app-components-staticpages-blocks-shareinvitefriendsblock--button:last-of-type {
      margin-bottom: 0
  }
    }

.app-components-staticpages-blocks-shareinvitefriendsblock--button svg {
    position: relative;
    top: -1px;
    width: 20px;
    height: auto;
    margin-right: 9px;
  }

.app-components-staticpages-blocks-shareinvitefriendsblock--buttonFacebook {
  color: #1877f2;
}

.app-components-staticpages-blocks-shareinvitefriendsblock--buttonFacebook svg path {
    fill: #1877f2;
  }

.app-components-staticpages-blocks-shareinvitefriendsblock--buttonLink {
}

.app-components-staticpages-blocks-shareinvitefriendsblock--buttonLink svg {
    width: 17px;
  }

.app-components-staticpages-blocks-shareinvitefriendsblock--buttonLink svg path {
      fill: var(--brand);
    }

.app-components-staticpages-blocks-shareinvitefriendsblock--totalInvites {
  margin-bottom: 30px;
}

.app-components-staticpages-blocks-shareinvitefriendsblock--supportLink {
  margin-bottom: 0;
}

.app-components-staticpages-blocks-shareinvitefriendsblock--supportLink a {
    font-weight: 500;
    text-decoration: underline;
  }

.app-components-base-share--list {
  margin-bottom: 0;
  font-size: 0;
  list-style: none;
}

  .app-components-base-share--list li {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0;
    font-size: 20px;
  }

  .app-components-base-share--list li a {
      position: relative;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-align-items: center;
              align-items: center;
      padding: 3px 0 2px 0;
      font-weight: 500;
      font-size: 16px;
      line-height: 1;
      background-color: transparent;
      border-radius: 8px;
      transition: color 300ms cubic-bezier(0, 0.715, 0.345, 1);
    }

  @media (min-width: 768px) {

  .app-components-base-share--list li a:last-of-type {
          margin-right: 0
      }
        }

  .app-components-base-share--list li a svg {
        position: absolute;
        left: 15px;
        margin-right: 8px;
      }

  @media (min-width: 768px) {

  .app-components-base-share--list li a svg {
          position: relative;
          left: auto;
          left: initial
      }
        }

  .app-components-base-share--list li a path {
        transition: fill 300ms cubic-bezier(0, 0.715, 0.345, 1);
      }

.app-components-base-share--title {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 22px;
}

.app-components-base-share--twitter {
  color: #2baee7;
}

.app-components-base-share--twitter:hover,
  .app-components-base-share--twitter:active,
  .app-components-base-share--twitter:focus {
    color: darken(#2baee7, 8%);
  }

.app-components-base-share--twitter:hover path, .app-components-base-share--twitter:active path, .app-components-base-share--twitter:focus path {
      fill: darken(#2baee7, 8%);
    }

.app-components-base-share--twitter svg {
    width: 17px;
    height: 17px;
    margin-right: 7px !important;
  }

.app-components-base-share--twitter path {
    fill: #2baee7;
  }

.app-components-base-share--facebook {
  color: #1177f2;
}

.app-components-base-share--facebook:hover,
  .app-components-base-share--facebook:active,
  .app-components-base-share--facebook:focus {
    color: darken(#1177f2, 8%);
  }

.app-components-base-share--facebook:hover path, .app-components-base-share--facebook:active path, .app-components-base-share--facebook:focus path {
      fill: darken(#1177f2, 8%);
    }

.app-components-base-share--facebook path {
    fill: #1177f2;
  }

.app-components-base-share--facebook svg {
    width: 17px;
    height: 17px;
  }

.app-components-base-inviteslist--invitesWrapper {
  max-width: 661px;
  margin: 0 auto;
  margin-top: 20px;
  text-align: left;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 8px;
}

  @media (min-width: 768px) {.app-components-base-inviteslist--invitesWrapper {
    margin-bottom: 80px
}
  }

  .app-components-base-inviteslist--invitesWrapper ul {
    margin: 0;
    padding: 0 20px;
    list-style: none;
  }

  .app-components-base-inviteslist--invitesWrapper li {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-bottom: 0;
    padding: 10px 0;
    border-bottom: 1px solid var(--border);
  }

  .app-components-base-inviteslist--invitesWrapper li:last-of-type {
      border-bottom: none;
    }

  .app-components-base-inviteslist--invitesWrapper li .app-components-base-inviteslist--status {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center;
      width: 100%;
      margin-bottom: 0;
      overflow: hidden;
      color: var(--text);
      white-space: nowrap;
      text-overflow: ellipsis;
    }

  .app-components-base-inviteslist--invitesWrapper li .app-components-base-inviteslist--status span {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }

  .app-components-base-inviteslist--invitesWrapper li .app-components-base-inviteslist--status .app-components-base-inviteslist--bonusActivatedStatus {
        color: #e09e6b;
      }

  .app-components-base-inviteslist--invitesWrapper li p {
      -webkit-flex: 0 0 33%;
              flex: 0 0 33%;
      margin-bottom: 0;
      padding-right: 5px;
      overflow: hidden;
      color: var(--text);
      font-size: 14px;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

  .app-components-base-inviteslist--invitesWrapper li p:last-of-type {
        -webkit-flex: 0 0 25%;
                flex: 0 0 25%;
      }

  .app-components-base-inviteslist--invitesWrapper li p:nth-of-type(2) {
        -webkit-flex: 0 0 42%;
                flex: 0 0 42%;
        padding-right: 12px;
      }

  @media (max-width: 768px) {

  .app-components-base-inviteslist--invitesWrapper li p:nth-of-type(2) {
          -webkit-flex: 0 0 50%;
                  flex: 0 0 50%
      }
        }

  @media (max-width: 768px) {

  .app-components-base-inviteslist--invitesWrapper li p:first-of-type {
          display: none
      }
        }

  .app-components-base-inviteslist--invitesWrapper h4 {
    margin-bottom: 12px;
    font-size: 22px;
  }

.app-components-base-inviteslist--ulHead {
  display: -webkit-flex;
  display: flex;
  padding: 20px;
  border-bottom: 1px solid var(--border);
}

.app-components-base-inviteslist--ulHead p {
    -webkit-flex: 0 0 33%;
            flex: 0 0 33%;
    margin-bottom: 0;
    padding-right: 5px;
    color: var(--text);
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.2px;
    text-transform: uppercase;
  }

.app-components-base-inviteslist--ulHead p:last-of-type {
      -webkit-flex: 0 0 25%;
              flex: 0 0 25%;
    }

@media (max-width: 768px) {

.app-components-base-inviteslist--ulHead p:last-of-type {
        -webkit-flex: 0 0 50%;
                flex: 0 0 50%
    }
      }

.app-components-base-inviteslist--ulHead p:nth-of-type(2) {
      -webkit-flex: 0 0 42%;
              flex: 0 0 42%;
    }

@media (max-width: 768px) {

.app-components-base-inviteslist--ulHead p:nth-of-type(2) {
        -webkit-flex: 0 0 50%;
                flex: 0 0 50%
    }
      }

@media (max-width: 768px) {

.app-components-base-inviteslist--ulHead p:first-of-type {
        display: none
    }
      }

.app-components-base-inviteslist--credit {
  width: 18px;
  height: auto;
  margin-right: 5px;
}

.app-components-staticpages-blocks-tracklistsblock--lists {
  display: -webkit-flex;
  display: flex;
  margin: 0 -40px;
}

  @media only screen and (max-width: 1068px) {.app-components-staticpages-blocks-tracklistsblock--lists {
    display: block
}
  }

.app-components-staticpages-blocks-querytracklist--lists {
  display: -webkit-flex;
  display: flex;
  margin: 0 -40px;
}

  @media only screen and (max-width: 1068px) {.app-components-staticpages-blocks-querytracklist--lists {
    display: block
}
  }

.app-components-staticpages-blocks-querytracklist--list {
  -webkit-flex: 1;
          flex: 1;
  min-width: 0;
  margin: 0 40px;
}

@media only screen and (max-width: 1068px) {

.app-components-staticpages-blocks-querytracklist--list {
    margin-bottom: 20px
}

    .app-components-staticpages-blocks-querytracklist--list:last-of-type {
      margin-bottom: 0;
    }
  }

.app-components-staticpages-blocks-querytracklist--list > div {
    margin-top: 0;
  }

.app-components-staticpages-blocks-querytracklist--list > div:last-of-type {
      margin-bottom: 0;
    }

.app-components-staticpages-blocks-querytracklist--columnList {
  -webkit-flex: 1;
          flex: 1;
  min-width: 0;
  margin: 0 40px;
}

.app-components-staticpages-blocks-frontpage-swipecarousel--wrap {
  padding-top: 30px;
  background-color: var(--darkerBg);
}

  @media (min-width: 768px) {.app-components-staticpages-blocks-frontpage-swipecarousel--wrap {
    padding-top: calc(var(--base-block-margin) * 1.3)
}
  }

  @media (min-width: 1024px) {.app-components-staticpages-blocks-frontpage-swipecarousel--wrap {
    padding-top: calc(var(--base-block-margin) * 2)
}
  }

.app-components-staticpages-blocks-frontpage-swipecarousel--wrapper {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 25px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-swipecarousel--wrapper {
    padding-bottom: calc(var(--base-block-margin) * 1.3)
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-swipecarousel--wrapper {
    padding-bottom: calc(var(--base-block-margin) * 2)
}
  }

.app-components-staticpages-blocks-frontpage-swipecarousel--cover {
  min-width: 48%;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-swipecarousel--cover {
    min-width: 25%;
    padding: 0 30px
}
  }

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-swipecarousel--shelfSwipe {
    margin: 0 -30px
}
  }

.app-components-staticpages-blocks-frontpage-swipecarousel--text {
  margin-bottom: 30px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-swipecarousel--text {
    margin-bottom: 70px
}
  }

.app-components-staticpages-blocks-frontpage-swipecarousel--image {
  position: relative;
  height: 0;
  margin-bottom: 12px;
  padding-bottom: 100%;
  overflow: hidden;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-swipecarousel--image {
    margin-bottom: 20px
}
  }

.app-components-staticpages-blocks-frontpage-swipecarousel--title {
  margin-bottom: 0;
  overflow: hidden;
  font-weight: 700;
  font-size: 14px;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-swipecarousel--title {
    font-size: 20px
}
  }

.app-components-staticpages-blocks-frontpage-swipecarousel--description {
  margin-bottom: 0;
  font-size: 12px;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-swipecarousel--description {
    font-size: 16px
}
  }

.app-components-staticpages-blocks-frontpage-centeredtext--textWrapper a:hover .app-components-staticpages-blocks-frontpage-centeredtext--arrowRight, .app-components-staticpages-blocks-frontpage-centeredtext--textWrapper a:focus .app-components-staticpages-blocks-frontpage-centeredtext--arrowRight {
      -webkit-transform: translateX(3px);
              transform: translateX(3px);
    }

.app-components-staticpages-blocks-frontpage-centeredtext--text {
  display: block;
  max-width: 900px;
  margin: 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  text-align: center;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-centeredtext--text {
    padding-right: 40px;
    padding-left: 40px
}
  }

@media (min-width: 1200px) {

.app-components-staticpages-blocks-frontpage-centeredtext--text {
    max-width: 740px
}
  }

.app-components-staticpages-blocks-frontpage-centeredtext--text > * {
    text-align: center;
  }

.app-components-staticpages-blocks-frontpage-centeredtext--title {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 27px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-centeredtext--title {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 1.1
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-centeredtext--title {
    font-size: 42px;
    line-height: 1.15
}
  }

@media (min-width: 1200px) {

.app-components-staticpages-blocks-frontpage-centeredtext--title {
    font-size: 54px;
    line-height: 57px
}
  }

.app-components-staticpages-blocks-frontpage-centeredtext--description {
  max-width: 591px;
  margin-right: auto;
  margin-bottom: 18px;
  margin-left: auto;
  color: var(--text);
  font-size: 14px;
  line-height: 21px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-centeredtext--description {
    font-size: 17px;
    line-height: 1.6
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-centeredtext--description {
    font-size: 20px
}
  }

@media (min-width: 1200px) {

.app-components-staticpages-blocks-frontpage-centeredtext--description {
    font-size: 22px
}
  }

.app-components-staticpages-blocks-frontpage-centeredtext--fakeLink {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 0;
  color: var(--brand);
  font-weight: 500;
  font-size: 16px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-centeredtext--fakeLink {
    font-size: 17px
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-centeredtext--fakeLink {
    font-size: 20px
}
  }

@media (min-width: 1200px) {

.app-components-staticpages-blocks-frontpage-centeredtext--fakeLink {
    font-size: 22px
}
  }

.app-components-staticpages-blocks-frontpage-centeredtext--arrowRight {
  width: 18px;
  height: 100%;
  margin-left: 10px;
  transition: -webkit-transform 300ms var(--ease);
  transition: transform 300ms var(--ease);
  transition: transform 300ms var(--ease), -webkit-transform 300ms var(--ease);
}

.app-components-staticpages-blocks-frontpage-centeredtext--arrowRight path {
    stroke: var(--brand);
  }

.app-components-staticpages-blocks-frontpage-signupwithplans--sectionWrapper {
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 20px;
  text-align: center;
  background-color: #181818;
}

  @media (min-width: 768px) {.app-components-staticpages-blocks-frontpage-signupwithplans--sectionWrapper {
    padding-top: 50px;
    padding-bottom: 100px
}
  }

  @media (min-width: 1024px) {.app-components-staticpages-blocks-frontpage-signupwithplans--sectionWrapper {
    padding-top: 70px;
    padding-bottom: 120px
}
  }

.app-components-staticpages-blocks-frontpage-signupwithplans--wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  width: 100%;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-signupwithplans--wrapper {
    width: calc(100% + 60px);
    margin: 0 -30px
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-signupwithplans--wrapper {
    width: 100%;
    margin: 0
}
  }

.app-components-staticpages-blocks-frontpage-signupwithplans--text {
  margin-bottom: 40px;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-signupwithplans--text {
    margin-bottom: 70px
}
  }

.app-components-staticpages-blocks-frontpage-signupwithplans--text * {
    color: white;
  }

.app-components-staticpages-blocks-frontpage-signupwithplans--content {
  width: 100%;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-signupwithplans--content {
    display: -webkit-flex;
    display: flex
}
  }

.app-components-staticpages-blocks-frontpage-signupwithplans--offer {
  display: block;
  -webkit-flex: 1;
          flex: 1;
  margin-bottom: 16px;
  padding: 30px;
  padding-top: 37px;
  padding-bottom: 20px;
  text-align: center;
  border: 1px solid var(--border);
  border-radius: 8px;
  transition: box-shadow 300ms var(--ease), border-color 300ms var(--ease);
}

.app-components-staticpages-blocks-frontpage-signupwithplans--offer:hover,
  .app-components-staticpages-blocks-frontpage-signupwithplans--offer:focus {
    color: var(--text);
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.05);
    opacity: 1;
  }

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-signupwithplans--offer {
    margin-right: 35px;
    margin-bottom: 0
}
    .app-components-staticpages-blocks-frontpage-signupwithplans--offer:last-child {
      margin-right: 0;
    }
  }

.app-components-staticpages-blocks-frontpage-signupwithplans--offerPreferred {
  border: 2px solid var(--success);
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-signupwithplans--offerPreferred {
    margin-top: -18px;
    margin-bottom: -18px
}

    .app-components-staticpages-blocks-frontpage-signupwithplans--offerPreferred .app-components-staticpages-blocks-frontpage-signupwithplans--offerButton {
      position: relative;
      top: 16px;
    }
  }

.app-components-staticpages-blocks-frontpage-signupwithplans--priceMonth {
  margin-bottom: 5px;
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -0.22px;
}

.app-components-staticpages-blocks-frontpage-signupwithplans--priceYear {
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 1.3;
  opacity: 0.7;
}

.app-components-subscribe-periodswitch--periodButtons {
  display: inline-block;
  margin-bottom: 24px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 30px;
}

button.app-components-subscribe-periodswitch--periodButton {
  position: relative;
  margin-bottom: 0;
  color: white;
  background-color: transparent;
  border-radius: 30px;
  transition: color 200ms var(--ease);
}

@media (min-width: 768px) {

button.app-components-subscribe-periodswitch--periodButton {
    padding: 15px 60px
}
  }

button.app-components-subscribe-periodswitch--periodButton:hover,
  button.app-components-subscribe-periodswitch--periodButton:focus {
    color: white;
    background-color: transparent;
    -webkit-transform: none;
            transform: none;
    opacity: 0.8;
  }

.app-components-subscribe-periodswitch--periodButtonSelected {
  color: black !important;
}

.app-components-subscribe-periodswitch--periodButtonSelected:hover,
  .app-components-subscribe-periodswitch--periodButtonSelected:focus,
  .app-components-subscribe-periodswitch--periodButtonSelected:active {
    color: black !important;
    opacity: 1 !important;
  }
.app-components-subscribe-periodswitch--periodButtonSelectedBackground {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: white !important;
  border-radius: 30px;
  content: '';
}

.app-components-subscribe-periodswitch--label {
  position: relative;
  z-index: 2;
}

.app-components-subscribe-periodswitch--periodText {
  margin-bottom: 40px;
  color: white;
  font-size: 14px;
  font-style: italic;
}

@media (min-width: 768px) {

.app-components-subscribe-periodswitch--periodText {
    margin-bottom: 60px
}
  }

.app-components-staticpages-blocks-frontpage-separator--bg {
  height: 70px;
  background-repeat: repeat-x;
}

.app-components-staticpages-blocks-trackblock--section {
  width: 100%;
  max-width: 850px;
  margin: 0 auto;
  margin-bottom: 25px;
  padding: 0 20px;
}

  @media (min-width: 768px) {.app-components-staticpages-blocks-trackblock--section {
    margin-bottom: var(--base-block-margin);
    padding: 0 32px
}
  }

.app-components-staticpages-blocks-trackblock--list {
  -webkit-flex: 1;
          flex: 1;
  min-width: 0;
  margin-bottom: -20px;
  font-size: 1rem;
}

.app-components-staticpages-blocks-trackblock--list > div {
    margin-top: 0;
  }

.app-components-staticpages-blocks-trackblock--compact {
  margin-bottom: 0;
}

.app-components-staticpages-blocks-frontpage-trackscarousel--wrap {
  position: relative;
  padding-bottom: 25px;
  overflow: hidden;
  background-color: var(--darkerBg);
}

  @media (min-width: 768px) {.app-components-staticpages-blocks-frontpage-trackscarousel--wrap {
    padding-bottom: calc(var(--base-block-margin) * 1.3)
}
  }

  @media (min-width: 1024px) {.app-components-staticpages-blocks-frontpage-trackscarousel--wrap {
    padding-bottom: calc(var(--base-block-margin) * 2)
}
  }

.app-components-staticpages-blocks-frontpage-trackscarousel--wrapper {
  position: relative;
  width: 100vw;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding: 0;
  overflow: hidden;
}

@media (min-width: 1900px) {

.app-components-staticpages-blocks-frontpage-trackscarousel--wrapper {
    max-width: 1900px;
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 0) 100%)
}
  }

.app-components-staticpages-blocks-frontpage-trackscarousel--content {
  text-align: center;
}

.app-components-staticpages-blocks-frontpage-trackscarousel--playButton {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
  opacity: 0;
  transition: opacity 300ms var(--ease);
}

.app-components-staticpages-blocks-frontpage-trackscarousel--carousel {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 30px;
  -webkit-animation: app-components-staticpages-blocks-frontpage-trackscarousel--scrolly 50s linear infinite;
          animation: app-components-staticpages-blocks-frontpage-trackscarousel--scrolly 50s linear infinite;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-trackscarousel--carousel {
    margin-bottom: 50px
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-trackscarousel--carousel {
    margin-bottom: 70px
}
  }

@media (min-width: 1200px) {

.app-components-staticpages-blocks-frontpage-trackscarousel--carousel {
    margin-bottom: 100px
}
  }

.app-components-staticpages-blocks-frontpage-trackscarousel--carousel:hover,
  .app-components-staticpages-blocks-frontpage-trackscarousel--carousel:focus {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }

.app-components-staticpages-blocks-frontpage-trackscarousel--carouselItem {
  margin: 0 1vw;
  list-style: none;
}

.app-components-staticpages-blocks-frontpage-trackscarousel--carouselItem:hover .app-components-staticpages-blocks-frontpage-trackscarousel--playButton, .app-components-staticpages-blocks-frontpage-trackscarousel--carouselItem:focus .app-components-staticpages-blocks-frontpage-trackscarousel--playButton {
      opacity: 1;
    }

.app-components-staticpages-blocks-frontpage-trackscarousel--cover {
  width: 38vw;
  height: 38vw;
}

@media (min-width: 768px) {

.app-components-staticpages-blocks-frontpage-trackscarousel--cover {
    width: 25vw;
    height: 25vw
}
  }

@media (min-width: 1024px) {

.app-components-staticpages-blocks-frontpage-trackscarousel--cover {
    width: 17vw;
    max-width: 300px;
    height: 17vw;
    max-height: 300px
}
  }

@-webkit-keyframes app-components-staticpages-blocks-frontpage-trackscarousel--scrolly {
  from {
    -webkit-transform: translateX(-10vw);
            transform: translateX(-10vw);
  }
  to {
    -webkit-transform: translateX(-100vw);
            transform: translateX(-100vw);
  }
}

@keyframes app-components-staticpages-blocks-frontpage-trackscarousel--scrolly {
  from {
    -webkit-transform: translateX(-10vw);
            transform: translateX(-10vw);
  }
  to {
    -webkit-transform: translateX(-100vw);
            transform: translateX(-100vw);
  }
}

.app-components-staticpages-blocks-frontpage-trackscarousel--text {
  position: relative;
  z-index: 1;
}

.app-components-staticpages-blocks-frontpage-trackscarousel--bg {
  position: absolute;
  top: 20%;
  right: 0;
  left: 0;
  height: 100%;
  content: '';
}

.app-components-staticpages-blocks-frontpage-trackscarousel--separator {
  position: relative;
  top: -70px;
  height: 70px;
  background-repeat: repeat-x;
}

.app-components-staticpages-blocks-videoblock--wrapper {
  position: relative;
  z-index: 5;
  width: 100%;
  padding-bottom: 56.25%;
  text-align: left;
  background-position: center;
  background-size: cover;
}

  @media only screen and (max-width: 1050px) {.app-components-staticpages-blocks-videoblock--wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-bottom: 60%
}
  }

  @media (max-width: 768px) {.app-components-staticpages-blocks-videoblock--wrapper {
    margin-top: 5px;
    margin-bottom: 15px;
    padding-bottom: 60%
}
  }

  .app-components-staticpages-blocks-videoblock--wrapper:hover,
  .app-components-staticpages-blocks-videoblock--wrapper:focus {
    cursor: pointer;
  }

  .app-components-staticpages-blocks-videoblock--wrapper:hover .app-components-staticpages-blocks-videoblock--icon path, .app-components-staticpages-blocks-videoblock--wrapper:focus .app-components-staticpages-blocks-videoblock--icon path {
        fill: red;
      }

  .app-components-staticpages-blocks-videoblock--wrapper:hover .app-components-staticpages-blocks-videoblock--icon path + path, .app-components-staticpages-blocks-videoblock--wrapper:focus .app-components-staticpages-blocks-videoblock--icon path + path {
        fill: white;
      }

.app-components-staticpages-blocks-videoblock--icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.app-components-staticpages-blocks-videoblock--icon path {
    transition: fill 0.2s cubic-bezier(0, 0.715, 0.345, 1);
    fill: rgba(42, 42, 42, 0.82);
  }

.app-components-staticpages-blocks-videoblock--icon path + path {
    fill: white;
  }

.app-components-staticpages-blocks-videoblock--title {
  position: absolute;
  top: 12px;
  right: 15px;
  left: 15px;
  max-width: 100%;
  overflow: hidden;
  color: white;
  font-size: 22px;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  opacity: 0.92;
  transition: opacity 0.2s cubic-bezier(0, 0.715, 0.345, 1);
}

.app-components-staticpages-blocks-videoblock--title:hover,
  .app-components-staticpages-blocks-videoblock--title:focus {
    opacity: 1;
  }

.app-components-staticpages-blocks-videoblock--video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: none;
}


/*# sourceMappingURL=919a2.css.map*/