@font-face {
  font-family: 'CircularStd';
  src: url("/static/fonts/CircularStd-Book.ttf") format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'CircularStd';
  src: url("/static/fonts/CircularStd-BookItalic.ttf") format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'CircularStd';
  src: url("/static/fonts/CircularStd-Medium.ttf") format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'CircularStd';
  src: url("/static/fonts/CircularStd-MediumItalic.ttf") format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'CircularStd';
  src: url("/static/fonts/CircularStd-Bold.ttf") format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'CircularStd';
  src: url("/static/fonts/CircularStd-BoldItalic.ttf") format('truetype');
  font-weight: 700;
  font-style: italic;
}
html,
body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  font-family: 'CircularStd';
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#__next {
  height: 100%;
  width: 100%;
}
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
input,
select,
textarea,
button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  border: none;
  border-radius: 0;
  background: transparent;
  outline: none;
  resize: none;
}
fieldset {
  padding: 0;
  margin: 0;
  border: none;
}
strong {
  font-weight: 700;
}
.close-button {
  cursor: pointer;
  padding: 1rem;
  color: currentcolor;
}
.close-button svg {
  display: block;
  width: 1rem;
  height: 1rem;
}
.close-button.close-button--desktop svg,
.close-button.close-button--tablet svg {
  width: 1.5rem;
  height: 1.5rem;
}
.pill-button {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 3rem;
  border-radius: 1.5rem;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: 120ms;
  -o-transition: 120ms;
  transition: 120ms;
}
.pill-button.pill-button--purple {
  color: #fff;
  background-color: #8e00bd;
}
.pill-button.pill-button--white {
  color: #8e00bd;
  background-color: #fff;
}
.pill-button.pill-button--transparent-white {
  color: #fff;
  border: solid 0.125rem #fff;
}
.pill-button.pill-button--transparent-purple {
  color: #8e00bd;
  border: solid 0.125rem #8e00bd;
}
.pill-button.pill-button--has-icon {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  position: relative;
  height: 3.25rem;
  border-radius: 1.625rem;
}
.pill-button.pill-button--has-icon span {
  margin: 0 0.625rem;
}
.pill-button.pill-button--has-icon div {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pill-button.pill-button--has-icon div.left {
  left: 1rem;
}
.pill-button.pill-button--has-icon div.right {
  right: 1rem;
}
.pill-button.pill-button--disabled {
  background-color: #c67fde;
  cursor: disabled;
}
.pill-button.pill-button--desktop:hover {
  -webkit-transform: scale(1.044);
      -ms-transform: scale(1.044);
          transform: scale(1.044);
}
.container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin: auto;
}
.container.container--mobile {
  max-width: initial;
  padding: 0 1.5rem;
}
.container.container--tablet {
  max-width: initial;
  padding: 0 1.5rem;
}
.container.container--desktop {
  max-width: initial;
  padding: 0 2.5rem;
}
.emoji {
  position: relative;
  cursor: pointer;
  width: 100%;
}
.emoji:before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
.emoji svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.group-icon {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  background-color: #ccc;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-width: 2px;
}
.group-icon:before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
.group-icon .group-icon__text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #fff;
  font-weight: 700;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 0.875rem;
}
.image-circle {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  border: 0;
}
.input,
.input-telephone__container,
.select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-radius: 1.75rem;
  border: solid 0.0625rem #e6e6e6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-height: 3.5rem;
  padding: 1.125rem 1.625rem;
  width: 100%;
  color: #2e003d;
  font-family: 'CircularStd';
  font-size: 1.125rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  outline: none;
  resize: none;
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
}
.input::-webkit-input-placeholder, .input-telephone__container::-webkit-input-placeholder, .select::-webkit-input-placeholder {
  color: #2e003d;
  opacity: 0.2;
  font-family: 'CircularStd';
  font-weight: 400;
}
.input::-moz-placeholder, .input-telephone__container::-moz-placeholder, .select::-moz-placeholder {
  color: #2e003d;
  opacity: 0.2;
  font-family: 'CircularStd';
  font-weight: 400;
}
.input:-ms-input-placeholder, .input-telephone__container:-ms-input-placeholder, .select:-ms-input-placeholder {
  color: #2e003d;
  opacity: 0.2;
  font-family: 'CircularStd';
  font-weight: 400;
}
.input::-ms-input-placeholder, .input-telephone__container::-ms-input-placeholder, .select::-ms-input-placeholder {
  color: #2e003d;
  opacity: 0.2;
  font-family: 'CircularStd';
  font-weight: 400;
}
.input::placeholder,
.input-telephone__container::placeholder,
.select::placeholder {
  color: #2e003d;
  opacity: 0.2;
  font-family: 'CircularStd';
  font-weight: 400;
}
.input:focus,
.input-telephone__container:focus,
.select:focus {
  border-color: #5e007d;
}
.input.input--error,
.input-telephone__container.input-telephone__container--error {
  border: solid 0.0625rem #b7002f;
  -webkit-box-shadow: 0 0 0 1px #b7002f;
          box-shadow: 0 0 0 1px #b7002f;
}
.input-telephone__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 20.375rem;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
}
.input-telephone__container.input-telephone__container--focused {
  border-color: #5e007d;
}
.input-telephone__container .input-telephone__dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translateX(2.25rem);
      -ms-transform: translateX(2.25rem);
          transform: translateX(2.25rem);
  margin-left: -0.75rem;
  font-size: 1.125rem;
  background: transparent;
}
.input-telephone__container .input-telephone__dropdown svg {
  width: 0.75rem;
  height: 0.75rem;
}
.input-telephone__container .input-telephone__dropdown svg path {
  fill: #5e007d;
}
.input-telephone__container .input-telephone__select {
  border: none;
  padding-left: 2.75rem;
  padding-right: 1rem;
  max-width: 5.6875rem;
  max-height: 3.5rem;
  font-size: 1.125rem;
  background: transparent;
}
.input-telephone__container .input-telephone__text {
  border: none;
  font-size: 1.125rem;
  padding-left: 1rem;
  background: transparent;
}
.input-telephone__container .input-telephone__text::-webkit-input-placeholder {
  color: #2e003d;
  opacity: 0.2;
  font-family: 'CircularStd';
  font-weight: 400;
}
.input-telephone__container .input-telephone__text::-moz-placeholder {
  color: #2e003d;
  opacity: 0.2;
  font-family: 'CircularStd';
  font-weight: 400;
}
.input-telephone__container .input-telephone__text:-ms-input-placeholder {
  color: #2e003d;
  opacity: 0.2;
  font-family: 'CircularStd';
  font-weight: 400;
}
.input-telephone__container .input-telephone__text::-ms-input-placeholder {
  color: #2e003d;
  opacity: 0.2;
  font-family: 'CircularStd';
  font-weight: 400;
}
.input-telephone__container .input-telephone__text::placeholder {
  color: #2e003d;
  opacity: 0.2;
  font-family: 'CircularStd';
  font-weight: 400;
}
.input-telephone__container .input-telephone__text:focus {
  outline: none;
}
.input-telephone__container .telephone-break {
  display: block;
  width: 0.0625rem;
  height: 2rem;
  background-color: #ccc;
  z-index: 2;
  margin: auto -0.0625rem;
  -webkit-transform: translateY(-0.375rem);
      -ms-transform: translateY(-0.375rem);
          transform: translateY(-0.375rem);
}
.input-telephone__container.input-telephone__container--error {
  padding-left: 0;
  padding-right: 0;
}
.label {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.0125rem;
  color: #2e003d;
  text-transform: capitalize;
}
.loader {
  background-color: rgba(255,255,255,0.6);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 5000;
}
.loader__blobs {
  -webkit-animation: loader-rotate 3.5s linear infinite;
          animation: loader-rotate 3.5s linear infinite;
}
.loader__blobs .loader__blobs__one {
  -webkit-animation: loader-scale 1s 1s linear infinite alternate;
          animation: loader-scale 1s 1s linear infinite alternate;
}
.loader__blobs .loader__blobs__two {
  -webkit-animation: loader-scale 1s 2s linear infinite alternate;
          animation: loader-scale 1s 2s linear infinite alternate;
}
.loader__blobs .loader__blobs__three {
  -webkit-animation: loader-scale 1s 3s linear infinite alternate;
          animation: loader-scale 1s 3s linear infinite alternate;
}
.loader__blobs .mix-blend-multiply {
  mix-blend-mode: multiply;
}
.loader__blobs .mix-blend-screen {
  mix-blend-mode: screen;
}
@-webkit-keyframes loader-rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loader-rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes loader-scale {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
  }
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes loader-scale {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
  }
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.modal__overlay {
  z-index: 1000;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal__main {
  margin: auto;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
.modal__main .close-button svg {
  -webkit-filter: drop-shadow(0 0 3px rgba(0,0,0,0.4));
          filter: drop-shadow(0 0 3px rgba(0,0,0,0.4));
}
.pack-shot {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.125rem 0.3125rem 0 rgba(0,0,0,0.15);
  background-color: #d8d8d8;
}
.pack-shot:before {
  content: '';
  display: block;
  width: 100%;
}
.pack-shot.pack-shot--default {
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.125rem 0.3125rem 0 rgba(0,0,0,0.15);
}
.pack-shot.pack-shot--large {
  border-radius: 0.625rem;
  -webkit-box-shadow: 0 0 1.25rem 0 rgba(0,0,0,0.41);
          box-shadow: 0 0 1.25rem 0 rgba(0,0,0,0.41);
}
.pack-shot.pack-shot--last-item {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: #fff;
  border: solid 2px #fae5ef;
}
.pack-shot.pack-shot--mobile.pack-shot--tv-leading-item:before,
.pack-shot.pack-shot--mobile.pack-shot--book-leading-item:before {
  padding-bottom: 90.12345679012346%;
}
.pack-shot.pack-shot--mobile.pack-shot--movie:before,
.pack-shot.pack-shot--mobile.pack-shot--show:before,
.pack-shot.pack-shot--mobile.pack-shot--tv:before,
.pack-shot.pack-shot--mobile.pack-shot--book:before {
  padding-bottom: 148.9795918367347%;
}
.pack-shot.pack-shot--mobile.pack-shot--music-leading-item:before {
  padding-bottom: 60.49382716049383%;
}
.pack-shot.pack-shot--mobile.pack-shot--music:before,
.pack-shot.pack-shot--mobile.pack-shot--album:before {
  padding-bottom: 100%;
}
.pack-shot.pack-shot--tablet.pack-shot--tv-leading-item:before,
.pack-shot.pack-shot--tablet.pack-shot--book-leading-item:before {
  padding-bottom: 75.9493670886076%;
}
.pack-shot.pack-shot--tablet.pack-shot--show:before,
.pack-shot.pack-shot--tablet.pack-shot--movie:before,
.pack-shot.pack-shot--tablet.pack-shot--tv:before,
.pack-shot.pack-shot--tablet.pack-shot--book:before {
  padding-bottom: 150%;
}
.pack-shot.pack-shot--tablet.pack-shot--music-leading-item:before {
  padding-bottom: 50.63291139240506%;
}
.pack-shot.pack-shot--tablet.pack-shot--music:before,
.pack-shot.pack-shot--tablet.pack-shot--album:before {
  padding-bottom: 100%;
}
.pack-shot.pack-shot--desktop.pack-shot--tv-leading-item:before,
.pack-shot.pack-shot--desktop.pack-shot--book-leading-item:before {
  padding-bottom: 71.42857142857143%;
}
.pack-shot.pack-shot--desktop.pack-shot--show:before,
.pack-shot.pack-shot--desktop.pack-shot--movie:before,
.pack-shot.pack-shot--desktop.pack-shot--tv:before,
.pack-shot.pack-shot--desktop.pack-shot--book:before {
  padding-bottom: 150%;
}
.pack-shot.pack-shot--desktop.pack-shot--music-leading-item:before {
  padding-bottom: 47.61904761904761%;
}
.pack-shot.pack-shot--desktop.pack-shot--music:before,
.pack-shot.pack-shot--desktop.pack-shot--album:before {
  padding-bottom: 100%;
}
.select {
  padding-top: 0;
  padding-bottom: 0;
  height: 3.5rem;
  background-image: url("/static/images/select-arrow.svg");
  background-position: right 1.75rem center;
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  cursor: pointer;
}
.social-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 6.125rem;
  height: 4.25rem;
  border-radius: 1rem;
  border: solid 0.125rem #8e00bd;
  cursor: pointer;
}
.social-login svg {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  margin-bottom: 0.25rem;
}
.social-login span {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  color: #8e00bd;
}
.social-login.white {
  border-color: #fff;
}
.social-login.white span {
  color: #fff;
}
.social-login.white svg,
.social-login.white svg > * {
  fill: #fff;
}
.back-link {
  color: #8e00bd;
  display: inline-block;
  padding-top: 0.6875rem;
  padding-right: 0.75rem;
  padding-bottom: 1rem;
  text-decoration: none;
}
.back-link__label,
.back-link__chevron {
  display: inline-block;
  vertical-align: middle;
}
.back-link__label {
  font-family: 'CircularStd';
  font-size: 0.75rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  margin-left: 0.25rem;
}
.back-link__chevron {
  width: 0.5rem;
  height: 0.5rem;
}
.back-link__chevron svg {
  display: block;
}
.cookie-notice {
  position: fixed;
  top: 0;
  z-index: 666;
  width: 100%;
  -webkit-box-shadow: 0px 1px 15px 5px rgba(0,0,0,0.2);
          box-shadow: 0px 1px 15px 5px rgba(0,0,0,0.2);
}
.cookie-notice__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 1rem 1.25rem;
  background-color: #5e007d;
  color: #fff;
}
.cookie-notice__container .cookie-notice__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cookie-notice__container .cookie-notice__header svg {
  width: 1.5625rem;
  height: 1.5625rem;
}
.cookie-notice__container .cookie-notice__header p {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  font-weight: 700;
  margin: 0 0 0 0.5rem;
}
.cookie-notice__container .cookie-notice__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 20.9375rem;
}
.cookie-notice__container .cookie-notice__content p {
  font-family: 'CircularStd';
  font-size: 0.75rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  text-align: center;
}
.cookie-notice__container .cookie-notice__content span a {
  color: #fff;
}
.cookie-notice__container .cookie-notice__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cookie-notice__container .cookie-notice__button .pill-button {
  font-size: 0.875rem;
  letter-spacing: -0.0275rem;
  padding: 0.4375rem 0.625rem;
  color: #2f0048;
  height: unset;
}
.form-input {
  width: 100%;
}
.form-input .form-input__label {
  margin-bottom: 0.375rem;
}
.form-input .form-input__error {
  display: block;
  margin-top: 1rem;
  color: #b7002f;
  text-align: center;
  font-weight: 700;
  letter-spacing: -0.0125rem;
}
.form-input.form-input--desktop,
.form-input.form-input--tablet {
  max-width: 20.375rem;
  margin: 0 auto;
}
.label-with-chevron {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #8e00bd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.label-with-chevron__label {
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: -0.0125rem;
  font-weight: 500;
  margin-right: auto;
}
.label-with-chevron__chevron {
  width: 1rem;
  height: 1rem;
}
.label-with-chevron__chevron svg {
  display: block;
}
.light-background-blob {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}
.light-background-blob .svg {
  position: absolute;
}
.light-background-blob .svg.one {
  left: -35%;
  top: -5%;
  width: 30.125rem;
  z-index: 2;
}
.light-background-blob .svg.two {
  right: -50%;
  bottom: -24%;
  width: 29.875rem;
  z-index: 1;
}
.light-background-blob.light-background-blob--tablet .svg.one {
  left: -35%;
  top: -19%;
  width: 51.5rem;
}
.light-background-blob.light-background-blob--tablet .svg.two {
  right: -45%;
  bottom: -34%;
  width: 61rem;
}
.light-background-blob.light-background-blob--desktop .svg.one {
  left: -30%;
  top: 18%;
  width: 92.6875rem;
}
.light-background-blob.light-background-blob--desktop .svg.two {
  right: -20%;
  bottom: 29%;
  width: 76rem;
}
.my-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition: 500ms ease-in-out;
  -o-transition: 500ms ease-in-out;
  transition: 500ms ease-in-out;
  height: auto;
  max-height: 600px;
}
.my-list-item.animate-remove {
  position: relative;
  z-index: -1;
  opacity: 0;
  max-height: 0;
}
.my-list-item .pack-shot {
  max-width: 6.125rem;
  min-width: 6.125rem;
  margin-right: 1rem;
}
.my-list-item .my-list-item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.my-list-item .my-list-item__info .my-list-item__info__inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.my-list-item .my-list-item__info .my-list-item__info__title {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  color: #2e003d;
  margin-bottom: 0.5rem;
}
.my-list-item .my-list-item__info .my-list-item__info__watch-type,
.my-list-item .my-list-item__info .my-list-item__info__author,
.my-list-item .my-list-item__info .my-list-item__info__date {
  font-family: 'CircularStd';
  font-size: 0.75rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  color: #2e003d;
  margin: 0;
}
.my-list-item .my-list-item__info .my-list-item__info__dot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0.25rem;
}
.my-list-item .my-list-item__info .my-list-item__info__dot:before {
  content: '';
  display: block;
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 50%;
  background-color: #2e003d;
}
.my-list-item .my-list-item__info .my-list-item__rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.75rem;
  width: 100%;
}
.my-list-item .my-list-item__info .my-list-item__rate .emoji {
  width: 2rem;
  height: 2rem;
  margin-right: 0.375rem;
}
.my-list-item .my-list-item__info .my-list-item__rate .my-list-item__rate__close {
  width: 1rem;
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-list-item .my-list-item__info .my-list-item__rate .my-list-item__rate__close svg,
.my-list-item .my-list-item__info .my-list-item__rate .my-list-item__rate__close svg > * {
  width: 100%;
  height: 100%;
  fill: #8e00bd;
}
.my-list-item .my-list-item__info .my-list-item__functions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 0.75rem;
  width: 100%;
}
.my-list-item .my-list-item__info .my-list-item__functions .my-list-item__function {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-right: 1.375rem;
}
.my-list-item .my-list-item__info .my-list-item__functions .my-list-item__function .my-list-item__function__icon {
  width: 2rem;
  height: 2rem;
}
.my-list-item .my-list-item__info .my-list-item__functions .my-list-item__function .my-list-item__function__icon svg,
.my-list-item .my-list-item__info .my-list-item__functions .my-list-item__function .my-list-item__function__icon svg > * {
  fill: #8e00bd;
  -webkit-transition: 150ms;
  -o-transition: 150ms;
  transition: 150ms;
}
.my-list-item .my-list-item__info .my-list-item__functions .my-list-item__function .my-list-item__function__title {
  font-family: 'CircularStd';
  font-size: 0.625rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}
