:root {
  --h2-font-family: Gilroy, sans-serif;
  --h3-font-family: Gilroy, sans-serif; }

body > div {
  height: 100%; }

a {
  cursor: pointer !important;
  text-decoration: none; }

.join-wl-block {
  max-width: 1280px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 60px; }
  @media (max-width: 1300px) {
    .join-wl-block {
      margin: 0 8px; } }
  @media (max-width: 768px) {
    .join-wl-block {
      gap: 30px; } }
  .join-wl-block__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    color: #fff; }
    .join-wl-block__title h2 {
      text-align: center;
      font-size: 60px; }
    .join-wl-block__title span {
      color: #00f87a;
      font-size: 20px;
      text-align: center; }
  .join-wl-block__user {
    border-radius: 16px;
    background: rgba(69, 80, 93, 0.1);
    -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px);
    padding: 32px 40px;
    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; }
    @media (max-width: 890px) {
      .join-wl-block__user {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 24px; } }
    .join-wl-block__user_info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 20px; }
    .join-wl-block__user_stats {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px; }
      @media (max-width: 550px) {
        .join-wl-block__user_stats {
          gap: 18px; } }
      .join-wl-block__user_stats__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 4px; }
      .join-wl-block__user_stats__score {
        color: #00f87a;
        text-align: right;
        font-size: 40px;
        font-weight: 700;
        line-height: 110%; }
        @media (max-width: 550px) {
          .join-wl-block__user_stats__score {
            font-size: 36px; } }
      .join-wl-block__user_stats__text {
        color: #00f87a;
        text-align: right;
        font-size: 14px;
        font-weight: 400;
        line-height: 150%; }
      .join-wl-block__user_stats__nubmer {
        color: #fff;
        text-align: right;
        font-size: 40px;
        font-weight: 700;
        line-height: 110%; }
        @media (max-width: 550px) {
          .join-wl-block__user_stats__nubmer {
            font-size: 36px; } }
      .join-wl-block__user_stats__link a {
        text-decoration: none;
        display: block;
        color: #0068ff;
        text-align: right;
        font-size: 14px;
        font-weight: 400;
        line-height: 150%; }
    .join-wl-block__user-divider {
      background: #45505d;
      width: 1px;
      max-height: 70px;
      height: 100px; }
  .join-wl-block__quest {
    border-radius: 16px;
    background: rgba(69, 80, 93, 0.1);
    -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px);
    padding: 32px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px; }
    @media (max-width: 550px) {
      .join-wl-block__quest {
        padding: 24px 12px; } }
    .join-wl-block__quest__title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 24px;
      color: #fff; }
      .join-wl-block__quest__title h3 {
        text-align: center;
        font-size: 40px;
        font-weight: 700;
        max-width: 70%;
        margin: 0 auto;
        font-family: var(--h3-font-family); }
      .join-wl-block__quest__title span {
        color: #9ca4ae;
        text-align: center;
        font-size: 20px;
        font-weight: 400;
        line-height: 150%; }
    .join-wl-block__quest_board {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .join-wl-block__quest_board .accordion-item {
        padding: 16px;
        border-radius: 16px;
        border: 1px solid rgba(255, 255, 255, 0.17);
        background: rgba(156, 164, 174, 0.14);
        cursor: pointer; }
        .join-wl-block__quest_board .accordion-item .name-wrapper-done,
        .join-wl-block__quest_board .accordion-item .name-wrapper-wait {
          display: none; }
        @media (max-width: 550px) {
          .join-wl-block__quest_board .accordion-item.invite-item .icon {
            display: none; }
          .join-wl-block__quest_board .accordion-item.invite-item .name-wrapper {
            -webkit-box-align: center !important;
                -ms-flex-align: center !important;
                    align-items: center !important;
            text-align: center; } }
        .join-wl-block__quest_board .accordion-item.done {
          background-color: rgba(0, 248, 124, 0.08);
          border-color: rgba(0, 248, 124, 0.15);
          color: #00f87a;
          pointer-events: none; }
          .join-wl-block__quest_board .accordion-item.done .name-wrapper-default {
            display: none; }
          .join-wl-block__quest_board .accordion-item.done .name-wrapper-done {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
          .join-wl-block__quest_board .accordion-item.done .name,
          .join-wl-block__quest_board .accordion-item.done .score,
          .join-wl-block__quest_board .accordion-item.done .subname,
          .join-wl-block__quest_board .accordion-item.done > button {
            color: #00f87a; }
          .join-wl-block__quest_board .accordion-item.done path {
            fill: #00f87a; }
          .join-wl-block__quest_board .accordion-item.done .done-icon {
            display: inline-block; }
          .join-wl-block__quest_board .accordion-item.done .qws-acc-toggle {
            display: none; }
          .join-wl-block__quest_board .accordion-item.done .accordion-item-body {
            max-height: 0 !important; }
        .join-wl-block__quest_board .accordion-item.wait {
          background-color: rgba(0, 104, 255, 0.18);
          border-color: rgba(0, 104, 255, 0.42); }
          .join-wl-block__quest_board .accordion-item.wait .name-wrapper-default {
            display: none; }
          .join-wl-block__quest_board .accordion-item.wait .name-wrapper-wait {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
      .join-wl-block__quest_board .accordion-item-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative;
        cursor: pointer; }
        @media (max-width: 550px) {
          .join-wl-block__quest_board .accordion-item-header {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: 10px; } }
      .join-wl-block__quest_board .accordion-item-header .qws-acc-toggle {
        -webkit-transition: all 0.7s ease;
        transition: all 0.7s ease; }
      .join-wl-block__quest_board .accordion-item-header.active .qws-acc-toggle {
        rotate: 45deg; }
      .join-wl-block__quest_board .accordion-item-body {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height 0.7s ease;
        transition: max-height 0.7s ease; }
      .join-wl-block__quest_board .accordion-item-body-content {
        padding-top: 16px;
        border-top: 1px solid rgba(156, 164, 174, 0.16);
        margin-top: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 16px;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
        .join-wl-block__quest_board .accordion-item-body-content input {
          max-width: 548px;
          width: 100%;
          color: #fff;
          font-size: 18px;
          font-weight: 500;
          line-height: 27.5px;
          background-color: transparent;
          outline: none;
          padding: 16px 20px 12px 20px;
          border-radius: 8px;
          border: 1px solid rgba(255, 255, 255, 0.45); }
          .join-wl-block__quest_board .accordion-item-body-content input::-webkit-input-placeholder {
            color: rgba(255, 255, 255, 0.1); }
          .join-wl-block__quest_board .accordion-item-body-content input:-ms-input-placeholder {
            color: rgba(255, 255, 255, 0.1); }
          .join-wl-block__quest_board .accordion-item-body-content input::-ms-input-placeholder {
            color: rgba(255, 255, 255, 0.1); }
          .join-wl-block__quest_board .accordion-item-body-content input::placeholder {
            color: rgba(255, 255, 255, 0.1); }
        .join-wl-block__quest_board .accordion-item-body-content .button-wrapper {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          gap: 10px; }
          @media (max-width: 550px) {
            .join-wl-block__quest_board .accordion-item-body-content .button-wrapper {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              width: 100%; } }
        .join-wl-block__quest_board .accordion-item-body-content .acc-button {
          border-radius: 8px;
          background: #00f87a;
          padding: 16px 24px 12px 24px;
          height: 50px;
          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;
          gap: 8px;
          color: #051323;
          font-size: 20px;
          font-weight: 700;
          line-height: 110%;
          cursor: pointer;
          border: none;
          outline: none; }
          .join-wl-block__quest_board .accordion-item-body-content .acc-button--opacity {
            border: 1px solid #00f87a;
            background: rgba(0, 248, 122, 0.09);
            color: #00f87a; }
          .join-wl-block__quest_board .accordion-item-body-content .acc-button--small {
            font-size: 16px; }
          @media (max-width: 550px) {
            .join-wl-block__quest_board .accordion-item-body-content .acc-button {
              width: 100%;
              text-align: center; } }
      .join-wl-block__quest_board .done-icon {
        display: none; }
      .join-wl-block__quest_board .wait-icon {
        display: none; }
      .join-wl-block__quest_board_item-acc {
        cursor: pointer;
        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; }
      .join-wl-block__quest_board_name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 8px; }
        .join-wl-block__quest_board_name .name-wrapper {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          gap: 16px; }
          .join-wl-block__quest_board_name .name-wrapper.invite-name .icon {
            display: none; }
            @media (max-width: 550px) {
              .join-wl-block__quest_board_name .name-wrapper.invite-name .icon {
                display: block; } }
        .join-wl-block__quest_board_name .name {
          color: #fff;
          text-align: center;
          font-size: 16px;
          font-weight: 700;
          line-height: 20px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          gap: 8px; }
          .join-wl-block__quest_board_name .name.wls-name svg {
            display: none; }
            @media (max-width: 550px) {
              .join-wl-block__quest_board_name .name.wls-name svg {
                display: block; } }
        .join-wl-block__quest_board_name .subname {
          color: #9ca4ae;
          font-size: 12px;
          font-weight: 500;
          line-height: 16px; }
      .join-wl-block__quest_board_item {
        padding: 16px;
        border-radius: 16px;
        border: 1px solid rgba(255, 255, 255, 0.17);
        background: rgba(156, 164, 174, 0.14);
        cursor: pointer;
        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; }
        @media (max-width: 550px) {
          .join-wl-block__quest_board_item {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: 10px; } }
        .join-wl-block__quest_board_item .name-wrapper-done,
        .join-wl-block__quest_board_item .name-wrapper-wait {
          display: none; }
          .join-wl-block__quest_board_item .name-wrapper-done .name__subtext,
          .join-wl-block__quest_board_item .name-wrapper-wait .name__subtext {
            -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;
            gap: 8px; }
            .join-wl-block__quest_board_item .name-wrapper-done .name__subtext a,
            .join-wl-block__quest_board_item .name-wrapper-done .name__subtext span,
            .join-wl-block__quest_board_item .name-wrapper-wait .name__subtext a,
            .join-wl-block__quest_board_item .name-wrapper-wait .name__subtext span {
              display: block;
              text-align: left; }
            .join-wl-block__quest_board_item .name-wrapper-done .name__subtext a,
            .join-wl-block__quest_board_item .name-wrapper-wait .name__subtext a {
              color: rgba(0, 248, 122, 0.5);
              font-weight: 500;
              font-size: 12px; }
        .join-wl-block__quest_board_item.done {
          background-color: rgba(0, 248, 124, 0.08);
          border-color: rgba(0, 248, 124, 0.15);
          color: #00f87a;
          pointer-events: none; }
          .join-wl-block__quest_board_item.done .name-wrapper-default {
            display: none; }
          .join-wl-block__quest_board_item.done .name-wrapper-done {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
          .join-wl-block__quest_board_item.done .name,
          .join-wl-block__quest_board_item.done .score,
          .join-wl-block__quest_board_item.done .subname,
          .join-wl-block__quest_board_item.done > button {
            color: #00f87a; }
          .join-wl-block__quest_board_item.done path {
            fill: #00f87a; }
          .join-wl-block__quest_board_item.done .done-icon {
            display: inline-block; }
          .join-wl-block__quest_board_item.done .qws-acc-toggle {
            display: none; }
        .join-wl-block__quest_board_item.wait {
          background-color: rgba(0, 104, 255, 0.18);
          border-color: rgba(0, 104, 255, 0.42);
          color: #0068ff;
          cursor: default; }
          .join-wl-block__quest_board_item.wait .name-wrapper-default {
            display: none; }
          .join-wl-block__quest_board_item.wait .name-wrapper-wait {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
          .join-wl-block__quest_board_item.wait .name,
          .join-wl-block__quest_board_item.wait .score,
          .join-wl-block__quest_board_item.wait .subname,
          .join-wl-block__quest_board_item.wait > button {
            color: #0068ff; }
          .join-wl-block__quest_board_item.wait path {
            fill: #0068ff; }
          .join-wl-block__quest_board_item.wait .wait-icon {
            display: inline-block; }
          .join-wl-block__quest_board_item.wait .qws-acc-toggle {
            display: none; }
        @media (max-width: 550px) {
          .join-wl-block__quest_board_item.wls-item .icon {
            display: none; }
          .join-wl-block__quest_board_item.wls-item .name-wrapper {
            -webkit-box-align: center !important;
                -ms-flex-align: center !important;
                    align-items: center !important;
            text-align: center; } }
      .join-wl-block__quest_board .disable {
        color: #45505d; }
        .join-wl-block__quest_board .disable .name,
        .join-wl-block__quest_board .disable .score,
        .join-wl-block__quest_board .disable .subname,
        .join-wl-block__quest_board .disable button {
          color: #45505d; }
        .join-wl-block__quest_board .disable path {
          fill: #45505d; }
      .join-wl-block__quest_board_score {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 8px; }
        .join-wl-block__quest_board_score .score {
          white-space: nowrap;
          text-align: center;
          font-size: 16px;
          font-weight: 700;
          line-height: 20px;
          color: var(--cristal); }
      .join-wl-block__quest_board_button {
        max-width: 250px;
        width: 100%; }
        .join-wl-block__quest_board_button button {
          width: 100%;
          padding: 8px 16px;
          border-radius: 8px;
          border: 1px solid #45505d;
          background-color: transparent;
          cursor: pointer;
          color: #00f87a;
          text-align: center;
          font-size: 14px;
          font-weight: 700;
          line-height: 18px; }
      .join-wl-block__quest_board .wait-button--mobile {
        display: none; }
      .join-wl-block__quest_board .wait .wait-button {
        border-radius: 8px;
        border: 1px solid var(--Salad, #00f87a);
        background: rgba(0, 248, 122, 0.09);
        padding: 8px 8px 6px 8px;
        cursor: pointer;
        color: var(--Salad, #00f87a);
        font-size: 16px;
        font-weight: 700;
        line-height: 110%;
        text-align: center;
        white-space: nowrap; }
        @media (max-width: 650px) {
          .join-wl-block__quest_board .wait .wait-button {
            display: none; } }
        @media (max-width: 650px) {
          .join-wl-block__quest_board .wait .wait-button--mobile {
            display: block;
            margin-left: 10px; } }
  .join-wl-block_logo {
    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;
    overflow: hidden;
    height: 86px;
    width: 86px;
    border-radius: 100px;
    background-color: #00cfff; }
  .join-wl-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;
    gap: 4px; }
    .join-wl-block_text__name {
      color: #fff;
      font-size: 24px;
      font-weight: 700; }
      .join-wl-block_text__name .wl-status {
        border-radius: 8px;
        background: #00f87a;
        padding: 4px 8px 2px 8px;
        color: #051323;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase; }
        .join-wl-block_text__name .wl-status.wl-status-not {
          background: #f35c4d; }
      @media (max-width: 550px) {
        .join-wl-block_text__name {
          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: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          gap: 8px; } }
    .join-wl-block_text__wallet {
      color: #9ca4ae;
      font-size: 14px;
      font-weight: 400; }
      @media (max-width: 550px) {
        .join-wl-block_text__wallet {
          width: 200px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; } }
  .join-wl-block .mail-block .form-code {
    display: none; }
  .join-wl-block .mail-block.wait .form-email {
    display: none; }
  .join-wl-block .mail-block.wait .form-code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.err_input {
  border-color: #FF5D02 !important; }

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