/* line 2, ../../sass/main/login.scss */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  color: var(--color-text-primary);
}

/* line 9, ../../sass/main/login.scss */
.body-pg {
  position: relative;
  width: 100%;
  height: calc(100dvh - 67px);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 700px) {
  /* line 9, ../../sass/main/login.scss */
  .body-pg {
    flex-direction: column;
  }
}
/* line 22, ../../sass/main/login.scss */
.body-pg .btn-back {
  position: fixed;
  left: 1.5rem;
  top: 87px;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 4px 12px;
}
/* line 31, ../../sass/main/login.scss */
.body-pg .btn-back:hover {
  text-decoration: underline;
}
/* line 35, ../../sass/main/login.scss */
.body-pg .btn-back svg {
  width: 1.5rem;
  height: 1.5rem;
}
/* line 40, ../../sass/main/login.scss */
.body-pg .btn-back p {
  font-size: var(--xxs-text);
  padding-left: 4px;
}
@media screen and (max-width: 700px) {
  /* line 22, ../../sass/main/login.scss */
  .body-pg .btn-back {
    display: none;
  }
}
/* line 50, ../../sass/main/login.scss */
.body-pg .or-lg {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 1rem 0;
  user-select: none;
}
/* line 58, ../../sass/main/login.scss */
.body-pg .or-lg * {
  color: var(--color-text-muted);
}
/* line 62, ../../sass/main/login.scss */
.body-pg .or-lg::before, .body-pg .or-lg::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid var(--color-surface);
}
/* line 70, ../../sass/main/login.scss */
.body-pg .or-lg::after {
  margin-left: 0.5rem;
}
/* line 74, ../../sass/main/login.scss */
.body-pg .or-lg::before {
  margin-right: 0.5rem;
}

/* line 80, ../../sass/main/login.scss */
.md-login:not([data-lazy="false"]) {
  opacity: 1 !important;
}
@media screen and (max-width: 600px) {
  /* line 79, ../../sass/main/login.scss */
  .md-login {
    width: 100%;
  }
}

/* line 90, ../../sass/main/login.scss */
.ct-md-login {
  width: 20rem;
}
@media screen and (max-height: 680px) {
  /* line 90, ../../sass/main/login.scss */
  .ct-md-login {
    padding-top: clamp(40px, calc((660px - 100vh) * 1), 400px);
  }
}
@media screen and (max-width: 600px) {
  /* line 90, ../../sass/main/login.scss */
  .ct-md-login {
    width: 100%;
    padding: 5rem 1rem 2rem 1rem;
    height: 100vh;
    overflow: auto;
  }
}
/* line 104, ../../sass/main/login.scss */
.ct-md-login .ct-logo {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}

/* line 112, ../../sass/main/login.scss */
.ct-ck-register {
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  gap: 4px;
  margin-top: 1rem;
}
@media screen and (max-width: 400px) {
  /* line 112, ../../sass/main/login.scss */
  .ct-ck-register {
    flex-wrap: wrap;
  }
}
/* line 124, ../../sass/main/login.scss */
.ct-ck-register .frst-txt {
  color: var(--color-text-muted);
}
/* line 128, ../../sass/main/login.scss */
.ct-ck-register .lk-rgst {
  font-weight: 500;
  cursor: pointer;
}
/* line 132, ../../sass/main/login.scss */
.ct-ck-register .lk-rgst:hover {
  text-decoration: underline;
}
/* line 137, ../../sass/main/login.scss */
.ct-ck-register .img-email {
  width: 60px;
}

