.banner {
  display: flex;
  padding: 100px 0 50px;
  text-decoration: unset;
}
.banner.homepage {
  padding: 80px 0 50px;
}
@media screen and (max-width: 768px) {
  .banner.homepage {
    padding: 50px 0;
  }
}
.banner__wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  height: 500px;
}
@media screen and (max-width: 768px) {
  .banner__wrap {
    height: auto;
  }
}
.banner__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.banner__bg img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  object-position: left;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .banner__bg img {
    height: auto;
    object-fit: unset;
    object-position: top;
  }
}
@media screen and (max-width: 768px) {
  .banner__bg {
    position: static;
  }
}
.banner__btn {
  position: absolute;
  left: 55px;
  bottom: 15px;
  padding: 16px 52px;
}
@media screen and (max-width: 768px) {
  .banner__btn {
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    padding: 16px 20px;
    width: 100%;
    max-width: 250px;
  }
}
@media screen and (max-width: 768px) {
  .banner__bg-desc {
    display: none;
  }
}
.banner__bg-mob {
  display: none;
}
@media screen and (max-width: 768px) {
  .banner__bg-mob {
    display: block;
  }
}
.banner__timer {
  position: absolute;
  left: 56px;
  bottom: 60px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .banner__timer {
    left: 50%;
    transform: translateX(-50%);
    bottom: 280px;
  }
}
.banner__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: #000A35;
  box-shadow: 5px 5px 27px 0 rgba(196, 152, 108, 0.1) inset;
  position: relative;
}
.banner__item:not(:last-child) {
  margin-right: 14px;
}
.banner__item:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -11px;
  transform: translateY(-50%);
  background-image: url('data:image/svg+xml,<svg width="6" height="28" viewBox="0 0 6 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="3" cy="3" r="3" fill="%23737884"/><circle cx="3" cy="25" r="3" fill="%23737884"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 6px;
  height: 28px;
}
@media screen and (max-width: 768px) {
  .banner__item {
    width: 64px;
    height: 64px;
  }
  .banner__item:not(:last-child) {
    margin-right: 12px;
  }
  .banner__item:not(:last-child)::before {
    right: -9px;
    background-image: url('data:image/svg+xml,<svg width="5" height="16" viewBox="0 0 5 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="2.5" cy="2" r="2" fill="%23737884"/><circle cx="2.5" cy="14" r="2" fill="%23737884"/></svg>');
    width: 4px;
    height: 16px;
  }
}
.banner__num {
  color: #FA03A4;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: -0.48px;
  margin-bottom: 0;
}
@media screen and (max-width: 992px) {
  .banner__num {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
.banner__text {
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.48px;
  text-transform: capitalize;
  margin-bottom: 0;
}
@media screen and (max-width: 992px) {
  .banner__text {
    font-size: 12px;
    letter-spacing: -0.36px;
  }
}
.banner__coin {
  position: absolute;
  z-index: 1;
}
.banner__coin img {
  width: 100%;
  height: 100%;
}
.banner__coin-1 {
  top: -30%;
  left: 82%;
  width: 140px;
  height: 120px;
}
.banner__coin-2 {
  top: 64%;
  left: 29%;
  width: 90px;
  height: 76px;
  z-index: 2;
}
.banner__coin-3 {
  top: 5%;
  left: 15%;
  width: 175px;
  height: 175px;
}
@media screen and (max-width: 1200px) {
  .banner__coin-1 {
    left: 85%;
  }
  .banner__coin-2 {
    left: 18%;
  }
  .banner__coin-3 {
    left: 8%;
  }
}
@media screen and (max-width: 992px) {
  .banner__coin-1 {
    top: -40%;
    left: 79%;
  }
  .banner__coin-2 {
    left: 2%;
  }
  .banner__coin-3 {
    top: 4%;
    left: 47%;
    width: 78px;
    height: 78px;
  }
}
@media screen and (max-width: 768px) {
  .banner__coin-1 {
    top: -49%;
    left: 65%;
    width: 82px;
    height: 68px;
  }
  .banner__coin-2 {
    top: 66%;
    left: -1%;
    width: 44px;
    height: 36px;
  }
  .banner__coin-3 {
    top: 17%;
    left: 10%;
    width: 78px;
    height: 78px;
  }
}

.fail__btn {
  padding: 16px 55px;
}

#join-form {
  position: relative;
}

.subtitle__join {
  margin-top: 80px;
}

.step-2 {
  display: none;
}
.step-2__wrap {
  margin: 32px auto 0;
  width: 100%;
  max-width: 866px;
}
.step-2__form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 24px;
  margin-bottom: 24px;
}
.step-2__form .step-3__input:nth-child(3) {
  grid-column-start: span 2;
}
.step-2__disclaimer {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  padding: 16px 16px 16px 44px;
  margin-bottom: 32px;
  border-radius: 16px;
  border: 1px dashed rgba(250, 3, 164, 0.2);
  background: rgba(250, 3, 164, 0.1);
  position: relative;
}
.step-2__disclaimer::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 17px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 7.5V10.625M17.5 10C17.5 10.9849 17.306 11.9602 16.9291 12.8701C16.5522 13.7801 15.9997 14.6069 15.3033 15.3033C14.6069 15.9997 13.7801 16.5522 12.8701 16.9291C11.9602 17.306 10.9849 17.5 10 17.5C9.01509 17.5 8.03982 17.306 7.12987 16.9291C6.21993 16.5522 5.39314 15.9997 4.6967 15.3033C4.00026 14.6069 3.44781 13.7801 3.0709 12.8701C2.69399 11.9602 2.5 10.9849 2.5 10C2.5 8.01088 3.29018 6.10322 4.6967 4.6967C6.10322 3.29018 8.01088 2.5 10 2.5C11.9891 2.5 13.8968 3.29018 15.3033 4.6967C16.7098 6.10322 17.5 8.01088 17.5 10ZM10 13.125H10.0067V13.1317H10V13.125Z' stroke='%23FA03A4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.traders-register__form .step-2__form .step-3__input:nth-child(3) {
  grid-column-start: unset;
}

