.tippy-box[data-theme~='light'] {
  color: #26323d;
  box-shadow: 0 0 20px 4px rgba(154, 161, 177, 0.15),
    0 4px 80px -8px rgba(36, 40, 47, 0.25),
    0 4px 4px -2px rgba(91, 94, 105, 0.15);
  background-color: #fff;
}
.tippy-box[data-theme~='light'][data-placement^='top'] > .tippy-arrow:before {
  border-top-color: #fff;
}
.tippy-box[data-theme~='light'][data-placement^='bottom']
  > .tippy-arrow:before {
  border-bottom-color: #fff;
}
.tippy-box[data-theme~='light'][data-placement^='left'] > .tippy-arrow:before {
  border-left-color: #fff;
}
.tippy-box[data-theme~='light'][data-placement^='right'] > .tippy-arrow:before {
  border-right-color: #fff;
}
.tippy-box[data-theme~='light'] > .tippy-backdrop {
  background-color: #fff;
}
.tippy-box[data-theme~='light'] > .tippy-svg-arrow {
  fill: #fff;
}
.tippy-box[data-placement^='top'] > .tippy-svg-arrow {
  bottom: 0;
}
.tippy-box[data-placement^='top'] > .tippy-svg-arrow:after,
.tippy-box[data-placement^='top'] > .tippy-svg-arrow > svg {
  top: 16px;
  transform: rotate(180deg);
}
.tippy-box[data-placement^='bottom'] > .tippy-svg-arrow {
  top: 0;
}
.tippy-box[data-placement^='bottom'] > .tippy-svg-arrow > svg {
  bottom: 16px;
}
.tippy-box[data-placement^='left'] > .tippy-svg-arrow {
  right: 0;
}
.tippy-box[data-placement^='left'] > .tippy-svg-arrow:after,
.tippy-box[data-placement^='left'] > .tippy-svg-arrow > svg {
  transform: rotate(90deg);
  top: calc(50% - 3px);
  left: 11px;
}
.tippy-box[data-placement^='right'] > .tippy-svg-arrow {
  left: 0;
}
.tippy-box[data-placement^='right'] > .tippy-svg-arrow:after,
.tippy-box[data-placement^='right'] > .tippy-svg-arrow > svg {
  transform: rotate(-90deg);
  top: calc(50% - 3px);
  right: 11px;
}
.tippy-svg-arrow {
  width: 16px;
  height: 16px;
  fill: #333;
  text-align: initial;
}
.tippy-svg-arrow,
.tippy-svg-arrow > svg {
  position: absolute;
}
footer {
  background: rgba(10, 23, 50, 0.8);
}
.footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  min-height: 88px;
  padding-top: 32px;
  padding-bottom: 26px;
}
.footer__brand {
  background: url("data:image/svg+xml,%3csvg width='100' height='32' viewBox='0 0 100 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M60.8384 15.7456C60.8384 12.3404 59.3575 10.6205 56.5694 10.6205C54.2285 10.6205 51.988 11.9972 50.1292 13.4511H50.0251C49.4736 11.654 48.3398 10.6205 46.134 10.6205C43.8626 10.6205 41.4832 11.9587 39.7632 13.4125H39.6938L39.7285 10.8095L32.841 11.9201C32.841 11.9201 35.0121 13.4627 35.0121 13.3123V29.4975C34.9929 29.5361 34.0326 30.1647 33.3963 30.5773L30.2418 28.1516L25.7414 16.004C26.7633 15.4448 27.5539 15.2597 28.8496 15.2597C29.2661 15.2597 29.5438 15.2597 30.2418 15.306C29.6363 14.4229 28.6183 12.0589 28.2943 10.713C27.4151 11.8237 26.3006 12.7068 24.8197 13.6825L20.7319 2.78046L23.281 0H12.1978L14.7468 2.78046L10.5742 14.0025C10.3891 13.8174 10.0613 13.5398 9.36717 12.9343C8.57661 12.2363 8.34522 12.0512 7.88246 11.3571C7.79376 11.8198 6.63299 14.0912 5.84243 15.1595C7.50839 15.3484 8.29895 15.6222 9.55613 16.5053C7.04948 24.7657 4.26517 29.0309 0 30.9321H12.0589L11.6424 30.4693C9.64868 28.383 9.23219 27.5963 9.23219 25.8301C9.23219 24.3492 9.23219 24.3492 11.4573 17.6661C13.131 19.2897 14.8432 21.6073 16.9334 24.9971C17.4424 24.0677 18.8346 22.2591 20.0378 21.0057L21.6652 19.3822L24.9971 28.1516L21.7038 30.9321H32.8449L32.841 30.9359H41.7608C41.7608 30.9359 39.8249 29.5206 39.7979 29.4975V14.1799C40.6232 13.8753 42.0693 13.4549 43.3458 13.4549C45.0002 13.4549 45.5478 14.2956 45.5478 16.6673V29.4975C45.5478 29.5052 43.5849 30.9359 43.5849 30.9359H52.1924C52.1924 30.9359 50.2989 29.5168 50.2989 29.4975V15.977C50.2989 15.3253 50.2642 14.5617 50.1947 14.2185C51.02 13.8753 52.4662 13.4549 53.812 13.4549C55.5358 13.4549 56.0487 14.2956 56.0487 16.6673V29.4975C56.0487 29.5052 54.1205 30.9359 54.1205 30.9359H63.0057C63.0057 30.9359 60.8345 29.5245 60.8345 29.4975V15.7456H60.8384ZM18.6456 19.1547C17.67 20.408 17.1185 21.106 16.9295 21.2911L16.6982 20.917C15.0283 18.5068 14.0064 17.2573 12.2942 15.3986L16.2354 4.96317L20.7782 16.9295C19.9452 17.7162 19.1547 18.5531 18.6456 19.1547ZM71.9679 10.6205C67.4212 10.6205 63.1869 14.6003 63.1869 21.2178C63.1869 27.6079 66.0098 31.3949 72.0373 31.3949C75.3075 31.3949 77.7178 29.5592 78.9248 27.9125V27.3379C77.5828 28.1401 75.9978 28.6761 74.0002 28.6761C70.1438 28.6761 68.0074 26.4934 68.0074 19.7601H79.4763C79.4416 13.2968 76.584 10.6205 71.9679 10.6205ZM68.0074 18.9233C68.1462 13.4896 69.6618 11.4997 71.7944 11.4997C73.9655 11.4997 74.7214 13.4125 74.7214 18.5762L68.0074 18.9233ZM93.0084 29.4975V16.702C93.0084 14.2532 92.2872 13.4511 90.5634 13.4511C88.8743 13.4511 87.6364 13.8714 86.8073 14.1761V29.4937C86.8073 29.5207 88.8743 30.9321 88.8743 30.9321H79.8504C79.8504 30.9321 82.0215 29.5207 82.0215 29.4937V13.4395C82.0254 13.4395 79.8504 11.9201 79.8504 11.9201L86.7379 10.8095L86.7032 13.4125H86.7726C88.5311 12.0358 90.8719 10.6205 93.2822 10.6205C96.3133 10.6205 97.7941 12.3019 97.7941 15.7456V29.4975C97.7941 29.5168 100 30.9359 100 30.9359H90.9761C90.9761 30.9359 93.0084 29.5245 93.0084 29.4975Z' fill='url(%23paint0_linear)'/%3e %3cdefs%3e %3clinearGradient id='paint0_linear' x1='19.3426' y1='50.9627' x2='78.8855' y2='-6.53727' gradientUnits='userSpaceOnUse'%3e %3cstop stop-color='%23EFD971'/%3e %3cstop offset='0.073' stop-color='%23F0DB77'/%3e %3cstop offset='0.1725' stop-color='%23F2DF89'/%3e %3cstop offset='0.2873' stop-color='%23F5E7A5'/%3e %3cstop offset='0.4135' stop-color='%23F9F2CD'/%3e %3cstop offset='0.545' stop-color='white'/%3e %3cstop offset='0.5574' stop-color='%23FEFEFA'/%3e %3cstop offset='0.7092' stop-color='%23F8EEBF'/%3e %3cstop offset='0.8388' stop-color='%23F3E395'/%3e %3cstop offset='0.9399' stop-color='%23F0DC7B'/%3e %3cstop offset='1' stop-color='%23EFD971'/%3e %3c/linearGradient%3e %3c/defs%3e %3c/svg%3e")
    no-repeat center center/contain;
  width: 70px;
  height: 22px;
}
.footer ul {
  display: flex;
  align-items: center;
}
.footer ul li {
  font-size: 11px;
  line-height: 14px;
}
.footer ul li:not(:last-child) {
  margin-right: 53px;
}
@media (max-width: 64em) {
  .footer {
    flex-direction: column;
  }
  .footer__brand {
    margin-bottom: 20px;
  }
  .footer ul li:not(:last-child) {
    margin-right: 32px;
  }
}
@media (max-width: 48em) {
  .footer ul {
    flex-direction: column;
  }
  .footer ul li:not(:last-child) {
    margin-right: initial;
    margin-bottom: 1em;
  }
}
.nav__wrapper {
  background-color: #0a1732;
  height: 72px;
  width: 100%;
  padding: 14px 0;
}
.main-nav {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.main-nav__brandmark {
  align-self: center;
  height: inherit;
  min-width: 100px;
  height: 32px;
  background: url("data:image/svg+xml,%3csvg width='100' height='32' viewBox='0 0 100 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M60.8384 15.7456C60.8384 12.3404 59.3575 10.6205 56.5694 10.6205C54.2285 10.6205 51.988 11.9972 50.1292 13.4511H50.0251C49.4736 11.654 48.3398 10.6205 46.134 10.6205C43.8626 10.6205 41.4832 11.9587 39.7632 13.4125H39.6938L39.7285 10.8095L32.841 11.9201C32.841 11.9201 35.0121 13.4627 35.0121 13.3123V29.4975C34.9929 29.5361 34.0326 30.1647 33.3963 30.5773L30.2418 28.1516L25.7414 16.004C26.7633 15.4448 27.5539 15.2597 28.8496 15.2597C29.2661 15.2597 29.5438 15.2597 30.2418 15.306C29.6363 14.4229 28.6183 12.0589 28.2943 10.713C27.4151 11.8237 26.3006 12.7068 24.8197 13.6825L20.7319 2.78046L23.281 0H12.1978L14.7468 2.78046L10.5742 14.0025C10.3891 13.8174 10.0613 13.5398 9.36717 12.9343C8.57661 12.2363 8.34522 12.0512 7.88246 11.3571C7.79376 11.8198 6.63299 14.0912 5.84243 15.1595C7.50839 15.3484 8.29895 15.6222 9.55613 16.5053C7.04948 24.7657 4.26517 29.0309 0 30.9321H12.0589L11.6424 30.4693C9.64868 28.383 9.23219 27.5963 9.23219 25.8301C9.23219 24.3492 9.23219 24.3492 11.4573 17.6661C13.131 19.2897 14.8432 21.6073 16.9334 24.9971C17.4424 24.0677 18.8346 22.2591 20.0378 21.0057L21.6652 19.3822L24.9971 28.1516L21.7038 30.9321H32.8449L32.841 30.9359H41.7608C41.7608 30.9359 39.8249 29.5206 39.7979 29.4975V14.1799C40.6232 13.8753 42.0693 13.4549 43.3458 13.4549C45.0002 13.4549 45.5478 14.2956 45.5478 16.6673V29.4975C45.5478 29.5052 43.5849 30.9359 43.5849 30.9359H52.1924C52.1924 30.9359 50.2989 29.5168 50.2989 29.4975V15.977C50.2989 15.3253 50.2642 14.5617 50.1947 14.2185C51.02 13.8753 52.4662 13.4549 53.812 13.4549C55.5358 13.4549 56.0487 14.2956 56.0487 16.6673V29.4975C56.0487 29.5052 54.1205 30.9359 54.1205 30.9359H63.0057C63.0057 30.9359 60.8345 29.5245 60.8345 29.4975V15.7456H60.8384ZM18.6456 19.1547C17.67 20.408 17.1185 21.106 16.9295 21.2911L16.6982 20.917C15.0283 18.5068 14.0064 17.2573 12.2942 15.3986L16.2354 4.96317L20.7782 16.9295C19.9452 17.7162 19.1547 18.5531 18.6456 19.1547ZM71.9679 10.6205C67.4212 10.6205 63.1869 14.6003 63.1869 21.2178C63.1869 27.6079 66.0098 31.3949 72.0373 31.3949C75.3075 31.3949 77.7178 29.5592 78.9248 27.9125V27.3379C77.5828 28.1401 75.9978 28.6761 74.0002 28.6761C70.1438 28.6761 68.0074 26.4934 68.0074 19.7601H79.4763C79.4416 13.2968 76.584 10.6205 71.9679 10.6205ZM68.0074 18.9233C68.1462 13.4896 69.6618 11.4997 71.7944 11.4997C73.9655 11.4997 74.7214 13.4125 74.7214 18.5762L68.0074 18.9233ZM93.0084 29.4975V16.702C93.0084 14.2532 92.2872 13.4511 90.5634 13.4511C88.8743 13.4511 87.6364 13.8714 86.8073 14.1761V29.4937C86.8073 29.5207 88.8743 30.9321 88.8743 30.9321H79.8504C79.8504 30.9321 82.0215 29.5207 82.0215 29.4937V13.4395C82.0254 13.4395 79.8504 11.9201 79.8504 11.9201L86.7379 10.8095L86.7032 13.4125H86.7726C88.5311 12.0358 90.8719 10.6205 93.2822 10.6205C96.3133 10.6205 97.7941 12.3019 97.7941 15.7456V29.4975C97.7941 29.5168 100 30.9359 100 30.9359H90.9761C90.9761 30.9359 93.0084 29.5245 93.0084 29.4975Z' fill='url(%23paint0_linear)'/%3e %3cdefs%3e %3clinearGradient id='paint0_linear' x1='19.3426' y1='50.9627' x2='78.8855' y2='-6.53727' gradientUnits='userSpaceOnUse'%3e %3cstop stop-color='%23EFD971'/%3e %3cstop offset='0.073' stop-color='%23F0DB77'/%3e %3cstop offset='0.1725' stop-color='%23F2DF89'/%3e %3cstop offset='0.2873' stop-color='%23F5E7A5'/%3e %3cstop offset='0.4135' stop-color='%23F9F2CD'/%3e %3cstop offset='0.545' stop-color='white'/%3e %3cstop offset='0.5574' stop-color='%23FEFEFA'/%3e %3cstop offset='0.7092' stop-color='%23F8EEBF'/%3e %3cstop offset='0.8388' stop-color='%23F3E395'/%3e %3cstop offset='0.9399' stop-color='%23F0DC7B'/%3e %3cstop offset='1' stop-color='%23EFD971'/%3e %3c/linearGradient%3e %3c/defs%3e %3c/svg%3e")
    no-repeat center center/contain;
}
.main-nav__options {
  display: flex;
  align-items: center;
  color: #fff;
}
.main-nav__options :not(:last-child) {
  margin-right: 28px;
}
.main-nav__options > li {
  height: 100%;
  display: flex;
  align-items: center;
}
.icon-link {
  display: flex;
  align-items: flex-end;
}
.icon-link .icon {
  margin-right: 11px;
  height: 25px;
  width: 17px;
}
.breadcrumbs-wrapper {
  background: #8e7d2b;
  color: #fff;
}
.breadcrumbs {
  display: flex;
  padding: 17px 0;
}
.breadcrumbs > li {
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
}
.breadcrumbs > :not(:last-child) {
  margin-right: 1.4em;
  position: relative;
}
.breadcrumbs > :not(:last-child)::after {
  content: '/';
  position: absolute;
  right: -0.9em;
  font-weight: 700;
}
.breadcrumbs > :not(:last-child):hover {
  color: #edeae0;
}
html {
  scroll-behavior: smooth;
}
html,
body {
  height: 100%;
  font-family: Sailec, sans-serif;
}
body {
  font-style: normal;
  font-size: 16px;
}
.container {
  max-width: 1320px;
  margin: 0 auto;
}
@media (max-width: 85.5em) {
  .container {
    max-width: initial;
    margin: 0 32px;
  }
}
@media (max-width: 30em) {
  .container {
    margin: 0 18px;
  }
}
.container-padding {
  max-width: 1320px;
  margin: 0 auto;
}
@media (max-width: 85.5em) {
  .container-padding {
    max-width: initial;
    padding: 0 32px;
  }
}
@media (max-width: 30em) {
  .container-padding {
    padding: 0 18px;
  }
}
.about-us .main {
  display: flex;
}
.about-us .main > * {
  flex: 1;
}
.about-us .main__img {
  width: 100%;
  min-height: 514px;
}
.about-us .main__img img {
  width: 100%;
  height: 100%;
  max-width: initial;
  object-fit: cover;
}
.about-us .main__info {
  display: grid;
  place-content: center;
  padding-left: 38px;
  padding-right: 50px;
}
.about-us .main__title {
  font-family: Publico, serif;
  font-size: 40px;
  line-height: 48px;
}
.about-us .main__description {
  padding-top: 16px;
  line-height: 24px;
  font-size: 16px;
  max-width: 538px;
}
@media (max-width: 48em) {
  .about-us .main {
    flex-direction: column;
  }
  .about-us .main__img {
    min-height: initial;
    height: 260px;
    max-height: 260px;
  }
  .about-us .main__info {
    padding: 26px 32px;
  }
}
@media (max-width: 30em) {
  .about-us .main__info {
    padding-right: 18px;
    padding-left: 18px;
  }
}
.about-us .members__wrapper {
  background: #edeae0;
  display: flex;
  justify-content: center;
}
.about-us .members {
  max-width: 650px;
  padding-top: 70px;
  padding-bottom: 115px;
}
.about-us .members__header {
  padding-bottom: 38px;
  text-align: left;
}
.about-us .members__title {
  font-family: Publico, serif;
  font-size: 32px;
  line-height: 38.4px;
  margin-bottom: 18px;
  margin-top: 18px;
}
.about-us .members__description {
  font-size: 16px;
  line-height: 24px;
}
.about-us .members__grid {
  display: grid;
  gap: 19px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 48em) {
  .about-us .members {
    padding-top: 35px;
    padding-bottom: 53px;
  }
  .about-us .members__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 20em) {
  .about-us .members__grid {
    grid-template-columns: 1fr;
  }
}
.about-us .member {
  display: flex;
  flex-direction: column;
}
.about-us .member img {
  height: 203px;
  width: 203px;
  border-radius: 12px;
}
.about-us .member h5 {
  margin-top: 16px;
  font-size: 16px;
  line-height: 24px;
}
.about-us .member span {
  font-size: 14px;
  line-height: 24px;
  color: #8e7d2b;
}
@media (max-width: 48em) {
  .about-us .member {
    place-self: center;
  }
}
@media (max-width: 30em) {
  .about-us .member img {
    height: 164px;
    width: 164px;
  }
}
.account__wrapper {
  min-height: calc(100vh - 209px);
  display: grid;
  place-content: center;
}
@media (max-width: 64em) {
  .account__wrapper {
    min-height: calc(100vh - 255px);
  }
}
@media (max-width: 30em) {
  .account__wrapper {
    min-height: auto;
    padding-bottom: 30px;
    padding-top: 43px;
  }
}
.attribution__wrapper {
  background: #edeae0;
}
.attribution__wrapper .articles {
  padding-top: 67px;
  padding-bottom: 100px;
}
.attribution__wrapper article,
.attribution__wrapper hr {
  max-width: 650px;
  margin: 0 auto;
}
.attribution__wrapper hr {
  border-style: dashed;
  border-color: #fff;
  margin-bottom: 25px;
}
.attribution__wrapper article header {
  font-family: 'Publico';
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 0px;
  margin-bottom: 26px;
}
.attribution__wrapper article p {
  font-family: Sailec;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 25px;
}
.attribution__wrapper article ul li {
  list-style: initial;
}
.password-form__wrapper {
  min-height: calc(100vh - 209px);
  display: grid;
  place-content: center;
}
@media (max-width: 64em) {
  .password-form__wrapper {
    min-height: calc(100vh - 255px);
  }
}
@media (max-width: 30em) {
  .password-form__wrapper {
    min-height: auto;
    padding-bottom: 30px;
    padding-top: 43px;
  }
}
.password-form__wrapper form {
  max-width: 426px;
}
.password-form__wrapper .form-control--vertical {
  display: flex;
  flex-direction: column;
  margin-bottom: 18px;
}
.password-form__wrapper .form-control--vertical label {
  margin-bottom: 6px;
}
.password-form__wrapper .form-control .form-input {
  padding: 15px 20px;
  border: 1px solid #dddddd;
}
.password-form__wrapper .form-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.password-form__wrapper .form-actions button {
  min-height: 44px;
}
.password-form__wrapper .form-actions a {
  color: #8e7d2b;
}
@media (max-width: 30em) {
  .password-form__wrapper .form-actions {
    flex-direction: column-reverse;
    padding-top: 12px;
  }
  .password-form__wrapper .form-actions button {
    width: 100%;
  }
  .password-form__wrapper .form-actions a {
    margin-top: 30px;
  }
}
.password-form__wrapper .error {
  color: #ce1313;
}
.login__wrapper {
  min-height: calc(100vh - 209px);
  display: grid;
  place-content: center;
}
@media (max-width: 64em) {
  .login__wrapper {
    min-height: calc(100vh - 255px);
  }
}
@media (max-width: 30em) {
  .login__wrapper {
    min-height: auto;
    padding-bottom: 30px;
    padding-top: 43px;
  }
}
.login__wrapper form {
  max-width: 426px;
}
.login__wrapper .form-control--vertical {
  display: flex;
  flex-direction: column;
  margin-bottom: 18px;
}
.login__wrapper .form-control--vertical label {
  margin-bottom: 6px;
}
.login__wrapper .form-control .form-input {
  padding: 15px 20px;
  border: 1px solid #dddddd;
}
.login__wrapper .form-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.login__wrapper .form-actions button {
  min-height: 44px;
  width: 100%;
}
.login__wrapper .form-actions a {
  color: #8e7d2b;
}
@media (max-width: 30em) {
  .login__wrapper .form-actions {
    flex-direction: column-reverse;
    padding-top: 12px;
  }
  .login__wrapper .form-actions a {
    margin-top: 30px;
  }
}
.privacy__wrapper {
  background: #edeae0;
}
.privacy__wrapper .articles {
  padding-top: 67px;
  padding-bottom: 100px;
}
.privacy__wrapper article,
.privacy__wrapper hr {
  max-width: 650px;
  margin: 0 auto;
}
.privacy__wrapper hr {
  border-style: dashed;
  border-color: #fff;
  margin-bottom: 25px;
}
.privacy__wrapper article header {
  font-family: 'Publico';
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 0px;
  margin-bottom: 26px;
}
.privacy__wrapper article p {
  font-family: Sailec;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 25px;
}
.privacy__wrapper article ul li {
  list-style: initial;
}
.sign-up__wrapper {
  min-height: calc(100vh - 209px);
  display: flex;
}
@media (max-width: 85.5em) {
  .sign-up__wrapper {
    max-width: initial;
    margin-left: 32px;
  }
}
@media (max-width: 64em) {
  .sign-up__wrapper {
    min-height: calc(100vh - 255px);
  }
}
@media (max-width: 48em) {
  .sign-up__wrapper {
    flex-direction: column-reverse;
    margin-left: 0px;
  }
}
.sign-up__form {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.sign-up__form .form__wrapper {
  padding-right: 112px;
  box-sizing: border-box;
  max-width: 668px;
  display: flex;
}
@media (max-width: 48em) {
  .sign-up__form .form__wrapper {
    margin: 64px 0;
  }
}
@media (max-width: 40.5em) {
  .sign-up__form .form__wrapper {
    padding-right: 0px;
    flex-direction: column;
    margin: 64px 32px;
  }
}
.sign-up__form form,
.sign-up__form .info {
  width: 100%;
}
.sign-up__image {
  flex: 1;
  width: 100%;
  min-height: 40vh;
  background: url('/images/sign-up.png') no-repeat center center/cover;
}
.sign-up__wrapper .form-control {
  position: relative;
}
.sign-up__wrapper .form-control--vertical {
  display: flex;
  flex-direction: column;
  margin-bottom: 18px;
}
.sign-up__wrapper .form-control--vertical label {
  margin-bottom: 6px;
}
.sign-up__wrapper .form-control .form-input {
  padding: 15px 20px;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
.sign-up__wrapper .form-control.invalid .error {
  display: initial;
}
.sign-up__wrapper .form-control.invalid .form-input {
  border-color: red;
}
.sign-up__wrapper .form-control .error {
  display: none;
  content: '';
  background: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M9 0.53125C4.18359 0.53125 0.28125 4.43359 0.28125 9.25C0.28125 14.0664 4.18359 17.9688 9 17.9688C13.8164 17.9688 17.7188 14.0664 17.7188 9.25C17.7188 4.43359 13.8164 0.53125 9 0.53125ZM9 16.8438C4.81641 16.8438 1.40625 13.4688 1.40625 9.25C1.40625 5.10156 4.78125 1.65625 9 1.65625C13.1484 1.65625 16.5938 5.06641 16.5938 9.25C16.5938 13.4336 13.1836 16.8438 9 16.8438ZM12.3047 6.82422C12.4805 6.64844 12.4805 6.40234 12.3047 6.22656L12.0234 5.94531C11.8477 5.76953 11.6016 5.76953 11.4258 5.94531L9 8.37109L6.53906 5.94531C6.39844 5.76953 6.11719 5.76953 5.94141 5.94531L5.66016 6.22656C5.48438 6.40234 5.48438 6.64844 5.66016 6.82422L8.08594 9.25L5.66016 11.7109C5.48438 11.8516 5.48438 12.1328 5.66016 12.3086L5.94141 12.5898C6.11719 12.7656 6.39844 12.7656 6.53906 12.5898L9 10.1641L11.4258 12.5898C11.6016 12.7656 11.8477 12.7656 12.0234 12.5898L12.3047 12.3086C12.4805 12.1328 12.4805 11.8516 12.3047 11.7109L9.87891 9.25L12.3047 6.82422Z' fill='%23EE4B4B'/%3e %3c/svg%3e");
  width: 18px;
  height: 18px;
  position: absolute;
  right: 13px;
  bottom: 15px;
}
.sign-up__wrapper .form-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sign-up__wrapper .form-actions button {
  min-height: 44px;
  width: 100%;
}
.sign-up__wrapper .form-actions a {
  color: #8e7d2b;
}
@media (max-width: 30em) {
  .sign-up__wrapper .form-actions {
    flex-direction: column-reverse;
    padding-top: 12px;
  }
  .sign-up__wrapper .form-actions a {
    margin-top: 30px;
  }
}
.sign-up__wrapper .step {
  margin-right: 64px;
  margin-top: 30px;
}
@media (max-width: 40.5em) {
  .sign-up__wrapper .step {
    display: inline-flex;
  }
}
.sign-up__wrapper .step__item {
  position: relative;
  text-align: center;
}
.sign-up__wrapper .step__item::before {
  content: '';
  height: 16px;
  width: 16px;
  box-sizing: content-box;
  border: 1px solid #0a1732;
  opacity: 0.2;
  border-radius: 50%;
  position: absolute;
  top: -20px;
  left: calc(50% - 8px);
}
.sign-up__wrapper .step__item:not(:last-child) {
  margin-bottom: 88px;
}
.sign-up__wrapper .step__item:not(:last-child)::after {
  content: '';
  height: 64px;
  border: 1px solid black;
  position: absolute;
  bottom: -64px;
  left: calc(50%);
  opacity: 0.2;
}
@media (max-width: 40.5em) {
  .sign-up__wrapper .step__item:not(:last-child) {
    margin-right: 40px;
    margin-bottom: 20px;
  }
  .sign-up__wrapper .step__item:not(:last-child)::after {
    content: '';
    width: 64px;
    height: 0px;
    border: 1px solid black;
    position: absolute;
    opacity: 0.2;
    bottom: 28px;
    left: auto;
    right: -64px;
  }
}
.sign-up__wrapper .step--active::before {
  background-color: black;
  opacity: 1;
}
.sign-up__wrapper .step--complete::before {
  background: url("data:image/svg+xml,%3csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M8.49609 0.890625L3.35938 6.02734L1.48438 4.13281C1.38672 4.05469 1.23047 4.05469 1.15234 4.13281L0.585938 4.69922C0.507812 4.77734 0.507812 4.93359 0.585938 5.03125L3.20312 7.62891C3.30078 7.72656 3.4375 7.72656 3.53516 7.62891L9.39453 1.76953C9.47266 1.69141 9.47266 1.53516 9.39453 1.4375L8.82812 0.890625C8.75 0.792969 8.59375 0.792969 8.49609 0.890625Z' fill='white'/%3e %3c/svg%3e")
      no-repeat center center,
    #8e7d2b;
  border: 1px solid #8e7d2b;
  opacity: 1;
}
.sign-up__wrapper .error-list {
  padding: 20px 24px 20px 31px;
}
.sign-up__wrapper .error-list__item {
  display: flex;
  align-items: center;
  font-weight: bold;
}
.sign-up__wrapper .error-list__item .icon {
  margin-right: 12px;
}
.sign-up__wrapper .error-list__item:not(:last-child) {
  margin-bottom: 8px;
}
.sign-up__wrapper .instructions {
  padding: 24px 0;
}
.sign-up__wrapper .instructions__step {
  background: #0a1732;
  border: 1px solid #ececec;
  box-sizing: border-box;
  border-radius: 100px;
  display: flex;
  align-items: center;
  color: white;
  min-height: 86px;
  padding: 18px 30px 18px 21px;
}
.sign-up__wrapper .instructions__step span {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #8e7d2b;
  font-size: 20px;
  flex-shrink: 0;
  display: grid;
  place-content: center;
  margin-right: 16px;
}
.sign-up__wrapper .instructions__step:not(:last-child) {
  margin-bottom: 20px;
}
.terms__wrapper {
  background: #edeae0;
}
.terms__wrapper .articles {
  padding-top: 67px;
  padding-bottom: 100px;
}
.terms__wrapper article,
.terms__wrapper hr {
  max-width: 650px;
  margin: 0 auto;
}
.terms__wrapper hr {
  border-style: dashed;
  border-color: #fff;
  margin-bottom: 25px;
}
.terms__wrapper article header {
  font-family: 'Publico';
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 0px;
  margin-bottom: 26px;
}
.terms__wrapper article p {
  font-family: Sailec;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 25px;
}
.terms__wrapper article ul li {
  list-style: initial;
}
.whyamen__wrapper {
  background: #edeae0;
}
.whyamen__wrapper .articles {
  padding-top: 67px;
  padding-bottom: 100px;
}
.whyamen__wrapper article,
.whyamen__wrapper hr {
  max-width: 650px;
  margin: 0 auto;
}
.whyamen__wrapper hr {
  border-style: dashed;
  border-color: #fff;
  margin-bottom: 25px;
}
.whyamen__wrapper article header {
  font-family: 'Publico';
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 0px;
  margin-bottom: 26px;
}
.whyamen__wrapper article p {
  font-family: Sailec;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 25px;
}
.whyamen__wrapper article ul li {
  list-style: initial;
}
.whyamen__wrapper article button.btn--main {
  height: 46px;
}
body.player.story {
  background: #333333;
  color: white;
}
body.player.meditation {
  background: #faf7f5;
  color: #333333;
}
.player__wrapper {
  text-align: center;
}
.player__wrapper header {
  background-color: transparent;
  background-color: #e5e5e5;
  height: 48px;
  vertical-align: middle;
  text-align: left;
}
.player__wrapper header img {
  height: 16px;
  padding: 16px;
}
.player__wrapper #content-holder p {
  width: 300px;
  margin: 0 auto;
  padding-top: 20px;
}
.player__wrapper #content-holder {
  margin: 0 auto;
  max-width: 414px;
  padding-left: 16px;
  padding-right: 16px;
  text-align: left;
  width: unset;
  min-height: 400px;
}
.player__wrapper .controls {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 414px;
}
.player__wrapper .controls input[type='range'] {
  cursor: pointer;
  width: 100%;
}
.player__wrapper .play-button {
  background-image: url("data:image/svg+xml,%3csvg width='48px' height='48px' viewBox='0 0 48 48' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3c!-- Generator: Sketch 45.2 (43514) - http://www.bohemiancoding.com/sketch --%3e %3ctitle%3eic_web_play%3c/title%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e %3ccircle id='path-1' cx='24' cy='24' r='24'%3e%3c/circle%3e %3c/defs%3e %3cg id='Sleep-Webpage' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='FINAL' transform='translate(-325.000000, -639.000000)'%3e %3cg id='Group' transform='translate(325.000000, 639.000000)'%3e %3cg id='ic_web_play'%3e %3cg id='Oval-14'%3e %3cuse fill='%23FFFFFF' fill-rule='evenodd' xlink:href='%23path-1'%3e%3c/use%3e %3ccircle stroke='%23FFFFFF' stroke-width='2' cx='24' cy='24' r='23'%3e%3c/circle%3e %3c/g%3e %3cpath d='M20.9305295,15.4161197 C21.2520931,15.6959557 31.4572834,23.5236497 31.4572834,23.5236497 C32.1752318,24.0904412 32.1865571,24.0862881 31.4572834,24.7315918 C31.4572834,24.7315918 21.2027075,32.4091831 20.9305295,32.6215815 C20.0718505,33.2918035 20,33.0171094 20,32.2260537 L20,15.6138836 C20,14.8228279 20.2680935,14.8398356 20.9305295,15.4161197' id='Fill-1' fill='%23333333'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e");
  background-position: left;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  cursor: pointer;
  flex-shrink: 0;
  height: 40px;
  width: 32px;
}
.player__wrapper .player.story .play-button {
  background-image: url("data:image/svg+xml,%3csvg width='48px' height='48px' viewBox='0 0 48 48' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3c!-- Generator: Sketch 45.2 (43514) - http://www.bohemiancoding.com/sketch --%3e %3ctitle%3eic_web_play%3c/title%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e %3ccircle id='path-1' cx='24' cy='24' r='24'%3e%3c/circle%3e %3c/defs%3e %3cg id='Sleep-Webpage' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='FINAL' transform='translate(-325.000000, -639.000000)'%3e %3cg id='Group' transform='translate(325.000000, 639.000000)'%3e %3cg id='ic_web_play'%3e %3cg id='Oval-14'%3e %3cuse fill='%23FFFFFF' fill-rule='evenodd' xlink:href='%23path-1'%3e%3c/use%3e %3ccircle stroke='%23FFFFFF' stroke-width='2' cx='24' cy='24' r='23'%3e%3c/circle%3e %3c/g%3e %3cpath d='M20.9305295,15.4161197 C21.2520931,15.6959557 31.4572834,23.5236497 31.4572834,23.5236497 C32.1752318,24.0904412 32.1865571,24.0862881 31.4572834,24.7315918 C31.4572834,24.7315918 21.2027075,32.4091831 20.9305295,32.6215815 C20.0718505,33.2918035 20,33.0171094 20,32.2260537 L20,15.6138836 C20,14.8228279 20.2680935,14.8398356 20.9305295,15.4161197' id='Fill-1' fill='%23333333'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e");
}
.player__wrapper .player.meditation .play-button {
  background-image: url("data:image/svg+xml,%3csvg width='48px' height='48px' viewBox='0 0 48 48' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3c!-- Generator: Sketch 45.2 (43514) - http://www.bohemiancoding.com/sketch --%3e %3ctitle%3eic_web_play%3c/title%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e %3ccircle id='path-1' cx='24' cy='24' r='24'%3e%3c/circle%3e %3c/defs%3e %3cg id='Sleep-Webpage' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='FINAL' transform='translate(-325.000000, -639.000000)'%3e %3cg id='Group' transform='translate(325.000000, 639.000000)'%3e %3cg id='ic_web_play'%3e %3cg id='Oval-14'%3e %3cuse fill='%23FFFFFF' fill-rule='evenodd' xlink:href='%23path-1'%3e%3c/use%3e %3ccircle stroke='%23FFFFFF' stroke-width='2' cx='24' cy='24' r='23'%3e%3c/circle%3e %3c/g%3e %3cpath d='M20.9305295,15.4161197 C21.2520931,15.6959557 31.4572834,23.5236497 31.4572834,23.5236497 C32.1752318,24.0904412 32.1865571,24.0862881 31.4572834,24.7315918 C31.4572834,24.7315918 21.2027075,32.4091831 20.9305295,32.6215815 C20.0718505,33.2918035 20,33.0171094 20,32.2260537 L20,15.6138836 C20,14.8228279 20.2680935,14.8398356 20.9305295,15.4161197' id='Fill-1' fill='%23333333'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e");
}
.player__wrapper .player.story .play-button.playing {
  background-image: url("data:image/svg+xml,%3csvg width='48px' height='48px' viewBox='0 0 48 48' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3c!-- Generator: Sketch 45.2 (43514) - http://www.bohemiancoding.com/sketch --%3e %3ctitle%3eic_web_pause%3c/title%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e %3ccircle id='path-1' cx='24' cy='24' r='24'%3e%3c/circle%3e %3c/defs%3e %3cg id='Sleep-Webpage' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='FINAL' transform='translate(-325.000000, -639.000000)'%3e %3cg id='Group' transform='translate(325.000000, 639.000000)'%3e %3cg id='ic_web_pause'%3e %3cg id='Oval-14'%3e %3cuse fill='%23FFFFFF' fill-rule='evenodd' xlink:href='%23path-1'%3e%3c/use%3e %3ccircle stroke='%23FFFFFF' stroke-width='2' cx='24' cy='24' r='23'%3e%3c/circle%3e %3c/g%3e %3cpath d='M21.1428571,32.5 L21.1428571,15.5 L21.1428571,15.5 C21.1428571,15.2238576 20.9189995,15 20.6428571,15 L16.5,15 L16.5,15 C16.2238576,15 16,15.2238576 16,15.5 L16,32.5 L16,32.5 C16,32.7761424 16.2238576,33 16.5,33 L20.6428571,33 L20.6428571,33 C20.9189995,33 21.1428571,32.7761424 21.1428571,32.5 Z M26.7857143,33 L30.9285714,33 L30.9285714,33 C31.2047138,33 31.4285714,32.7761424 31.4285714,32.5 L31.4285714,15.5 L31.4285714,15.5 C31.4285714,15.2238576 31.2047138,15 30.9285714,15 L26.2857143,15 L26.2857143,32.5 L26.2857143,32.5 C26.2857143,32.7761424 26.5095719,33 26.7857143,33 Z' id='Shape' fill='%23333333'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e");
}
.player__wrapper .player.meditation .play-button.playing {
  background-image: url("data:image/svg+xml,%3csvg width='48px' height='48px' viewBox='0 0 48 48' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3c!-- Generator: Sketch 45.2 (43514) - http://www.bohemiancoding.com/sketch --%3e %3ctitle%3eic_web_pause%3c/title%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e %3ccircle id='path-1' cx='24' cy='24' r='24'%3e%3c/circle%3e %3c/defs%3e %3cg id='Sleep-Webpage' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='FINAL' transform='translate(-325.000000, -639.000000)'%3e %3cg id='Group' transform='translate(325.000000, 639.000000)'%3e %3cg id='ic_web_pause'%3e %3cg id='Oval-14'%3e %3cuse fill='%23FFFFFF' fill-rule='evenodd' xlink:href='%23path-1'%3e%3c/use%3e %3ccircle stroke='%23FFFFFF' stroke-width='2' cx='24' cy='24' r='23'%3e%3c/circle%3e %3c/g%3e %3cpath d='M21.1428571,32.5 L21.1428571,15.5 L21.1428571,15.5 C21.1428571,15.2238576 20.9189995,15 20.6428571,15 L16.5,15 L16.5,15 C16.2238576,15 16,15.2238576 16,15.5 L16,32.5 L16,32.5 C16,32.7761424 16.2238576,33 16.5,33 L20.6428571,33 L20.6428571,33 C20.9189995,33 21.1428571,32.7761424 21.1428571,32.5 Z M26.7857143,33 L30.9285714,33 L30.9285714,33 C31.2047138,33 31.4285714,32.7761424 31.4285714,32.5 L31.4285714,15.5 L31.4285714,15.5 C31.4285714,15.2238576 31.2047138,15 30.9285714,15 L26.2857143,15 L26.2857143,32.5 L26.2857143,32.5 C26.2857143,32.7761424 26.5095719,33 26.7857143,33 Z' id='Shape' fill='%23333333'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e");
}
.player__wrapper .scrubber {
  vertical-align: middle;
  margin-top: auto;
  margin-bottom: auto;
  width: 100%;
}
.player__wrapper .duration,
.player__wrapper .elapsed {
  flex-shrink: 0;
  height: 40px;
  line-height: 40px;
  margin-left: 8px;
  margin-right: 8px;
  font-family: mono;
  font-size: 18px;
}
.player__wrapper .download-free {
  margin-top: 16px;
  display: block;
  font-size: 16px;
}
.player__wrapper.meditation #share-download {
  background-color: #8e7d2b;
}
.player__wrapper.story #share-download {
  background-color: #80c138;
}
.player__wrapper #share-download {
  font-weight: 500;
  line-height: 0.88;
  letter-spacing: 1px;
  border-radius: 30px;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
  padding: 23px 39px;
  display: inline-block;
  text-transform: uppercase;
  color: white;
  transition: all 0.05s ease;
}
.player__wrapper #share-download:hover {
  box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
  transform: scale(1.05) perspective(1px);
}
.player__wrapper .next {
  background-color: rgba(10, 23, 50, 0.8);
  font-weight: 500;
  line-height: 0.88;
  letter-spacing: 1px;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
  display: inline-block;
  text-transform: uppercase;
  color: white;
  margin-top: 20px;
  margin-right: 10px;
  margin-left: 10px;
  transition: all 0.05s ease;
  border-radius: 15px;
  padding: 10px 20px;
}
.player__wrapper .next:hover {
  box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
  transform: scale(1.05) perspective(1px);
}
.player__wrapper .disabled-link {
  background-color: rgba(10, 23, 50, 0.8);
  font-weight: 500;
  line-height: 0.88;
  letter-spacing: 1px;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
  display: inline-block;
  text-transform: uppercase;
  color: white;
  margin-top: 20px;
  margin-right: 10px;
  margin-left: 10px;
  transition: all 0.05s ease;
  border-radius: 15px;
  padding: 10px 20px;
}
.player__wrapper #open-in-app {
  color: #333;
  display: block;
  margin: 12px;
  padding: 8px;
  text-align: center;
}
.player__wrapper #footer-content {
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
}
.player__wrapper a {
  text-decoration: none;
}
.player__wrapper #footer-content p {
  font-size: 14px;
  padding-bottom: 8px;
  padding-top: 20px;
  text-align: center;
  width: 100%;
}
.player__wrapper .player.meditation p {
  color: #333333;
}
.player__wrapper .player.story p {
  color: #cccccc;
}
.player__wrapper #content-holder .title {
  font-size: 20px;
  line-height: 24px;
  margin-top: 16px;
  margin-bottom: 8px;
  text-align: center;
}
.player__wrapper .player-cover-art {
  cursor: pointer;
  display: relative;
  margin: 16px 0 4px 0;
  max-height: 400px;
  max-width: 400px;
  position: relative;
  width: 100%;
}
.player__wrapper .player-cover-art.playing .overlay {
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  opacity: 0;
}
.player__wrapper .player-cover-art .overlay {
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  background-color: #00000044;
  background-image: url("data:image/svg+xml,%3csvg width='96px' height='96px' viewBox='0 0 96 96' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3c!-- Generator: Sketch 45.2 (43514) - http://www.bohemiancoding.com/sketch --%3e %3ctitle%3eic_web_overlay_play%3c/title%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e %3ccircle id='path-1' cx='48' cy='48' r='48'%3e%3c/circle%3e %3c/defs%3e %3cg id='Sleep-Webpage' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='Player-1-Copy' transform='translate(-277.000000, -287.000000)'%3e %3cg id='Peter' transform='translate(138.000000, 149.000000)'%3e %3cg id='ic_web_overlay_play' transform='translate(139.000000, 138.000000)'%3e %3cg id='Oval-14'%3e %3cuse fill-opacity='0.4' fill='%23333333' fill-rule='evenodd' xlink:href='%23path-1'%3e%3c/use%3e %3ccircle stroke='%23FFFFFF' stroke-width='2' cx='48' cy='48' r='47'%3e%3c/circle%3e %3c/g%3e %3cpath d='M41.8610589,30.8322394 C42.5041863,31.3919113 62.9145668,47.0472995 62.9145668,47.0472995 C64.3504636,48.1808823 64.3731142,48.1725762 62.9145668,49.4631836 C62.9145668,49.4631836 42.405415,64.8183661 41.8610589,65.2431631 C40.1437011,66.583607 40,66.0342188 40,64.4521073 L40,31.2277673 C40,29.6456558 40.536187,29.6796712 41.8610589,30.8322394' id='Fill-1' fill='%23FFFFFF'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 4px;
  bottom: 4px;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
}
.player__wrapper .player-cover-art img {
  border-radius: 4px;
  max-height: 400px;
  max-width: 400px;
  width: 100%;
}
.landing-wrapper {
  background: url('/images/landing-bg.png') no-repeat center center/cover;
  max-height: 714px;
}
.landing .main {
  display: flex;
  padding-top: 100px;
  overflow-x: hidden;
}
.landing .main__info {
  display: flex;
  flex-direction: column;
  padding-top: 60px;
  flex: 1;
  color: #fff;
}
.landing .main__info :not(:last-child) {
  padding-bottom: 27px;
}
.landing .main__info .btn {
  height: 44px;
  align-self: flex-start;
  display: flex;
  align-items: center;
}
@media (max-width: 40.5em) {
  .landing .main__info {
    flex-basis: 180px;
    flex-shrink: 0;
  }
}
.landing .main__img {
  flex: 1;
  display: flex;
  justify-content: center;
  min-width: 369px;
}
@media (max-width: 64em) {
  .landing .main__img {
    flex: 0.75;
  }
}
@media (max-width: 40.5em) {
  .landing .main__img {
    flex-shrink: 0;
    flex-basis: 268px;
  }
}
.landing .main__title {
  font-family: Publico;
  font-style: normal;
  font-weight: normal;
  font-size: 50px;
  line-height: 60px;
}
@media (max-width: 48em) {
  .landing .main__title {
    font-size: 40px;
    line-height: 48px;
  }
}
@media (max-width: 40.5em) {
  .landing .main__title {
    font-size: 32px;
    line-height: 38.4px;
  }
}
.landing .main__description {
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;
}
@media (max-width: 40.5em) {
  .landing .main__description {
    font-size: 16px;
    line-height: 28px;
  }
}
@media (max-width: 48em) {
  .landing .main__description {
    font-size: 18px;
    line-height: 28px;
  }
}
.landing .features {
  margin-top: 166px;
}
.landing .features__title {
  font-family: Publico;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  text-align: center;
}
@media (max-width: 64em) {
  .landing .features__title {
    max-width: 749px;
    margin: 0 auto;
  }
}
.landing .features__list {
  display: grid;
  gap: 21px;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
@media (max-width: 64em) {
  .landing .features__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 30em) {
  .landing .features__list {
    grid-template-columns: 1fr;
  }
}
.landing .features .feature {
  display: flex;
  flex-direction: column;
  border: 1px solid #b0b0b0;
  box-shadow: 0px 7px 12px rgba(0, 0, 0, 0.08);
  border-radius: 7px;
  padding: 20px 21px;
  background: #fff;
}
.landing .features .feature .icon-cross {
  height: 52px;
  width: 20px;
}
.landing .features .feature .icon-pray-hands,
.landing .features .feature .icon-house-night,
.landing .features .feature .icon-bible {
  width: 32px;
  height: 52px;
}
.landing .features .feature span {
  line-height: 22px;
}
.landing .community-wrapper {
  background: #edeae0;
  margin-top: -60px;
  padding-top: 180px;
  padding-bottom: 64px;
}
@media (max-width: 30em) {
  .landing .community-wrapper {
    padding-top: 120px;
  }
}
.landing .community {
  display: flex;
}
.landing .community__main {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 20px;
}
.landing .community__main .icon-comments {
  width: 59px;
  flex-basis: 59px;
  flex-shrink: 0;
  height: 52px;
}
.landing .community__title {
  font-size: 32px;
  line-height: 48px;
}
.landing .community__reviews {
  flex: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
}
@media (max-width: 40.5em) {
  .landing .community__reviews {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 30em) {
  .landing .community {
    flex-direction: column;
  }
  .landing .community__main {
    flex-direction: row;
    align-items: center;
    margin-bottom: 26px;
  }
  .landing .community__main :first-child {
    margin-right: 12px;
  }
  .landing .community__main .icon-comments {
    width: 48px;
    flex-basis: 48px;
    flex-shrink: 0;
    height: 42px;
  }
  .landing .community__title {
    font-size: 26px;
    line-height: 32px;
  }
}
.landing .review__title {
  line-height: 30px;
}
.landing .review__description {
  line-height: 22px;
  color: #0a1732;
}
.landing .promo__wrapper {
  background: #0a1732;
  min-height: 100px;
  display: flex;
  align-items: center;
}
.landing .promo {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 0;
  width: 100%;
}
.landing .promo__info {
  margin-right: 46px;
}
.landing .promo .btn {
  height: 44px;
  display: flex;
  align-items: center;
}
@media (max-width: 30em) {
  .landing .promo {
    flex-direction: column;
  }
  .landing .promo__info {
    margin-right: 0;
    text-align: center;
  }
  .landing .promo__info > * {
    margin-bottom: 16px;
  }
}