/* line 144, ../../sass/main/login.scss */
.ct-form-ct .ct-title-login {
  text-align: center;
  margin-bottom: 1rem;
}
/* line 148, ../../sass/main/login.scss */
.ct-form-ct .ct-title-login .title-login {
  font-size: var(--xl-text);
  margin-bottom: 4px;
  user-select: none;
}
/* line 159, ../../sass/main/login.scss */
.ct-form-ct .ct-title-login .ct-msg-cf .msg-cont-sc p {
  display: inline;
}
/* line 163, ../../sass/main/login.scss */
.ct-form-ct .ct-title-login .ct-msg-cf .msg-cont-sc span {
  display: inline;
  margin: 0 4px;
  font-weight: 500;
  cursor: pointer;
}
/* line 169, ../../sass/main/login.scss */
.ct-form-ct .ct-title-login .ct-msg-cf .msg-cont-sc span:hover {
  text-decoration: underline;
}
/* line 176, ../../sass/main/login.scss */
.ct-form-ct .ct-title-login .msg-span {
  margin-top: 20px;
  color: var(--color-text-muted);
}
/* line 181, ../../sass/main/login.scss */
.ct-form-ct .ct-title-login .ct-acc-em {
  margin-top: 40px;
}
/* line 184, ../../sass/main/login.scss */
.ct-form-ct .ct-title-login .ct-acc-em .btn-acc-em {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  cursor: pointer;
  padding: 1rem;
  border-radius: var(--bd-rd-xxxl);
  border: 1px solid var(--color-surface);
  transition: all 0.3s;
  background-color: var(--color-white);
  font-weight: 500;
}
/* line 198, ../../sass/main/login.scss */
.ct-form-ct .ct-title-login .ct-acc-em .btn-acc-em:hover {
  background-color: var(--color-surface);
}
/* line 207, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .dsc-pass {
  position: absolute;
  width: 100%;
  border: 1px solid var(--color-surface);
  border-radius: var(--bd-rd-xxs);
  background-color: var(--color-white);
  padding: 10px;
  margin-top: -10px;
  box-shadow: 0px 0px 32px -13px rgba(15, 15, 15, 0.295);
  z-index: 10;
}
/* line 219, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .dsc-pass * {
  color: var(--color-text-muted);
}
/* line 223, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .dsc-pass .lst-char {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  list-style: none;
}
/* line 229, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .dsc-pass .lst-char .it-char-red {
  color: var(--color-danger);
}
/* line 233, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .dsc-pass .lst-char .it-char-green {
  color: green;
}
/* line 239, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg input {
  line-height: 1.25rem;
}
/* line 243, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .imp-frm-em {
  border: 1px solid var(--color-surface);
  background-color: var(--color-background);
  padding: 1rem 1rem;
  width: 100%;
  border-radius: var(--bd-rd-xxxl);
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 254, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .imp-frm-em input {
  padding: 1rem 0rem;
  background-color: transparent;
}
/* line 259, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .imp-frm-em img {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
/* line 265, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .imp-frm-em .toggle-pass {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
/* line 271, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .imp-frm-em .toggle-pass svg {
  width: 16px;
  height: 16px;
}
/* line 278, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg #confirm-pass {
  position: relative;
  padding: 0rem 1rem;
}
/* line 283, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .ct-pss {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--color-surface);
  padding: 0.1rem 1rem;
  width: 100%;
  border-radius: var(--bd-rd-xxxl);
  margin-bottom: 1rem;
}
/* line 294, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .ct-pss input {
  width: 100%;
  padding: 0.9rem 0;
  background-color: transparent;
}
/* line 300, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .ct-pss img {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
/* line 306, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .ct-pss .toggle-pass {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
/* line 312, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .ct-pss .toggle-pass svg {
  width: 16px;
  height: 16px;
}
/* line 319, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .input-invalid {
  border-color: red;
}
/* line 323, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .btn-cf-frm {
  width: 100%;
  padding: 1rem;
  border-radius: var(--bd-rd-xxxl);
  background-color: var(--color-text-primary);
  color: var(--color-white);
  font-weight: 500;
}
/* line 334, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .dsc-pass .lst-char {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  list-style: none;
}
/* line 340, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .dsc-pass .lst-char .it-char {
  font-size: var(--xxs-text);
}
/* line 344, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .dsc-pass .lst-char .it-char-red {
  color: var(--color-danger);
  font-size: var(--xxs-text);
}
/* line 349, ../../sass/main/login.scss */
.ct-form-ct .ip-form-lg .dsc-pass .lst-char .it-char-green {
  color: green;
  font-size: var(--xxs-text);
}
/* line 360, ../../sass/main/login.scss */
.ct-form-ct .ct-bk-dw {
  margin-top: 0.5rem;
  padding: 0.5rem 0;
}
/* line 364, ../../sass/main/login.scss */
.ct-form-ct .ct-bk-dw .ck-broke-down {
  font-weight: 500;
  cursor: pointer;
  text-align: center;
}
/* line 369, ../../sass/main/login.scss */
.ct-form-ct .ct-bk-dw .ck-broke-down:hover {
  text-decoration: underline;
}
/* line 375, ../../sass/main/login.scss */
.ct-form-ct .btn-create-account {
  padding: 0.5rem 0;
  text-align: center;
}
/* line 379, ../../sass/main/login.scss */
.ct-form-ct .btn-create-account .crt-acct {
  font-weight: 500;
  cursor: pointer;
}
/* line 383, ../../sass/main/login.scss */
.ct-form-ct .btn-create-account .crt-acct:hover {
  text-decoration: underline;
}