.j-switcher {
  width: 100%;
  max-width: 368px;
  height: 56px;
  margin: 32px auto 64px;
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.1);
  text-align: center;
  display: flex;
  align-items: center;
  position: relative;
  padding: 4px;
}
.j-switcher__wrap {
  position: relative;
}
.j-switcher[data-active=monthly]::before {
  width: calc(33.3% - 10px);
  left: 4px;
}
.j-switcher[data-active=monthly] input[name=type][value=monthly] ~ span {
  color: #000;
}
.j-switcher[data-active=monthly] .j-switcher__item:nth-child(2)::before {
  border-color: transparent;
}
.j-switcher[data-active=quarterly]::before {
  width: calc(33.3% - 3px);
  left: calc(33.3% + 2px);
}
.j-switcher[data-active=quarterly] input[name=type][value=quarterly] ~ span {
  color: #000;
}
.j-switcher[data-active=quarterly] .j-switcher__item:nth-child(2)::after, .j-switcher[data-active=quarterly] .j-switcher__item:nth-child(2)::before {
  border-color: transparent;
}
.j-switcher[data-active=yearly]::before {
  width: calc(33.3% - 4px);
  left: 66.6%;
}
.j-switcher[data-active=yearly] input[name=type][value=yearly] ~ span {
  color: #000;
}
.j-switcher[data-active=yearly] .j-switcher__item:nth-child(2)::after {
  border-color: transparent;
}
.j-switcher[data-active=yearly] + .plans__block .benefits__item.unchecked .benefits__icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.9987 1.33331C4.32536 1.33331 1.33203 4.32665 1.33203 7.99998C1.33203 11.6733 4.32536 14.6666 7.9987 14.6666C11.672 14.6666 14.6654 11.6733 14.6654 7.99998C14.6654 4.32665 11.672 1.33331 7.9987 1.33331ZM11.1854 6.46665L7.40536 10.2466C7.31203 10.34 7.18536 10.3933 7.05203 10.3933C6.9187 10.3933 6.79203 10.34 6.6987 10.2466L4.81203 8.35998C4.6187 8.16665 4.6187 7.84665 4.81203 7.65331C5.00536 7.45998 5.32536 7.45998 5.5187 7.65331L7.05203 9.18665L10.4787 5.75998C10.672 5.56665 10.992 5.56665 11.1854 5.75998C11.3787 5.95331 11.3787 6.26665 11.1854 6.46665Z' fill='%2327D988'/%3E%3C/svg%3E");
}
.j-switcher__label {
  position: absolute;
  top: 50%;
  right: -53%;
  transform: translateY(-50%);
  text-align: left;
}
.j-switcher__label::before {
  content: "";
  position: absolute;
  top: -31px;
  right: 17px;
  width: 183px;
  height: 27px;
  background-image: url("data:image/svg+xml,%3Csvg width='186' height='27' viewBox='0 0 186 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M2 20.0643C4.91527 19.1947 20.1989 5.93229 43.453 2.02666C66.7072 -1.87896 90.4669 6.61737 90.4669 6.61737M2 20.0643L7.05525 12.913M2 20.0643L12.1105 18.5238M90.4669 6.61737C113.362 11.3505 118.776 26 93.5 26C68.2238 26 58.7651 8.9831 90.4669 6.61737ZM90.4669 6.61737C138.194 -3.30755 167.812 6.61737 185 26' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.j-switcher__text {
  font-size: 14px;
  color: #FF9811;
  font-weight: 500;
  margin-bottom: 0;
  width: 100%;
  max-width: 144px;
  text-align: center;
  position: relative;
}
.j-switcher__text::before, .j-switcher__text::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 43px;
}
.j-switcher__text::before {
  left: -25px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='43' viewBox='0 0 14 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M13.737 42.584C12.073 42.584 10.665 42.344 9.513 41.864C8.361 41.416 7.481 40.696 6.873 39.704C6.297 38.712 6.009 37.432 6.009 35.864V27.896C6.009 26.616 5.833 25.576 5.481 24.776C5.129 23.976 4.569 23.4 3.801 23.048C3.065 22.664 2.073 22.472 0.825 22.472V20.84C2.073 20.84 3.065 20.664 3.801 20.312C4.569 19.928 5.129 19.336 5.481 18.536C5.833 17.704 6.009 16.664 6.009 15.416V7.448C6.009 6.264 6.169 5.24 6.489 4.376C6.809 3.512 7.289 2.824 7.929 2.312C8.601 1.768 9.417 1.368 10.377 1.112C11.369 0.855998 12.489 0.727998 13.737 0.727998V2.408C12.393 2.408 11.289 2.568 10.425 2.888C9.561 3.208 8.921 3.752 8.505 4.52C8.089 5.288 7.881 6.36 7.881 7.736V15.608C7.881 17.24 7.561 18.584 6.921 19.64C6.313 20.664 5.289 21.304 3.849 21.56V21.704C5.289 21.992 6.313 22.664 6.921 23.72C7.561 24.744 7.881 26.072 7.881 27.704V35.72C7.881 37.032 8.089 38.056 8.505 38.792C8.921 39.56 9.561 40.104 10.425 40.424C11.289 40.744 12.393 40.904 13.737 40.904V42.584Z' fill='white'/%3E%3C/svg%3E%0A");
}
.j-switcher__text::after {
  right: -20px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='43' viewBox='0 0 14 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M0.263 42.584C1.927 42.584 3.335 42.344 4.487 41.864C5.639 41.416 6.519 40.696 7.127 39.704C7.703 38.712 7.991 37.432 7.991 35.864V27.896C7.991 26.616 8.167 25.576 8.519 24.776C8.871 23.976 9.431 23.4 10.199 23.048C10.935 22.664 11.927 22.472 13.175 22.472V20.84C11.927 20.84 10.935 20.664 10.199 20.312C9.431 19.928 8.871 19.336 8.519 18.536C8.167 17.704 7.991 16.664 7.991 15.416V7.448C7.991 6.264 7.831 5.24 7.511 4.376C7.191 3.512 6.711 2.824 6.071 2.312C5.399 1.768 4.583 1.368 3.623 1.112C2.631 0.855998 1.511 0.727998 0.263 0.727998V2.408C1.607 2.408 2.711 2.568 3.575 2.888C4.439 3.208 5.079 3.752 5.495 4.52C5.911 5.288 6.119 6.36 6.119 7.736V15.608C6.119 17.24 6.439 18.584 7.079 19.64C7.687 20.664 8.711 21.304 10.151 21.56V21.704C8.711 21.992 7.687 22.664 7.079 23.72C6.439 24.744 6.119 26.072 6.119 27.704V35.72C6.119 37.032 5.911 38.056 5.495 38.792C5.079 39.56 4.439 40.104 3.575 40.424C2.711 40.744 1.607 40.904 0.263 40.904V42.584Z' fill='white'/%3E%3C/svg%3E%0A");
}
.j-switcher input {
  display: none;
}
.j-switcher::before {
  content: "";
  border-radius: 32px;
  background: #FF9811;
  position: absolute;
  top: 4px;
  width: calc(33.3% - 4px);
  min-width: 120px;
  height: calc(100% - 8px);
  transition: 0.3s ease;
}
.j-switcher__item {
  display: flex;
  flex-direction: column;
  width: 33.3%;
  height: 100%;
  margin-bottom: 0;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 32px;
  transition: 0.3s ease;
}
.j-switcher__item:hover {
  background: rgba(255, 255, 255, 0.06);
}
.j-switcher__item:nth-child(2) {
  position: relative;
}
.j-switcher__item:nth-child(2)::before, .j-switcher__item:nth-child(2)::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 40px;
  border-right: 1px dashed rgba(255, 255, 255, 0.1);
  transition: 0.3s ease;
}
.j-switcher__item:nth-child(2)::before {
  left: 0;
}
.j-switcher__item:nth-child(2)::after {
  right: 0;
}
.j-switcher__item * {
  transition: 0.3s ease;
}
.j-switcher__name {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.43;
  color: #fff;
  margin-bottom: 2px;
}
.j-switcher__save {
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
}

