@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-type-select {
  position: relative;
  cursor: pointer;
}
.js-form-type-select select {
  position: relative;
  -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;
  color: #1d1d1b;
  padding-right: 32px;
  width: 100%;
  cursor: pointer;
}
.js-form-type-select select::-webkit-input-placeholder {
  font-family: "Sora";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #1d1d1b;
  color: #646363;
}
.js-form-type-select select::-moz-placeholder {
  font-family: "Sora";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #1d1d1b;
  color: #646363;
}
.js-form-type-select select:-ms-input-placeholder {
  font-family: "Sora";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #1d1d1b;
  color: #646363;
}
.js-form-type-select select::-ms-input-placeholder {
  font-family: "Sora";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #1d1d1b;
  color: #646363;
}
.js-form-type-select select::placeholder {
  font-family: "Sora";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #1d1d1b;
  color: #646363;
}
.js-form-type-select select:-webkit-autofill, .js-form-type-select select:-webkit-autofill:hover, .js-form-type-select select:-webkit-autofill:focus, .js-form-type-select select:-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;
}
.js-form-type-select select.selected {
  color: #646363;
}
.js-form-type-select:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: #646363;
  -webkit-mask-image: url(../../img/icons/nav/bottom.svg);
          mask-image: url(../../img/icons/nav/bottom.svg);
  bottom: 10px;
  right: 10px;
  position: absolute;
  pointer-events: none;
}
/*# sourceMappingURL=form-element--select.css.map */