/* line 390, ../../sass/main/login.scss */
.ct-ex {
  position: relative;
}

/* line 394, ../../sass/main/login.scss */
.ct-ft-lg {
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}
/* line 399, ../../sass/main/login.scss */
.ct-ft-lg .lg-wt-gg {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  cursor: pointer;
  padding: 1.08rem;
  border-radius: var(--bd-rd-xxxl);
  border: 1px solid var(--color-surface);
  transition: all 0.3s;
  background-color: transparent;
  font-weight: 500;
  margin-bottom: 1rem;
  user-select: none;
}
/* line 415, ../../sass/main/login.scss */
.ct-ft-lg .lg-wt-gg:hover {
  background-color: var(--color-surface);
}
/* line 419, ../../sass/main/login.scss */
.ct-ft-lg .lg-wt-gg img {
  width: 18px;
  height: 18px;
}
/* line 426, ../../sass/main/login.scss */
.ct-ft-lg .pl-link {
  padding-top: 1rem;
  text-align: center;
}
/* line 430, ../../sass/main/login.scss */
.ct-ft-lg .pl-link a {
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
}

/* line 438, ../../sass/main/login.scss */
.custom-captcha {
  width: 100%;
  justify-content: space-evenly;
  display: flex;
  align-items: center;
  border: 1px solid var(--color-surface);
  padding: 8px;
  border-radius: var(--bd-rd-xxs);
  background-color: #fff;
  font-family: Arial, sans-serif;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  margin-bottom: 1rem;
}

/* line 452, ../../sass/main/login.scss */
.captcha-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
}

/* line 458, ../../sass/main/login.scss */
.captcha-checkbox input {
  display: none;
}

/* line 462, ../../sass/main/login.scss */
.checkmark {
  height: 20px;
  width: 20px;
  border: 1px solid var(--color-surface);
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
  transition: all 0.3s ease;
}

/* line 472, ../../sass/main/login.scss */
.captcha-checkbox input:checked + .checkmark {
  border-color: #34a853;
  background-color: #34a853;
}

/* line 477, ../../sass/main/login.scss */
.captcha-checkbox input:checked + .checkmark::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  animation: checkmarkAnim 0.2s ease;
}

@keyframes checkmarkAnim {
  0% {
    transform: scale(0.5) rotate(45deg);
    opacity: 0;
  }
  100% {
    transform: scale(1) rotate(45deg);
    opacity: 1;
  }
}
/* line 502, ../../sass/main/login.scss */
.captcha-text {
  font-size: va(--xxs-text);
  color: #333;
}

/* line 507, ../../sass/main/login.scss */
.captcha-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 20px;
}

/* line 514, ../../sass/main/login.scss */
.captcha-brand img {
  width: 30px;
}

/* line 518, ../../sass/main/login.scss */
.captcha-brand .terms {
  font-size: va(--xxxs-text);
  color: #777;
}

/* line 523, ../../sass/main/login.scss */
.captcha-brand .terms a {
  color: #777;
  text-decoration: none;
  margin: 0 2px;
}

/* line 530, ../../sass/main/login.scss */
.msg-error {
  color: red;
  margin-bottom: 1rem;
  font-weight: 500;
}