.pay-methods {
  display: flex;
  align-items: center;
  margin: 48px 0 64px;
}
.pay-methods__title {
  font-size: 14px;
  color: #fff;
  margin: 0 24px 0 0;
}
.pay-methods__list {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  row-gap: 15px;
}
.pay-methods__item {
  width: 66px;
  height: 40px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pay-methods__item:not(:last-child) {
  margin-right: 16px;
}

.total {
  display: none;
  align-items: flex-end;
}
.total.without-promocode .promocode__success {
  display: none !important;
}
.total.without-promocode .total__old {
  display: none;
}
.total p {
  margin-bottom: 0;
}
.total__title {
  font-size: 14px;
  margin-right: 12px;
  color: #fff;
}
.total__prices {
  display: flex;
  align-items: center;
}
.total__old {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  color: rgba(255, 255, 255, 0.5);
}
.total__old:not(:empty) {
  margin-right: 8px;
  position: relative;
}
.total__old:not(:empty)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(100%);
  background-color: rgba(255, 255, 255, 0.5);
  height: 1px;
  width: 100%;
  z-index: 2;
}
.total__price {
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
  color: #FF9811;
}
@media screen and (max-width: 768px) {
  .total__prices {
    position: relative;
  }
  .total__old, .total__old:not(:empty) {
    position: absolute;
    top: -20px;
    left: 0;
  }
}
@media screen and (max-width: 380px) {
  .total__price {
    font-size: 25px;
  }
}

