@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 400;
  src: url("/themes/custom/kaneva/assets/fonts/Sora/static/Sora-Regular.ttf");
  font-display: swap;
}
@font-face {
  font-family: "SoraBold";
  font-style: normal;
  font-weight: 700;
  src: url("/themes/custom/kaneva/assets/fonts/Sora/static/Sora-Bold.ttf");
  font-display: swap;
}
.js-form-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 24px;
}
.js-form-item .js-form-item {
  margin-bottom: 0px;
}
.js-form-item label,
.js-form-item legend {
  font-family: "Sora";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #1d1d1b;
  padding-bottom: 4px;
}
.js-form-item input,
.js-form-item .toggle_pwd_ct > input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  border: unset;
  border: 1px solid #646363;
  padding: 6.5px 11px;
  font-family: "Sora";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #1d1d1b;
}
.js-form-item input::-webkit-input-placeholder, .js-form-item .toggle_pwd_ct > input::-webkit-input-placeholder {
  font-family: "Sora";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #1d1d1b;
  color: #646363;
}
.js-form-item input::-moz-placeholder, .js-form-item .toggle_pwd_ct > input::-moz-placeholder {
  font-family: "Sora";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #1d1d1b;
  color: #646363;
}
.js-form-item input:-ms-input-placeholder, .js-form-item .toggle_pwd_ct > input:-ms-input-placeholder {
  font-family: "Sora";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #1d1d1b;
  color: #646363;
}
.js-form-item input::-ms-input-placeholder, .js-form-item .toggle_pwd_ct > input::-ms-input-placeholder {
  font-family: "Sora";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #1d1d1b;
  color: #646363;
}
.js-form-item input::placeholder,
.js-form-item .toggle_pwd_ct > input::placeholder {
  font-family: "Sora";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #1d1d1b;
  color: #646363;
}
.js-form-item input:-webkit-autofill, .js-form-item input:-webkit-autofill:hover, .js-form-item input:-webkit-autofill:focus, .js-form-item input:-webkit-autofill:active,
.js-form-item .toggle_pwd_ct > input:-webkit-autofill,
.js-form-item .toggle_pwd_ct > input:-webkit-autofill:hover,
.js-form-item .toggle_pwd_ct > input:-webkit-autofill:focus,
.js-form-item .toggle_pwd_ct > input:-webkit-autofill:active {
  font-family: "Sora";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #1d1d1b;
  -webkit-box-shadow: 0 0 0 30px #646363 inset !important;
}
/*# sourceMappingURL=form-element.css.map */