/* line 536, ../../sass/main/login.scss */
input:not([name=password]) {
  transition: all .3s;
  width: 100%;
}
/* line 540, ../../sass/main/login.scss */
input:not([name=password]):focus {
  border-color: var(--color-text-primary) !important;
}

/* line 547, ../../sass/main/login.scss */
.ct-pss {
  transition: all .3s;
}
/* line 550, ../../sass/main/login.scss */
.ct-pss:focus-within {
  border-color: var(--color-text-primary) !important;
}
/* line 554, ../../sass/main/login.scss */
.ct-pss:focus-within .ml-ti {
  color: red;
}

/* line 572, ../../sass/main/login.scss */
.ct-l-md .cd-inp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 1rem 0;
}
/* line 579, ../../sass/main/login.scss */
.ct-l-md .cd-inp input {
  transition: all .3s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  width: 50px;
  height: 50px;
  font-size: var(--sm-text);
  border-radius: var(--bd-rd-xxs);
  background-color: transparent;
  border: 1px solid var(--color-text-muted);
  color: var(--color-text-primary);
  font-weight: 500;
}
/* line 594, ../../sass/main/login.scss */
.ct-l-md .cd-inp input::-webkit-inner-spin-button {
  appearance: none;
}
@media screen and (max-width: 350px) {
  /* line 579, ../../sass/main/login.scss */
  .ct-l-md .cd-inp input {
    width: 40px;
    height: 40px;
  }
}
/* line 603, ../../sass/main/login.scss */
.ct-l-md .cd-inp input:last-child {
  margin-right: 0;
}
/* line 607, ../../sass/main/login.scss */
.ct-l-md .cd-inp input:hover {
  border-color: var(--color-text-primary);
}
/* line 611, ../../sass/main/login.scss */
.ct-l-md .cd-inp input:focus {
  border-color: var(--color-text-primary);
}
/* line 620, ../../sass/main/login.scss */
.ct-l-md .ft-md-ck {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
/* line 626, ../../sass/main/login.scss */
.ct-l-md .ft-md-ck .cfm-btn {
  text-align: center;
  width: 100%;
  padding: 1rem;
  border-radius: var(--bd-rd-xxxl);
  background-color: var(--color-text-primary);
  color: var(--color-white);
  font-weight: 500;
  cursor: pointer;
  user-select: none;
}
/* line 637, ../../sass/main/login.scss */
.ct-l-md .ft-md-ck .cfm-btn.blocked {
  color: var(--color-white);
  pointer-events: none;
  opacity: .5;
}
/* line 647, ../../sass/main/login.scss */
.ct-l-md .no-cd {
  transition: all .3s;
  margin-top: 15px;
  color: var(--color-text-primary);
  width: 180px;
  user-select: none;
  cursor: pointer;
  font-weight: 500;
}

/* line 660, ../../sass/main/login.scss */
.ct-ip-ml {
  position: relative;
}

/* line 664, ../../sass/main/login.scss */
.ml-ti {
  transition: all .1s;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
  color: var(--color-text-muted);
  user-select: none;
  background-color: var(--color-background);
  padding: 0 5px;
  margin-left: -10px;
  cursor: text;
}

/* line 678, ../../sass/main/login.scss */
.trms-link {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  margin-top: 1rem;
}
/* line 685, ../../sass/main/login.scss */
.trms-link .terms {
  margin-right: 1rem;
  color: var(--color-text-muted);
  font-size: var(--xxxs-text);
  cursor: pointer;
  transition: all 0.3s ease;
}
/* line 692, ../../sass/main/login.scss */
.trms-link .terms:hover {
  color: var(--color-text-primary);
}
/* line 697, ../../sass/main/login.scss */
.trms-link .policy {
  margin-left: 1rem;
  color: var(--color-text-muted);
  font-size: var(--xxxs-text);
  cursor: pointer;
  transition: all 0.3s ease;
}
/* line 704, ../../sass/main/login.scss */
.trms-link .policy:hover {
  color: var(--color-text-primary);
}