.agree {
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.agree__item {
  display: flex;
  align-content: center;
  cursor: pointer;
}
.agree__item:not(:last-child) {
  margin-bottom: 10px;
}
.agree__item.required .agree__checkbox {
  border-color: #fa03a4;
}
.agree__item.checked .agree__checkbox {
  border-color: #FF9811;
}
.agree__item.checked .agree__checkbox svg {
  opacity: 1;
  visibility: visible;
}
.agree__item:hover .agree__checkbox:not(.error) {
  border-color: #FF9811;
}
.agree__text * {
  font-size: 14px;
  font-weight: 500;
  color: #8F8F8F;
  margin-bottom: 0;
}
.agree__text a {
  color: #fff;
}
.agree__checkbox {
  min-width: 18px;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  margin-right: 8px;
  transition: 0.3s ease;
  position: relative;
}
.agree__checkbox.error {
  border-color: #FA03A4;
}
.agree__checkbox svg {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  inset: 0;
  margin: auto;
  transition: 0.3s ease;
}
.agree__checkbox input {
  opacity: 0;
}

.payment-types {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .subtitle {
    font-size: 24px;
    margin-bottom: 0;
  }
  .j-hero__wrap {
    min-height: 320px;
  }
}
@media screen and (max-width: 768px) {
  .subtitle {
    margin: 48px 0 32px;
  }
  .j-switcher {
    margin: 0 auto 150px;
  }
  .j-switcher::before {
    min-width: unset;
  }
  .j-switcher__label {
    position: absolute;
    top: 85px;
    right: unset;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
  }
  .j-switcher__label::before {
    top: -22px;
    right: -1px;
    width: 80px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='83' height='21' viewBox='0 0 83 21' fill='none'%3E%3Cpath opacity='0.5' d='M81 5.04109C79.1633 5.54647 69.5343 13.2543 54.8837 15.5242C40.233 17.794 25.2639 12.8562 25.2639 12.8562M81 5.04109L77.8151 9.19725M81 5.04109L74.6302 5.93641M25.2639 12.8562C10.8396 10.1054 6.88235 1.59131 22.1765 1.03252C37.4706 0.473737 42.7647 7.22503 25.2639 12.8562ZM25.2639 12.8562C15.1176 16.1208 9.23529 17.7647 1 20' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  .step-2__wrap {
    margin: 32px 0 16px;
  }
  .step-2__form {
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
  .step-2__form .step-3__input:nth-child(3) {
    grid-column-start: unset;
  }
  .step-2__disclaimer {
    margin-bottom: 24px;
    padding-bottom: 24px;
  }
  .pay-methods {
    flex-direction: column;
    margin-bottom: 48px;
  }
  .pay-methods__list {
    justify-content: center;
    width: 100%;
    gap: 8px;
  }
  .pay-methods__item:not(:last-child) {
    margin-right: 0;
  }
  .pay-methods__title {
    margin: 0 0 16px 0;
  }
  .agree {
    padding-bottom: 24px;
  }
}
.payment__label {
  display: block;
  width: 100%;
  transition: 0.3s;
  padding: 32px 24px;
  margin-bottom: 16px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.payment__label:hover {
  border: 1px solid rgb(255, 255, 255);
}
.payment__label input {
  display: none;
}
.payment__label .agree__item {
  margin-top: 15px;
  background: #222c59;
  padding: 12px;
  border-radius: 8px;
}
.payment__type {
  display: none;
}
.payment__type:checked + .payment__label {
  border: 1px solid rgb(255, 255, 255);
}
.payment__type:checked + .payment__label .payment__title:after {
  opacity: 1;
}
.payment__title {
  display: block;
  margin-right: auto;
  font-size: 16px;
  position: relative;
  margin-left: 24px;
}
.payment__title:before, .payment__title:after {
  content: "";
  position: absolute;
  top: 3px;
  border-radius: 50%;
  left: -24px;
}
.payment__title:before {
  border: 2px solid white;
  width: 12px;
  height: 12px;
}
.payment__title:after {
  z-index: 2;
  opacity: 0;
  transition: 0.3s;
  left: -25px;
  top: 2px;
  border: 6px solid #3182ce;
  width: 6px;
  height: 6px;
  background: white;
}
.payment__title-row {
  display: flex;
}
.payment__icons {
  display: flex;
}
.payment__icon {
  width: 56px;
  height: 32px;
  background: #222c59;
  margin-right: 4px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.payment__icon svg {
  max-width: 32px;
  max-height: 20px;
}
.payment__btn {
  margin-top: 30px;
  display: block;
  width: fit-content;
  margin: auto;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .login-modal > label:first-of-type .payment__title-row {
    flex-direction: column;
    gap: 15px;
  }
}
.accept, .decline {
  padding: 10px 0;
  width: 100%;
  max-width: 200px;
}

.renew_popup_btns {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 32px;
}

.decline {
  font-size: 16px;
  font-weight: 400;
}

.pulse-icon {
  animation: pulse 2s infinite;
  width: 56px;
  height: 56px;
  background: rgba(25, 177, 189, 0.5);
  margin: 16px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.pulse-icon.fail {
  animation: pulse-fail 2s infinite;
  background: rgba(250, 3, 164, 0.5);
}
.pulse-icon svg {
  width: 35px;
  height: 35px;
}

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(25, 177, 189, 0.6);
    box-shadow: 0 0 0 0 rgba(25, 177, 189, 0.6);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(25, 177, 189, 0.2);
    box-shadow: 0 0 0 10px rgba(25, 177, 189, 0.2);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(25, 177, 189, 0.2);
    box-shadow: 0 0 0 0 rgba(25, 177, 189, 0.2);
  }
}
@keyframes pulse-fail {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(250, 3, 164, 0.6);
    box-shadow: 0 0 0 0 rgba(250, 3, 164, 0.6);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(250, 3, 164, 0.2);
    box-shadow: 0 0 0 10px rgba(250, 3, 164, 0.2);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(250, 3, 164, 0.2);
    box-shadow: 0 0 0 0 rgba(250, 3, 164, 0.2);
  }
}

/*# sourceMappingURL=join.css.map */