.my-list-item.my-list-item--tablet .pack-shot {
  max-width: 10.125rem;
  min-width: 10.125rem;
}
.my-list-item.my-list-item--tablet .my-list-item__info .my-list-item__info__title {
  font-family: 'CircularStd';
  font-size: 1.5625rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.03375rem;
}
.my-list-item.my-list-item--tablet .my-list-item__info .my-list-item__info__watch-type,
.my-list-item.my-list-item--tablet .my-list-item__info .my-list-item__info__author,
.my-list-item.my-list-item--tablet .my-list-item__info .my-list-item__info__date {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
}
.my-list-item.my-list-item--tablet .my-list-item__info .my-list-item__rate {
  margin-top: 1rem;
}
.my-list-item.my-list-item--tablet .my-list-item__info .my-list-item__rate .emoji {
  width: 2.75rem;
  height: 2.75rem;
}
.my-list-item.my-list-item--tablet .my-list-item__info .my-list-item__functions {
  margin-top: 1rem;
}
.my-list-item.my-list-item--tablet .my-list-item__info .my-list-item__functions .my-list-item__function {
  margin-right: 1.75rem;
}
.my-list-item.my-list-item--tablet .my-list-item__info .my-list-item__functions .my-list-item__function .my-list-item__function__icon {
  width: 2.75rem;
  height: 2.75rem;
}
.my-list-item.my-list-item--desktop .pack-shot {
  max-width: 10.125rem;
  min-width: 10.125rem;
}
.my-list-item.my-list-item--desktop .my-list-item__info .my-list-item__info__title {
  font-family: 'CircularStd';
  font-size: 1.5625rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.03375rem;
}
.my-list-item.my-list-item--desktop .my-list-item__info .my-list-item__info__watch-type,
.my-list-item.my-list-item--desktop .my-list-item__info .my-list-item__info__author,
.my-list-item.my-list-item--desktop .my-list-item__info .my-list-item__info__date {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
}
.my-list-item.my-list-item--desktop .my-list-item__info .my-list-item__rate {
  margin-top: 1rem;
}
.my-list-item.my-list-item--desktop .my-list-item__info .my-list-item__rate .emoji {
  width: 2.75rem;
  height: 2.75rem;
}
.my-list-item.my-list-item--desktop .my-list-item__info .my-list-item__functions {
  margin-top: 1rem;
}
.my-list-item.my-list-item--desktop .my-list-item__info .my-list-item__functions .my-list-item__function {
  margin-right: 1.75rem;
}
.my-list-item.my-list-item--desktop .my-list-item__info .my-list-item__functions .my-list-item__function .my-list-item__function__icon {
  width: 2.75rem;
  height: 2.75rem;
}
.my-list-item.my-list-item--desktop .my-list-item__info .my-list-item__functions .my-list-item__function .my-list-item__function__icon:hover svg {
  -webkit-transform: scale(1.044);
      -ms-transform: scale(1.044);
          transform: scale(1.044);
}
.progress-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.progress-dots div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
}
.progress-dots div:before {
  content: '';
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #2e003d;
  opacity: 0.2;
}
.progress-dots div.active:before {
  opacity: 1;
}
.search-button {
  position: relative;
  width: 2.25rem;
  height: 2.25rem;
  padding: 10px;
  z-index: 1;
  color: #8f00ff;
  cursor: pointer;
}
.search-button:hover {
  color: #ce95e1;
}
.search-button:before {
  content: '';
  background: #fff;
  -webkit-box-shadow: 0 7px 9px 0 rgba(0,0,0,0.19);
          box-shadow: 0 7px 9px 0 rgba(0,0,0,0.19);
  border-radius: 50%;
  padding: 1.125rem;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
}
.search-item {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 1rem auto;
}
.search-item .pack-shot {
  width: 6.125rem;
  max-width: 6.125rem;
  min-width: 6.125rem;
  margin-right: 1rem;
}
.search-item .search-item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 0;
  width: 100%;
}
.search-item .search-item__info .search-item__info__title {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  color: #2e003d;
  margin-bottom: 0.5rem;
}
.search-item .search-item__info .search-item__info__inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.search-item .search-item__info .search-item__info__author,
.search-item .search-item__info .search-item__info__date {
  font-family: 'CircularStd';
  font-size: 0.75rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  color: #2e003d;
  margin: 0;
}
.search-item .search-item__info .search-item__info__date {
  margin-right: 0.375rem;
}
.testimonial-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  max-width: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0.5rem;
}
.testimonial-single:first-of-type {
  margin-left: 0;
}
.testimonial-single:last-of-type {
  margin-right: 0;
}
.testimonial-single .image-circle {
  width: 9.375rem;
  height: 9.375rem;
}
.testimonial-single p {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  color: #2e003d;
  margin: 0.5rem 0;
}
.testimonial-single.testimonial-single--tablet,
.testimonial-single.testimonial-single--desktop {
  max-width: 12rem;
  margin: 0 1.25rem;
}
.testimonial-single.testimonial-single--tablet:first-of-type,
.testimonial-single.testimonial-single--desktop:first-of-type {
  margin-left: 0;
}
.testimonial-single.testimonial-single--tablet:last-of-type,
.testimonial-single.testimonial-single--desktop:last-of-type {
  margin-right: 0;
}
.testimonial-single.testimonial-single--tablet .image-circle,
.testimonial-single.testimonial-single--desktop .image-circle {
  width: 12rem;
  height: 12rem;
}
.testimonial-single.testimonial-single--tablet p,
.testimonial-single.testimonial-single--desktop p {
  margin: 1.5rem 0;
}
.testimonial-single.testimonial-single--tablet {
  margin: 0 1.375rem;
}
.account-sticky-footer:before {
  content: '';
  display: block;
  height: 3rem;
}
.account-sticky-footer .account-sticky-footer__container {
  background-color: #2e003d;
  -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
          box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  padding: 0 0.9375rem;
  z-index: 100;
}
.account-sticky-footer .account-sticky-footer__container .account-sticky-footer__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  padding: 0.3125rem;
}
.account-sticky-footer .account-sticky-footer__container .account-sticky-footer__link svg.icon-logo {
  width: 1.375rem;
  height: 1.375rem;
}
.account-sticky-footer .account-sticky-footer__container .account-sticky-footer__link svg.icon-rate {
  width: 1rem;
  height: 1rem;
}
.account-sticky-footer .account-sticky-footer__container .account-sticky-footer__link svg.icon-list {
  width: 1.125rem;
  height: 1.125rem;
}
.account-sticky-footer .account-sticky-footer__container .account-sticky-footer__link svg.icon-account {
  width: 1.125rem;
  height: 1.125rem;
}
.account-sticky-footer .account-sticky-footer__container .account-sticky-footer__link svg.svg-fill path {
  fill: #fff;
}
.account-sticky-footer .account-sticky-footer__container .account-sticky-footer__link svg.svg-stroke path {
  stroke: #fff;
  stroke-width: 0.125rem;
}
.account-sticky-footer .account-sticky-footer__container .account-sticky-footer__link span {
  font-family: 'CircularStd';
  font-size: 0.75rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  color: #fff;
  margin: 0 0.3125rem 0 0.375rem;
}
.account-sticky-footer .account-sticky-footer__container .account-sticky-footer__link.active span {
  color: #ffe308;
}
.account-sticky-footer .account-sticky-footer__container .account-sticky-footer__link.active svg.svg-fill path {
  fill: #ffe308;
}
.account-sticky-footer .account-sticky-footer__container .account-sticky-footer__link.active svg.svg-stroke path {
  stroke: #ffe308;
}
.account-sticky-footer .account-sticky-footer__container .account-sticky-footer__link:hover span {
  color: #ffe308;
}
.account-sticky-footer .account-sticky-footer__container .account-sticky-footer__link:hover svg.svg-fill path {
  fill: #ffe308;
}
.account-sticky-footer .account-sticky-footer__container .account-sticky-footer__link:hover svg.svg-stroke path {
  stroke: #ffe308;
}
.account-sticky-footer.account-sticky-footer--tablet .account-sticky-footer__container,
.account-sticky-footer.account-sticky-footer--desktop .account-sticky-footer__container {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.account-sticky-footer.account-sticky-footer--tablet .account-sticky-footer__container .account-sticky-footer__link,
.account-sticky-footer.account-sticky-footer--desktop .account-sticky-footer__container .account-sticky-footer__link {
  padding: 0.5rem 1rem;
  margin: 0 1rem;
}
.account-sticky-footer.account-sticky-footer--tablet .account-sticky-footer__container .account-sticky-footer__link svg,
.account-sticky-footer.account-sticky-footer--desktop .account-sticky-footer__container .account-sticky-footer__link svg {
  width: 1.625rem;
  height: 1.625rem;
}
.account-sticky-footer.account-sticky-footer--tablet .account-sticky-footer__container .account-sticky-footer__link span,
.account-sticky-footer.account-sticky-footer--desktop .account-sticky-footer__container .account-sticky-footer__link span {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
}
.create-account-modal .modal__overlay {
  background-color: #5e007d;
  overflow-y: hidden;
}
.create-account-modal .modal__overlay .modal__main {
  text-align: center;
  width: 100%;
}
.create-account-modal .modal__overlay .modal__main .create-account-modal__background-blobs .svg {
  position: absolute;
}
.create-account-modal .modal__overlay .modal__main .create-account-modal__background-blobs .svg:before {
  content: '';
  display: block;
  width: 100%;
}
.create-account-modal .modal__overlay .modal__main .create-account-modal__background-blobs .svg svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.create-account-modal .modal__overlay .modal__main .create-account-modal__background-blobs .svg.one {
  top: -36%;
  left: -77%;
  width: 38.125rem;
  height: 38.125rem;
}
.create-account-modal .modal__overlay .modal__main .create-account-modal__background-blobs .svg.two {
  top: -12%;
  right: -45%;
  width: 31.25rem;
  height: 31.25rem;
}
.create-account-modal .modal__overlay .modal__main .create-account-modal__background-blobs .svg.three {
  bottom: -45%;
  right: -107%;
  width: 43.75rem;
  height: 43.75rem;
}
.create-account-modal .modal__overlay .modal__main .create-account-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #fff;
}
.create-account-modal .modal__overlay .modal__main .create-account-modal__close svg {
  width: 1.5rem;
  height: 1.5rem;
}
.create-account-modal .modal__overlay .modal__main .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.create-account-modal .modal__overlay .modal__main h2 {
  color: #fff;
  font-family: 'CircularStd';
  font-size: 2rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0625rem;
  margin: 0 0 2rem;
}
.create-account-modal .modal__overlay .modal__main p {
  color: #fff;
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  margin: 0 0 2.5rem;
  max-width: 18.4375rem;
}
.create-account-modal .modal__overlay .modal__main .pill-button {
  width: 100%;
  max-width: 20.375rem;
}
.create-account-modal .modal__overlay .modal__main .create-account-modal__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.create-account-modal .modal__overlay .modal__main .create-account-modal__social h3 {
  color: #fff;
  font-family: 'CircularStd';
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.05rem;
  margin: 3rem 0 2rem;
  max-width: 12.5rem;
}
.create-account-modal .modal__overlay .modal__main .create-account-modal__social .create-account-modal__social__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.create-account-modal .modal__overlay .modal__main .create-account-modal__social .create-account-modal__social__links .social-login {
  margin: 0 0.5rem;
}
.create-account-modal.modal--tablet .modal__overlay .modal__main .create-account-modal__background-blobs .svg.one {
  top: -2%;
  left: -52%;
  width: 50.625rem;
  height: 50.625rem;
}
.create-account-modal.modal--tablet .modal__overlay .modal__main .create-account-modal__background-blobs .svg.two {
  top: -51%;
  right: -3%;
  width: 47.6875rem;
  height: 47.6875rem;
}
.create-account-modal.modal--tablet .modal__overlay .modal__main .create-account-modal__background-blobs .svg.three {
  bottom: -51%;
  right: -31%;
  width: 57.25rem;
  height: 57.25rem;
}
.create-account-modal.modal--tablet .modal__overlay .modal__main h2 {
  font-family: 'CircularStd';
  font-size: 2.4375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.1125rem;
}
.create-account-modal.modal--tablet .modal__overlay .modal__main .create-account-modal__social h3 {
  font-family: 'CircularStd';
  font-size: 1.9375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0575rem;
  max-width: 17.5rem;
}
.create-account-modal.modal--desktop .modal__overlay .modal__main .create-account-modal__background-blobs .svg.one {
  top: -2%;
  left: -35%;
  width: 69.375rem;
  height: 69.375rem;
}
.create-account-modal.modal--desktop .modal__overlay .modal__main .create-account-modal__background-blobs .svg.two {
  top: -51%;
  right: -3%;
  width: 78.9375rem;
  height: 78.9375rem;
}
.create-account-modal.modal--desktop .modal__overlay .modal__main .create-account-modal__background-blobs .svg.three {
  bottom: -51%;
  right: -31%;
  width: 69.75rem;
  height: 69.75rem;
}
.create-account-modal.modal--desktop .modal__overlay .modal__main h2 {
  font-family: 'CircularStd';
  font-size: 3rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.090625rem;
}
.create-account-modal.modal--desktop .modal__overlay .modal__main .create-account-modal__social h3 {
  font-family: 'CircularStd';
  font-size: 2.5rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.074375rem;
  max-width: 17.5rem;
}
.create-account-success-modal .modal__overlay {
  background-color: #5e007d;
  overflow-y: hidden;
}
.create-account-success-modal .modal__overlay .modal__main {
  text-align: center;
  width: 100%;
}
.create-account-success-modal .modal__overlay .modal__main .create-account-success-modal__background-blobs .svg {
  position: absolute;
}
.create-account-success-modal .modal__overlay .modal__main .create-account-success-modal__background-blobs .svg:before {
  content: '';
  display: block;
  width: 100%;
}
.create-account-success-modal .modal__overlay .modal__main .create-account-success-modal__background-blobs .svg svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.create-account-success-modal .modal__overlay .modal__main .create-account-success-modal__background-blobs .svg.one {
  top: -36%;
  left: -77%;
  width: 38.125rem;
  height: 38.125rem;
}
.create-account-success-modal .modal__overlay .modal__main .create-account-success-modal__background-blobs .svg.two {
  top: -12%;
  right: -45%;
  width: 31.25rem;
  height: 31.25rem;
}
.create-account-success-modal .modal__overlay .modal__main .create-account-success-modal__background-blobs .svg.three {
  bottom: -45%;
  right: -107%;
  width: 43.75rem;
  height: 43.75rem;
}
.create-account-success-modal .modal__overlay .modal__main .create-account-success-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #fff;
}
.create-account-success-modal .modal__overlay .modal__main .create-account-success-modal__close svg {
  width: 1.5rem;
  height: 1.5rem;
}
.create-account-success-modal .modal__overlay .modal__main .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.create-account-success-modal .modal__overlay .modal__main h2 {
  color: #fff;
  font-family: 'CircularStd';
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.05rem;
  margin: 0 0 0.75rem;
}
.create-account-success-modal .modal__overlay .modal__main p {
  color: #fff;
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  max-width: 18.4375rem;
  margin: 0 0 1.25rem;
}
.create-account-success-modal .modal__overlay .modal__main .create-account-success-modal__device-container {
  padding: 1rem;
  color: #fff;
  position: relative;
  margin: 0 0 1rem;
}
.create-account-success-modal .modal__overlay .modal__main .create-account-success-modal__device-container:last-of-type {
  margin: 0 0 1.25rem;
}
.create-account-success-modal .modal__overlay .modal__main .create-account-success-modal__device-container:before {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #2e003d;
  opacity: 0.5;
  mix-blend-mode: multiply;
  border-radius: 1rem;
}
.create-account-success-modal .modal__overlay .modal__main .create-account-success-modal__device-container .inner {
  position: relative;
}
.create-account-success-modal .modal__overlay .modal__main .create-account-success-modal__device-container .inner .inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.create-account-success-modal .modal__overlay .modal__main .create-account-success-modal__device-container .inner h3 {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  margin: 0 0 0.75rem;
}
.create-account-success-modal .modal__overlay .modal__main .create-account-success-modal__device-container .inner p {
  font-family: 'CircularStd';
  font-size: 0.75rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  margin: 0;
}
.create-account-success-modal .modal__overlay .modal__main .create-account-success-modal__device-container .inner .create-account-success-modal__device-container__instruction-container {
  margin: 0 0.625rem 1rem;
}
.create-account-success-modal .modal__overlay .modal__main .create-account-success-modal__device-container .inner .create-account-success-modal__device-container__instruction-container:first-of-type {
  margin-left: 0;
}
.create-account-success-modal .modal__overlay .modal__main .create-account-success-modal__device-container .inner .create-account-success-modal__device-container__instruction-container:last-of-type {
  margin-right: 0;
}
.create-account-success-modal .modal__overlay .modal__main .create-account-success-modal__device-container .inner .create-account-success-modal__device-container__instruction-container svg {
  width: 1.5rem;
  height: 1.5rem;
}
.create-account-success-modal .modal__overlay .modal__main .create-account-success-modal__device-container .inner .create-account-success-modal__device-container__instruction-container p {
  margin-bottom: 0;
}
.create-account-success-modal .modal__overlay .modal__main .pill-button {
  width: 100%;
  max-width: 13.1875rem;
}
.create-account-success-modal.modal--tablet .modal__overlay .modal__main .create-account-success-modal__background-blobs .svg.one {
  top: -2%;
  left: -52%;
  width: 50.625rem;
  height: 50.625rem;
}
.create-account-success-modal.modal--tablet .modal__overlay .modal__main .create-account-success-modal__background-blobs .svg.two {
  top: -51%;
  right: -3%;
  width: 47.6875rem;
  height: 47.6875rem;
}
.create-account-success-modal.modal--tablet .modal__overlay .modal__main .create-account-success-modal__background-blobs .svg.three {
  bottom: -51%;
  right: -31%;
  width: 57.25rem;
  height: 57.25rem;
}
.create-account-success-modal.modal--tablet .modal__overlay .modal__main h2 {
  font-family: 'CircularStd';
  font-size: 1.9375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0575rem;
}
.create-account-success-modal.modal--desktop .modal__overlay .modal__main .create-account-success-modal__background-blobs .svg.one {
  top: -2%;
  left: -35%;
  width: 69.375rem;
  height: 69.375rem;
}
.create-account-success-modal.modal--desktop .modal__overlay .modal__main .create-account-success-modal__background-blobs .svg.two {
  top: -51%;
  right: -3%;
  width: 78.9375rem;
  height: 78.9375rem;
}
.create-account-success-modal.modal--desktop .modal__overlay .modal__main .create-account-success-modal__background-blobs .svg.three {
  bottom: -51%;
  right: -31%;
  width: 69.75rem;
  height: 69.75rem;
}
.create-account-success-modal.modal--desktop .modal__overlay .modal__main h2 {
  font-family: 'CircularStd';
  font-size: 2.5rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.074375rem;
}
.create-group-modal .modal__overlay {
  background-color: #5e007d;
  overflow-y: hidden;
}
.create-group-modal .modal__overlay .modal__main {
  text-align: center;
  width: 100%;
}
.create-group-modal .modal__overlay .modal__main .create-group-modal__background-blobs .svg {
  position: absolute;
}
.create-group-modal .modal__overlay .modal__main .create-group-modal__background-blobs .svg:before {
  content: '';
  display: block;
  width: 100%;
}
.create-group-modal .modal__overlay .modal__main .create-group-modal__background-blobs .svg svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.create-group-modal .modal__overlay .modal__main .create-group-modal__background-blobs .svg:first-child {
  top: -62%;
  left: -28%;
  width: 42.5rem;
  height: 42.5rem;
}
.create-group-modal .modal__overlay .modal__main .create-group-modal__background-blobs .svg:last-child {
  top: 50%;
  left: -90%;
  width: 40rem;
  height: 40rem;
}
.create-group-modal .modal__overlay .modal__main .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.create-group-modal .modal__overlay .modal__main .create-group-modal__icon {
  width: 6.125rem;
  height: 6.125rem;
  margin: 0 0 1rem;
  color: #fff;
}
.create-group-modal .modal__overlay .modal__main h2 {
  color: #fff;
  font-family: 'CircularStd';
  font-size: 2rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0625rem;
  margin: 0 0 3rem;
  max-width: 23.125rem;
}
.create-group-modal .modal__overlay .modal__main p {
  color: #fff;
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  margin: 0 0 1.25rem;
  max-width: 16rem;
}
.create-group-modal .modal__overlay .modal__main p:last-of-type {
  margin: 0 0 3rem;
}
.create-group-modal .modal__overlay .modal__main .pill-button {
  width: 100%;
  max-width: 20.375rem;
  color: #8e00bd;
}
.create-group-modal .modal__overlay .modal__main span.create-group-modal__later {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  color: #fff;
  margin-top: 1rem;
  padding: 1rem 2rem;
  cursor: pointer;
}
.create-group-modal.create-group-modal--tablet .modal__overlay .modal__main .create-group-modal__background-blobs .svg:first-child {
  top: -85%;
  left: -28%;
  width: 80rem;
  height: 80rem;
}
.create-group-modal.create-group-modal--tablet .modal__overlay .modal__main .create-group-modal__background-blobs .svg:last-child {
  top: 46%;
  left: 12%;
  width: 65rem;
  height: 65rem;
}
.create-group-modal.create-group-modal--tablet .modal__overlay .modal__main h2 {
  font-family: 'CircularStd';
  font-size: 2.4375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.1125rem;
}
.create-group-modal.create-group-modal--desktop .modal__overlay .modal__main .create-group-modal__background-blobs .svg:first-child {
  top: -76%;
  left: -17%;
  width: 80rem;
  height: 80rem;
}
.create-group-modal.create-group-modal--desktop .modal__overlay .modal__main .create-group-modal__background-blobs .svg:last-child {
  top: 12%;
  left: 50%;
  width: 65rem;
  height: 65rem;
}
.create-group-modal.create-group-modal--desktop .modal__overlay .modal__main h2 {
  font-family: 'CircularStd';
  font-size: 3rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.090625rem;
}
.emoji-ratings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.emoji-ratings__emoji {
  cursor: pointer;
  width: 10vh;
}
.emoji-ratings__emoji:nth-child(2),
.emoji-ratings__emoji:nth-child(4) {
  margin-top: 2vh;
}
.emoji-ratings__emoji:nth-child(3) {
  margin-top: 4vh;
}
.emoji-ratings__emoji .animate {
  -webkit-animation: bouncey 300ms ease-in-out 1;
          animation: bouncey 300ms ease-in-out 1;
}
@-webkit-keyframes bouncey {
  0, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-13px);
            transform: translateY(-13px);
  }
}
@keyframes bouncey {
  0, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-13px);
            transform: translateY(-13px);
  }
}
.base-layout--mobile .emoji-ratings__emoji {
  width: 16vw;
}
.filter-items__pill-buttons {
  margin-bottom: 0.5rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.filter-items__pill-button {
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0 0.5rem;
  line-height: 1.25rem;
  margin: 0.25rem;
  border-radius: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffdf00;
  color: #2f0048;
}
.filter-items__pill-button-icon {
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.25rem;
}
.filter-items__pill-button-icon svg {
  display: block;
}
.filter-items__pill-button-close {
  cursor: pointer;
  width: 0.5rem;
  margin-left: 0.25rem;
  height: 0.5rem;
}
.filter-items__pill-button-close svg {
  display: block;
}
.filters--desktop {
  width: 1200px;
  padding: 3rem 20.5rem 0;
  position: relative;
}
.filters--desktop .filters__sub-header {
  font-size: 1.1875rem;
  line-height: 1.5rem;
  letter-spacing: -0.025rem;
  font-weight: bold;
  margin: 0;
  text-align: center;
  margin-bottom: 2rem;
}
.filters--desktop .filters__main-header {
  line-height: 3.5rem;
  font-size: 3rem;
  letter-spacing: -0.090625rem;
  font-weight: bold;
  margin-bottom: 2.5rem;
}
.filters--desktop .filters__tv-buttons {
  margin-bottom: 2.5rem;
  width: 20.5625rem;
  margin-left: auto;
  margin-right: auto;
}
.filters--desktop .filters__tv-buttons .filters__tv-button {
  padding: 0;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: -0.0125rem;
  line-height: 2rem;
  text-align: center;
  border-width: 2px;
}
.filters--desktop .filters__tv-buttons .filters__tv-button:nth-child(1) {
  border-top-left-radius: 1.125rem;
  border-bottom-left-radius: 18px;
  border-right-width: 1px;
}
.filters--desktop .filters__tv-buttons .filters__tv-button:nth-child(2) {
  border-right-width: 1px;
  border-left-width: 1px;
}
.filters--desktop .filters__tv-buttons .filters__tv-button:nth-child(3) {
  border-top-right-radius: 1.125rem;
  border-bottom-right-radius: 1.125rem;
  border-left-width: 1px;
}
.filters--desktop .filters__filter-title {
  line-height: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.0125rem;
  margin-bottom: 0.625rem;
}
.filters--desktop .filters__filter-list {
  padding: 0;
  margin: 0 -0.5rem 2.125rem -0.25rem;
}
.filters--desktop .filters__filter-button svg {
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  margin: 0.125rem;
  margin-left: 0.25rem;
}
.filters--desktop .filters__buttons {
  text-align: center;
}
.filters--desktop .filters__close-button {
  position: absolute;
  right: 0;
  top: 0;
}
.filters--desktop .filters__close-button svg {
  width: 2rem;
  height: 2rem;
}
.filters--desktop .filters__pill-button--cancel {
  width: 6.125rem;
  margin-right: 1rem;
}
.filters--desktop .filters__pill-button--show-results {
  width: 13.25rem;
}
.filters--desktop .filters__buttons {
  margin-bottom: 2.5rem;
}
.filters--desktop .filters__teaser {
  margin-bottom: 2.5rem;
  font-size: 1rem;
  letter-spacing: -0.0125rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.filters {
  background-color: #2e003d;
  color: #fff;
}
.filters__sub-header,
.filters__main-header {
  text-align: center;
}
.filters__tv-buttons {
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filters__tv-button {
  cursor: pointer;
  width: 100%;
  text-align: center;
  color: #fff;
  border-color: #fff;
  border-style: solid;
  font-size: 0.875rem;
}
.filters__tv-button.filters__tv-button--selected {
  background: #fff;
  color: #2e003d;
}
.filters__filter-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.filters__filter-button {
  font-family: 'CircularStd';
  font-size: 0.75rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  border-radius: 0.4375rem;
  letter-spacing: normal;
  line-height: 1.125rem;
  margin: 0.375rem 0.25rem;
  padding: 0 0.5rem;
  cursor: pointer;
  color: #2e003d;
  font-weight: 500;
  font-size: 0.78125rem;
  border: solid 1px #fff;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.filters__filter-button.filters__filter-button--selected {
  background-color: #ffe308 !important;
  color: #2e003d !important;
  border-color: #ffe308 !important;
}
.filters__pill-button--show-results {
  color: #8e00bd;
  max-width: 220px;
  margin: auto;
}
.filters__teaser {
  color: #fff;
}
.filters__modal .modal__overlay {
  background: #2e003d;
}
.filters--mobile {
  padding: 1rem 1.5rem;
}
.filters--mobile .filters__sub-header {
  font-size: 1.1875rem;
  line-height: 1.5rem;
  letter-spacing: -0.025rem;
  font-weight: bold;
  margin: 0;
  margin-bottom: 0.5rem;
  text-align: center;
}
.filters--mobile .filters__main-header {
  font-size: 2.0625rem;
  font-weight: 700;
  letter-spacing: -0.0625rem;
  line-height: 2.375rem;
  margin: 0 0 1.25rem 0;
}
.filters--mobile .filters__tv-buttons {
  margin-bottom: 1.75rem;
  width: 100%;
}
.filters--mobile .filters__tv-button {
  padding: 0;
  font-weight: bold;
  letter-spacing: -0.0125rem;
  line-height: 2rem;
  text-align: center;
  border-width: 2px;
}
.filters--mobile .filters__tv-button:nth-child(1) {
  border-top-left-radius: 1.125rem;
  border-bottom-left-radius: 18px;
  border-right-width: 1px;
}
.filters--mobile .filters__tv-button:nth-child(2) {
  border-right-width: 1px;
  border-left-width: 1px;
}
.filters--mobile .filters__tv-button:nth-child(3) {
  border-top-right-radius: 1.125rem;
  border-bottom-right-radius: 1.125rem;
  border-left-width: 1px;
}
.filters--mobile .filters__filter-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.0125rem;
  line-height: 1.25rem;
  margin-bottom: 10px;
}
.filters--mobile .filters__filter-list {
  padding: 0;
  margin: 0 -0.5rem 1.75rem -0.5rem;
}
.filters--mobile .filters__filter-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 1.375rem;
  margin: 0.3125rem 0.5rem;
}
.filters--mobile .filters__filter-button svg {
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  margin: 0.125rem;
  margin-left: 0.25rem;
}
.filters--mobile .filters__filter-button.filters__filter-button--selected {
  background-color: #ffe308;
  color: #2e003d;
  border-color: #ffe308;
}
.filters--mobile .filters__filter-button {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1.125rem;
  margin: 0.3125rem 0.25rem;
  padding: 0 0.375rem;
}
.filters--mobile .filters__filter-button svg {
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  margin: 0.125rem;
  margin-left: 0.25rem;
}
.filters--mobile .filters__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.5rem;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filters--mobile .filters__close-button {
  position: fixed;
  top: 0;
  right: 0;
}
.filters--mobile .filters__pill-button--cancel {
  padding: 0 1.5rem;
  margin-right: 1rem;
}
.filters--mobile .filters__pill-button--show-results {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.filters--mobile .filters__teaser {
  font-size: 1rem;
  letter-spacing: -0.0125rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.base-layout--mobile .filters__modal .modal__main {
  height: 100%;
}
.filters--tablet {
  position: relative;
}
.filters--tablet .filters__sub-header {
  font-size: 1.1875rem;
  line-height: 1.5rem;
  letter-spacing: -0.025rem;
  font-weight: bold;
  margin: 0;
  text-align: center;
  margin-bottom: 2rem;
}
.filters--tablet .filters__main-header {
  line-height: 3.5rem;
  font-size: 3rem;
  letter-spacing: -0.090625rem;
  font-weight: bold;
  margin-bottom: 2.5rem;
}
.filters--tablet .filters__tv-buttons {
  margin-bottom: 2.5rem;
  width: 20.5625rem;
  margin-left: auto;
  margin-right: auto;
}
.filters--tablet .filters__tv-buttons .filters__tv-button {
  padding: 0;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: -0.0125rem;
  line-height: 2rem;
  text-align: center;
  border-width: 2px;
}
.filters--tablet .filters__tv-buttons .filters__tv-button:nth-child(1) {
  border-top-left-radius: 1.125rem;
  border-bottom-left-radius: 18px;
  border-right-width: 1px;
}
.filters--tablet .filters__tv-buttons .filters__tv-button:nth-child(2) {
  border-right-width: 1px;
  border-left-width: 1px;
}
.filters--tablet .filters__tv-buttons .filters__tv-button:nth-child(3) {
  border-top-right-radius: 1.125rem;
  border-bottom-right-radius: 1.125rem;
  border-left-width: 1px;
}
.filters--tablet .filters__filter-title {
  line-height: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.0125rem;
  margin-bottom: 0.625rem;
}
.filters--tablet .filters__filter-list {
  padding: 0;
  margin: 0 -0.5rem 2.125rem -0.25rem;
}
.filters--tablet .filters__filter-button {
  font-size: 0.8125rem;
}
.filters--tablet .filters__filter-button svg {
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  margin: 0.125rem;
  margin-left: 0.25rem;
}
.filters--tablet .filters__buttons {
  text-align: center;
}
.filters--tablet .filters__close-button {
  position: fixed;
  right: 0;
  top: 0;
}
.filters--tablet .filters__close-button svg {
  width: 2rem;
  height: 2rem;
}
.filters--tablet .filters__pill-button--cancel {
  width: 6.125rem;
  margin-right: 1rem;
}
.filters--tablet .filters__pill-button--show-results {
  width: 13.25rem;
}
.filters--tablet .filters__buttons {
  margin-bottom: 2.5rem;
}
.filters--tablet .filters__teaser {
  margin-bottom: 2.5rem;
  font-size: 1rem;
  letter-spacing: -0.0125rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.general-footer {
  position: relative;
  color: #fff;
  padding: 1.375rem 0 1.875rem 0;
  background-color: #2e003d;
}
.general-footer svg.general-footer__logo {
  width: 11.125rem;
  height: 3rem;
}
.general-footer ul {
  font-family: 'CircularStd';
  font-size: 0.75rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  margin: 1.125rem 0;
}
.general-footer ul li {
  margin-bottom: 0.4375rem;
}
.general-footer ul li:last-child {
  margin-bottom: 0;
}
.general-footer span {
  display: block;
  font-family: 'CircularStd';
  font-size: 0.75rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
}
.general-footer__link:link,
.general-footer__link:visited {
  color: #fff;
}
.general-footer__link:hover {
  color: #e4c7ed;
}
.general-footer__link:active {
  color: #ce95e1;
}
.general-footer__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.general-footer__socials .general-footer__socials__link {
  margin: 0 0.5rem;
}
.general-footer__socials .general-footer__socials__link:first-of-type {
  margin-left: 0;
}
.general-footer__socials .general-footer__socials__link:last-of-type {
  margin-right: 0;
}
.general-footer__socials .general-footer__socials__link:hover .icon-social-facebook_svg__to-fill,
.general-footer__socials .general-footer__socials__link:hover .icon-social-twitter_svg__to-fill {
  fill: #8e00bd;
}
.general-footer__socials .general-footer__socials__link:hover .icon-social-instagram_svg__to-stroke {
  stroke: #8e00bd;
}
.general-sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 3rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0.625rem 0 rgba(0,0,0,0.5);
          box-shadow: 0 0 0.625rem 0 rgba(0,0,0,0.5);
  -webkit-animation-name: animate-header-in;
          animation-name: animate-header-in;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.general-sticky-header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 100%;
}
.general-sticky-header .general-sticky-header__logo {
  display: block;
  width: 9.25rem;
  height: 2.25rem;
}
.general-sticky-header a {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0 1.5rem 0 2.25rem;
  color: #8e00bd;
  text-decoration: none;
}
.general-sticky-header a svg {
  width: 1.0625rem;
  height: 1.125rem;
  margin-left: 0.5rem;
}
.general-sticky-header.general-sticky-header--out {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-animation-name: animate-header-out;
          animation-name: animate-header-out;
}
@-webkit-keyframes animate-header-in {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes animate-header-in {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes animate-header-out {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@keyframes animate-header-out {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
.guide-modal {
  width: 100%;
  height: 100%;
}
.guide-modal .modal__overlay {
  width: 100%;
  height: 100%;
  z-index: 99;
}
.guide-modal .modal__overlay .modal__main {
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  background-color: rgba(255,255,255,0.5);
  overflow: hidden;
  padding: 7.1875rem 0 3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.guide-modal .modal__overlay .modal__main .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.guide-modal .modal__overlay .modal__main .container .guide-modal__content {
  max-width: 15.3125rem;
  width: 100%;
  color: #2e003d;
}
.guide-modal .modal__overlay .modal__main .container .guide-modal__content h3 {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  margin: 0 0 0.25rem;
}
.guide-modal .modal__overlay .modal__main .container .guide-modal__content p {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  margin: 0 0 1rem;
  position: relative;
  width: 100%;
}
.guide-modal .modal__overlay .modal__main .container .guide-modal__content p.large {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  font-weight: bold;
}
.guide-modal .modal__overlay .modal__main .container .guide-modal__content p.large span.icon-get-back {
  position: absolute;
  top: -164px;
  left: -57px;
}
.guide-modal .modal__overlay .modal__main .container .guide-modal__content p.large span.icon-get-back svg {
  width: 4rem;
  height: 100%;
}
.guide-modal .modal__overlay .modal__main .container .guide-modal__content p.medium {
  font-size: 16px;
  font-weight: 400;
}
.guide-modal .modal__overlay .modal__main .container .guide-modal__content p.orange-box {
  position: relative;
  padding: 0.75rem 2.25rem;
  border: 0.125rem solid #ff5800;
  border-radius: 0.5rem;
  background-color: #fff;
}
.guide-modal .modal__overlay .modal__main .container .guide-modal__content p.orange-box span.icon-search {
  height: 235px;
  width: 40px;
  position: absolute;
  left: -40px;
  bottom: 0px;
  z-index: -1;
}
.guide-modal .modal__overlay .modal__main .container .guide-modal__content p.orange-box.orange-box--search span.icon-search {
  left: -120px;
}
.guide-modal .modal__overlay .modal__main .container .guide-modal__content p.orange-box.orange-box--search span.icon-search:before {
  content: '';
  display: block;
  position: absolute;
  width: 100px;
  height: 2px;
  bottom: 31px;
  left: 38px;
  background-color: #ff5800;
}
@media screen and (max-width: 1100px) {
  .guide-modal .modal__overlay .modal__main .container .guide-modal__content p.orange-box.orange-box--search span.icon-search {
    left: -100px;
  }
}
@media screen and (max-width: 1040px) {
  .guide-modal .modal__overlay .modal__main .container .guide-modal__content p.orange-box.orange-box--search span.icon-search {
    left: -70px;
  }
}
@media screen and (max-width: 1000px) {
  .guide-modal .modal__overlay .modal__main .container .guide-modal__content p.orange-box.orange-box--search span.icon-search {
    left: -40px;
  }
}
.guide-modal .modal__overlay .modal__main .container .guide-modal__content p.orange-box span.icon-recommendations {
  height: 200px;
  width: 40px;
  position: absolute;
  left: -40px;
  top: 50%;
}
.guide-modal .modal__overlay .modal__main .container .guide-modal__content p.orange-box .top-arrow {
  content: '';
  position: absolute;
  left: -1.5rem;
  bottom: 50%;
  width: 1.5rem;
  height: calc(49vh - 115px);
  border-bottom: 2px solid #ff5800;
  border-left: 2px solid #ff5800;
  border-bottom-left-radius: 1rem;
}
.guide-modal .modal__overlay .modal__main .container .guide-modal__content p.orange-box .top-arrow:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0.9375rem;
  width: 1rem;
  height: 1rem;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 2px solid #ff5800;
  border-left: 2px solid #ff5800;
}
.guide-modal .modal__overlay .modal__main .container .guide-modal__content p.orange-box .bottom-arrow {
  content: '';
  position: absolute;
  left: -1.5rem;
  top: 50%;
  width: 1.5rem;
  height: calc(49vh - 60px - 115px);
  border-top: 2px solid #ff5800;
  border-left: 2px solid #ff5800;
  border-top-left-radius: 1rem;
}
.guide-modal .modal__overlay .modal__main .container .guide-modal__content p.orange-box .bottom-arrow:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0.9375rem;
  width: 1rem;
  height: 1rem;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-bottom: 2px solid #ff5800;
  border-left: 2px solid #ff5800;
}
.guide-modal .modal__overlay .modal__main .container .guide-modal__content p.small {
  font-family: 'CircularStd';
  font-size: 0.75rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0125rem;
}
.guide-modal .modal__overlay .modal__main .container .guide-modal__content p:last-of-type {
  margin: 0 0 1.75rem;
}
.guide-modal .modal__overlay .modal__main .container .pill-button {
  width: 9.375rem;
}
.guide-modal.guide-modal--tablet {
  padding: 9.0625rem 0 3rem;
}
.guide-modal.guide-modal--tablet .modal__overlay .modal__main .container .guide-modal__content {
  max-width: 22.8125rem;
}
.guide-modal.guide-modal--tablet .modal__overlay .modal__main .container .guide-modal__content h3 {
  font-family: 'CircularStd';
  font-size: 1.5625rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.03375rem;
  margin: 0 0 0.5rem;
}
.guide-modal.guide-modal--tablet .modal__overlay .modal__main .container .guide-modal__content p.large {
  font-weight: bold;
}
.guide-modal.guide-modal--tablet .modal__overlay .modal__main .container .guide-modal__content p.large span.icon-get-back {
  top: -215px;
  left: -94px;
}
.guide-modal.guide-modal--tablet .modal__overlay .modal__main .container .guide-modal__content p.large span.icon-get-back svg {
  width: 5.25rem;
}
@media (min-width: 800px) {
  .guide-modal.guide-modal--tablet .modal__overlay .modal__main .container .guide-modal__content p.large span.icon-get-back {
    top: -210px;
    left: -132px;
    -webkit-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  .guide-modal.guide-modal--tablet .modal__overlay .modal__main .container .guide-modal__content p.large span.icon-get-back svg {
    width: 5.5rem;
  }
}
.guide-modal.guide-modal--tablet .modal__overlay .modal__main .container .guide-modal__content p.orange-box {
  padding: 0.75rem 2.25rem;
  border: 0.1875rem solid #ff5800;
}
.guide-modal.guide-modal--tablet .modal__overlay .modal__main .container .guide-modal__content p.orange-box.orange-box--search span.icon-search {
  left: -80px;
}
.guide-modal.guide-modal--tablet .modal__overlay .modal__main .container .guide-modal__content p.orange-box .top-arrow {
  left: -1.5rem;
  height: calc(49vh - 145px);
  border-bottom: 3px solid #ff5800;
  border-left: 3px solid #ff5800;
  border-bottom-left-radius: 1rem;
}
.guide-modal.guide-modal--tablet .modal__overlay .modal__main .container .guide-modal__content p.orange-box .top-arrow:before {
  right: 0.9375rem;
  border-top: 3px solid #ff5800;
  border-left: 3px solid #ff5800;
}
.guide-modal.guide-modal--tablet .modal__overlay .modal__main .container .guide-modal__content p.orange-box .bottom-arrow {
  height: calc(49vh - 60px - 145px);
  border-top: 3px solid #ff5800;
  border-left: 3px solid #ff5800;
  border-top-left-radius: 1rem;
}
.guide-modal.guide-modal--tablet .modal__overlay .modal__main .container .guide-modal__content p.orange-box .bottom-arrow:before {
  right: 0.9375rem;
  border-bottom: 3px solid #ff5800;
  border-left: 3px solid #ff5800;
}
.guide-modal.guide-modal--tablet .modal__overlay .modal__main .container .guide-modal__content p.small {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
}
.guide-modal.guide-modal--desktop {
  padding: 9.0625rem 0 3rem;
}
.guide-modal.guide-modal--desktop .modal__overlay .modal__main .container .guide-modal__content {
  max-width: 22.8125rem;
}
.guide-modal.guide-modal--desktop .modal__overlay .modal__main .container .guide-modal__content h3 {
  font-family: 'CircularStd';
  font-size: 1.9375rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.041875rem;
  margin: 0 0 0.5rem;
}
.guide-modal.guide-modal--desktop .modal__overlay .modal__main .container .guide-modal__content p {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  font-weight: 400;
}
.guide-modal.guide-modal--desktop .modal__overlay .modal__main .container .guide-modal__content p.large {
  font-family: 'CircularStd';
  font-size: 1.4375rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.03125rem;
  font-weight: bold;
}
.guide-modal.guide-modal--desktop .modal__overlay .modal__main .container .guide-modal__content p.large span.icon-get-back {
  top: -215px;
  left: -112px;
}
.guide-modal.guide-modal--desktop .modal__overlay .modal__main .container .guide-modal__content p.large span.icon-get-back svg {
  width: 5.875rem;
}
.guide-modal.guide-modal--desktop .modal__overlay .modal__main .container .guide-modal__content p.orange-box {
  font-size: 1rem;
  font-weight: bold;
  padding: 1rem 2.25rem;
  border: 0.125rem solid #ff5800;
}
.guide-modal.guide-modal--desktop .modal__overlay .modal__main .container .guide-modal__content p.orange-box .top-arrow {
  left: -1.5rem;
  height: calc(49vh - 145px);
  border-bottom: 3px solid #ff5800;
  border-left: 3px solid #ff5800;
  border-bottom-left-radius: 1rem;
}
.guide-modal.guide-modal--desktop .modal__overlay .modal__main .container .guide-modal__content p.orange-box .top-arrow:before {
  right: 0.875rem;
  width: 1.0625rem;
  height: 1.0625rem;
  border-top: 3px solid #ff5800;
  border-left: 3px solid #ff5800;
}
.guide-modal.guide-modal--desktop .modal__overlay .modal__main .container .guide-modal__content p.orange-box .bottom-arrow {
  height: calc(49vh - 60px - 145px);
  border-top: 3px solid #ff5800;
  border-left: 3px solid #ff5800;
  border-top-left-radius: 1rem;
}
.guide-modal.guide-modal--desktop .modal__overlay .modal__main .container .guide-modal__content p.orange-box .bottom-arrow:before {
  right: 0.875rem;
  width: 1.0625rem;
  height: 1.0625rem;
  border-bottom: 3px solid #ff5800;
  border-left: 3px solid #ff5800;
}
.guide-modal.guide-modal--desktop .modal__overlay .modal__main .container .guide-modal__content p.small {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
}
.individual-item-modal .modal__overlay {
  -webkit-animation-name: ii-modal-in;
          animation-name: ii-modal-in;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  background-color: #1f0a2f;
  overflow-y: auto;
}
.individual-item-modal .modal__overlay .modal__main {
  width: 100%;
  margin: 0;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  cursor: pointer;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__close svg {
  width: 1.5rem;
  height: 1.5rem;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__close svg,
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__close svg > * {
  fill: #fff;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__header {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 14.375rem;
  max-width: 56.25rem;
  margin: 0 auto;
  background-color: rgba(31,10,47,0.15);
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__header .individual-item-modal__header__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: 50% 33%;
  background-size: cover;
  background-repeat: no-repeat;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__header .individual-item-modal__header__image:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(31,10,47,0.502) 25%, #1f0a2f 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(25%, rgba(31,10,47,0.502)), to(#1f0a2f));
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(31,10,47,0.502) 25%, #1f0a2f 100%);
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content {
  position: relative;
  z-index: 2;
  -webkit-transform: translateY(-60px);
      -ms-transform: translateY(-60px);
          transform: translateY(-60px);
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container h1 {
  font-family: 'CircularStd';
  font-size: 2.4375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.075rem;
  color: #ffe308;
  text-align: left;
  margin: 0;
  -ms-flex-item-align: center;
      align-self: center;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__small-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  -ms-flex-item-align: center;
      align-self: center;
  width: 100%;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__metadata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.5rem;
  -ms-flex-item-align: center;
      align-self: center;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__metadata p {
  color: #fff;
  margin: 0 0.25rem;
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__metadata p:first-of-type {
  margin-left: 0;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__metadata p:last-of-type {
  margin-right: 0;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__metadata span {
  position: relative;
  margin: 0 0.25rem;
  padding: 0;
  width: 0.25rem;
  height: 0.25rem;
  background-color: #ffe308;
  border-radius: 50%;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.5rem;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__author h3 {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  color: #ffe308;
  margin: 0;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__tags .individual-item-modal__content__tags__tag {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  max-width: 18.75rem;
  margin: 0.25rem;
  padding: 0.1875rem 0.625rem;
  color: #2e003d;
  font-size: 0.875rem;
  white-space: nowrap;
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__description {
  margin: 1rem 0 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__description p {
  color: #fff;
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  margin: 0;
  text-align: center;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__links {
  margin-bottom: 1.5rem;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__links h5 {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  margin: 0 0 1rem 0;
  color: #fff;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__links .individual-item-modal__content__links__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -0.5rem;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__links .individual-item-modal__content__links__grid a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  width: 20%;
  min-width: 20%;
  max-width: 20%;
  padding: 0.5rem;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__links .individual-item-modal__content__links__grid a div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 3rem;
  height: auto;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__links .individual-item-modal__content__links__grid a div img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__rate h5 {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  color: #fff;
  margin: 0.25rem 0 0.5rem 0;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__rate .individual-item-modal__content__rate__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__rate .individual-item-modal__content__rate__items .emoji {
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 0.25rem;
  -webkit-transition: 100ms;
  -o-transition: 100ms;
  transition: 100ms;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__rate .individual-item-modal__content__rate__items .emoji:hover svg {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__rate__text {
  width: 100%;
  margin: 0.125rem 0 2.5rem;
  font-family: 'CircularStd';
  font-size: 0.75rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  color: #fff;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__functions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1.25rem 0 2.5rem 0;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__functions .individual-item-modal__content__functions__function {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0.4375rem;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__functions .individual-item-modal__content__functions__function:hover .svg {
  -webkit-transform: scale(1.066);
      -ms-transform: scale(1.066);
          transform: scale(1.066);
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__functions .individual-item-modal__content__functions__function:not(.individual-item-modal__content__functions__function--emoji-selected) .svg path {
  fill: #ffe308;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__functions .individual-item-modal__content__functions__function:first-of-type {
  margin-left: 0;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__functions .individual-item-modal__content__functions__function:last-of-type {
  margin-right: 0;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__functions .individual-item-modal__content__functions__function .svg {
  width: 1.875rem;
  height: 1.875rem;
  margin: 0 0.5rem 0;
  -webkit-transition: 100ms;
  -o-transition: 100ms;
  transition: 100ms;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__functions .individual-item-modal__content__functions__function p {
  font-family: 'CircularStd';
  font-size: 0.75rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  color: #fff;
  margin: 0;
}
.individual-item-modal .modal__overlay .modal__main .individual-item-modal__content .container .pill-button {
  max-width: 7.5rem;
  margin-bottom: 2.25rem;
}
.individual-item-modal.individual-item-modal--tablet .modal__overlay .modal__main .individual-item-modal__close svg {
  width: 2rem;
  height: 2rem;
}
.individual-item-modal.individual-item-modal--tablet .modal__overlay .modal__main .individual-item-modal__header {
  height: 23.4375rem;
}
.individual-item-modal.individual-item-modal--tablet .modal__overlay .modal__main .individual-item-modal__header .individual-item-modal__header__image:before {
  height: 8.75rem;
}
.individual-item-modal.individual-item-modal--tablet .modal__overlay .modal__main .individual-item-modal__content .container {
  max-width: 37.25rem;
}
.individual-item-modal.individual-item-modal--tablet .modal__overlay .modal__main .individual-item-modal__content .container h1 {
  font-family: 'CircularStd';
  font-size: 3rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0925rem;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.individual-item-modal.individual-item-modal--tablet .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__description {
  margin: 2.5rem 0 1.25rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.individual-item-modal.individual-item-modal--tablet .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__description p {
  text-align: left;
}
.individual-item-modal.individual-item-modal--tablet .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__functions .individual-item-modal__content__functions__function p {
  font-size: 1rem;
}
.individual-item-modal.individual-item-modal--tablet .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__links .individual-item-modal__content__links__grid a {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.666%;
          flex: 0 0 16.666%;
  width: 16.666%;
  min-width: 16.666%;
  max-width: 16.666%;
}
.individual-item-modal.individual-item-modal--tablet .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__links .individual-item-modal__content__links__grid a div {
  max-width: 4.375rem;
}
.individual-item-modal.individual-item-modal--tablet .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__rate .individual-item-modal__content__rate__items .emoji {
  width: 3.5rem;
  height: 3.5rem;
}
.individual-item-modal.individual-item-modal--desktop .modal__overlay .modal__main .individual-item-modal__close .close-button {
  padding: 2.5rem;
}
.individual-item-modal.individual-item-modal--desktop .modal__overlay .modal__main .individual-item-modal__close .close-button svg {
  width: 2rem;
  height: 2rem;
}
.individual-item-modal.individual-item-modal--desktop .modal__overlay .modal__main .individual-item-modal__header {
  height: 23.4375rem;
}
.individual-item-modal.individual-item-modal--desktop .modal__overlay .modal__main .individual-item-modal__header .individual-item-modal__header__image:before {
  height: 140%;
  background: -o-radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(31,10,47,0.1) 50%, #1f0a2f 86%, #1f0a2f 100%);
  background: radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(31,10,47,0.1) 50%, #1f0a2f 86%, #1f0a2f 100%);
}
.individual-item-modal.individual-item-modal--desktop .modal__overlay .modal__main .individual-item-modal__header .individual-item-modal__header__image:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(31,10,47,0.502) 25%, #1f0a2f 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(25%, rgba(31,10,47,0.502)), to(#1f0a2f));
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(31,10,47,0.502) 25%, #1f0a2f 100%);
}
.individual-item-modal.individual-item-modal--desktop .modal__overlay .modal__main .individual-item-modal__content .container {
  max-width: 51rem;
}
.individual-item-modal.individual-item-modal--desktop .modal__overlay .modal__main .individual-item-modal__content .container h1 {
  font-family: 'CircularStd';
  font-size: 3rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0925rem;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.individual-item-modal.individual-item-modal--desktop .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__small-data {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
}
.individual-item-modal.individual-item-modal--desktop .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__small-data .individual-item-modal__content__tags {
  margin: 0;
}
.individual-item-modal.individual-item-modal--desktop .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__description {
  margin: 2.5rem 0 1.25rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.individual-item-modal.individual-item-modal--desktop .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__description p {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  text-align: left;
}
.individual-item-modal.individual-item-modal--desktop .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__functions .individual-item-modal__content__functions__function p {
  font-size: 1rem;
}
.individual-item-modal.individual-item-modal--desktop .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__links .individual-item-modal__content__links__grid a {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.666%;
          flex: 0 0 16.666%;
  width: 16.666%;
  min-width: 16.666%;
  max-width: 16.666%;
}
.individual-item-modal.individual-item-modal--desktop .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__links .individual-item-modal__content__links__grid a div {
  max-width: 4.625rem;
}
.individual-item-modal.individual-item-modal--desktop .modal__overlay .modal__main .individual-item-modal__content .container .individual-item-modal__content__rate .individual-item-modal__content__rate__items .emoji {
  width: 4rem;
  height: 4rem;
}
@-webkit-keyframes ii-modal-in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9) translateY(1.25rem);
            transform: scale(0.9) translateY(1.25rem);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
  }
}
@keyframes ii-modal-in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9) translateY(1.25rem);
            transform: scale(0.9) translateY(1.25rem);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
  }
}
.base-layout--desktop .recommendations__category-label {
  border-radius: 0.125rem;
  font-weight: 700;
  padding: 0 0.5rem;
  font-size: 0.625rem;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
  bottom: 1rem;
  left: 1rem;
}
.base-layout--desktop .recommendations__category-label svg {
  margin-right: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
}
.base-layout--desktop .recommendations__category-label.recommendations__category-label--large-icon svg {
  width: 1.5rem;
  height: 1.5rem;
}
.base-layout--desktop .media-item {
  padding-bottom: 24px;
}
.base-layout--desktop .media-item.media-item--leading {
  width: 21rem;
}
.base-layout--desktop .media-item__image {
  margin-bottom: 1rem;
}
.base-layout--desktop .media-item__title,
.base-layout--desktop .media-item__artist {
  color: #2e003d;
  font-size: 1rem;
  letter-spacing: -0.0125rem;
  line-height: 1.25rem;
}
.base-layout--desktop .media-item__title {
  font-weight: 700;
}
.base-layout--desktop .media-item--artist {
  font-weight: 500;
  margin-top: 0.25rem;
}
.base-layout--desktop .media-item__last-item-content {
  font-size: 1.125rem;
  padding: 1.5rem;
  line-height: 1.5rem;
}
.base-layout--mobile .recommendations__category-label {
  border-radius: 0.125rem;
  font-weight: 700;
  padding: 0 0.375rem;
  font-size: 0.5625rem;
  line-height: 1.25rem;
  letter-spacing: -0.009375rem;
  bottom: 0.25rem;
  left: 0.25rem;
}
.base-layout--mobile .recommendations__category-label svg {
  margin-right: 0.25rem;
  width: 1rem;
  height: 1rem;
}
.base-layout--mobile .recommendations__category-label.recommendations__category-label--large-icon svg {
  width: 1.25rem;
  height: 1.25rem;
}
.base-layout--mobile .media-item__image {
  margin-bottom: 0.5rem;
}
.base-layout--mobile .media-item__title,
.base-layout--mobile .media-item__artist {
  color: #2e003d;
  letter-spacing: normal;
}
.base-layout--mobile .media-item__title {
  font-size: 0.75rem;
  line-height: 0.9375rem;
  font-weight: 700;
}
.base-layout--mobile .media-item__artist {
  font-size: 0.625rem;
  line-height: 0.8125rem;
  font-weight: 500;
}
.base-layout--mobile .media-item__last-item-content {
  font-size: 0.75rem;
  padding: 1rem;
  line-height: 1.125rem;
}
.base-layout--tablet .recommendations__item.recommendations__item--leading {
  width: 19.75rem;
}
.base-layout--tablet .recommendations__category-label {
  border-radius: 0.125rem;
  font-weight: 700;
  padding: 0 0.5rem;
  font-size: 0.625rem;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
  bottom: 1rem;
  left: 1rem;
}
.base-layout--tablet .recommendations__category-label svg {
  display: block;
  margin-right: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
}
.base-layout--tablet .recommendations__category-label.recommendations__category-label--large-icon svg {
  width: 1.5rem;
  height: 1.5rem;
}
.base-layout--tablet .media-item__image {
  margin-bottom: 1rem;
}
.base-layout--tablet .media-item__title,
.base-layout--tablet .media-item__artist {
  color: #2e003d;
  font-size: 1rem;
  letter-spacing: -0.0125rem;
  line-height: 1.25rem;
}
.base-layout--tablet .media-item__title {
  font-weight: 700;
}
.base-layout--tablet .media-item__artist {
  font-weight: 500;
  margin-top: 0.25rem;
}
.base-layout--tablet .media-item__last-item-content {
  font-size: 1.375rem;
  padding: 1.5rem;
  line-height: 1.75rem;
}
.recommendations__category-label {
  background: #ff5800;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.media-item__image {
  position: relative;
  cursor: pointer;
}
.media-item__emoji {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: rgba(0,0,0,0.6);
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.25rem;
}
.media-item__emoji .emoji {
  width: 50px;
  height: 50px;
  -webkit-animation: 400ms ease-in-out animation 1;
          animation: 400ms ease-in-out animation 1;
}
@-webkit-keyframes animation {
  0% {
    -webkit-transform: scale(0.2) rotate(0);
            transform: scale(0.2) rotate(0);
  }
  25% {
    -webkit-transform: scale(0.5) rotate(0);
            transform: scale(0.5) rotate(0);
  }
  50% {
    -webkit-transform: scale(1.155) rotate(-20deg);
            transform: scale(1.155) rotate(-20deg);
  }
  75% {
    -webkit-transform: scale(1.155) rotate(20deg);
            transform: scale(1.155) rotate(20deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
}
@keyframes animation {
  0% {
    -webkit-transform: scale(0.2) rotate(0);
            transform: scale(0.2) rotate(0);
  }
  25% {
    -webkit-transform: scale(0.5) rotate(0);
            transform: scale(0.5) rotate(0);
  }
  50% {
    -webkit-transform: scale(1.155) rotate(-20deg);
            transform: scale(1.155) rotate(-20deg);
  }
  75% {
    -webkit-transform: scale(1.155) rotate(20deg);
            transform: scale(1.155) rotate(20deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
}
.media-item__last-item {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}
.media-item__last-item-content {
  margin: auto;
  font-weight: 500;
  color: #8e00bd;
  text-align: center;
}
.media-item__empty-field {
  background-color: #d8d8d8;
  width: 100%;
  height: 1em;
  border-radius: 4px;
  display: inline-block;
}
.onboarding-books-modal {
  width: 100%;
  height: 100%;
}
.onboarding-books-modal .onboarding-books-modal__bkg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.onboarding-books-modal .onboarding-books-modal__bkg .svg {
  position: absolute;
}
.onboarding-books-modal .onboarding-books-modal__bkg .svg:before {
  content: '';
  display: block;
  width: 100%;
}
.onboarding-books-modal .onboarding-books-modal__bkg .svg svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.onboarding-books-modal .onboarding-books-modal__bkg .svg.one {
  top: -18%;
  left: 44%;
  width: 48.75rem;
  height: 48.75rem;
}
.onboarding-books-modal .onboarding-books-modal__bkg .svg.two {
  top: -55%;
  left: -35%;
  width: 42.5rem;
  height: 42.5rem;
}
.onboarding-books-modal .onboarding-books-modal__bkg .svg.three {
  top: 74%;
  left: -8%;
  width: 30rem;
  height: 30rem;
}
.onboarding-books-modal .onboarding-books-modal__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.onboarding-books-modal .onboarding-books-modal__body .container {
  text-align: center;
}
.onboarding-books-modal .onboarding-books-modal__body h1 {
  font-family: 'CircularStd';
  font-size: 2rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0625rem;
  margin: 0 0 1.625rem 0;
  color: #fff;
}
.onboarding-books-modal .onboarding-books-modal__body svg.success {
  display: block;
  width: 5.9375rem;
  height: 5.875rem;
  margin: 0 auto 1.875rem auto;
}
.onboarding-books-modal .onboarding-books-modal__body p {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  color: #fff;
}
.onboarding-books-modal .onboarding-books-modal__body p:first-child {
  margin-top: 0;
}
.onboarding-books-modal .onboarding-books-modal__body p:last-child {
  margin-bottom: 0;
}
.onboarding-books-modal .onboarding-books-modal__body .pill-button {
  width: 13.25rem;
  margin-top: 2.0625rem;
}
.onboarding-books-modal .onboarding-books-modal__body .pill-button span {
  color: #5e007d;
}
.onboarding-books-modal.onboarding-books-modal--tablet .onboarding-books-modal__bkg .svg.one {
  top: -36%;
  left: 27%;
  width: 48.75rem;
  height: 48.75rem;
}
.onboarding-books-modal.onboarding-books-modal--tablet .onboarding-books-modal__bkg .svg.two {
  top: -17%;
  left: -63%;
  width: 58.75rem;
  height: 58.75rem;
}
.onboarding-books-modal.onboarding-books-modal--tablet .onboarding-books-modal__bkg .svg.three {
  top: 50%;
  left: 70%;
  width: 42.5rem;
  height: 42.5rem;
}
.onboarding-books-modal.onboarding-books-modal--tablet .onboarding-books-modal__body h1 {
  font-family: 'CircularStd';
  font-size: 3rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0925rem;
  margin: 0 auto 3rem auto;
  max-width: 37.375rem;
}
.onboarding-books-modal.onboarding-books-modal--tablet .onboarding-books-modal__body svg.success {
  width: 9.25rem;
  height: 9.25rem;
  margin: 0 auto 5rem auto;
}
.onboarding-books-modal.onboarding-books-modal--tablet .onboarding-books-modal__body p {
  font-family: 'CircularStd';
  font-size: 1.5625rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.03375rem;
  line-height: 1.44;
  font-weight: 400;
  max-width: 34rem;
  margin: 0 auto;
}
.onboarding-books-modal.onboarding-books-modal--tablet .onboarding-books-modal__body p + p {
  margin-top: 1.625rem;
}
.onboarding-books-modal.onboarding-books-modal--tablet .onboarding-books-modal__body .pill-button {
  width: 11.5625rem;
  margin-top: 4.1875rem;
}
@media (max-height: 768px) {
  .onboarding-books-modal.onboarding-books-modal--tablet .onboarding-books-modal__body svg.success {
    height: 8.125rem;
    width: 8.125rem;
  }
  .onboarding-books-modal.onboarding-books-modal--tablet .onboarding-books-modal__body .pill-button {
    margin-top: 3rem;
  }
}
.onboarding-books-modal.onboarding-books-modal--desktop .onboarding-books-modal__bkg .svg.one {
  top: -29%;
  left: 32%;
  width: 48.75rem;
  height: 48.75rem;
}
.onboarding-books-modal.onboarding-books-modal--desktop .onboarding-books-modal__bkg .svg.two {
  top: -17%;
  left: -55%;
  width: 77.5rem;
  height: 77.5rem;
}
.onboarding-books-modal.onboarding-books-modal--desktop .onboarding-books-modal__bkg .svg.three {
  top: 66%;
  left: 61%;
  width: 42.5rem;
  height: 42.5rem;
}
@media (min-width: 1200px) {
  .onboarding-books-modal.onboarding-books-modal--desktop .onboarding-books-modal__bkg .svg.one {
    width: 55rem;
    height: 55rem;
  }
  .onboarding-books-modal.onboarding-books-modal--desktop .onboarding-books-modal__bkg .svg.two {
    width: 92.5rem;
    height: 92.5rem;
  }
  .onboarding-books-modal.onboarding-books-modal--desktop .onboarding-books-modal__bkg .svg.three {
    width: 48.75rem;
    height: 48.75rem;
  }
}
.onboarding-books-modal.onboarding-books-modal--desktop .onboarding-books-modal__body h1 {
  font-family: 'CircularStd';
  font-size: 3.8125rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.1175rem;
  max-width: 53.8125rem;
  margin: 0 auto 3.25rem;
}
.onboarding-books-modal.onboarding-books-modal--desktop .onboarding-books-modal__body svg.success {
  width: 9.25rem;
  height: 9.125rem;
  margin: 0 auto 1.5rem auto;
}
.onboarding-books-modal.onboarding-books-modal--desktop .onboarding-books-modal__body p {
  font-family: 'CircularStd';
  font-size: 1.9375rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.041875rem;
  max-width: 46rem;
  margin: 0 auto;
}
.onboarding-books-modal.onboarding-books-modal--desktop .onboarding-books-modal__body p + p {
  margin-top: 1.625rem;
}
.onboarding-books-modal.onboarding-books-modal--desktop .onboarding-books-modal__body .pill-button {
  width: 11.5625rem;
  margin-top: 3rem;
}
.onboarding-final-loader {
  width: 100%;
  height: 100%;
}
.onboarding-final-loader .onboarding-final-loader__bkg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #8e00bd;
}
.onboarding-final-loader .onboarding-final-loader__bkg .svg {
  position: absolute;
}
.onboarding-final-loader .onboarding-final-loader__bkg .svg:before {
  content: '';
  display: block;
  width: 100%;
}
.onboarding-final-loader .onboarding-final-loader__bkg .svg svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.onboarding-final-loader .onboarding-final-loader__bkg .svg.one {
  top: -18%;
  left: 44%;
  width: 48.75rem;
  height: 48.75rem;
}
.onboarding-final-loader .onboarding-final-loader__bkg .svg.two {
  top: -55%;
  left: -35%;
  width: 42.5rem;
  height: 42.5rem;
}
.onboarding-final-loader .onboarding-final-loader__bkg .svg.three {
  top: 74%;
  left: -8%;
  width: 30rem;
  height: 30rem;
}
.onboarding-final-loader .onboarding-final-loader__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.onboarding-final-loader .onboarding-final-loader__body .container {
  text-align: center;
}
.onboarding-final-loader .onboarding-final-loader__body svg.success {
  display: block;
  width: 5.9375rem;
  height: 5.875rem;
  margin: 0 auto 1.875rem auto;
}
.onboarding-final-loader .onboarding-final-loader__body p {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  color: #fff;
}
.onboarding-final-loader .onboarding-final-loader__body p:first-child {
  margin-top: 0;
}
.onboarding-final-loader .onboarding-final-loader__body p:last-child {
  margin-bottom: 0;
}
.onboarding-final-loader .onboarding-final-loader__body .onboarding-final-loader__body__loaders {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 10.8125rem;
  margin: 2.125rem auto 0;
}
.onboarding-final-loader .onboarding-final-loader__body .onboarding-final-loader__body__loaders div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.onboarding-final-loader .onboarding-final-loader__body .onboarding-final-loader__body__loaders div.faded p {
  opacity: 0.3;
}
.onboarding-final-loader .onboarding-final-loader__body .onboarding-final-loader__body__loaders div div {
  width: 1.5rem;
  height: 1.5rem;
}
.onboarding-final-loader .onboarding-final-loader__body .onboarding-final-loader__body__loaders div svg.animated {
  -webkit-animation: loader-rotate 1750ms linear infinite;
          animation: loader-rotate 1750ms linear infinite;
}
.onboarding-final-loader .onboarding-final-loader__body .onboarding-final-loader__body__loaders div p {
  margin: 1.5rem 0 1.5rem 1rem;
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  color: #fff;
}
.onboarding-final-loader.onboarding-final-loader--tablet .onboarding-final-loader__bkg .svg.one {
  top: -36%;
  left: 27%;
  width: 48.75rem;
  height: 48.75rem;
}
.onboarding-final-loader.onboarding-final-loader--tablet .onboarding-final-loader__bkg .svg.two {
  top: -17%;
  left: -63%;
  width: 58.75rem;
  height: 58.75rem;
}
.onboarding-final-loader.onboarding-final-loader--tablet .onboarding-final-loader__bkg .svg.three {
  top: 50%;
  left: 70%;
  width: 42.5rem;
  height: 42.5rem;
}
.onboarding-final-loader.onboarding-final-loader--tablet .onboarding-final-loader__body h1 {
  font-family: 'CircularStd';
  font-size: 3rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0925rem;
  margin: 0 auto 3rem auto;
  max-width: 37.375rem;
}
.onboarding-final-loader.onboarding-final-loader--tablet .onboarding-final-loader__body svg.success {
  width: 9.25rem;
  height: 9.25rem;
  margin: 0 auto 5rem auto;
}
.onboarding-final-loader.onboarding-final-loader--tablet .onboarding-final-loader__body p {
  font-family: 'CircularStd';
  font-size: 1.5625rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.03375rem;
  line-height: 1.44;
  font-weight: 400;
  max-width: 34rem;
  margin: 0 auto;
}
.onboarding-final-loader.onboarding-final-loader--tablet .onboarding-final-loader__body p + p {
  margin-top: 1.625rem;
}
.onboarding-final-loader.onboarding-final-loader--tablet .onboarding-final-loader__body .pill-button {
  width: 11.5625rem;
  margin-top: 4.1875rem;
}
@media (max-height: 768px) {
  .onboarding-final-loader.onboarding-final-loader--tablet .onboarding-final-loader__body svg.success {
    height: 8.125rem;
    width: 8.125rem;
  }
  .onboarding-final-loader.onboarding-final-loader--tablet .onboarding-final-loader__body .pill-button {
    margin-top: 3rem;
  }
}
.onboarding-final-loader.onboarding-final-loader--desktop .onboarding-final-loader__bkg .svg.one {
  top: -29%;
  left: 32%;
  width: 48.75rem;
  height: 48.75rem;
}
.onboarding-final-loader.onboarding-final-loader--desktop .onboarding-final-loader__bkg .svg.two {
  top: -17%;
  left: -55%;
  width: 77.5rem;
  height: 77.5rem;
}
.onboarding-final-loader.onboarding-final-loader--desktop .onboarding-final-loader__bkg .svg.three {
  top: 66%;
  left: 61%;
  width: 42.5rem;
  height: 42.5rem;
}
@media (min-width: 1200px) {
  .onboarding-final-loader.onboarding-final-loader--desktop .onboarding-final-loader__bkg .svg.one {
    width: 55rem;
    height: 55rem;
  }
  .onboarding-final-loader.onboarding-final-loader--desktop .onboarding-final-loader__bkg .svg.two {
    width: 92.5rem;
    height: 92.5rem;
  }
  .onboarding-final-loader.onboarding-final-loader--desktop .onboarding-final-loader__bkg .svg.three {
    width: 48.75rem;
    height: 48.75rem;
  }
}
.onboarding-final-loader.onboarding-final-loader--desktop .onboarding-final-loader__body h1 {
  font-family: 'CircularStd';
  font-size: 3.8125rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.1175rem;
  max-width: 53.8125rem;
  margin: 0 auto 3.25rem;
}
.onboarding-final-loader.onboarding-final-loader--desktop .onboarding-final-loader__body svg.success {
  width: 9.25rem;
  height: 9.125rem;
  margin: 0 auto 1.5rem auto;
}
.onboarding-final-loader.onboarding-final-loader--desktop .onboarding-final-loader__body p {
  font-family: 'CircularStd';
  font-size: 1.9375rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.041875rem;
  max-width: 46rem;
  margin: 0 auto;
}
.onboarding-final-loader.onboarding-final-loader--desktop .onboarding-final-loader__body p + p {
  margin-top: 1.625rem;
}
.onboarding-final-loader.onboarding-final-loader--desktop .onboarding-final-loader__body .onboarding-final-loader__body__loaders {
  max-width: 11.25rem;
}
.onboarding-final-loader.onboarding-final-loader--desktop .onboarding-final-loader__body .onboarding-final-loader__body__loaders div p {
  margin: 1.5rem 0 1.5rem 1rem;
  color: #fff;
}
.onboarding-interstitial {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.onboarding-interstitial .onboarding-interstitial__bkg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #5e007d;
}
.onboarding-interstitial .onboarding-interstitial__body {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  -webkit-transform: translateY(-3.75rem);
      -ms-transform: translateY(-3.75rem);
          transform: translateY(-3.75rem);
}
.onboarding-interstitial .onboarding-interstitial__btn {
  position: absolute;
  bottom: -4.375rem;
  right: -4.375rem;
  z-index: 3;
  width: 12.5rem;
  height: 12.5rem;
}
.onboarding-interstitial .onboarding-interstitial__btn svg.background {
  width: 100%;
  height: 100%;
  -webkit-transition: 800ms;
  -o-transition: 800ms;
  transition: 800ms;
}
.onboarding-interstitial .onboarding-interstitial__btn svg.arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2rem;
  height: 2rem;
  -webkit-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
  -webkit-transform: translate(-75%, -75%);
      -ms-transform: translate(-75%, -75%);
          transform: translate(-75%, -75%);
}
.onboarding-interstitial .onboarding-interstitial__btn.animate svg.background {
  -webkit-transform: scale(12) !important;
      -ms-transform: scale(12) !important;
          transform: scale(12) !important;
}
.onboarding-interstitial .onboarding-interstitial__btn.animate svg.arrow {
  opacity: 0;
}
.onboarding-interstitial.onboarding-interstitial--tablet,
.onboarding-interstitial.onboarding-interstitial--desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.onboarding-interstitial.onboarding-interstitial--tablet .onboarding-interstitial__body,
.onboarding-interstitial.onboarding-interstitial--desktop .onboarding-interstitial__body {
  -webkit-transform: initial;
      -ms-transform: initial;
          transform: initial;
  width: unset;
  height: unset;
  margin-bottom: 5rem;
}
.onboarding-interstitial.onboarding-interstitial--tablet .onboarding-interstitial__btn,
.onboarding-interstitial.onboarding-interstitial--desktop .onboarding-interstitial__btn {
  position: relative;
  bottom: 0;
  right: 0;
}
.onboarding-interstitial.onboarding-interstitial--tablet .onboarding-interstitial__btn svg.arrow,
.onboarding-interstitial.onboarding-interstitial--desktop .onboarding-interstitial__btn svg.arrow {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.onboarding-interstitial.onboarding-interstitial--desktop .onboarding-interstitial__btn svg.arrow {
  -webkit-transition: 1000ms;
  -o-transition: 1000ms;
  transition: 1000ms;
}
.onboarding-interstitial.onboarding-interstitial--desktop .onboarding-interstitial__btn:hover svg.background {
  -webkit-transform: scale(1.12) rotate(-29deg);
      -ms-transform: scale(1.12) rotate(-29deg);
          transform: scale(1.12) rotate(-29deg);
}
.onboarding-interstitial.onboarding-interstitial--desktop .onboarding-interstitial__btn.animate svg.arrow {
  left: 1000%;
}
.onboarding-music-modal {
  width: 100%;
  height: 100%;
}
.onboarding-music-modal .onboarding-interstitial .onboarding-interstitial__bkg .svg {
  position: absolute;
}
.onboarding-music-modal .onboarding-interstitial .onboarding-interstitial__bkg .svg:before {
  content: '';
  display: block;
  width: 100%;
}
.onboarding-music-modal .onboarding-interstitial .onboarding-interstitial__bkg .svg svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.onboarding-music-modal .onboarding-interstitial .onboarding-interstitial__bkg .svg:first-child {
  top: -51%;
  left: -93%;
  width: 42.5rem;
  height: 42.5rem;
}
.onboarding-music-modal .onboarding-interstitial .onboarding-interstitial__bkg .svg:last-child {
  top: -8%;
  left: 8%;
  width: 40rem;
  height: 40rem;
  z-index: -1;
}
.onboarding-music-modal .onboarding-interstitial .onboarding-interstitial__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.onboarding-music-modal .onboarding-interstitial .onboarding-interstitial__body h1 {
  margin: 0 0 3.25rem 0;
  color: #ffe308;
  font-size: 2.625rem;
  font-weight: 700;
  letter-spacing: -0.083125rem;
}
.onboarding-music-modal .onboarding-interstitial .onboarding-interstitial__body h2 {
  margin: 0 0 2rem 0;
  color: #fff;
  font-size: 2.3125rem;
  font-weight: 700;
  letter-spacing: -0.073125rem;
  line-height: normal;
}
.onboarding-music-modal .onboarding-interstitial .onboarding-interstitial__body h3 {
  font-family: 'CircularStd';
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.05rem;
  margin: 0;
  color: #fff;
}
.onboarding-music-modal.onboarding-music-modal--tablet .onboarding-interstitial .onboarding-interstitial__bkg .svg:first-child {
  top: -14%;
  left: -18%;
  width: 51.25rem;
  height: 51.25rem;
}
.onboarding-music-modal.onboarding-music-modal--tablet .onboarding-interstitial .onboarding-interstitial__bkg .svg:last-child {
  top: -1%;
  left: 41%;
  width: 56.25rem;
  height: 56.25rem;
  z-index: -1;
}
.onboarding-music-modal.onboarding-music-modal--tablet .onboarding-interstitial .onboarding-interstitial__body {
  margin-bottom: 3.375rem;
}
.onboarding-music-modal.onboarding-music-modal--tablet .onboarding-interstitial .onboarding-interstitial__body h1,
.onboarding-music-modal.onboarding-music-modal--tablet .onboarding-interstitial .onboarding-interstitial__body h2 {
  font-family: 'CircularStd';
  font-size: 2.4375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.1125rem;
}
.onboarding-music-modal.onboarding-music-modal--tablet .onboarding-interstitial .onboarding-interstitial__body h1,
.onboarding-music-modal.onboarding-music-modal--tablet .onboarding-interstitial .onboarding-interstitial__body h2,
.onboarding-music-modal.onboarding-music-modal--tablet .onboarding-interstitial .onboarding-interstitial__body h3 {
  text-align: center;
  max-width: 29.125rem;
  margin: 0 auto 2rem;
}
.onboarding-music-modal.onboarding-music-modal--tablet .onboarding-interstitial .onboarding-interstitial__body h2 {
  margin-bottom: 0;
}
.onboarding-music-modal.onboarding-music-modal--desktop .onboarding-interstitial .onboarding-interstitial__bkg .svg:first-child {
  top: -35%;
  left: -18%;
  width: 70rem;
  height: 70rem;
}
.onboarding-music-modal.onboarding-music-modal--desktop .onboarding-interstitial .onboarding-interstitial__bkg .svg:last-child {
  top: -23%;
  left: 43%;
  width: 78.75rem;
  height: 78.75rem;
  z-index: -1;
}
.onboarding-music-modal.onboarding-music-modal--desktop .onboarding-interstitial .onboarding-interstitial__body {
  margin-bottom: 3.625rem;
}
.onboarding-music-modal.onboarding-music-modal--desktop .onboarding-interstitial .onboarding-interstitial__body h1,
.onboarding-music-modal.onboarding-music-modal--desktop .onboarding-interstitial .onboarding-interstitial__body h2 {
  font-family: 'CircularStd';
  font-size: 3rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.090625rem;
}
.onboarding-music-modal.onboarding-music-modal--desktop .onboarding-interstitial .onboarding-interstitial__body h1,
.onboarding-music-modal.onboarding-music-modal--desktop .onboarding-interstitial .onboarding-interstitial__body h2,
.onboarding-music-modal.onboarding-music-modal--desktop .onboarding-interstitial .onboarding-interstitial__body h3 {
  text-align: center;
  max-width: 37.875rem;
  margin: 0 auto 2rem;
}
.onboarding-music-modal.onboarding-music-modal--desktop .onboarding-interstitial .onboarding-interstitial__body h2 {
  margin-bottom: 0;
}
.onboarding-rate-header .onboarding-rate-header__bkg {
  position: absolute;
  top: 0;
  left: 50%;
  width: 23.4375rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.onboarding-rate-header .onboarding-rate-header__bkg .onboarding-rate-header__bkg__bkg1,
.onboarding-rate-header .onboarding-rate-header__bkg .onboarding-rate-header__bkg__bkg2,
.onboarding-rate-header .onboarding-rate-header__bkg .onboarding-rate-header__bkg__top1,
.onboarding-rate-header .onboarding-rate-header__bkg .onboarding-rate-header__bkg__top2 {
  position: absolute;
  top: 0;
}
.onboarding-rate-header .onboarding-rate-header__bkg__bkg1,
.onboarding-rate-header .onboarding-rate-header__bkg__top1 {
  right: -6.25rem;
  width: 20.486111111111114rem;
  height: 6.875rem;
}
.onboarding-rate-header .onboarding-rate-header__bkg__bkg2,
.onboarding-rate-header .onboarding-rate-header__bkg__top2 {
  left: -3rem;
  width: 29.6849593495935rem;
  height: 7.9375rem;
}
.onboarding-rate-header .onboarding-rate-header__body {
  position: relative;
  z-index: 2;
  padding-top: 1rem;
  color: #fff;
  text-align: center;
}
.onboarding-rate-header .onboarding-rate-header__body h1 {
  max-width: 19.4375rem;
  margin: 0 auto;
  text-align: center;
}
.onboarding-rate-header .onboarding-rate-header__body h1.small {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  margin-bottom: 0.5rem;
}
.onboarding-rate-header .onboarding-rate-header__body h1.large {
  font-family: 'CircularStd';
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.05rem;
}
.onboarding-rate-header .onboarding-rate-header__body .onboarding-rate-header__body__count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.onboarding-rate-header .onboarding-rate-header__body .onboarding-rate-header__body__count div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
}
.onboarding-rate-header .onboarding-rate-header__body .onboarding-rate-header__body__count div svg {
  width: 1.5rem;
  height: 1.5rem;
}
.onboarding-rate-header .onboarding-rate-header__body .onboarding-rate-header__body__count div.inactive {
  opacity: 0.5;
}
.onboarding-rate-header .onboarding-rate-header__body .onboarding-rate-header__body__count div.active {
  opacity: 1;
}
.onboarding-rate-header .onboarding-rate-header__body .onboarding-rate-header__body__skip {
  font-family: 'CircularStd';
  font-size: 0.75rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem;
  cursor: pointer;
}
.onboarding-rate-header.onboarding-rate-header--book.onboarding-rate-header--mobile h1.small {
  max-width: 17rem;
}
.onboarding-rate-header.onboarding-rate-header--tablet .onboarding-rate-header__body .onboarding-rate-header__body__skip {
  right: calc(50% - (524px / 2));
}
.onboarding-rate-header.onboarding-rate-header--desktop .onboarding-rate-header__bkg {
  max-width: 62.8125rem;
  width: 100%;
  height: 15.375rem;
}
.onboarding-rate-header.onboarding-rate-header--desktop .onboarding-rate-header__bkg__bkg1,
.onboarding-rate-header.onboarding-rate-header--desktop .onboarding-rate-header__bkg__top1 {
  right: 0;
  width: 40.625rem;
  height: 10rem;
}
.onboarding-rate-header.onboarding-rate-header--desktop .onboarding-rate-header__bkg__bkg2,
.onboarding-rate-header.onboarding-rate-header--desktop .onboarding-rate-header__bkg__top2 {
  left: -3rem;
  width: 60rem;
  height: 11.5rem;
}
.onboarding-rate-header.onboarding-rate-header--desktop .onboarding-rate-header__body {
  padding-top: 1.625rem;
}
.onboarding-rate-header.onboarding-rate-header--desktop .onboarding-rate-header__body h1 {
  max-width: 35rem;
  margin: 0 auto 1rem;
}
.onboarding-rate-header.onboarding-rate-header--desktop .onboarding-rate-header__body h1.small {
  font-family: 'CircularStd';
  font-size: 1.9375rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.041875rem;
}
.onboarding-rate-header.onboarding-rate-header--desktop .onboarding-rate-header__body h1.large {
  font-family: 'CircularStd';
  font-size: 2.5rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.074375rem;
}
.onboarding-rate-header.onboarding-rate-header--desktop .onboarding-rate-header__body .onboarding-rate-header__body__count div {
  width: 1.625rem;
  height: 1.625rem;
}
.onboarding-rate-header.onboarding-rate-header--desktop .onboarding-rate-header__body .onboarding-rate-header__body__skip {
  right: calc(50% - (833px / 2) + 20px);
}
.onboarding-tv-modal {
  width: 100%;
  height: 100%;
}
.onboarding-tv-modal .onboarding-interstitial .onboarding-interstitial__bkg .svg {
  position: absolute;
}
.onboarding-tv-modal .onboarding-interstitial .onboarding-interstitial__bkg .svg:before {
  content: '';
  display: block;
  width: 100%;
}
.onboarding-tv-modal .onboarding-interstitial .onboarding-interstitial__bkg .svg svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.onboarding-tv-modal .onboarding-interstitial .onboarding-interstitial__bkg .svg:first-child {
  top: -37%;
  left: -64%;
  width: 42.5rem;
  height: 42.5rem;
  -webkit-transform: rotate(105deg);
      -ms-transform: rotate(105deg);
          transform: rotate(105deg);
}
.onboarding-tv-modal .onboarding-interstitial .onboarding-interstitial__bkg .svg:last-child {
  bottom: -12%;
  right: -45%;
  width: 31.25rem;
  height: 31.25rem;
}
.onboarding-tv-modal .onboarding-interstitial .onboarding-interstitial__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.onboarding-tv-modal .onboarding-interstitial .onboarding-interstitial__body h1 {
  margin: 0 0 3.25rem 0;
  color: #ffe308;
  font-size: 2.625rem;
  font-weight: 700;
  letter-spacing: -0.083125rem;
}
.onboarding-tv-modal .onboarding-interstitial .onboarding-interstitial__body h2 {
  margin: 0;
  color: #fff;
  font-size: 2.3125rem;
  font-weight: 700;
  letter-spacing: -0.073125rem;
}
.onboarding-tv-modal.onboarding-tv-modal--tablet .onboarding-interstitial .onboarding-interstitial__bkg .svg:first-child {
  top: -12%;
  left: -16%;
  width: 48.125rem;
  height: 48.125rem;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.onboarding-tv-modal.onboarding-tv-modal--tablet .onboarding-interstitial .onboarding-interstitial__bkg .svg:last-child {
  bottom: -53%;
  right: -70%;
  width: 78.75rem;
  height: 78.75rem;
}
.onboarding-tv-modal.onboarding-tv-modal--tablet .onboarding-interstitial .onboarding-interstitial__body {
  margin-bottom: 6.25rem;
}
.onboarding-tv-modal.onboarding-tv-modal--tablet .onboarding-interstitial .onboarding-interstitial__body h1,
.onboarding-tv-modal.onboarding-tv-modal--tablet .onboarding-interstitial .onboarding-interstitial__body h2 {
  font-family: 'CircularStd';
  font-size: 2.4375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.1125rem;
  max-width: 21.25rem;
  text-align: center;
  margin: 0 auto;
}
.onboarding-tv-modal.onboarding-tv-modal--tablet .onboarding-interstitial .onboarding-interstitial__body h1 {
  margin-bottom: 2rem;
}
.onboarding-tv-modal.onboarding-tv-modal--desktop .onboarding-interstitial .onboarding-interstitial__bkg .svg:first-child {
  top: -35%;
  left: -20px;
  width: 58.75rem;
  height: 58.75rem;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.onboarding-tv-modal.onboarding-tv-modal--desktop .onboarding-interstitial .onboarding-interstitial__bkg .svg:last-child {
  top: 16%;
  left: 23%;
  width: 110rem;
  height: 110rem;
}
.onboarding-tv-modal.onboarding-tv-modal--desktop .onboarding-interstitial .onboarding-interstitial__body {
  margin-bottom: 6.25rem;
}
.onboarding-tv-modal.onboarding-tv-modal--desktop .onboarding-interstitial .onboarding-interstitial__body h1,
.onboarding-tv-modal.onboarding-tv-modal--desktop .onboarding-interstitial .onboarding-interstitial__body h2 {
  font-family: 'CircularStd';
  font-size: 3rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.090625rem;
  max-width: 28rem;
  text-align: center;
  margin: 0 auto;
}
.onboarding-tv-modal.onboarding-tv-modal--desktop .onboarding-interstitial .onboarding-interstitial__body h1 {
  margin-bottom: 2rem;
}
.prime-video-modal {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
}
.prime-video-modal .modal__overlay {
  background: rgba(255,255,255,0.9);
  -webkit-animation-name: rate-media-modal-in;
          animation-name: rate-media-modal-in;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.prime-video-modal .modal__overlay .prime-video-modal__close {
  position: fixed;
  top: 0;
  right: 0;
  color: #8e00bd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.prime-video-modal .modal__overlay .container iframe {
  border: none;
}
@-webkit-keyframes prime-video-modal-in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes prime-video-modal-in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.rate-media-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -0.5rem;
}
.rate-media-grid .rate-media-grid__cell {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333%;
          flex: 0 0 33.3333%;
  max-width: 33.333%;
  padding: 0.5rem;
}
.rate-media-grid .rate-media-grid__cell .rate-media-grid__cell__inner {
  width: 100%;
}
.rate-media-grid .rate-media-grid__cell .rate-media-grid__cell__inner .rate-media-grid__cell__inner__pack-shot {
  cursor: pointer;
  position: relative;
}
.rate-media-grid .rate-media-grid__cell .rate-media-grid__cell__inner .rate-media-grid__cell__inner__pack-shot .rate-media-grid__cell__inner__pack-shot__ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
  background-color: rgba(0,0,0,0.6);
}
.rate-media-grid .rate-media-grid__cell .rate-media-grid__cell__inner .rate-media-grid__cell__inner__pack-shot .rate-media-grid__cell__inner__pack-shot__ol .emoji {
  width: 3.25rem;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-animation: 400ms ease-in-out animation 1;
          animation: 400ms ease-in-out animation 1;
}
@-webkit-keyframes animation {
  0% {
    -webkit-transform: scale(0.2) rotate(0);
            transform: scale(0.2) rotate(0);
  }
  25% {
    -webkit-transform: scale(0.5) rotate(0);
            transform: scale(0.5) rotate(0);
  }
  50% {
    -webkit-transform: scale(1.155) rotate(-20deg);
            transform: scale(1.155) rotate(-20deg);
  }
  75% {
    -webkit-transform: scale(1.155) rotate(20deg);
            transform: scale(1.155) rotate(20deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
}
@keyframes animation {
  0% {
    -webkit-transform: scale(0.2) rotate(0);
            transform: scale(0.2) rotate(0);
  }
  25% {
    -webkit-transform: scale(0.5) rotate(0);
            transform: scale(0.5) rotate(0);
  }
  50% {
    -webkit-transform: scale(1.155) rotate(-20deg);
            transform: scale(1.155) rotate(-20deg);
  }
  75% {
    -webkit-transform: scale(1.155) rotate(20deg);
            transform: scale(1.155) rotate(20deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
}
.rate-media-grid .rate-media-grid__cell .rate-media-grid__cell__inner .rate-media-grid__cell__inner__title {
  font-family: 'CircularStd';
  font-size: 0.75rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0125rem;
  margin-top: 0.5rem;
  color: #2e003d;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.rate-media-grid .rate-media-grid__cell .rate-media-grid__cell__inner .rate-media-grid__cell__inner__title span {
  font-family: 'CircularStd';
  font-size: 0.625rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
  display: block;
  margin-top: 0.25rem;
}
.rate-media-grid.rate-media-grid--tablet {
  margin: -0.75rem auto;
  max-width: 46.5rem;
}
.rate-media-grid.rate-media-grid--tablet .rate-media-grid__cell {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
  min-width: 25%;
  padding: 0.75rem;
}
.rate-media-grid.rate-media-grid--tablet .rate-media-grid__cell .rate-media-grid__cell__inner .rate-media-grid__cell__inner__pack-shot .rate-media-grid__cell__inner__pack-shot__ol .emoji {
  width: 5rem;
}
.rate-media-grid.rate-media-grid--desktop {
  margin: -1rem auto;
  max-width: 58rem;
}
.rate-media-grid.rate-media-grid--desktop .rate-media-grid__cell {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
  min-width: 25%;
  padding: 1rem;
}
.rate-media-grid.rate-media-grid--desktop .rate-media-grid__cell .rate-media-grid__cell__inner .rate-media-grid__cell__inner__pack-shot .rate-media-grid__cell__inner__pack-shot__ol .emoji {
  width: 5rem;
}
.ratings-modal .modal__overlay {
  -webkit-animation-name: rate-media-modal-in;
          animation-name: rate-media-modal-in;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.rate-media-modal {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
}
.rate-media-modal .rate-media-modal__close {
  position: fixed;
  top: 0;
  right: 0;
  color: #8e00bd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.rate-media-modal .rate-media-modal__media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 1.25rem;
}
.rate-media-modal .rate-media-modal__heading {
  color: #2e003d;
}
.rate-media-modal .rate-media-modal__media__name span {
  display: block;
}
.rate-media-modal.rate-media-modal--mobile {
  padding: 2rem 1.25rem 1.875rem 1.25rem;
}
.rate-media-modal.rate-media-modal--mobile .rate-media-modal__close svg {
  width: 1.5rem;
  height: 1.5rem;
}
.rate-media-modal.rate-media-modal--mobile .rate-media-modal__heading {
  font-family: 'CircularStd';
  font-size: 1.4375rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.03125rem;
  margin: 0;
  margin-bottom: 1.5rem;
}
.rate-media-modal.rate-media-modal--mobile .rate-media-modal__media__pack-shot {
  width: 10rem;
}
.rate-media-modal.rate-media-modal--mobile .rate-media-modal__media__name {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  margin: 0;
  margin-top: 1.25rem;
}
.rate-media-modal.rate-media-modal--mobile .rate-media-modal__media__name span {
  font-family: 'CircularStd';
  font-size: 0.75rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  margin-top: 0.375rem;
}
.rate-media-modal.rate-media-modal--tablet {
  padding-top: 2.5rem;
  min-width: 80%;
}
.rate-media-modal.rate-media-modal--tablet .rate-media-modal__close {
  padding: 1rem;
}
.rate-media-modal.rate-media-modal--tablet .rate-media-modal__close svg {
  width: 2rem;
  height: 2rem;
}
.rate-media-modal.rate-media-modal--tablet .rate-media-modal__heading {
  font-family: 'CircularStd';
  font-size: 1.9375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0575rem;
  margin: 0 0 5.1875rem 0;
}
.rate-media-modal.rate-media-modal--tablet .rate-media-modal__media__pack-shot {
  width: 15rem;
}
.rate-media-modal.rate-media-modal--tablet .rate-media-modal__media__name {
  font-family: 'CircularStd';
  font-size: 1.5625rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.03375rem;
  margin-top: 2.9375rem;
}
.rate-media-modal.rate-media-modal--tablet .rate-media-modal__media__name span {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  margin-top: 0.375rem;
}
.rate-media-modal.rate-media-modal--tablet .rate-media-modal__media {
  margin: 0 0 1.5rem;
}
.rate-media-modal.rate-media-modal--desktop {
  padding-top: torem(64px);
  min-width: 60vw;
  min-height: 60vh;
  position: relative;
}
.rate-media-modal.rate-media-modal--desktop .rate-media-modal__heading {
  font-family: 'CircularStd';
  font-size: 2.5rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.074375rem;
  margin: 0 0 2rem 0;
}
.rate-media-modal.rate-media-modal--desktop .rate-media-modal__media__pack-shot {
  width: 14.5625rem;
}
.rate-media-modal.rate-media-modal--desktop .rate-media-modal__media__name {
  font-family: 'CircularStd';
  font-size: 1.9375rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.041875rem;
  margin: 1.5rem 0 0 0;
}
.rate-media-modal.rate-media-modal--desktop .rate-media-modal__media__name span {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  margin-top: 0.375rem;
}
.rate-media-modal.rate-media-modal--desktop .rate-media-modal__close {
  padding: 1rem;
}
.rate-media-modal.rate-media-modal--desktop .rate-media-modal__close svg {
  width: 2rem;
  height: 2rem;
}
.rate-media-modal.rate-media-modal--desktop .rate-media-modal__media {
  margin: 0 0 2rem;
}
@-webkit-keyframes rate-media-modal-in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes rate-media-modal-in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.remove-it-modal .modal__overlay {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background-color: rgba(255,255,255,0.9);
}
.remove-it-modal .modal__overlay .modal__main {
  text-align: center;
  width: 100%;
}
.remove-it-modal .modal__overlay .modal__main .remove-it-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.remove-it-modal .modal__overlay .modal__main .remove-it-modal__close svg {
  width: 1.5rem;
  height: 1.5rem;
}
.remove-it-modal .modal__overlay .modal__main .remove-it-modal__close svg,
.remove-it-modal .modal__overlay .modal__main .remove-it-modal__close svg > * {
  fill: #8e00bd;
}
.remove-it-modal .modal__overlay .modal__main .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.remove-it-modal .modal__overlay .modal__main h1 {
  color: #2e003d;
  font-family: 'CircularStd';
  font-size: 2.4375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.075rem;
  margin: 0 0 3rem;
  max-width: 23.125rem;
}
.remove-it-modal .modal__overlay .modal__main p {
  color: #2e003d;
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  margin: 0 0 4rem;
  max-width: 16rem;
}
.remove-it-modal .modal__overlay .modal__main .pill-button {
  width: 100%;
  max-width: 13.25rem;
}
.remove-it-modal .modal__overlay .modal__main span.changed-my-mind {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  color: #8e00bd;
  margin-top: 1rem;
  padding: 1rem 2rem;
  cursor: pointer;
}
.search-modal {
  width: 100%;
  height: 100%;
}
.search-modal .modal__overlay {
  -webkit-animation-name: ii-modal-in;
          animation-name: ii-modal-in;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  width: 100%;
  height: 100%;
  z-index: 6000;
}
.search-modal .modal__overlay .modal__main {
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background: -o-linear-gradient(bottom, rgba(255,255,255,0.9) 0%, rgba(239,224,244,0.9) 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.9)), to(rgba(239,224,244,0.9)));
  background: linear-gradient(0deg, rgba(255,255,255,0.9) 0%, rgba(239,224,244,0.9) 100%);
  overflow: hidden;
}
.search-modal .close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem;
  cursor: pointer;
  color: #8e00bd;
}
.search-modal .close-button svg {
  width: 1.5rem;
  height: 1.5rem;
}
.search-modal .search-modal__container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
  padding-top: 1.5rem;
}
.search-modal .search-modal__container .container {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 46rem;
}
.search-modal h3 {
  font-family: 'CircularStd';
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.05rem;
  color: #2e003d;
  margin: 0 auto 1rem;
  text-align: center;
}
.search-modal .search_filters {
  text-align: center;
  margin-bottom: 12px;
}
.search-modal .search_filters > li {
  display: inline-block;
  cursor: pointer;
  line-height: 1.25rem;
  margin-left: 0.5rem;
  font-weight: 500;
}
.search-modal .search_filters > li:first-child {
  margin-left: 0;
}
.search-modal .search_filters > li button {
  color: #8e00bd;
  font-size: 0.875rem;
  font-weight: bold;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 1.875rem;
  border: 1px solid #8e00bd;
  border-radius: 1.0625rem;
  padding: 0 0.4375rem;
  margin-bottom: 12px;
  cursor: pointer;
}
.search-modal .search_filters > li button:hover {
  color: #2e003d;
  border-color: #2e003d;
}
.search-modal .search_filters > li button.current {
  color: #fff;
  background-color: #2e003d;
  border-color: #2e003d;
}
.search-modal .search-modal__input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 3rem;
  padding: 0 0 0 1rem;
  margin-bottom: 1.5rem;
  border: solid 0.0625rem #e6e6e6;
  border-radius: 1.5rem;
  background-color: #fff;
}
.search-modal .search-modal__input svg {
  width: 1rem;
  height: 1rem;
  margin-right: 1rem;
}
.search-modal .search-modal__input input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  padding-right: 1.625rem;
}
.search-modal .search-modal__input.search-modal__input--focused {
  border-color: #5e007d;
}
.search-modal .search-modal__message {
  padding-top: 0.75rem;
  text-align: center;
}
.search-modal .search-modal__message p {
  margin: 0;
}
.search-modal .search-modal__message p.large {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  margin-bottom: 1rem;
  color: #2e003d;
}
.search-modal .search-modal__message p.small {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  color: #2e003d;
}
.search-modal .search-modal__results {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 1.5rem;
}
.search-modal .search-modal__results .search-item:first-child {
  margin-top: 0;
}
.search-modal .search-modal__results .search-item:last-child {
  margin-bottom: 0;
}
@-webkit-keyframes ii-modal-in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9) translateY(1.25rem);
            transform: scale(0.9) translateY(1.25rem);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
  }
}
@keyframes ii-modal-in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9) translateY(1.25rem);
            transform: scale(0.9) translateY(1.25rem);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
  }
}
.select-group-modal .modal__overlay {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background-color: rgba(255,255,255,0.9);
}
.select-group-modal .modal__overlay .modal__main {
  text-align: center;
  width: 100%;
}
.select-group-modal .modal__overlay .modal__main .select-group-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.select-group-modal .modal__overlay .modal__main .select-group-modal__close svg {
  width: 1.5rem;
  height: 1.5rem;
}
.select-group-modal .modal__overlay .modal__main .select-group-modal__close svg,
.select-group-modal .modal__overlay .modal__main .select-group-modal__close svg > * {
  fill: #8e00bd;
}
.select-group-modal .modal__overlay .modal__main .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.select-group-modal .modal__overlay .modal__main .select-group-modal__icon-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 31.25rem;
  margin: 1rem 0;
}
.select-group-modal .modal__overlay .modal__main .select-group-modal__icon-container .select-group-modal__group {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6.125rem;
          flex: 0 0 6.125rem;
  max-width: 6.125rem;
  min-width: 6.125rem;
  margin: 0.625rem 1rem;
}
.select-group-modal .modal__overlay .modal__main .select-group-modal__icon-container .select-group-modal__group .group-icon {
  width: 100%;
  -webkit-transition: -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
  -o-transition: transform 0.1s ease, box-shadow 0.1s ease;
  transition: transform 0.1s ease, box-shadow 0.1s ease;
  transition: transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
  -webkit-box-shadow: 0 0.4375rem 0.5625rem 0 rgba(0,0,0,0.19);
          box-shadow: 0 0.4375rem 0.5625rem 0 rgba(0,0,0,0.19);
}
.select-group-modal .modal__overlay .modal__main .select-group-modal__icon-container .select-group-modal__group p {
  font-family: 'CircularStd';
  font-size: 0.75rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  margin: 0.75rem 0 0 0;
  color: #2e003d;
}
.select-group-modal .modal__overlay .modal__main .select-group-modal__icon-container .select-group-modal__group.select-group-modal__group--active .group-icon {
  -webkit-box-shadow: 0 0 0.375rem rgba(0,0,0,0.6);
          box-shadow: 0 0 0.375rem rgba(0,0,0,0.6);
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.select-group-modal .modal__overlay .modal__main h2 {
  font-family: 'CircularStd';
  font-size: 1.4375rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.03125rem;
  color: #2e003d;
  margin: 2.25rem 0;
  max-width: 23.125rem;
}
.select-group-modal .modal__overlay .modal__main .pill-button {
  width: 100%;
  max-width: 20.375rem;
  margin: 2rem 0;
}
.select-group-modal.select-group-modal--tablet .modal__overlay .modal__main h2 {
  font-family: 'CircularStd';
  font-size: 1.5625rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.03375rem;
}
.select-group-modal.select-group-modal--desktop .modal__overlay .modal__main h2 {
  font-family: 'CircularStd';
  font-size: 1.9375rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.041875rem;
}
.select-group-modal.select-group-modal--desktop .modal__overlay .modal__main .select-group-modal__icon-container .select-group-modal__group .group-icon:hover {
  cursor: pointer;
}
.sign-up-modal {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sign-up-modal .sign-up-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 888;
  padding: 1rem;
}
.sign-up-modal .sign-up-modal__close svg {
  width: 1.5rem;
  height: 1.5rem;
}
.sign-up-modal .sign-up-modal__background-blobs .svg {
  position: absolute;
}
.sign-up-modal .sign-up-modal__background-blobs .svg:before {
  content: '';
  display: block;
  width: 100%;
}
.sign-up-modal .sign-up-modal__background-blobs .svg svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sign-up-modal .sign-up-modal__background-blobs .svg.one {
  top: -18%;
  left: -71%;
  width: 33.75rem;
  height: 33.75rem;
}
.sign-up-modal .sign-up-modal__background-blobs .svg.two {
  bottom: 0;
  right: -24%;
  width: 36.875rem;
  height: 36.875rem;
}
.sign-up-modal .sign-up-modal__close--white {
  color: #fff;
}
.sign-up-modal .sign-up-modal__close--purple {
  color: #8e00bd;
}
.sign-up-modal .container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}
.sign-up-modal .container .sign-up-modal__container {
  width: 100%;
  max-width: 19.6875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.sign-up-modal.sign-up-modal--intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  background-color: #5e007d;
}
.sign-up-modal.sign-up-modal--intro h1,
.sign-up-modal.sign-up-modal--intro h2 {
  font-family: 'CircularStd';
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.05rem;
  margin: 0;
}
.sign-up-modal.sign-up-modal--intro h1 {
  margin-bottom: 1.875rem;
}
.sign-up-modal.sign-up-modal--intro h2 {
  margin-bottom: 1.5rem;
  color: #fff;
}
.sign-up-modal.sign-up-modal--intro p {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  margin: 0 0 3.125rem;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sign-up-modal.sign-up-modal--intro p svg {
  margin-left: 0.5rem;
}
.sign-up-modal.sign-up-modal--intro p svg,
.sign-up-modal.sign-up-modal--intro p svg > * {
  fill: #fff;
}
.sign-up-modal.sign-up-modal--intro .sign-up-modal__intro-actions {
  position: bottom;
  left: 0;
  width: 100%;
  text-align: center;
}
.sign-up-modal.sign-up-modal--intro .sign-up-modal__intro-actions .pill-button {
  color: #5e007d;
  width: 12.875rem;
}
.sign-up-modal.sign-up-modal--intro .sign-up-modal__intro-actions .sign-up-modal__intro-actions__close {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  text-decoration: underline;
  text-align: center;
  padding: 1.125rem;
  color: #fff;
  cursor: pointer;
}
.sign-up-modal.sign-up-modal--why {
  padding: 3rem 0;
  background-color: #fff;
  overflow: scroll;
}
.sign-up-modal.sign-up-modal--why h1 {
  font-family: 'CircularStd';
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.05rem;
  margin: 0 0 1.625rem 0;
  color: #2e003d;
  text-align: center;
}
.sign-up-modal.sign-up-modal--why p {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  margin: 0;
  margin-bottom: 1rem;
  color: #2e003d;
  text-align: center;
}
.sign-up-modal.sign-up-modal--why .sign-up-modal__svg {
  display: block;
  margin: 3.125rem auto 3.75rem auto;
}
.sign-up-modal.sign-up-modal--why .sign-up-modal__svg.sign-up-modal__svg--1 {
  width: 12.5rem;
  height: 8.5625rem;
}
.sign-up-modal.sign-up-modal--why .sign-up-modal__svg.sign-up-modal__svg--2 {
  width: 6rem;
  height: 8.5625rem;
}
.sign-up-modal.sign-up-modal--why .sign-up-modal__svg.sign-up-modal__svg--3 {
  width: 7.375rem;
  height: 7.5rem;
}
.sign-up-modal.sign-up-modal--why .pill-button {
  padding-left: 1rem;
  padding-right: 1rem;
  margin: 2rem auto 0;
}
.sign-up-modal.sign-up-modal--tablet .sign-up-modal__close svg {
  width: 1.5rem;
  height: 1.5rem;
}
.sign-up-modal.sign-up-modal--tablet .sign-up-modal__background-blobs .svg.one {
  top: -3%;
  left: -19%;
  width: 47.3125rem;
  height: 47.3125rem;
}
.sign-up-modal.sign-up-modal--tablet .sign-up-modal__background-blobs .svg.two {
  bottom: -7%;
  right: -17%;
  width: 42.125rem;
  height: 42.125rem;
}
.sign-up-modal.sign-up-modal--tablet .container .sign-up-modal__container {
  max-width: 25.9375rem;
}
.sign-up-modal--tablet.sign-up-modal--intro h1,
.sign-up-modal--tablet.sign-up-modal--intro h2 {
  font-family: 'CircularStd';
  font-size: 1.9375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0575rem;
}
.sign-up-modal.sign-up-modal--desktop .sign-up-modal__close svg {
  width: 1.5rem;
  height: 1.5rem;
}
.sign-up-modal.sign-up-modal--desktop .sign-up-modal__background-blobs .svg.one {
  top: -40%;
  left: -17%;
  width: 82.3125rem;
  height: 82.3125rem;
}
.sign-up-modal.sign-up-modal--desktop .sign-up-modal__background-blobs .svg.two {
  bottom: -16%;
  right: -8%;
  width: 80.25rem;
  height: 80.25rem;
}
@media (max-width: 1420px) {
  .sign-up-modal.sign-up-modal--desktop .sign-up-modal__background-blobs .svg.one {
    top: -40%;
    left: -17%;
    width: 69.8125rem;
    height: 69.8125rem;
  }
  .sign-up-modal.sign-up-modal--desktop .sign-up-modal__background-blobs .svg.two {
    bottom: -19%;
    right: -10%;
    width: 64rem;
    height: 64rem;
  }
}
.sign-up-modal.sign-up-modal--desktop .container .sign-up-modal__container {
  max-width: 37.5rem;
}
.sign-up-modal.sign-up-modal--desktop.sign-up-modal--why h1 {
  font-family: 'CircularStd';
  font-size: 2.5rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.074375rem;
}
.sign-up-modal.sign-up-modal--desktop.sign-up-modal--why p {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
}
.sign-up-modal.sign-up-modal--desktop.sign-up-modal--intro h1,
.sign-up-modal.sign-up-modal--desktop.sign-up-modal--intro h2 {
  font-family: 'CircularStd';
  font-size: 2.5rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.074375rem;
}
.sign-up-modal.sign-up-modal--desktop.sign-up-modal--intro p {
  font-family: 'CircularStd';
  font-size: 1.4375rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.03125rem;
}
.skip-modal .modal__overlay {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background-color: rgba(255,255,255,0.9);
}
.skip-modal .modal__overlay .modal__main {
  text-align: center;
  width: 100%;
}
.skip-modal .modal__overlay .modal__main .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.skip-modal .modal__overlay .modal__main h1 {
  color: #2e003d;
  font-family: 'CircularStd';
  font-size: 2.4375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.075rem;
  margin: 0 0 3rem;
  max-width: 18.4375rem;
}
.skip-modal .modal__overlay .modal__main p {
  color: #2e003d;
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  margin: 0 0 6.6875rem;
  max-width: 18.4375rem;
}
.skip-modal .modal__overlay .modal__main .pill-button {
  width: 100%;
  max-width: 13.25rem;
}
.skip-modal .modal__overlay .modal__main span.cancel {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  color: #8e00bd;
  margin-top: 1rem;
  padding: 1rem 2rem;
  cursor: pointer;
}
.social-sign-in {
  margin-top: 2.5rem;
}
.social-sign-in h3 {
  font-family: 'CircularStd';
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.05rem;
  margin: 0 0 1.625rem 0;
  color: #2e003d;
  text-align: center;
}
.social-sign-in .social-sign-in__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.social-sign-in .social-sign-in__links .social-login {
  margin: 0 0.5rem;
}
.social-sign-in .social-sign-in__links svg,
.social-sign-in .social-sign-in__links svg > * {
  fill: #8e00bd;
}
.social-sign-in--register h3 {
  color: #fff;
}
.social-sign-in--register .social-login {
  border-color: #fff;
}
.social-sign-in--register .social-login span {
  color: #fff;
}
.social-sign-in--register .social-login svg,
.social-sign-in--register .social-login svg > * {
  fill: #fff;
}
.testimonial-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 41rem;
  margin: 0 auto;
  position: relative;
}
.testimonial-card.testimonial-card--tablet {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.base-layout--desktop {
  min-width: 56.25rem;
}
.my-list-layout {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
}
.my-list-layout .my-list-layout__header:before {
  content: '';
  display: block;
  height: 7.1875rem;
}
.my-list-layout .my-list-layout__header .my-list-layout__header__container {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 0.625rem 0 1.8125rem 0;
  z-index: 100;
}
.my-list-layout .my-list-layout__header .my-list-layout__header__container h3 {
  font-family: 'CircularStd';
  font-size: 2rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0625rem;
  text-align: center;
  margin: 0 auto;
  color: #ffe308;
}
.my-list-layout .my-list-layout__header .my-list-layout__header__container .my-list-layout__header__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.my-list-layout .my-list-layout__header .my-list-layout__header__container .my-list-layout__header__background .svg {
  position: absolute;
}
.my-list-layout .my-list-layout__header .my-list-layout__header__container .my-list-layout__header__background .svg:before {
  content: '';
  display: block;
  width: 100%;
}
.my-list-layout .my-list-layout__header .my-list-layout__header__container .my-list-layout__header__background .svg svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.my-list-layout .my-list-layout__header .my-list-layout__header__container .my-list-layout__header__background .svg.one {
  top: -28.0625rem;
  left: 1.1875rem;
  width: 37.5rem;
  height: 37.5rem;
}
.my-list-layout .my-list-layout__header .my-list-layout__header__container .my-list-layout__header__background .svg.two {
  top: -32.9375rem;
  left: -8.3125rem;
  width: 40.375rem;
  height: 40.375rem;
  -webkit-transform: rotate(104deg);
      -ms-transform: rotate(104deg);
          transform: rotate(104deg);
}
.my-list-layout .my-list-layout__header .my-list-layout__header__container .my-list-layout__header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-list-layout .my-list-layout__header .my-list-layout__header__container .my-list-layout__header__menu a {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  padding: 0.875rem 0.5625rem;
  text-decoration: none;
  color: #fff;
}
.my-list-layout .my-list-layout__header .my-list-layout__header__container .my-list-layout__header__menu a.active {
  color: #ffe308;
}
.my-list-layout__information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-list-layout__information p {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  color: #2e003d;
  text-align: center;
  margin: 2rem 0;
  max-width: 18.4375rem;
}
.my-list-layout__information .pill-button {
  padding: 0.875rem 1.625rem;
}
.my-list-layout__items {
  max-width: 50rem;
  margin: 0 auto;
  padding-top: 0.75rem;
}
.my-list-layout__items .my-list-item {
  margin-bottom: 0.75rem;
}
.my-list-layout__items .my-list-item:last-child {
  bottom: 0;
}
.my-list-layout.my-list-layout--tablet .my-list-layout__header:before {
  height: 9.0625rem;
}
.my-list-layout.my-list-layout--tablet .my-list-layout__header .my-list-layout__header__container h3 {
  font-family: 'CircularStd';
  font-size: 2.4375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.1125rem;
}
.my-list-layout.my-list-layout--tablet .my-list-layout__header .my-list-layout__header__container .my-list-layout__header__background .svg.one {
  top: -62.5rem;
  left: 0;
  width: 75rem;
  height: 75rem;
}
.my-list-layout.my-list-layout--tablet .my-list-layout__header .my-list-layout__header__container .my-list-layout__header__background .svg.two {
  top: -69.3125rem;
  left: -13.9375rem;
  width: 77.875rem;
  height: 77.875rem;
}
.my-list-layout.my-list-layout--tablet .my-list-layout__items .my-list-item {
  margin-bottom: 1rem;
}
.my-list-layout.my-list-layout--desktop .my-list-layout__header:before {
  height: 9.0625rem;
}
.my-list-layout.my-list-layout--desktop .my-list-layout__header .my-list-layout__header__container h3 {
  font-family: 'CircularStd';
  font-size: 3rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.090625rem;
}
.my-list-layout.my-list-layout--desktop .my-list-layout__header .my-list-layout__header__container .my-list-layout__header__background {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}
.my-list-layout.my-list-layout--desktop .my-list-layout__header .my-list-layout__header__container .my-list-layout__header__background .svg.one {
  top: -61.5rem;
  left: 0;
  width: 75rem;
  height: 75rem;
}
.my-list-layout.my-list-layout--desktop .my-list-layout__header .my-list-layout__header__container .my-list-layout__header__background .svg.two {
  top: -68.75rem;
  left: -13.9375rem;
  width: 77.875rem;
  height: 77.875rem;
}
.my-list-layout.my-list-layout--desktop .my-list-layout__items .my-list-item {
  margin-bottom: 1rem;
}
.onboarding-rate-layout {
  width: 100%;
  height: 100%;
}
.onboarding-rate-layout .onboarding-rate-layout__background-blobs {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}
.onboarding-rate-layout .onboarding-rate-layout__background-blobs .background-blob {
  position: absolute;
}
.onboarding-rate-layout .onboarding-rate-layout__background-blobs .background-blob.mobile-one {
  left: -3.625rem;
  top: 25.25rem;
  width: 42.375rem;
  z-index: 2;
}
.onboarding-rate-layout .onboarding-rate-layout__header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
}
.onboarding-rate-layout .onboarding-rate-layout__body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 10rem;
}
.onboarding-rate-layout .onboarding-rate-layout__body:before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 3.75rem;
  background: -o-linear-gradient(top, #fff 0%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255,255,255,0)));
  background: linear-gradient(to bottom, #fff 0%, rgba(255,255,255,0) 100%);
}
.onboarding-rate-layout .onboarding-rate-layout__body:before .container {
  padding-bottom: 1.5rem;
}
.onboarding-rate-layout .onboarding-rate-layout__next {
  position: fixed;
  bottom: 0.375rem;
  right: 0.375rem;
  z-index: 10;
  width: 6.25rem;
  height: 6.25rem;
  cursor: pointer;
}
.onboarding-rate-layout .onboarding-rate-layout__next svg {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.onboarding-rate-layout .onboarding-rate-layout__next span {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.onboarding-rate-layout .onboarding-rate-layout__next.onboarding-rate-layout__next--large {
  bottom: -1.875rem;
  right: -1.875rem;
  width: 10rem;
  height: 10rem;
}
.onboarding-rate-layout .onboarding-rate-layout__next.onboarding-rate-layout__next--large span {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
}
.onboarding-rate-layout .onboarding-rate-layout__search-button {
  position: fixed;
  bottom: 0;
  left: calc(50% - (108px / 2));
  width: 100%;
  max-width: 6.75rem;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.onboarding-rate-layout .onboarding-rate-layout__search-button .pill-button {
  max-width: 6.75rem;
  width: 100%;
  height: unset;
  padding: 0.75rem 1rem;
  margin: 1.375rem 0;
  -webkit-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0,0,0,0.3);
          box-shadow: 0 0.3125rem 0.625rem 0 rgba(0,0,0,0.3);
}
.onboarding-rate-layout .onboarding-rate-layout__search-button .pill-button.notice-me-bounce {
  -webkit-animation-name: hero-banner-handle-bounce;
          animation-name: hero-banner-handle-bounce;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.05, 1, 0.5);
          animation-timing-function: cubic-bezier(0.5, 0.05, 1, 0.5);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.onboarding-rate-layout .onboarding-rate-layout__search-button .pill-button span {
  font-size: 1rem;
  letter-spacing: -0.0125rem;
  margin: 0 1.25rem 0 0;
}
.onboarding-rate-layout .onboarding-rate-layout__search-button:hover .pill-button.notice-me-bounce {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.onboarding-rate-layout.onboarding-rate-layout--tablet .onboarding-rate-layout__next {
  bottom: 2.25rem;
  right: 2.4375rem;
  width: 7.5rem;
  height: 7.5rem;
}
.onboarding-rate-layout.onboarding-rate-layout--tablet .onboarding-rate-layout__next.onboarding-rate-layout__next--large {
  bottom: 1.875rem;
  right: 1.875rem;
  width: 11.25rem;
  height: 11.25rem;
}
.onboarding-rate-layout.onboarding-rate-layout--tablet .onboarding-rate-layout__background-blobs .background-blob.tablet-one {
  left: -13.75rem;
  top: 22.875rem;
  width: 48.875rem;
  z-index: 2;
}
.onboarding-rate-layout.onboarding-rate-layout--desktop .onboarding-rate-layout__body {
  padding-top: 14.25rem;
}
.onboarding-rate-layout.onboarding-rate-layout--desktop .onboarding-rate-layout__next {
  bottom: 2.25rem;
  right: 2.4375rem;
  width: 7.5rem;
  height: 7.5rem;
}
.onboarding-rate-layout.onboarding-rate-layout--desktop .onboarding-rate-layout__next:hover svg {
  -webkit-transform: scale(1.15) rotate(14deg);
      -ms-transform: scale(1.15) rotate(14deg);
          transform: scale(1.15) rotate(14deg);
}
.onboarding-rate-layout.onboarding-rate-layout--desktop .onboarding-rate-layout__next.onboarding-rate-layout__next--large {
  bottom: 1.875rem;
  right: 1.875rem;
  width: 11.25rem;
  height: 11.25rem;
}
.onboarding-rate-layout.onboarding-rate-layout--desktop .onboarding-rate-layout__background-blobs .background-blob.desktop-one {
  left: -7.5rem;
  bottom: -14.125rem;
  width: 48.875rem;
  z-index: 2;
}
.onboarding-rate-layout.onboarding-rate-layout--desktop .onboarding-rate-layout__background-blobs .background-blob.desktop-two {
  right: -11.5625rem;
  bottom: -21.875rem;
  width: 29.875rem;
  z-index: 1;
}
.get-started-interstitial .modal__overlay {
  background: #5e007d;
}
.get-started-interstitial .modal__main {
  width: 100%;
  height: 100%;
}
@-webkit-keyframes hero-banner-handle-bounce {
  from {
    -webkit-transform: translateY(-0.5rem);
            transform: translateY(-0.5rem);
  }
  to {
    -webkit-transform: translateY(0.5rem);
            transform: translateY(0.5rem);
  }
}
@keyframes hero-banner-handle-bounce {
  from {
    -webkit-transform: translateY(-0.5rem);
            transform: translateY(-0.5rem);
  }
  to {
    -webkit-transform: translateY(0.5rem);
            transform: translateY(0.5rem);
  }
}
.shelf {
  position: relative;
  padding-bottom: 0.3125rem;
}
.shelf__label {
  text-transform: uppercase;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: top right;
      -ms-transform-origin: top right;
          transform-origin: top right;
  white-space: nowrap;
  color: #2f0048;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.shelf__label-icon {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  color: #8e00bd;
}
.shelf__label-icon svg {
  display: block;
}
.shelf__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow-x: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
}
.shelf__items .media-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.base-layout--mobile .shelving__container {
  margin-left: 66px;
  height: calc(100vh - 30px);
}
.base-layout--mobile .shelving__container .shelving__main-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
@media (max-width: 350px) {
  .base-layout--mobile .shelving__container {
    margin-left: 59px;
  }
}
.base-layout--mobile .shelf__label {
  right: calc(100% + 17px + 20px);
  line-height: 1.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.0625rem;
}
.base-layout--mobile .shelf__label-icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.5rem;
}
.base-layout--mobile .shelf__items .media-item {
  margin-right: 1rem;
  width: 6.125rem;
}
.base-layout--mobile .shelf__items .media-item:last-child {
  position: relative;
}
.base-layout--mobile .shelf__items .media-item:last-child:after {
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  content: '';
  display: block;
  width: 1rem;
  background: transparent;
}
.base-layout--mobile .shelf__items .media-item.media-item--leading {
  width: 10.125rem;
}
.base-layout--tablet .shelving__container {
  margin-left: 5.375rem;
  height: calc(100vh - 114px);
}
.base-layout--tablet .shelving__container .shelving__main-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.base-layout--tablet .shelf__label {
  right: calc(100% + 3.5rem);
  line-height: 2rem;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.125rem;
}
.base-layout--tablet .shelf__label-icon {
  width: 2rem;
  height: 2rem;
  margin-left: 0.5rem;
}
.base-layout--tablet .shelf__items .media-item {
  margin-right: 1rem;
  width: 10.125rem;
}
.base-layout--tablet .shelf__items .media-item:last-child {
  position: relative;
}
.base-layout--tablet .shelf__items .media-item:last-child:after {
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  content: '';
  display: block;
  width: 1rem;
  background: transparent;
}
.base-layout--tablet .shelf__items .media-item.media-item--leading {
  width: 19.75rem;
}
.base-layout--desktop .shelving__container {
  width: 70rem;
  padding-left: 6rem;
  margin: auto;
}
.base-layout--desktop .shelf__label {
  right: calc(100% + 4rem);
  line-height: 2rem;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.125rem;
}
.base-layout--desktop .shelf__label-icon {
  width: 2rem;
  height: 2rem;
  margin-left: 0.5rem;
}
.base-layout--desktop .shelf__items .media-item {
  margin-right: 2rem;
  width: 10rem;
}
.base-layout--desktop .shelf__items .media-item.media-item--leading {
  width: 21rem;
}
.your-ratings-layout {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
}
.your-ratings-layout .your-ratings-layout__header:before {
  content: '';
  display: block;
  height: 7.1875rem;
}
.your-ratings-layout .your-ratings-layout__header .your-ratings-layout__header__container {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 0.625rem 0 1.8125rem 0;
  z-index: 100;
}
.your-ratings-layout .your-ratings-layout__header .your-ratings-layout__header__container h3 {
  font-family: 'CircularStd';
  font-size: 2rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0625rem;
  text-align: center;
  margin: 0 auto;
  color: #ffe308;
}
.your-ratings-layout .your-ratings-layout__header .your-ratings-layout__header__container .your-ratings-layout__header__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.your-ratings-layout .your-ratings-layout__header .your-ratings-layout__header__container .your-ratings-layout__header__background .svg {
  position: absolute;
  pointer-events: none;
}
.your-ratings-layout .your-ratings-layout__header .your-ratings-layout__header__container .your-ratings-layout__header__background .svg:before {
  content: '';
  display: block;
  width: 100%;
}
.your-ratings-layout .your-ratings-layout__header .your-ratings-layout__header__container .your-ratings-layout__header__background .svg svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.your-ratings-layout .your-ratings-layout__header .your-ratings-layout__header__container .your-ratings-layout__header__background .svg.one {
  top: -28.0625rem;
  left: 1.1875rem;
  width: 37.5rem;
  height: 37.5rem;
}
.your-ratings-layout .your-ratings-layout__header .your-ratings-layout__header__container .your-ratings-layout__header__background .svg.two {
  top: -32.9375rem;
  left: -8.3125rem;
  width: 40.375rem;
  height: 40.375rem;
  -webkit-transform: rotate(104deg);
      -ms-transform: rotate(104deg);
          transform: rotate(104deg);
}
.your-ratings-layout .your-ratings-layout__header .your-ratings-layout__header__container .your-ratings-layout__header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.your-ratings-layout .your-ratings-layout__header .your-ratings-layout__header__container .your-ratings-layout__header__menu a {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  padding: 0.875rem 0.5625rem;
  text-decoration: none;
  color: #fff;
}
.your-ratings-layout .your-ratings-layout__header .your-ratings-layout__header__container .your-ratings-layout__header__menu a.active {
  color: #ffe308;
}
.your-ratings-layout__information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.your-ratings-layout__information p {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  color: #2e003d;
  text-align: center;
  margin: 2rem 0;
  max-width: 18.4375rem;
}
.your-ratings-layout__information .pill-button {
  padding: 0.875rem 1.625rem;
}
.your-ratings-layout__items {
  max-width: 50rem;
  margin: 0 auto;
  padding-top: 0.75rem;
}
.your-ratings-layout__items .your-ratings-item {
  margin-bottom: 0.75rem;
}
.your-ratings-layout__items .your-ratings-item:last-child {
  bottom: 0;
}
.your-ratings-layout.your-ratings-layout--tablet .your-ratings-layout__header:before {
  height: 9.0625rem;
}
.your-ratings-layout.your-ratings-layout--tablet .your-ratings-layout__header .your-ratings-layout__header__container h3 {
  font-family: 'CircularStd';
  font-size: 2.4375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.1125rem;
}
.your-ratings-layout.your-ratings-layout--tablet .your-ratings-layout__header .your-ratings-layout__header__container .your-ratings-layout__header__background .svg.one {
  top: -62.5rem;
  left: 0;
  width: 75rem;
  height: 75rem;
}
.your-ratings-layout.your-ratings-layout--tablet .your-ratings-layout__header .your-ratings-layout__header__container .your-ratings-layout__header__background .svg.two {
  top: -69.3125rem;
  left: -13.9375rem;
  width: 77.875rem;
  height: 77.875rem;
}
.your-ratings-layout.your-ratings-layout--tablet .your-ratings-layout__items .your-ratings-item {
  margin-bottom: 1rem;
}
.your-ratings-layout.your-ratings-layout--desktop .your-ratings-layout__header:before {
  height: 9.0625rem;
}
.your-ratings-layout.your-ratings-layout--desktop .your-ratings-layout__header .your-ratings-layout__header__container h3 {
  font-family: 'CircularStd';
  font-size: 3rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.090625rem;
}
.your-ratings-layout.your-ratings-layout--desktop .your-ratings-layout__header .your-ratings-layout__header__container .your-ratings-layout__header__background {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}
.your-ratings-layout.your-ratings-layout--desktop .your-ratings-layout__header .your-ratings-layout__header__container .your-ratings-layout__header__background .svg.one {
  top: -61.5rem;
  left: -4.375rem;
  width: 75rem;
  height: 75rem;
}
.your-ratings-layout.your-ratings-layout--desktop .your-ratings-layout__header .your-ratings-layout__header__container .your-ratings-layout__header__background .svg.two {
  top: -68.75rem;
  left: -17.0625rem;
  width: 77.875rem;
  height: 77.875rem;
}
.your-ratings-layout.your-ratings-layout--desktop .your-ratings-layout__items .your-ratings-item {
  margin-bottom: 1rem;
}
.create-account-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: 100%;
  text-align: center;
}
.create-account-page h1 {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  margin: 0 0 1rem 0;
  color: #2e003d;
}
.create-account-page h2 {
  font-family: 'CircularStd';
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.05rem;
  margin: 0 0 1.5rem 0;
  color: #2e003d;
}
.create-account-page .mobile-number-info {
  font-weight: bold;
  font-size: 12px;
  color: #2e003d;
  margin: -15px 0px 20px;
}
.create-account-page .create-account-page__error {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  margin-bottom: 1.25rem;
  color: #ff0042;
  -webkit-transform: translateY(-1.125rem);
      -ms-transform: translateY(-1.125rem);
          transform: translateY(-1.125rem);
}
.create-account-page .create-account-page__inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-bottom: 1.75rem;
}
.create-account-page .create-account-page__inputs .create-account-page__inputs__block {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  max-width: 20.375rem;
  position: relative;
}
.create-account-page .create-account-page__inputs .create-account-page__inputs__block.create-account-page__inputs__block--two .form-input:first-child {
  margin-bottom: 1rem;
}
.create-account-page .privacy-policy__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 0 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.create-account-page .privacy-policy__container .privacy-policy {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  color: #8e00bd;
  text-decoration: none;
  padding: 0.5rem;
}
.create-account-page .privacy-policy__container .privacy-policy:hover {
  cursor: pointer;
}
.create-account-page .create-account-page__btn .pill-button {
  width: 11.25rem;
}
.create-account-page .progress-dots {
  margin-top: 1.375rem;
}
.create-account-page .progress-dots div {
  cursor: pointer;
}
.create-account-page.create-account-page--tablet h2 {
  font-family: 'CircularStd';
  font-size: 1.9375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0575rem;
}
.create-account-page.create-account-page--desktop h2 {
  font-family: 'CircularStd';
  font-size: 2.5rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.074375rem;
}
.create-group-page {
  position: relative;
  height: 100%;
}
.create-group-page .close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem;
  cursor: pointer;
  color: #8e00bd;
}
.create-group-page .close-button svg {
  width: 1.5rem;
  height: 1.5rem;
}
.create-group-page .create-group-page__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  width: 100%;
  max-width: 46rem;
  text-align: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.create-group-page h1.create-group-page__title {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  margin: 0 0 1rem 0;
  color: #2e003d;
}
.create-group-page h2.create-group-page__subtitle {
  font-family: 'CircularStd';
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.05rem;
  margin: 0;
  color: #2e003d;
}
.create-group-page .create-group-page__input {
  width: 100%;
  margin: 3rem auto 0 auto;
  max-width: 20.375rem;
}
.create-group-page .create-group-page__invite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.create-group-page .create-group-page__invite h3 {
  font-family: 'CircularStd';
  font-size: 1.4375rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.03125rem;
  margin: 1.375rem 0 1.9375rem 0;
  color: #2e003d;
}
.create-group-page .create-group-page__invite .create-group-page__invite__btns {
  text-align: center;
}
.create-group-page .create-group-page__invite .create-group-page__invite__btns div:first-child {
  margin-bottom: 1rem;
}
.create-group-page .create-group-page__invite .create-group-page__invite__btns .pill-button {
  width: 100%;
  max-width: 20.375rem;
}
.create-group-page .create-group-page__invite .create-group-page__invite__invites {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
}
.create-group-page .create-group-page__invite .create-group-page__invite__invites p {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  margin: 2rem 0 0.625rem 0;
  color: #2e003d;
}
.create-group-page .create-group-page__invite .create-group-page__invite__invites .create-group-page__invite__invites__i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  color: #8e00bd;
}
.create-group-page .create-group-page__invite .create-group-page__invite__invites .create-group-page__invite__invites__i span {
  padding: 0.375rem;
  margin-left: auto;
  cursor: pointer;
}
.create-group-page .create-group-page__invite .create-group-page__invite__invites .create-group-page__invite__invites__i span svg {
  width: 0.75rem;
  height: 0.75rem;
}
.create-group-page .create-group-page__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: 43.75rem;
  margin-top: 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.create-group-page .create-group-page__icon .create-group-page__icon__icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333%;
          flex: 0 0 33.333%;
  max-width: 33.333%;
  min-width: 33.333%;
  padding: 0.5rem;
  cursor: pointer;
}
.create-group-page .create-group-page__icon .create-group-page__icon__icon .group-icon {
  width: 100%;
  max-width: 11.875rem;
  margin: 0 auto;
  -webkit-transition: -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
  -o-transition: transform 0.1s ease, box-shadow 0.1s ease;
  transition: transform 0.1s ease, box-shadow 0.1s ease;
  transition: transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
}
.create-group-page .create-group-page__icon .create-group-page__icon__icon.create-group-page__icon__icon--active .group-icon {
  -webkit-box-shadow: 0 0 0.375rem rgba(0,0,0,0.6);
          box-shadow: 0 0 0.375rem rgba(0,0,0,0.6);
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.create-group-page .create-group-page__btn {
  text-align: center;
  width: 100%;
  margin: 2rem 0 1.375rem 0;
}
.create-group-page .create-group-page__btn .pill-button {
  width: 100%;
  max-width: 11.3125rem;
}
.create-group-page .create-group-page__created {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  position: relative;
  overflow: hidden;
  background-color: #5e007d;
}
.create-group-page .create-group-page__created .create-group-page__created__background-blobs .svg {
  position: absolute;
}
.create-group-page .create-group-page__created .create-group-page__created__background-blobs .svg:before {
  content: '';
  display: block;
  width: 100%;
}
.create-group-page .create-group-page__created .create-group-page__created__background-blobs .svg svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.create-group-page .create-group-page__created .create-group-page__created__background-blobs .svg.one {
  top: -36%;
  left: -77%;
  width: 38.125rem;
  height: 38.125rem;
}
.create-group-page .create-group-page__created .create-group-page__created__background-blobs .svg.two {
  top: -12%;
  right: -45%;
  width: 31.25rem;
  height: 31.25rem;
}
.create-group-page .create-group-page__created .create-group-page__created__background-blobs .svg.three {
  bottom: -45%;
  right: -107%;
  width: 43.75rem;
  height: 43.75rem;
}
.create-group-page .create-group-page__created .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.create-group-page .create-group-page__created h1 {
  font-family: 'CircularStd';
  font-size: 2rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0625rem;
  margin: 0 0 2.5rem 0;
}
.create-group-page .create-group-page__created p {
  max-width: 18rem;
  margin: 0 auto;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.0125rem;
}
.create-group-page .create-group-page__created .pill-button {
  margin-top: 5.5rem;
  width: 100%;
  max-width: 20.375rem;
}
.create-group-page .create-group-page__created a.create-group-page__created__link,
.create-group-page .create-group-page__created span.create-group-page__created__link {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  display: inline-block;
  padding: 0.5rem;
  margin-top: 1.5rem;
  color: #fff;
  text-decoration: none;
}
.create-group-page.create-group-page--invite .create-group-page__btn {
  margin-top: auto;
}
.create-group-page.create-group-page--email h1,
.create-group-page.create-group-page--phone h1 {
  margin-bottom: 2rem;
}
.create-group-page.create-group-page--email .create-group-page__input,
.create-group-page.create-group-page--phone .create-group-page__input {
  margin-top: 1.5rem;
}
.create-group-page.create-group-page--name--tablet .create-group-page__subtitle,
.create-group-page.create-group-page--age--tablet .create-group-page__subtitle,
.create-group-page.create-group-page--invite--tablet .create-group-page__subtitle,
.create-group-page.create-group-page--email--tablet .create-group-page__subtitle,
.create-group-page.create-group-page--phone--tablet .create-group-page__subtitle,
.create-group-page.create-group-page--icon--tablet .create-group-page__subtitle,
.create-group-page.create-group-page--created--tablet .create-group-page__subtitle {
  font-family: 'CircularStd';
  font-size: 1.9375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0575rem;
}
.create-group-page.create-group-page--name--tablet .create-group-page__created h1,
.create-group-page.create-group-page--age--tablet .create-group-page__created h1,
.create-group-page.create-group-page--invite--tablet .create-group-page__created h1,
.create-group-page.create-group-page--email--tablet .create-group-page__created h1,
.create-group-page.create-group-page--phone--tablet .create-group-page__created h1,
.create-group-page.create-group-page--icon--tablet .create-group-page__created h1,
.create-group-page.create-group-page--created--tablet .create-group-page__created h1 {
  font-family: 'CircularStd';
  font-size: 2.4375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.1125rem;
}
.create-group-page.create-group-page--name--tablet .create-group-page__created .create-group-page__created__background-blobs .svg.one,
.create-group-page.create-group-page--age--tablet .create-group-page__created .create-group-page__created__background-blobs .svg.one,
.create-group-page.create-group-page--invite--tablet .create-group-page__created .create-group-page__created__background-blobs .svg.one,
.create-group-page.create-group-page--email--tablet .create-group-page__created .create-group-page__created__background-blobs .svg.one,
.create-group-page.create-group-page--phone--tablet .create-group-page__created .create-group-page__created__background-blobs .svg.one,
.create-group-page.create-group-page--icon--tablet .create-group-page__created .create-group-page__created__background-blobs .svg.one,
.create-group-page.create-group-page--created--tablet .create-group-page__created .create-group-page__created__background-blobs .svg.one {
  top: -2%;
  left: -52%;
  width: 50.625rem;
  height: 50.625rem;
}
.create-group-page.create-group-page--name--tablet .create-group-page__created .create-group-page__created__background-blobs .svg.two,
.create-group-page.create-group-page--age--tablet .create-group-page__created .create-group-page__created__background-blobs .svg.two,
.create-group-page.create-group-page--invite--tablet .create-group-page__created .create-group-page__created__background-blobs .svg.two,
.create-group-page.create-group-page--email--tablet .create-group-page__created .create-group-page__created__background-blobs .svg.two,
.create-group-page.create-group-page--phone--tablet .create-group-page__created .create-group-page__created__background-blobs .svg.two,
.create-group-page.create-group-page--icon--tablet .create-group-page__created .create-group-page__created__background-blobs .svg.two,
.create-group-page.create-group-page--created--tablet .create-group-page__created .create-group-page__created__background-blobs .svg.two {
  top: -51%;
  right: -3%;
  width: 47.6875rem;
  height: 47.6875rem;
}
.create-group-page.create-group-page--name--tablet .create-group-page__created .create-group-page__created__background-blobs .svg.three,
.create-group-page.create-group-page--age--tablet .create-group-page__created .create-group-page__created__background-blobs .svg.three,
.create-group-page.create-group-page--invite--tablet .create-group-page__created .create-group-page__created__background-blobs .svg.three,
.create-group-page.create-group-page--email--tablet .create-group-page__created .create-group-page__created__background-blobs .svg.three,
.create-group-page.create-group-page--phone--tablet .create-group-page__created .create-group-page__created__background-blobs .svg.three,
.create-group-page.create-group-page--icon--tablet .create-group-page__created .create-group-page__created__background-blobs .svg.three,
.create-group-page.create-group-page--created--tablet .create-group-page__created .create-group-page__created__background-blobs .svg.three {
  bottom: -51%;
  right: -31%;
  width: 57.25rem;
  height: 57.25rem;
}
.create-group-page.create-group-page--name--desktop .create-group-page__subtitle,
.create-group-page.create-group-page--age--desktop .create-group-page__subtitle,
.create-group-page.create-group-page--invite--desktop .create-group-page__subtitle,
.create-group-page.create-group-page--email--desktop .create-group-page__subtitle,
.create-group-page.create-group-page--phone--desktop .create-group-page__subtitle,
.create-group-page.create-group-page--icon--desktop .create-group-page__subtitle,
.create-group-page.create-group-page--created--desktop .create-group-page__subtitle {
  font-family: 'CircularStd';
  font-size: 2.5rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.074375rem;
}
.create-group-page.create-group-page--name--desktop .create-group-page__created h1,
.create-group-page.create-group-page--age--desktop .create-group-page__created h1,
.create-group-page.create-group-page--invite--desktop .create-group-page__created h1,
.create-group-page.create-group-page--email--desktop .create-group-page__created h1,
.create-group-page.create-group-page--phone--desktop .create-group-page__created h1,
.create-group-page.create-group-page--icon--desktop .create-group-page__created h1,
.create-group-page.create-group-page--created--desktop .create-group-page__created h1 {
  font-family: 'CircularStd';
  font-size: 3rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.090625rem;
}
.create-group-page.create-group-page--name--desktop .create-group-page__created .create-group-page__created__background-blobs .svg.one,
.create-group-page.create-group-page--age--desktop .create-group-page__created .create-group-page__created__background-blobs .svg.one,
.create-group-page.create-group-page--invite--desktop .create-group-page__created .create-group-page__created__background-blobs .svg.one,
.create-group-page.create-group-page--email--desktop .create-group-page__created .create-group-page__created__background-blobs .svg.one,
.create-group-page.create-group-page--phone--desktop .create-group-page__created .create-group-page__created__background-blobs .svg.one,
.create-group-page.create-group-page--icon--desktop .create-group-page__created .create-group-page__created__background-blobs .svg.one,
.create-group-page.create-group-page--created--desktop .create-group-page__created .create-group-page__created__background-blobs .svg.one {
  top: -2%;
  left: -35%;
  width: 69.375rem;
  height: 69.375rem;
}
.create-group-page.create-group-page--name--desktop .create-group-page__created .create-group-page__created__background-blobs .svg.two,
.create-group-page.create-group-page--age--desktop .create-group-page__created .create-group-page__created__background-blobs .svg.two,
.create-group-page.create-group-page--invite--desktop .create-group-page__created .create-group-page__created__background-blobs .svg.two,
.create-group-page.create-group-page--email--desktop .create-group-page__created .create-group-page__created__background-blobs .svg.two,
.create-group-page.create-group-page--phone--desktop .create-group-page__created .create-group-page__created__background-blobs .svg.two,
.create-group-page.create-group-page--icon--desktop .create-group-page__created .create-group-page__created__background-blobs .svg.two,
.create-group-page.create-group-page--created--desktop .create-group-page__created .create-group-page__created__background-blobs .svg.two {
  top: -51%;
  right: -3%;
  width: 78.9375rem;
  height: 78.9375rem;
}
.create-group-page.create-group-page--name--desktop .create-group-page__created .create-group-page__created__background-blobs .svg.three,
.create-group-page.create-group-page--age--desktop .create-group-page__created .create-group-page__created__background-blobs .svg.three,
.create-group-page.create-group-page--invite--desktop .create-group-page__created .create-group-page__created__background-blobs .svg.three,
.create-group-page.create-group-page--email--desktop .create-group-page__created .create-group-page__created__background-blobs .svg.three,
.create-group-page.create-group-page--phone--desktop .create-group-page__created .create-group-page__created__background-blobs .svg.three,
.create-group-page.create-group-page--icon--desktop .create-group-page__created .create-group-page__created__background-blobs .svg.three,
.create-group-page.create-group-page--created--desktop .create-group-page__created .create-group-page__created__background-blobs .svg.three {
  bottom: -51%;
  right: -31%;
  width: 69.75rem;
  height: 69.75rem;
}
.edit-group-subcomponent__input {
  margin-bottom: 1.5rem;
}
.base-layout--desktop .edit-group-subcomponent__input {
  margin-left: auto;
  margin-right: auto;
  max-width: 20.375rem;
}
.edit-group-page__group-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0.75rem;
}
.edit-group-page__group-icon .group-icon {
  width: 4rem;
  height: 4rem;
}
.edit-group-page__group-name-field {
  border-bottom: solid 1px #e6e6e6;
}
.edit-group-page__group-link {
  display: block;
  cursor: pointer;
  text-decoration: none;
  padding: 1rem 0;
}
.edit-group-page__age-selector {
  padding-top: 1.25rem;
  border-bottom: solid 1px #e6e6e6;
}
.edit-group-page__age-selector .select {
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
  height: 2rem;
  padding: 0 1rem;
}
.edit-group-page__section-header {
  color: #2e003d;
  font-size: 0.75rem;
  letter-spacing: -0.0125rem;
  text-transform: capitalize;
  line-height: 0.9375rem;
  margin: 0;
  font-weight: 500;
}
.edit-group-page__members-list-container {
  border-bottom: solid 1px #e6e6e6;
  margin-bottom: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 0.75rem;
}
.edit-group-page__members-list {
  padding-top: 0.25rem;
}
.edit-group-page__members-list > li {
  color: #8e00bd;
  font-size: 1rem;
  letter-spacing: -0.0125rem;
  font-weight: 500;
  margin: 0.75rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.edit-group-page__delete-member-button {
  cursor: pointer;
  color: #8e00bd;
}
.edit-group-page__invite-status {
  font-size: 0.75rem;
  color: #2e003d;
  opacity: 0.4;
  letter-spacing: -0.0125rem;
  font-weight: medium;
  margin-left: auto;
  margin-right: 1rem;
}
.edit-group-page__contact-item {
  cursor: pointer;
  display: block;
  padding-top: 1rem;
  padding-bottom: 0.75rem;
}
.edit-group-page__email-icon,
.edit-group-page__phone-icon {
  margin-right: 1rem;
}
.edit-group-page__email-icon svg,
.edit-group-page__phone-icon svg {
  display: block;
}
.base-layout--tablet .edit-group-page__section-header {
  font-size: 0.75rem;
  letter-spacing: -0.0125rem;
  line-height: 0.9375rem;
  margin: 0;
  font-weight: 500;
}
.base-layout--tablet .edit-group-page__group-link {
  padding: 1.5rem 0;
}
.base-layout--tablet .edit-group-page__group-icon {
  margin-bottom: 1rem;
}
.base-layout--tablet .edit-group-page__age-selector {
  padding-top: 1.5rem;
}
.base-layout--tablet .edit-group-page__age-selector .select {
  margin-top: 0.75rem;
}
.base-layout--tablet .edit-group-page__invite-status {
  margin-left: 1rem;
  margin-right: auto;
}
.base-layout--tablet .edit-group-page__contact-item {
  padding-top: 0.75rem;
}
.base-layout--tablet .edit-group-page__age-selector .select {
  width: 50%;
}
.base-layout--desktop .edit-group-page__group-link {
  padding: 1.5rem 0;
}
.base-layout--desktop .edit-group-page__group-icon {
  margin-bottom: 1rem;
}
.base-layout--desktop .edit-group-page__age-selector {
  padding-top: 1.5rem;
}
.base-layout--desktop .edit-group-page__age-selector .select {
  margin-top: 0.75rem;
}
.base-layout--desktop .edit-group-page__invite-status {
  margin-left: 1rem;
  margin-right: auto;
}
.base-layout--desktop .edit-group-page__contact-item {
  padding-top: 0.75rem;
}
.base-layout--desktop .edit-group-page__age-selector .select {
  width: 40%;
}
.edit-group-page__modal .modal__main {
  width: 100%;
  height: 100%;
}
.home-page {
  background-color: #5e007d;
  overflow: hidden;
}
.home-page .home-page__body__header {
  position: relative;
  width: 100%;
  margin-bottom: 4rem;
}
.home-page .home-page__body__header .header-background-blobs {
  position: absolute;
  top: -25rem;
}
.home-page .home-page__body__header .header-background-blobs .svg {
  position: relative;
}
.home-page .home-page__body__header .header-background-blobs .svg:before {
  content: '';
  display: block;
  width: 100%;
}
.home-page .home-page__body__header .header-background-blobs .svg svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home-page .home-page__body__header .header-background-blobs .svg.one {
  top: -31.25rem;
  left: -31%;
  width: 37.5rem;
  height: 37.5rem;
}
.home-page .home-page__body__header .header-background-blobs .svg.two {
  top: 5.1875rem;
  left: -10%;
  width: 35rem;
  height: 35rem;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.home-page .home-page__body__header .home-page__body__logo {
  width: 11.5rem;
  height: 9.125rem;
  position: relative;
  z-index: 5;
}
.home-page .background-blobs {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}
.home-page .background-blobs .background-blob {
  position: absolute;
}
.home-page .home-page__body {
  padding-top: 2.0625rem;
  color: #fff;
  text-align: center;
  position: relative;
}
.home-page .home-page__body .background-blobs .background-blob.one {
  left: -13.75rem;
  top: 46rem;
  width: 31.25rem;
  -webkit-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
  z-index: 1;
  -webkit-animation: moveBlobOne 60s linear infinite;
          animation: moveBlobOne 60s linear infinite;
}
.home-page .home-page__body .background-blobs .background-blob.two {
  right: -21.875rem;
  top: 23.75rem;
  width: 42.375rem;
  z-index: 2;
}
.home-page .home-page__body .background-blobs .background-blob.three {
  top: 88.125rem;
  left: -9.375rem;
  width: 42.375rem;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 1;
}
@-webkit-keyframes moveBlobOne {
  0, 100% {
    top: 46rem;
    left: -13.75rem;
  }
  50% {
    top: 47.25rem;
    left: -15.625rem;
  }
}
@keyframes moveBlobOne {
  0, 100% {
    top: 46rem;
    left: -13.75rem;
  }
  50% {
    top: 47.25rem;
    left: -15.625rem;
  }
}
@-webkit-keyframes moveBlobTwo {
  0, 100% {
    -webkit-transform: translate(0, 0) scale(1) skew(0) rotate(0);
            transform: translate(0, 0) scale(1) skew(0) rotate(0);
  }
  50% {
    -webkit-transform: translate(-5%, -25%) scale(0.86) skew(7deg, 8deg) rotate(120deg);
            transform: translate(-5%, -25%) scale(0.86) skew(7deg, 8deg) rotate(120deg);
  }
}
@keyframes moveBlobTwo {
  0, 100% {
    -webkit-transform: translate(0, 0) scale(1) skew(0) rotate(0);
            transform: translate(0, 0) scale(1) skew(0) rotate(0);
  }
  50% {
    -webkit-transform: translate(-5%, -25%) scale(0.86) skew(7deg, 8deg) rotate(120deg);
            transform: translate(-5%, -25%) scale(0.86) skew(7deg, 8deg) rotate(120deg);
  }
}
.home-page .home-page__body .home-page__body__intro {
  max-width: 40.125rem;
  margin: 0 auto;
  z-index: 5;
  position: relative;
}
.home-page .home-page__body .home-page__body__intro h2 {
  font-family: 'CircularStd';
  font-size: 2rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0625rem;
}
.home-page .home-page__body .home-page__body__intro p {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  margin: 0;
}
.home-page .home-page__body .home-page__body__intro p:first-of-type {
  margin-bottom: 1.5rem;
}
.home-page .home-page__body .home-page__body__buttons {
  margin: 2.25rem 0 3rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home-page .home-page__body .home-page__body__buttons .pill-button {
  width: 100%;
  max-width: 20.375rem;
  margin: 0 0 1.375rem 0;
}
.home-page .home-page__body .home-page__body__buttons .pill-button:last-child {
  margin-bottom: 0;
}
.home-page .home-page__body .home-page__body__buttons p.already-signed-up-question {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  margin: 1rem 0 1rem;
  position: relative;
}
.home-page .home-page__body .home-page__body__what {
  position: relative;
  max-width: 46.0625rem;
  margin: 0 auto 2.5rem;
}
.home-page .home-page__body .home-page__body__what h2 {
  font-family: 'CircularStd';
  font-size: 2rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0625rem;
  margin: 0 0 1rem 0;
}
.home-page .home-page__body .home-page__body__what p {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  margin: 0;
}
.home-page .home-page__body .home-page__body__feature-points {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.home-page .home-page__body .home-page__body__feature-points .home-page__body__icon-block {
  margin-bottom: 2.5rem;
}
.home-page .home-page__body .home-page__body__feature-points .home-page__body__icon-block .home-page__body__icon-block__brain,
.home-page .home-page__body .home-page__body__feature-points .home-page__body__icon-block .home-page__body__icon-block__thumbs-up {
  width: 6.0625rem;
  height: 6.0625rem;
  margin: 0 auto 1.625rem auto;
}
.home-page .home-page__body .home-page__body__feature-points .home-page__body__icon-block .home-page__body__icon-block__on {
  z-index: 1;
  margin: 0;
  height: 6.125rem;
  width: 6.125rem;
  -webkit-transform: translateX(14px);
      -ms-transform: translateX(14px);
          transform: translateX(14px);
}
.home-page .home-page__body .home-page__body__feature-points .home-page__body__icon-block .home-page__body__icon-block__on-love {
  z-index: 2;
  margin: 0 0 0.625rem;
  height: 5.25rem;
  width: 5.25rem;
  -webkit-transform: translateX(-14px);
      -ms-transform: translateX(-14px);
          transform: translateX(-14px);
}
.home-page .home-page__body .home-page__body__feature-points .home-page__body__icon-block h3 {
  font-family: 'CircularStd';
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.05rem;
  margin: 0 0 1.5rem 0;
}
.home-page .home-page__body .home-page__body__feature-points .home-page__body__icon-block p {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  margin: 0;
}
.home-page .home-page__quotes {
  position: relative;
  background: #fff;
  padding: 2rem 0;
  overflow: hidden;
}
.home-page .home-page__quotes h3 {
  font-family: 'CircularStd';
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.05rem;
  text-align: center;
  color: #2e003d;
  margin: 0 auto 1rem;
  max-width: 18.4375rem;
}
.home-page .home-page__quotes h3:last-of-type {
  margin-bottom: 2rem;
}
.home-page .home-page__quotes .container {
  z-index: 2;
  position: relative;
}
.home-page .home-page__quotes .background-blobs {
  z-index: 1;
}
.home-page .home-page__quotes .background-blobs .background-blob.four {
  top: -11.25rem;
  left: -7.5rem;
  width: 26.25rem;
}
.home-page .home-page__quotes .background-blobs .background-blob.five {
  top: 1.875rem;
  right: -16.875rem;
  width: 30.75rem;
}
.home-page .home-page__about {
  color: #fff;
  padding: 2rem 0 2rem 0;
  background-color: #5e007d;
  max-width: 44.0625rem;
  margin: 0 auto;
  text-align: center;
}
.home-page .home-page__about .container {
  position: relative;
}
.home-page .home-page__about h3 {
  font-family: 'CircularStd';
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.05rem;
  margin: 0 0 1.5rem 0;
}
.home-page .home-page__about p {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  margin: 0;
}
.home-page.home-page--tablet .home-page__body {
  max-width: 37.25rem;
  margin: auto;
  padding-top: 2.25rem;
}
.home-page.home-page--tablet .home-page__body .home-page__body__header .header-background-blobs {
  top: -56.25rem;
  left: -36%;
}
.home-page.home-page--tablet .home-page__body .home-page__body__header .header-background-blobs .svg.one {
  top: -84.3125rem;
  left: -16%;
  width: 75rem;
  height: 75rem;
}
.home-page.home-page--tablet .home-page__body .home-page__body__header .header-background-blobs .svg.two {
  top: -9.375rem;
  left: -6%;
  width: 75rem;
  height: 75rem;
}
.home-page.home-page--tablet .home-page__body .home-page__body__header .home-page__body__logo {
  width: 17.9375rem;
  height: 5.5rem;
  margin-bottom: 7.375rem;
}
.home-page.home-page--tablet .home-page__body .background-blobs .background-blob.one {
  left: -30rem;
  top: 29.125rem;
  width: 50rem;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  z-index: 1;
}
.home-page.home-page--tablet .home-page__body .home-page__body__intro {
  margin-bottom: 4.375rem;
}
.home-page.home-page--tablet .home-page__body .home-page__body__intro p {
  font-family: 'CircularStd';
  font-size: 1.5625rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.03375rem;
}
.home-page.home-page--tablet .home-page__body .home-page__body__buttons {
  margin: 1.25rem 0 3.5rem 0;
}
.home-page.home-page--tablet .home-page__body .home-page__body__buttons .pill-button {
  margin: 0 0 1.875rem 0;
}
.home-page.home-page--tablet .home-page__body .home-page__body__what {
  margin: 0 auto 3rem;
}
.home-page.home-page--tablet .home-page__body .home-page__body__what h2 {
  font-family: 'CircularStd';
  font-size: 2.4375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.1125rem;
}
.home-page.home-page--tablet .home-page__body .home-page__body__feature-points .home-page__body__icon-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 3.125rem;
}
.home-page.home-page--tablet .home-page__body .home-page__body__feature-points .home-page__body__icon-block .home-page__body__icon-block__text h3 {
  margin-bottom: 1rem;
  font-family: 'CircularStd';
  font-size: 1.9375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0575rem;
}
.home-page.home-page--tablet .home-page__body .home-page__body__feature-points .home-page__body__icon-block .home-page__body__icon-block__text p {
  max-width: 29.4375rem;
}
.home-page.home-page--tablet .home-page__quotes .container {
  z-index: 2;
  position: relative;
}
.home-page.home-page--tablet .home-page__quotes .background-blobs {
  z-index: 1;
}
.home-page.home-page--tablet .home-page__quotes .background-blobs .background-blob.four {
  top: -9.375rem;
  left: 5rem;
  width: 26.25rem;
}
.home-page.home-page--tablet .home-page__quotes .background-blobs .background-blob.five {
  top: 0;
  right: -5.625rem;
  width: 30.75rem;
}
.home-page.home-page--tablet .home-page__about {
  padding: 2.5rem 0 3.5rem 0;
}
.home-page.home-page--tablet .home-page__about h3 {
  margin: 0 0 2rem 0;
  font-family: 'CircularStd';
  font-size: 1.9375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0575rem;
}
.home-page.home-page--desktop .home-page__body {
  max-width: 58.25rem;
  margin: auto;
  padding-top: 2.25rem;
}
.home-page.home-page--desktop .home-page__body .home-page__body__header .header-background-blobs {
  top: -62.5rem;
}
.home-page.home-page--desktop .home-page__body .home-page__body__header .header-background-blobs .svg.one {
  top: -78.6875rem;
  left: -14%;
  width: 75rem;
  height: 75rem;
}
.home-page.home-page--desktop .home-page__body .home-page__body__header .header-background-blobs .svg.two {
  top: -38px;
  left: -5%;
  width: 75rem;
  height: 75rem;
}
.home-page.home-page--desktop .home-page__body .home-page__body__header .home-page__body__logo {
  width: 17.9375rem;
  height: 5.5rem;
  margin-bottom: 7.375rem;
}
.home-page.home-page--desktop .home-page__body .background-blobs .background-blob.one {
  left: -23.75rem;
  top: 13.5625rem;
  width: 58.875rem;
  -webkit-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
  z-index: 1;
}
.home-page.home-page--desktop .home-page__body .background-blobs .background-blob.two {
  right: -21.875rem;
  top: 23.75rem;
  width: 78.625rem;
}
.home-page.home-page--desktop .home-page__body .home-page__body__intro {
  max-width: 46rem;
}
.home-page.home-page--desktop .home-page__body .home-page__body__intro p {
  font-family: 'CircularStd';
  font-size: 1.9375rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.041875rem;
}
.home-page.home-page--desktop .home-page__body .home-page__body__buttons {
  margin: 3rem 0 3.5rem 0;
}
.home-page.home-page--desktop .home-page__body .home-page__body__buttons .pill-button--desktop {
  max-width: 20.375rem;
}
.home-page.home-page--desktop .home-page__body .home-page__body__what {
  margin: 0 auto 3rem;
}
.home-page.home-page--desktop .home-page__body .home-page__body__what h2 {
  font-family: 'CircularStd';
  font-size: 3rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.090625rem;
  margin: 0 0 2rem 0;
}
.home-page.home-page--desktop .home-page__body .home-page__body__what p {
  font-size: 1.375rem;
  font-weight: bold;
  max-width: 46.0625rem;
}
.home-page.home-page--desktop .home-page__body .home-page__body__feature-points {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto 1rem;
  max-width: 50rem;
}
.home-page.home-page--desktop .home-page__body .home-page__body__feature-points .home-page__body__icon-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
.home-page.home-page--desktop .home-page__body .home-page__body__feature-points .home-page__body__icon-block .home-page__body__icon-block__icon {
  max-width: 13.4375rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home-page.home-page--desktop .home-page__body .home-page__body__feature-points .home-page__body__icon-block svg {
  margin-bottom: 1.3125rem;
}
.home-page.home-page--desktop .home-page__body .home-page__body__feature-points .home-page__body__icon-block .home-page__body__icon-block__love-or-hate {
  height: 6.0625rem;
  margin-bottom: 1.625rem;
}
.home-page.home-page--desktop .home-page__body .home-page__body__feature-points .home-page__body__icon-block .home-page__body__icon-block__on {
  z-index: 1;
  margin: 0;
  height: 5.75rem;
  width: 5.75rem;
  -webkit-transform: translateX(14px);
      -ms-transform: translateX(14px);
          transform: translateX(14px);
}
.home-page.home-page--desktop .home-page__body .home-page__body__feature-points .home-page__body__icon-block .home-page__body__icon-block__on-love {
  z-index: 2;
  margin: 0 0 0.625rem;
  height: 5.125rem;
  width: 5.125rem;
  -webkit-transform: translateX(-14px);
      -ms-transform: translateX(-14px);
          transform: translateX(-14px);
}
.home-page.home-page--desktop .home-page__body .home-page__body__feature-points .home-page__body__icon-block .home-page__body__icon-block__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: left;
}
.home-page.home-page--desktop .home-page__body .home-page__body__feature-points .home-page__body__icon-block .home-page__body__icon-block__text h3 {
  font-family: 'CircularStd';
  font-size: 1.9375rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.041875rem;
  margin: 0 0 1rem 0;
}
.home-page.home-page--desktop .home-page__body .home-page__body__feature-points .home-page__body__icon-block .home-page__body__icon-block__text p {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  max-width: 34rem;
}
.home-page.home-page--desktop .home-page__body .home-page__body__feature-points .home-page__body__icon-block .home-page__body__icon-block__text h3 + p {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.home-page.home-page--desktop .home-page__quotes h3 {
  max-width: 100%;
}
.home-page.home-page--desktop .home-page__quotes .container {
  z-index: 2;
  position: relative;
}
.home-page.home-page--desktop .home-page__quotes .background-blobs {
  z-index: 1;
}
.home-page.home-page--desktop .home-page__quotes .background-blobs .background-blob.four {
  top: -10.625rem;
  left: 32%;
  width: 26.25rem;
}
.home-page.home-page--desktop .home-page__quotes .background-blobs .background-blob.five {
  top: 0;
  left: 48%;
  width: 30.75rem;
}
.home-page.home-page--desktop .home-page__about {
  padding: 2.5rem 0 3.5rem 0;
}
.home-page.home-page--desktop .home-page__about h3 {
  margin: 0 0 2rem 0;
  font-family: 'CircularStd';
  font-size: 3rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.090625rem;
}
.home-page.home-page--desktop .home-page__about p {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
}
.login-page {
  height: 100%;
  width: 100%;
}
.login-page .login-page__body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100%;
  width: 100%;
}
.login-page .login-page__body .login-page__back {
  position: absolute;
  top: 15px;
  left: 30px;
  cursor: pointer;
  color: #8e00bd;
}
.login-page .login-page__body .login-page__back a {
  text-decoration: none;
}
.login-page .login-page__body h1 {
  font-family: 'CircularStd';
  font-size: 2rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0625rem;
  margin: 0 0 0.9375rem 0;
  color: #2e003d;
  text-align: center;
}
.login-page .login-page__body .login-page__close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #8e00bd;
}
.login-page .login-page__body .login-page__close svg {
  width: 1.5rem;
  height: 1.5rem;
}
.login-page .login-page__body .login-page__error,
.login-page .login-page__body .login-page__invite {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  padding-top: 0.1875rem;
  text-align: center;
}
.login-page .login-page__body .login-page__error {
  color: #ff0042;
  margin-bottom: 1.125rem;
}
.login-page .login-page__body .login-page__invite {
  color: #2e003d;
  margin-bottom: 1.8125rem;
}
.login-page .login-page__body .login-page__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login-page .login-page__body .login-page__form .login-page__form__inputs {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  max-width: 20.375rem;
}
.login-page .login-page__body .login-page__form .login-page__form__inputs .form-input {
  width: 100%;
}
.login-page .login-page__body .login-page__form .login-page__form__inputs .form-input:first-child {
  margin-bottom: 0.9375rem;
}
.login-page .login-page__body .login-page__form .login-page__form__inputs .form-input:last-child {
  margin-bottom: 1.5rem;
}
.login-page .login-page__body .login-page__form .pill-button {
  width: 100%;
  max-width: 20.375rem;
}
.login-page .login-page__body .login-page__social {
  margin-top: 2.5rem;
}
.login-page .login-page__body .login-page__social h3 {
  font-family: 'CircularStd';
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.05rem;
  margin: 0 0 1.625rem 0;
  color: #2e003d;
  text-align: center;
}
.login-page .login-page__body .login-page__social .login-page__social__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.login-page .login-page__body .login-page__social .login-page__social__links .social-login {
  margin: 0 0.5rem;
}
.login-page .login-page__body .login-page__social .login-page__social__links .social-login svg,
.login-page .login-page__body .login-page__social .login-page__social__links .social-login svg > * {
  fill: #8e00bd;
}
.login-page .login-page__body .forgotten-password {
  margin-top: 20px;
  color: #8e00bd;
  text-decoration: none;
  font-weight: bold;
}
.login-page.login-page--tablet .login-page__body h1 {
  font-family: 'CircularStd';
  font-size: 2.4375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.1125rem;
}
.login-page.login-page--tablet .login-page__body .login-page__social h3 {
  font-family: 'CircularStd';
  font-size: 1.9375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0575rem;
}
.login-page.login-page--desktop .login-page__body {
  padding-top: 0;
}
.login-page.login-page--desktop .login-page__body h1 {
  font-family: 'CircularStd';
  font-size: 3rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.090625rem;
}
.login-page.login-page--desktop .login-page__body .login-page__social h3 {
  font-family: 'CircularStd';
  font-size: 2.5rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.074375rem;
}
.manage-my-account-page {
  padding: 1.5rem;
  padding-top: 0;
}
.manage-my-account-page__heading {
  color: #2e003d;
  text-align: center;
  margin: 0;
  font-size: 1.6875rem;
  letter-spacing: -0.05rem;
  font-weight: 700;
  line-height: 2.125rem;
}
.manage-my-account-page__items > li {
  border-bottom: solid 1px #e6e6e6;
}
.manage-my-account-page__items > li:first-child .manage-my-account-page__item-link {
  padding-top: 2rem;
}
.manage-my-account-page__items > li:last-child {
  border-bottom: none;
}
.manage-my-account-page__item-link {
  display: block;
  padding: 1rem 0;
  text-decoration: none;
}
.manage-my-account-page__item-label {
  color: #2e003d;
  font-size: 0.75rem;
  letter-spacing: -0.0125rem;
  text-transform: capitalize;
  line-height: 0.9375rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
}
.manage-my-account-page.manage-my-account-page--tablet {
  padding: 0;
  padding-bottom: 2rem;
  max-width: 46rem;
  margin: auto;
}
.manage-my-account-page.manage-my-account-page--tablet .manage-my-account-page__heading {
  line-height: 2.4375rem;
  letter-spacing: -0.0575rem;
  font-size: 1.9375rem;
}
.manage-my-account-page.manage-my-account-page--tablet .manage-my-account-page__items > li:last-child .manage-my-account-page__item-link {
  padding-bottom: 3rem;
}
.manage-my-account-page.manage-my-account-page--desktop {
  padding: 0 0.625rem 2.1875rem;
  max-width: 46rem;
  margin: auto;
}
.manage-my-account-page.manage-my-account-page--desktop .manage-my-account-page__heading {
  line-height: 3.1875rem;
  letter-spacing: -0.074375rem;
  font-size: 2.5rem;
}
.manage-my-account-page.manage-my-account-page--desktop .manage-my-account-page__items > li:last-child .manage-my-account-page__item-link {
  padding-bottom: 3.5rem;
}
.manage-account-subscreen__close-button {
  position: fixed;
  top: 0;
  right: 0;
  color: #8e00bd;
}
.manage-account-subscreen__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
}
.manage-account-subscreen__main .manage-account-subscreen__title {
  margin: 0;
  color: #2e003d;
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  text-align: center;
  padding-top: 0.75rem;
  padding-bottom: 1rem;
}
.manage-account-subscreen__main .manage-account-subscreen__main__content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.manage-account-subscreen__main .manage-account-subscreen__main__content .manage-account-subscreen__subtitle {
  margin: 0;
  padding-bottom: 1.5rem;
  color: #2e003d;
  text-align: center;
  font-family: 'CircularStd';
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.05rem;
}
.manage-account-subscreen__main .manage-account-subscreen__main__content .manage-account-subscreen__inputs {
  width: 100%;
  margin-bottom: 2.5rem;
}
.manage-account-subscreen__main .manage-account-subscreen__main__content .manage-account-subscreen__inputs li {
  margin-bottom: 0.875rem;
}
.manage-account-subscreen__main .manage-account-subscreen__main__content .manage-account-subscreen__inputs li:last-child {
  margin-bottom: 0;
}
.manage-account-subscreen__main .manage-account-subscreen__main__content .manage-account-subscreen__inputs .manage-account-subscreen__inputs__pill-buttons {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.manage-account-subscreen__main .manage-account-subscreen__main__content .manage-account-subscreen__inputs .manage-account-subscreen__inputs__pill-buttons .pill-button {
  margin: 0 0.75rem;
  padding: 0 1rem;
}
.manage-account-subscreen__main .manage-account-subscreen__main__content .manage-account-subscreen__inputs .manage-account-subscreen__inputs__pill-buttons .pill-button:first-of-type {
  margin-left: 0;
}
.manage-account-subscreen__main .manage-account-subscreen__main__content .manage-account-subscreen__inputs .manage-account-subscreen__inputs__pill-buttons .pill-button:last-of-type {
  margin-right: 0;
}
.manage-account-subscreen__main .manage-account-subscreen__main__content .manage-account-subscreen__button {
  margin-bottom: 1.5rem;
  text-align: center;
}
.manage-account-subscreen__main .manage-account-subscreen__main__content .manage-account-subscreen__button .pill-button {
  width: 11.3125rem;
}
.manage-account-subscreen__main .manage-account-subscreen__main__content .manage-account-subscreen__error-message {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  color: #b7002f;
  margin-top: 0.875rem;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: -0.0125rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.25rem;
  visibility: hidden;
}
.manage-account-subscreen__main .manage-account-subscreen__main__content .manage-account-subscreen__error-message.manage-account-subscreen__server-error {
  visibility: visible;
}
.manage-account-subscreen.manage-account-subscreen--tablet .manage-account-subscreen__subtitle {
  font-family: 'CircularStd';
  font-size: 1.9375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0575rem;
}
.manage-account-subscreen.manage-account-subscreen--desktop .manage-account-subscreen__subtitle {
  font-family: 'CircularStd';
  font-size: 2.5rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.074375rem;
}
.my-account-page {
  padding: 1.5rem;
}
.my-account-page__heading {
  color: #2e003d;
  line-height: 2.125rem;
  font-size: 1.6875rem;
  letter-spacing: -0.05rem;
  text-align: center;
  margin: 0;
  margin-bottom: 1.5rem;
  font-weight: 700;
}
.my-account-page__subheading {
  color: #2e003d;
  line-height: 1.8125rem;
  margin: 0;
  font-size: 1.4375rem;
  letter-spacing: -0.03125rem;
  font-weight: 500;
}
.my-account-page__items > li {
  border-bottom: solid 1px #e6e6e6;
}
.my-account-page__items > li:first-child .my-account-page__item-link {
  padding-top: 1.5rem;
}
.my-account-page__items > li:last-child {
  border-bottom: none;
}
.my-account-page__items > li:last-child .my-account-page__item-link {
  padding-bottom: 2.5rem;
}
.my-account-page__item-link {
  display: block;
  padding: 1rem 0;
  text-decoration: none;
}
.my-account-page.my-account-page--tablet {
  padding: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  max-width: 46rem;
  margin: auto;
}
.my-account-page.my-account-page--tablet .my-account-page__heading {
  line-height: 2.4375rem;
  letter-spacing: -0.0575rem;
  margin-bottom: 2rem;
  font-size: 1.9375rem;
}
.my-account-page.my-account-page--tablet .my-account-page__items > li:last-child .my-account-page__item-link {
  padding-bottom: 3rem;
}
.my-account-page.my-account-page--desktop {
  padding: 0;
  padding-top: 2.1875rem;
  padding-bottom: 2.1875rem;
  max-width: 46rem;
  margin: auto;
}
.my-account-page.my-account-page--desktop .my-account-page__heading {
  line-height: 3.1875rem;
  letter-spacing: -0.074375rem;
  margin-bottom: 2.5rem;
  font-size: 2.5rem;
}
.my-account-page.my-account-page--desktop .my-account-page__subheading {
  font-size: 1.9375rem;
  line-height: 2.4375rem;
  letter-spacing: -0.041875rem;
}
.my-account-page.my-account-page--desktop .my-account-page__items > li:last-child .my-account-page__item-link {
  padding-bottom: 3.5rem;
}
.my-groups-page__group-icon {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.75rem;
}
.my-groups-page__item-link {
  display: block;
  padding: 0.75rem 0;
  text-decoration: none;
}
.my-groups-page__groups {
  margin-top: 1.5rem;
  margin-bottom: 3rem;
}
.base-layout--mobile .my-groups-page__cta {
  width: 100%;
  margin: 1.5rem 0 0;
}
.base-layout--tablet .my-groups-page__cta-container,
.base-layout--desktop .my-groups-page__cta-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 3rem 0;
}
.base-layout--tablet .my-groups-page__cta,
.base-layout--desktop .my-groups-page__cta {
  margin: auto;
  width: 25rem;
}
.onboarding-final {
  background-color: #5e007d;
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.onboarding-final .onboarding-final__background-blobs .svg {
  position: absolute;
}
.onboarding-final .onboarding-final__background-blobs .svg:before {
  content: '';
  display: block;
  width: 100%;
}
.onboarding-final .onboarding-final__background-blobs .svg svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.onboarding-final .onboarding-final__background-blobs .svg.one {
  top: -36%;
  left: -77%;
  width: 38.125rem;
  height: 38.125rem;
}
.onboarding-final .onboarding-final__background-blobs .svg.two {
  top: -12%;
  right: -45%;
  width: 31.25rem;
  height: 31.25rem;
}
.onboarding-final .onboarding-final__background-blobs .svg.three {
  bottom: -45%;
  right: -107%;
  width: 43.75rem;
  height: 43.75rem;
}
.onboarding-final .container {
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.onboarding-final .container .onboarding-final__content {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.onboarding-final .container .onboarding-final__content h2 {
  font-family: 'CircularStd';
  font-size: 2rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0625rem;
  margin: 0 0 2rem;
}
.onboarding-final .container .onboarding-final__content p {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  margin: 0 0 2rem;
}
.onboarding-final .container .onboarding-final__yesno-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 2.9375rem;
}
.onboarding-final .container .onboarding-final__yesno-button .pill-button {
  width: 7.5rem;
}
.onboarding-final .container .onboarding-final__yesno-button .pill-button:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0.0625rem;
}
.onboarding-final .container .onboarding-final__yesno-button .pill-button:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0.0625rem;
}
.onboarding-final .container .onboarding-final__yesno-button .pill-button:hover {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.onboarding-final .container .onboarding-final__next-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.onboarding-final .container .onboarding-final__next-button .pill-button {
  width: 11.3125rem;
}
.onboarding-final .container .onboarding-final__privacy-policy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.onboarding-final .container .onboarding-final__privacy-policy a {
  font-family: 'CircularStd';
  font-size: 0.75rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  color: #fff;
  text-decoration: underline;
  margin: 1.75rem 0 0;
}
.onboarding-final.onboarding-final--tablet .onboarding-final__background-blobs .svg.one {
  top: -2%;
  left: -52%;
  width: 50.625rem;
  height: 50.625rem;
}
.onboarding-final.onboarding-final--tablet .onboarding-final__background-blobs .svg.two {
  top: -51%;
  right: -3%;
  width: 47.6875rem;
  height: 47.6875rem;
}
.onboarding-final.onboarding-final--tablet .onboarding-final__background-blobs .svg.three {
  bottom: -51%;
  right: -31%;
  width: 57.25rem;
  height: 57.25rem;
}
.onboarding-final.onboarding-final--tablet .container .onboarding-final__content {
  max-width: 21.25rem;
}
.onboarding-final.onboarding-final--tablet .container .onboarding-final__content h2 {
  font-family: 'CircularStd';
  font-size: 2.4375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.1125rem;
}
.onboarding-final.onboarding-final--desktop .onboarding-final__background-blobs .svg.one {
  top: -2%;
  left: -35%;
  width: 69.375rem;
  height: 69.375rem;
}
.onboarding-final.onboarding-final--desktop .onboarding-final__background-blobs .svg.two {
  top: -51%;
  right: -3%;
  width: 78.9375rem;
  height: 78.9375rem;
}
.onboarding-final.onboarding-final--desktop .onboarding-final__background-blobs .svg.three {
  bottom: -51%;
  right: -31%;
  width: 69.75rem;
  height: 69.75rem;
}
.onboarding-final.onboarding-final--desktop .container .onboarding-final__content {
  max-width: 25rem;
}
.onboarding-final.onboarding-final--desktop .container .onboarding-final__content h2 {
  font-family: 'CircularStd';
  font-size: 3rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.090625rem;
}
.onboarding-get-started-page {
  width: 100%;
  height: 100%;
}
.onboarding-get-started-page .onboarding-interstitial .onboarding-interstitial__bkg .svg {
  position: absolute;
}
.onboarding-get-started-page .onboarding-interstitial .onboarding-interstitial__bkg .svg:before {
  content: '';
  display: block;
  width: 100%;
}
.onboarding-get-started-page .onboarding-interstitial .onboarding-interstitial__bkg .svg svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.onboarding-get-started-page .onboarding-interstitial .onboarding-interstitial__bkg .svg:first-child {
  top: 42%;
  left: -20%;
  width: 22.5rem;
  height: 22.5rem;
}
.onboarding-get-started-page .onboarding-interstitial .onboarding-interstitial__bkg .svg:last-child {
  top: -12%;
  right: -45%;
  width: 31.25rem;
  height: 31.25rem;
}
.onboarding-get-started-page .onboarding-interstitial .onboarding-interstitial__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.onboarding-get-started-page .onboarding-interstitial .onboarding-interstitial__body h1 {
  font-family: 'CircularStd';
  font-size: 2rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0625rem;
  margin: 0 0 1.5rem;
  color: #fff;
}
.onboarding-get-started-page .onboarding-interstitial .onboarding-interstitial__body h2 {
  font-family: 'CircularStd';
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.05rem;
  margin: 0;
  color: #fff;
}
.onboarding-get-started-page .onboarding-interstitial .onboarding-interstitial__body .carousel {
  padding: 3.1875rem 0 3.25rem 0;
  width: 100%;
}
.onboarding-get-started-page .onboarding-interstitial .onboarding-interstitial__body .carousel .container {
  padding: 0;
}
.onboarding-get-started-page .onboarding-interstitial .onboarding-interstitial__body .carousel .carousel__rack {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden;
}
.onboarding-get-started-page .onboarding-interstitial .onboarding-interstitial__body .carousel .carousel__rack.carousel__rack--active1 .carousel__item {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.onboarding-get-started-page .onboarding-interstitial .onboarding-interstitial__body .carousel .carousel__rack.carousel__rack--active2 .carousel__item {
  -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
          transform: translateX(-200%);
}
.onboarding-get-started-page .onboarding-interstitial .onboarding-interstitial__body .carousel .carousel__rack .carousel__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  -o-transition: transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0 1.625rem;
}
.onboarding-get-started-page .onboarding-interstitial .onboarding-interstitial__body .carousel .carousel__rack .carousel__item h2.header {
  font-family: 'CircularStd';
  font-size: 2rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0625rem;
  margin: 0 0 1rem 0;
  color: #fff;
  text-align: left;
}
.onboarding-get-started-page .onboarding-interstitial .onboarding-interstitial__body .carousel .carousel__rack .carousel__item h2.header .yellow {
  color: #ffe308;
}
.onboarding-get-started-page .onboarding-interstitial .onboarding-interstitial__body .carousel .carousel__rack .carousel__item h2.header .search-button-wrapper {
  width: 100%;
  max-width: 6.75rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0.625rem;
}
.onboarding-get-started-page .onboarding-interstitial .onboarding-interstitial__body .carousel .carousel__rack .carousel__item h2.header .search-button-wrapper .pill-button {
  max-width: 6.75rem;
  width: 100%;
  height: unset;
  padding: 0.75rem 1rem;
  margin: 0;
  -webkit-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0,0,0,0.3);
          box-shadow: 0 0.3125rem 0.625rem 0 rgba(0,0,0,0.3);
}
.onboarding-get-started-page .onboarding-interstitial .onboarding-interstitial__body .carousel .carousel__rack .carousel__item h2.header .search-button-wrapper .pill-button span {
  font-size: 1rem;
  letter-spacing: -0.0125rem;
  margin: 0 1.25rem 0 0;
}
.onboarding-get-started-page .onboarding-interstitial .onboarding-interstitial__body .carousel .carousel__dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin: 1rem 0 -0.75rem 0;
}
.onboarding-get-started-page .onboarding-interstitial .onboarding-interstitial__body .carousel .carousel__dots div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.25rem;
  height: 2rem;
}
.onboarding-get-started-page .onboarding-interstitial .onboarding-interstitial__body .carousel .carousel__dots div.active:before {
  opacity: 1;
}
.onboarding-get-started-page .onboarding-interstitial .onboarding-interstitial__body .carousel .carousel__dots div:before {
  content: '';
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.3;
}
.onboarding-get-started-page.onboarding-get-started-page--tablet .onboarding-interstitial .onboarding-interstitial__bkg .svg:first-child {
  bottom: -20%;
  left: -25%;
  width: 43.25rem;
  height: initial;
}
.onboarding-get-started-page.onboarding-get-started-page--tablet .onboarding-interstitial .onboarding-interstitial__bkg .svg:first-child:before {
  padding-bottom: 109.4%;
}
.onboarding-get-started-page.onboarding-get-started-page--tablet .onboarding-interstitial .onboarding-interstitial__bkg .svg:last-child {
  top: -73%;
  left: 17%;
  width: 93.75rem;
  height: initial;
}
.onboarding-get-started-page.onboarding-get-started-page--tablet .onboarding-interstitial .onboarding-interstitial__bkg .svg:last-child:before {
  padding-bottom: 141.71779141104295%;
}
.onboarding-get-started-page.onboarding-get-started-page--tablet .onboarding-interstitial .onboarding-interstitial__body {
  margin-bottom: 5rem;
}
.onboarding-get-started-page.onboarding-get-started-page--tablet .onboarding-interstitial .onboarding-interstitial__body h1 {
  font-family: 'CircularStd';
  font-size: 2.4375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.1125rem;
  max-width: 30.25rem;
  text-align: center;
}
.onboarding-get-started-page.onboarding-get-started-page--tablet .onboarding-interstitial .onboarding-interstitial__body h2 {
  font-family: 'CircularStd';
  font-size: 1.9375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0575rem;
  max-width: 30.25rem;
  text-align: center;
}
.onboarding-get-started-page.onboarding-get-started-page--tablet .onboarding-interstitial .onboarding-interstitial__body .carousel {
  padding: 1.0625rem 0 1.875rem 0;
}
.onboarding-get-started-page.onboarding-get-started-page--tablet .onboarding-interstitial .onboarding-interstitial__body .carousel .carousel__rack .carousel__item h2.header {
  font-family: 'CircularStd';
  font-size: 2.4375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.1125rem;
  margin-bottom: 1rem;
}
.onboarding-get-started-page.onboarding-get-started-page--desktop .onboarding-interstitial .onboarding-interstitial__bkg .svg:first-child {
  bottom: -65%;
  left: -15%;
  width: 62rem;
  height: initial;
}
.onboarding-get-started-page.onboarding-get-started-page--desktop .onboarding-interstitial .onboarding-interstitial__bkg .svg:first-child:before {
  padding-bottom: 109.4%;
}
.onboarding-get-started-page.onboarding-get-started-page--desktop .onboarding-interstitial .onboarding-interstitial__bkg .svg:last-child {
  top: -102%;
  left: 11%;
  width: 112.5rem;
  height: initial;
}
.onboarding-get-started-page.onboarding-get-started-page--desktop .onboarding-interstitial .onboarding-interstitial__bkg .svg:last-child:before {
  padding-bottom: 141.71779141104295%;
}
.onboarding-get-started-page.onboarding-get-started-page--desktop .onboarding-interstitial .onboarding-interstitial__body h1 {
  font-family: 'CircularStd';
  font-size: 3rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.090625rem;
  max-width: 46rem;
  text-align: center;
}
.onboarding-get-started-page.onboarding-get-started-page--desktop .onboarding-interstitial .onboarding-interstitial__body h2 {
  font-family: 'CircularStd';
  font-size: 2.5rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.074375rem;
  max-width: 46rem;
  text-align: center;
}
.onboarding-get-started-page.onboarding-get-started-page--desktop .onboarding-interstitial .onboarding-interstitial__body .carousel {
  padding: 1.0625rem 0 1.875rem 0;
}
.onboarding-get-started-page.onboarding-get-started-page--desktop .onboarding-interstitial .onboarding-interstitial__body .carousel .carousel__rack .carousel__item h2.header {
  font-family: 'CircularStd';
  font-size: 2.5rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.074375rem;
  margin: 0 0 2.5rem 0;
  max-width: 23.125rem;
  text-align: center;
}
.filtered-items__list {
  display: grid;
}
.filtered-items__item-image {
  position: relative;
}
.base-layout--mobile .filtered-items {
  padding: 0 1.5rem;
}
.base-layout--mobile .filtered-items__item-image {
  margin-bottom: 0.5rem;
}
.base-layout--mobile .filtered-items__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  margin: 0 24px;
}
.base-layout--mobile .filtered-items__item {
  padding-bottom: 18px;
}
.base-layout--mobile .filtered-items__item-title {
  font-size: 0.75rem;
  letter-spacing: -0.0125rem;
  font-weight: bold;
  line-height: 0.9375rem;
  color: #2e003d;
  margin: 0;
}
.base-layout--mobile .filtered-items__item-artist {
  font-size: 10px;
  margin: 0;
  line-height: 13px;
  color: #2e003d;
  letter-spacing: normal;
  font-weight: 500;
}
.base-layout--tablet .filtered-items__list {
  margin: 0 40px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}
.base-layout--tablet .filtered-items__item {
  padding-bottom: 24px;
}
.base-layout--tablet .filtered-items__item-image {
  margin-bottom: 1rem;
}
.base-layout--tablet .filtered-items__item-title {
  font-size: 1rem;
  letter-spacing: -0.0125rem;
  font-weight: bold;
  line-height: 1.25rem;
  color: #2e003d;
  margin: 0;
}
.base-layout--tablet .filtered-items__item-artist {
  font-size: 16px;
  margin: 0;
  line-height: 20px;
  color: #2e003d;
  letter-spacing: -0.2px;
  font-weight: 500;
}
.base-layout--desktop .filtered-items {
  padding: 0;
  background: #ffa500;
}
.base-layout--desktop .filtered-items__list {
  margin: auto;
  width: 70rem;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}
.base-layout--desktop .filtered-items__item {
  padding-bottom: 24px;
}
.base-layout--desktop .filtered-items__item-image {
  margin-bottom: 1rem;
}
.base-layout--desktop .filtered-items__item-title {
  font-size: 1rem;
  letter-spacing: -0.0125rem;
  font-weight: bold;
  line-height: 1.25rem;
  color: #2e003d;
  margin: 0;
}
.base-layout--desktop .filtered-items__item-artist {
  font-size: 16px;
  margin: 0;
  line-height: 20px;
  color: #2e003d;
  letter-spacing: -0.2px;
  font-weight: 500;
}
.base-layout--desktop .recommendations__header:before {
  height: 11.25rem;
}
.base-layout--desktop .recommendations__header .recommendations__header__container {
  position: fixed;
  z-index: 500;
  display: grid;
  grid-template-columns: 15.3125rem 1fr;
  grid-template-rows: auto auto;
  max-width: 70rem;
  min-width: 56.25rem;
  width: 100%;
  margin: 0 auto;
}
.base-layout--desktop .recommendations__header .recommendations__header__container .recommendations__header__background-blobs .svg.one {
  top: -116.25rem;
  left: -8rem;
  width: 60rem;
  height: 60rem;
  -webkit-transform: rotate(-9deg);
      -ms-transform: rotate(-9deg);
          transform: rotate(-9deg);
}
.base-layout--desktop .recommendations__header .recommendations__header__container .recommendations__header__background-blobs .svg.two {
  top: -55.625rem;
  left: 18%;
  width: 67.1875rem;
  height: 67.1875rem;
}
.base-layout--desktop .recommendations__logo {
  position: relative;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
  background: transparent;
  margin-top: 1rem;
}
.base-layout--desktop .recommendations__logo a {
  color: #fff;
}
.base-layout--desktop .recommendations__logo a:hover {
  color: #efe0f4;
}
.base-layout--desktop .recommendations__logo svg {
  width: 5.75rem;
  height: 4.5625rem;
  margin-left: 2.5rem;
  display: block;
}
@media (max-width: 1200px) {
  .base-layout--desktop .recommendations__header__inline {
    margin-right: 1.25rem;
  }
}
.base-layout--desktop .recommendations__header--section-1 {
  grid-column-start: 2;
  grid-row-start: 1;
  grid-row-end: 2;
}
.base-layout--desktop .recommendations__header--section-2 {
  grid-column-start: 2;
  grid-row-start: 2;
  grid-row-end: 3;
}
.base-layout--desktop .recommendations__group-select--container {
  padding-left: 0.75rem;
}
.base-layout--desktop .recommendations__header--beta-label svg {
  position: absolute;
  width: 8.75rem;
  height: 8.75rem;
  bottom: -40px;
  left: -40px;
}
.base-layout--desktop .recommendations__header--beta-label span {
  font-size: 1.25rem;
}
.base-layout--desktop .recommendations__group-select--avatar {
  width: 2.375rem;
  height: 2.375rem;
  margin: 0.3125rem 0 0.125rem;
}
.base-layout--desktop .recommendations__group-select--down-chevron {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0.75rem;
}
.base-layout--desktop .recommendations__group-select--down-chevron > svg {
  margin: auto;
  margin-left: 0;
  width: 0.875rem;
  height: 0.875rem;
}
.base-layout--desktop .recommendations__nav-links {
  margin-left: 10rem;
  margin-top: 0.625rem;
}
.base-layout--desktop .recommendations__nav-links > li {
  line-height: 1.25rem;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  font-weight: 500;
}
.base-layout--desktop .recommendations__nav-links > li a {
  letter-spacing: -0.0125rem;
}
.base-layout--desktop .recommendations__nav-links > li:first-child {
  margin-left: 0;
}
.base-layout--desktop .recommendations__header--main-title,
.base-layout--desktop .recommendations__header--main-link {
  line-height: 3.125rem;
}
.base-layout--desktop .recommendations__header--main-title {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.074375rem;
}
.base-layout--desktop .recommendations__header--main-link {
  font-size: 1.9375rem;
  font-weight: 500;
  letter-spacing: -0.041875rem;
}
.base-layout--mobile .recommendations__header:before {
  height: 6rem;
}
.base-layout--mobile .recommendations__header .recommendations__header__container {
  width: 100%;
  padding: 0.5rem 1.375rem 0.5rem;
  margin-bottom: 0.75rem;
}
.base-layout--mobile .recommendations__header .recommendations__header__container .recommendations__header__background-blobs {
  top: -26px;
}
.base-layout--mobile .recommendations__header .recommendations__header__container .recommendations__header__background-blobs .svg.one {
  top: -42.8125rem;
  left: -5.8125rem;
  width: 24.0625rem;
  height: 24.0625rem;
  -webkit-transform: rotate(-9deg);
      -ms-transform: rotate(-9deg);
          transform: rotate(-9deg);
}
.base-layout--mobile .recommendations__header .recommendations__header__container .recommendations__header__background-blobs .svg.two {
  top: -18.5rem;
  left: 0.75rem;
  width: 25.625rem;
  height: 25.625rem;
}
@media (max-width: 350px) {
  .base-layout--mobile .recommendations__header .recommendations__header__container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .base-layout--mobile .recommendations__header .recommendations__nav-links > li {
    margin-right: 0.1rem;
  }
}
.base-layout--mobile .recommendations__header--beta-label {
  font-size: 0.625rem;
}
.base-layout--mobile .recommendations__group-select {
  margin-right: 18px;
  grid-template-columns: 1fr;
}
.base-layout--mobile .recommendations__group-select--avatar {
  width: 2.375rem;
  height: 2.375rem;
  margin: 0.3125rem 0 0.125rem;
}
.base-layout--mobile .recommendations__group-select--down-chevron {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.base-layout--mobile .recommendations__group-select--down-chevron > svg {
  margin: auto;
  width: 0.625rem;
  height: 0.625rem;
}
.base-layout--mobile .recommendations__group-select--group-name {
  font-size: 10px;
  padding-top: 2px;
  line-height: 13px;
  letter-spacing: normal;
  font-weight: 500;
}
.base-layout--mobile .recommendations__nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.5rem;
}
.base-layout--mobile .recommendations__nav-links > li {
  font-size: 0.75rem;
  font-weight: bold;
  margin: 0 0.25rem;
  line-height: 1rem;
}
.base-layout--mobile .recommendations__nav-links > li a {
  letter-spacing: -0.0125rem;
}
.base-layout--mobile .recommendations__nav-links > li:first-child {
  margin-left: 0;
}
.base-layout--mobile .recommendations__header--main-title,
.base-layout--mobile .recommendations__header--main-link {
  line-height: 2.125rem;
}
.base-layout--mobile .recommendations__header--main-title {
  font-size: 1.6875rem;
  font-weight: 700;
  letter-spacing: -0.05rem;
  margin-bottom: 0.5rem;
}
.base-layout--mobile .recommendations__header--main-link {
  font-size: 1.1875rem;
  font-weight: 700;
  letter-spacing: -0.025rem;
}
.recommendations__header--search-button {
  margin-top: 5px;
}
.base-layout--tablet .recommendations__header:before {
  height: 11.25rem;
}
.base-layout--tablet .recommendations__header .recommendations__header__container {
  width: 100%;
  padding: 0.9375rem 5.375rem 1.5rem;
}
.base-layout--tablet .recommendations__header .recommendations__header__container .recommendations__header__background-blobs {
  top: -26px;
}
.base-layout--tablet .recommendations__header .recommendations__header__container .recommendations__header__background-blobs .svg.one {
  top: -106.875rem;
  left: -22%;
  width: 56.25rem;
  height: 56.25rem;
  -webkit-transform: rotate(-9deg);
      -ms-transform: rotate(-9deg);
          transform: rotate(-9deg);
}
.base-layout--tablet .recommendations__header .recommendations__header__container .recommendations__header__background-blobs .svg.two {
  top: -50rem;
  left: 4%;
  width: 59.375rem;
  height: 59.375rem;
}
.base-layout--tablet .recommendations__nav-links {
  margin-left: 5.8125rem;
  margin-top: 0.625rem;
}
.base-layout--tablet .recommendations__nav-links > li {
  line-height: 1.25rem;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  font-weight: 500;
  color: #fff;
}
.base-layout--tablet .recommendations__nav-links > li a {
  letter-spacing: -0.0125rem;
}
.base-layout--tablet .recommendations__nav-links > li:first-child {
  margin-left: 0;
}
.base-layout--tablet .recommendations__header--beta-label svg {
  width: 7.5rem;
  height: 7.5rem;
  left: -2.1875rem;
  bottom: -2.1875rem;
}
.base-layout--tablet .recommendations__header--beta-label span {
  font-size: 1.25rem;
}
.base-layout--tablet .recommendations__group-select--container {
  margin-right: 18px;
}
.base-layout--tablet .recommendations__group-select {
  margin-right: 0;
  grid-template-columns: 1fr;
}
.base-layout--tablet .recommendations__group-select--avatar {
  width: 2.375rem;
  height: 2.375rem;
  margin: 0.25rem 0 0.25rem;
}
.base-layout--tablet .recommendations__group-select--down-chevron {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.base-layout--tablet .recommendations__group-select--down-chevron > svg {
  margin: auto;
  width: 0.625rem;
  height: 0.625rem;
}
.base-layout--tablet .recommendations__header--main-title,
.base-layout--tablet .recommendations__header--main-link {
  line-height: 2.4375rem;
}
.base-layout--tablet .recommendations__header--main-title {
  font-size: 1.9375rem;
  font-weight: 700;
  letter-spacing: -0.0575rem;
}
.base-layout--tablet .recommendations__header--main-link {
  font-size: 1.5625rem;
  font-weight: 500;
  letter-spacing: -0.03375rem;
}
.recommendations__header--search-button {
  margin-top: 5px;
}
.recommendations__header:before {
  content: '';
  display: block;
  height: 7rem;
}
.recommendations__header .recommendations__header__container {
  color: #fff;
  position: fixed;
  z-index: 500;
  top: 0;
  right: 0;
  left: 0;
}
.recommendations__header .recommendations__header__container .recommendations__header__background-blobs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7rem;
}
.recommendations__header .recommendations__header__container .recommendations__header__background-blobs .svg {
  position: relative;
  pointer-events: none;
  mix-blend-mode: multiply;
}
.recommendations__header .recommendations__header__container .recommendations__header__background-blobs .svg:before {
  content: '';
  display: block;
  width: 100%;
}
.recommendations__header .recommendations__header__container .recommendations__header__background-blobs .svg.one path {
  fill: #ff2d92;
}
.recommendations__header .recommendations__header__container .recommendations__header__background-blobs .svg.two path {
  fill: #5e007d;
}
.recommendations__header .recommendations__header__container .recommendations__header__background-blobs .svg svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.recommendations__header__inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.recommendations__header--section-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.recommendations__header--section-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
.recommendations__nav-link {
  color: #fff;
  font-size: 0.875rem;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 1.875rem;
  border: 1px solid #fff;
  border-radius: 1.0625rem;
  padding: 0 0.375rem;
}
.recommendations__nav-link:hover {
  color: #ffe308;
  border-color: #ffe308;
}
.recommendations__nav-link.recommendations__nav-link--current {
  color: #2e003d;
  background-color: #fff;
  border-color: #fff;
}
.recommendations__group-select--container {
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.recommendations__group-select {
  display: grid;
  color: #fff;
  grid-template-columns: auto 1fr;
}
.recommendations__group-select--down-chevron.recommendations__group-select-down-chevron--hide {
  visibility: hidden !important;
}
.recommendations__group-select--avatar {
  position: relative;
}
.recommendations__group-select--avatar .group-icon {
  -webkit-box-shadow: 0 0 0 2px #fff;
          box-shadow: 0 0 0 2px #fff;
}
.recommendations__group-select--avatar:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  padding: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.recommendations__group-select--group-name {
  padding: 0 8px;
  grid-column-start: 1;
  grid-column-end: 3;
}
.recommendations__group-select--group-name.recommendations__group-select--group-name--hidden {
  visibility: hidden;
}
.recommendations__nav-links > li {
  display: inline-block;
  cursor: pointer;
}
.recommendations__header--main-title {
  color: #ffe308;
  margin: 0;
}
.recommendations__header--main-title q {
  font-size: 0.85em;
  quotes: "\2018" "\2019";
}
.recommendations__header--beta-label {
  position: relative;
}
.recommendations__header--beta-label svg {
  position: absolute;
  width: 5rem;
  height: 5rem;
  bottom: -20px;
  left: -20px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.recommendations__header--beta-label span {
  color: #69ccd6;
  text-transform: uppercase;
  font-weight: 600;
  z-index: 2;
}
.recommendations__filter {
  cursor: pointer;
  margin: 0.875rem 0 0 0.4375rem;
  color: #fff;
}
.recommendations__filter svg {
  display: inline-block;
  width: 1rem;
  height: 1rem;
}
.recommendations__filter svg.active path {
  fill: #ffe308;
}
.recommendations__header--search-button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 1rem;
}
.base-layout--tablet .recommendations__header--main-title,
.base-layout--desktop .recommendations__header--main-title,
.base-layout--tablet .recommendatioons__header--main-link,
.base-layout--desktop .recommendatioons__header--main-link {
  margin-top: 16px;
  margin-bottom: 16px;
  line-height: 2.5rem;
}
.base-layout--tablet .recommendations__group-select--group-name,
.base-layout--desktop .recommendations__group-select--group-name {
  font-size: 16px;
  line-height: 20px;
  padding-top: 5px;
  letter-spacing: -0.2;
  font-weight: 500;
}
.base-layout.rate-page,
.base-layout.recommendations-page {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
}
.base-layout.rate-page .rate-page__background-blobs,
.base-layout.recommendations-page .rate-page__background-blobs,
.base-layout.rate-page .recommendations-page__background-blobs,
.base-layout.recommendations-page .recommendations-page__background-blobs {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.base-layout.rate-page .rate-page__background-blobs .svg,
.base-layout.recommendations-page .rate-page__background-blobs .svg,
.base-layout.rate-page .recommendations-page__background-blobs .svg,
.base-layout.recommendations-page .recommendations-page__background-blobs .svg {
  position: absolute;
}
.base-layout.rate-page .rate-page__background-blobs .svg:before,
.base-layout.recommendations-page .rate-page__background-blobs .svg:before,
.base-layout.rate-page .recommendations-page__background-blobs .svg:before,
.base-layout.recommendations-page .recommendations-page__background-blobs .svg:before {
  content: '';
  display: block;
  width: 100%;
}
.base-layout.rate-page .rate-page__background-blobs .svg svg,
.base-layout.recommendations-page .rate-page__background-blobs .svg svg,
.base-layout.rate-page .recommendations-page__background-blobs .svg svg,
.base-layout.recommendations-page .recommendations-page__background-blobs .svg svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratings-modal .modal__overlay {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background-color: rgba(255,255,255,0.9);
}
.base-layout--mobile .rate-page__background-blobs .svg.one,
.base-layout--mobile .recommendations-page__background-blobs .svg.one {
  bottom: -48%;
  right: -80%;
  width: 38.125rem;
  height: 38.125rem;
}
.base-layout--mobile .rate-page__applied-filters {
  margin: 0 1.5rem;
}
.base-layout--tablet .rate-page__background-blobs .svg.one,
.base-layout--tablet .recommendations-page__background-blobs .svg.one {
  top: 31%;
  left: -30%;
  width: 38.125rem;
  height: 38.125rem;
}
.base-layout--tablet .rate-page__background-blobs .svg.two,
.base-layout--tablet .recommendations-page__background-blobs .svg.two {
  top: 35%;
  right: -25%;
  width: 26.25rem;
  height: 26.25rem;
}
.base-layout--tablet .rate-page__applied-filters {
  margin: 0 2.5rem;
}
.base-layout--desktop .recommendations__header--search-button {
  margin-left: 0.75rem;
}
.base-layout--desktop .rate-page__background-blobs .svg.one,
.base-layout--desktop .recommendations-page__background-blobs .svg.one {
  top: 16%;
  left: -11.25rem;
  width: 48.9375rem;
  height: 48.9375rem;
}
.base-layout--desktop .rate-page__background-blobs .svg.two,
.base-layout--desktop .recommendations-page__background-blobs .svg.two {
  top: 35%;
  right: -15.625rem;
  width: 45rem;
  height: 45rem;
}
.base-layout--desktop .rate-page__applied-filters {
  width: 70rem;
  margin: auto;
}
.recommendations-page .recommendations-page__group-waiting {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  max-width: 37.5rem;
  margin: 0 auto;
  padding-top: 3rem;
  color: #2e003d;
  text-align: center;
}
.legal-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #333;
  position: relative;
}
.legal-page span.legal-page__back {
  position: absolute;
  top: 1.5rem;
  left: 0.875rem;
  padding: 0.625rem;
  font-family: 'CircularStd';
  font-size: 0.75rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0125rem;
  color: #8e00bd;
}
.legal-page span.legal-page__back:hover {
  cursor: pointer;
}
.legal-page .legal-page__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 169px;
}
.legal-page .legal-page__header svg.legal-page__header__logo {
  width: 100%;
  height: auto;
  max-width: 269px;
}
.legal-page .legal-page__body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 1.5rem;
  max-width: 53.75rem;
  margin: 2.625rem auto 2.875rem;
}
.legal-page .legal-page__body p {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  color: #2e003d;
  margin: 0 0 1rem;
}
.legal-page .legal-page__body p:last-child {
  margin-bottom: 0;
}
.legal-page .legal-page__body p.large {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
}
.legal-page .legal-page__body ul {
  margin: 0.5rem 0 0.5rem 1.5rem;
}
.legal-page .legal-page__body ul li {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  list-style: disc;
  color: #2e003d;
  padding: 0.25rem 0;
}
.legal-page .legal-page__body ul li:last-of-type {
  padding: 0.25rem 0 0;
}
.legal-page .legal-page__body h1 {
  font-family: 'CircularStd';
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.05rem;
  color: #2e003d;
  margin: 1.5rem 0;
}
.legal-page .legal-page__body h2 {
  font-family: 'CircularStd';
  font-size: 1.5625rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.03375rem;
  color: #2e003d;
  margin: 2rem 0 1.5rem;
}
.legal-page .legal-page__body h3 {
  font-family: 'CircularStd';
  font-size: 1.4375rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.03125rem;
  color: #2e003d;
  margin: 2rem 0 1.5rem;
}
.legal-page .legal-page__body a {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  color: #5e007d;
}
.legal-page .legal-page__body table {
  width: 100%;
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  color: #2e003d;
  margin: 0 0 1rem;
}
.legal-page .legal-page__body table tr td {
  padding: 0.5rem 1rem 0.5rem 0;
  width: 33.33333%;
  vertical-align: top;
}
.legal-page .legal-page__body table thead tr td {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
}
.legal-page--tablet svg.legal-page__logo {
  max-width: 369px;
}
.legal-page--tablet .legal-page__body {
  padding: 0 2.5rem;
}
.legal-page--tablet .legal-page__body h1 {
  font-family: 'CircularStd';
  font-size: 1.9375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0575rem;
}
.legal-page--desktop svg.legal-page__logo {
  max-width: 369px;
}
.legal-page--desktop .legal-page__body {
  padding: 0 2.5rem;
}
.legal-page--desktop .legal-page__body h1 {
  font-family: 'CircularStd';
  font-size: 2.5rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.074375rem;
}
.legal-page--desktop .legal-page__body h2 {
  font-family: 'CircularStd';
  font-size: 1.9375rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.041875rem;
}
.verify-account-page {
  width: 100%;
  height: 100%;
}
.verify-account-page .verify-account-page__not-verified {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: 100%;
  text-align: center;
}
.verify-account-page .verify-account-page__not-verified .verify-account-page__error {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  margin-bottom: 1.25rem;
  color: #ff0042;
  -webkit-transform: translateY(-1.125rem);
      -ms-transform: translateY(-1.125rem);
          transform: translateY(-1.125rem);
}
.verify-account-page .verify-account-page__not-verified h1 {
  font-family: 'CircularStd';
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.05rem;
  margin: 0 0 1rem 0;
  color: #2e003d;
}
.verify-account-page .verify-account-page__not-verified p {
  font-family: 'CircularStd';
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  margin: 0 auto 3rem auto;
  color: #2e003d;
  max-width: 20.375rem;
}
.verify-account-page .verify-account-page__not-verified .form-input {
  width: 100%;
  max-width: 20.375rem;
  margin-right: auto;
  margin-left: auto;
}
.verify-account-page .verify-account-page__not-verified .form-input:first-child {
  margin-bottom: 1rem;
}
.verify-account-page .verify-account-page__not-verified .verify-account-page__input__number input[type=number] {
  -moz-appearance: textfield;
}
.verify-account-page .verify-account-page__not-verified .verify-account-page__input__number input[type=number]::-webkit-outer-spin-button,
.verify-account-page .verify-account-page__not-verified .verify-account-page__input__number input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.verify-account-page .verify-account-page__not-verified .pill-button {
  margin-top: 1.75rem;
  width: 11.25rem;
}
.verify-account-page .verify-account-page__verified {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: 100%;
  color: #fff;
  text-align: center;
  position: relative;
  overflow: hidden;
  background-color: #5e007d;
}
.verify-account-page .verify-account-page__verified .verify-account-page__verified__background-blobs .svg {
  position: absolute;
}
.verify-account-page .verify-account-page__verified .verify-account-page__verified__background-blobs .svg:before {
  content: '';
  display: block;
  width: 100%;
}
.verify-account-page .verify-account-page__verified .verify-account-page__verified__background-blobs .svg svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.verify-account-page .verify-account-page__verified .verify-account-page__verified__background-blobs .svg.one {
  top: -36%;
  left: -77%;
  width: 38.125rem;
  height: 38.125rem;
}
.verify-account-page .verify-account-page__verified .verify-account-page__verified__background-blobs .svg.two {
  top: -12%;
  right: -45%;
  width: 31.25rem;
  height: 31.25rem;
}
.verify-account-page .verify-account-page__verified .verify-account-page__verified__background-blobs .svg.three {
  bottom: -45%;
  right: -107%;
  width: 43.75rem;
  height: 43.75rem;
}
.verify-account-page .verify-account-page__verified .container {
  position: relative;
}
.verify-account-page .verify-account-page__verified h1 {
  font-family: 'CircularStd';
  font-size: 2rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0625rem;
  margin: 0 0 2rem 0;
}
.verify-account-page .verify-account-page__verified p {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
}
.verify-account-page .verify-account-page__verified p:first-child {
  margin: 0 0 1.875rem 0;
}
.verify-account-page .verify-account-page__verified p:last-child {
  margin: 0 0 2.5rem 0;
}
.verify-account-page .verify-account-page__verified .pill-button {
  width: 11.25rem;
}
.verify-account-page.verify-account-page--tablet .verify-account-page__not-verified h1 {
  font-family: 'CircularStd';
  font-size: 1.9375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0575rem;
}
.verify-account-page.verify-account-page--tablet .verify-account-page__not-verified p {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
}
.verify-account-page.verify-account-page--tablet .verify-account-page__verified .verify-account-page__verified__background-blobs .svg.one {
  top: -2%;
  left: -52%;
  width: 50.625rem;
  height: 50.625rem;
}
.verify-account-page.verify-account-page--tablet .verify-account-page__verified .verify-account-page__verified__background-blobs .svg.two {
  top: -51%;
  right: -3%;
  width: 47.6875rem;
  height: 47.6875rem;
}
.verify-account-page.verify-account-page--tablet .verify-account-page__verified .verify-account-page__verified__background-blobs .svg.three {
  bottom: -51%;
  right: -31%;
  width: 57.25rem;
  height: 57.25rem;
}
.verify-account-page.verify-account-page--tablet .verify-account-page__verified h1 {
  font-family: 'CircularStd';
  font-size: 2.4375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.1125rem;
}
.verify-account-page.verify-account-page--desktop .verify-account-page__not-verified h1 {
  font-family: 'CircularStd';
  font-size: 2.5rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.074375rem;
}
.verify-account-page.verify-account-page--desktop .verify-account-page__not-verified p {
  font-family: 'CircularStd';
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
}
.verify-account-page.verify-account-page--desktop .verify-account-page__verified .verify-account-page__verified__background-blobs .svg.one {
  top: -12.5rem;
  left: -32.5rem;
  width: 69.375rem;
  height: 69.375rem;
}
.verify-account-page.verify-account-page--desktop .verify-account-page__verified .verify-account-page__verified__background-blobs .svg.two {
  top: -38.75rem;
  right: -3.125rem;
  width: 78.9375rem;
  height: 78.9375rem;
}
.verify-account-page.verify-account-page--desktop .verify-account-page__verified .verify-account-page__verified__background-blobs .svg.three {
  bottom: -30.5625rem;
  right: -17.5rem;
  width: 69.75rem;
  height: 69.75rem;
}
.verify-account-page.verify-account-page--desktop .verify-account-page__verified h1 {
  font-family: 'CircularStd';
  font-size: 3rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.090625rem;
}


/*# sourceMappingURL=ef917934.4906def8.chunk.css.map*/