input, select, textarea {
  background: #2B2C30;
  max-width: 100%;
}

select.input-1 {
  font-family: inherit;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1em;
  padding-right: 48px !important;
}

.input-box {
  position: relative;
  margin: 0;
}
.input-box, .input-box * {
  box-sizing: border-box;
}
.input-box textarea ~ .input-label {
  top: 17px;
}
.input-box .input-label {
  z-index: 2;
  position: absolute;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  max-width: calc(100% - 16px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  left: 8px;
  top: calc(50% - 8px);
  padding: 0 8px;
  transition: 250ms;
  user-select: none;
  pointer-events: none;
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  display: flex;
  align-items: center;
  letter-spacing: 0.005em;
}
.input-box .input-label svg {
  position: relative;
  width: 15px;
  height: 15px;
  top: 2px;
  transition: 250ms;
}
.input-box .input-1 {
  box-sizing: border-box;
  height: 50px;
  width: 100%;
  border-radius: 16px;
  color: #fff;
  border: 1px solid #79747E;
  padding: 13px 15px;
  transition: 250ms;
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  outline: 1px solid transparent;
}
.input-box .input-1:focus {
  outline: none;
  border: 2px solid #FFBC57;
  transition: 250ms;
  outline: none;
}
.input-box .input-1::placeholder {
  color: #49454F;
}

.input-box.error .input-label {
  color: #FC554C;
  top: -12px;
  background: #2B2C30;
  font-size: 11px;
  transition: 250ms;
}
.input-box.error .input-1 {
  border: 2px solid #FC554C;
}

.input-box.fill .input-label:first-of-type {
  color: #FFBC57;
}
.input-box.fill.error .input-label:first-of-type {
  color: #FF4741;
}

.input-box.focus .input-label,
.input-box.fill .input-label,
.input-box.active .input-label {
  color: #FFBC57;
  top: -12px;
  background: #2B2C30;
  font-size: 11px;
  border-radius: 4px;
  transition: 250ms;
}
.input-box.focus .input-label svg,
.input-box.fill .input-label svg,
.input-box.active .input-label svg {
  position: relative;
  width: 11px;
  height: 11px;
  top: 2px;
  transition: 250ms;
}

.input-box.active .input-1 {
  border: 2px solid #FFBC57;
}

.pull-right {
  float: right;
}

.clear {
  clear: both;
}

textarea {
  max-width: 100%;
  min-width: 100%;
  width: 100%;
  min-height: 134px;
}

.v-check {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  text-align: left;
}
.v-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
input:checked ~ .v-check__checkmark {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='4' fill='%2301aff4'/%3E%3Cg clip-path='url(%23clip0_50_2744)'%3E%3Cpath d='M9.49992 15.5L5.99992 12L4.83325 13.1667L9.49992 17.8334L19.4999 7.83335L18.3333 6.66669L9.49992 15.5Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_50_2744'%3E%3Crect width='20' height='20' fill='white' transform='translate(2 2)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.v-check__container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}
.v-check__checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  content: url("data:image/svg+xml,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.951.045a4.067 4.067 0 0 0-2.628 1.538 4.848 4.848 0 0 0-.707 1.48l-.095.375v17.125l.095.375c.115.456.429 1.113.707 1.479a4.135 4.135 0 0 0 2.245 1.468l.37.094h17.125l.369-.094a4.135 4.135 0 0 0 2.245-1.468 4.854 4.854 0 0 0 .707-1.479l.095-.375V3.438l-.094-.37A4.135 4.135 0 0 0 22.917.823a5.046 5.046 0 0 0-1.459-.706l-.354-.095-8.458-.006C7.994.012 4.081.025 3.951.045m17.071 2.019c.464.12.973.522 1.239.978.253.433.239-.098.239 8.957 0 7.911-.003 8.286-.077 8.551-.178.641-.762 1.219-1.401 1.385-.22.058-1.178.065-8.522.065-9.056 0-8.525.014-8.958-.239a2.656 2.656 0 0 1-.78-.768c-.28-.465-.262.142-.262-8.993s-.018-8.528.262-8.993c.158-.261.515-.614.781-.769.421-.246-.1-.232 8.938-.235 7.344-.003 8.322.004 8.541.061' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.v-check--radio .v-check__checkmark {
  content: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.9954' cy='12.0111' r='9.845' stroke='%231D211F' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
.v-check--radio .v-check__input:checked ~ .v-check__label {
  font-weight: 600;
}
.v-check--radio .v-check__input:checked ~ .v-check__checkmark {
  content: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1.41931C9.18955 1.41931 6.49421 2.53576 4.50693 4.52304C2.51964 6.51033 1.4032 9.20567 1.4032 12.0161C1.4032 14.8266 2.51964 17.5219 4.50693 19.5092C6.49421 21.4965 9.18955 22.6129 12 22.6129C14.8104 22.6129 17.5058 21.4965 19.4931 19.5092C21.4804 17.5219 22.5968 14.8266 22.5968 12.0161C22.5968 9.20567 21.4804 6.51033 19.4931 4.52304C17.5058 2.53576 14.8104 1.41931 12 1.41931ZM2.9232 12.0161C2.9232 9.60879 3.8795 7.30007 5.58173 5.59784C7.28396 3.89561 9.59268 2.93931 12 2.93931C14.4073 2.93931 16.716 3.89561 18.4183 5.59784C20.1205 7.30007 21.0768 9.60879 21.0768 12.0161C21.0768 14.4234 20.1205 16.7321 18.4183 18.4344C16.716 20.1366 14.4073 21.0929 12 21.0929C9.59268 21.0929 7.28396 20.1366 5.58173 18.4344C3.8795 16.7321 2.9232 14.4234 2.9232 12.0161ZM12 15.2161C12.8487 15.2161 13.6626 14.879 14.2627 14.2789C14.8629 13.6787 15.2 12.8648 15.2 12.0161C15.2 11.1674 14.8629 10.3535 14.2627 9.75337C13.6626 9.15325 12.8487 8.81611 12 8.81611C11.1513 8.81611 10.3374 9.15325 9.73726 9.75337C9.13714 10.3535 8.8 11.1674 8.8 12.0161C8.8 12.8648 9.13714 13.6787 9.73726 14.2789C10.3374 14.879 11.1513 15.2161 12 15.2161Z' fill='%2301aff4'/%3E%3C/svg%3E%0A");
}

.input-box .selection-box:before {
  display: none;
}
.input-box .selection-box:after {
  display: flex;
  align-items: center;
  justify-content: center;
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%237D838C' stroke-width='1.6'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  right: 12px;
  top: calc(50% - 8px);
}

input.input--clear {
  background: none;
  border: none;
  outline: none;
}
input.input--clear::placeholder {
  color: inherit;
}

.input-box .password-eye {
  position: absolute;
  top: 0;
  right: 0;
  padding: 13px 16px;
}
.input-box .password-eye svg:not(.active) {
  display: none;
}

.v-form {
  width: 100%;
}
.v-form .input-box {
  margin-bottom: 24px;
}
.v-form .input-box.error {
  margin-bottom: 4px;
}
.v-form .input-box.error .alert {
  min-height: 20px;
  height: 100%;
  width: 100%;
}

.input-box--qty {
  display: grid;
  grid-template-columns: 18px 46px 18px;
  grid-auto-rows: 1fr;
  grid-gap: 8px;
  align-items: center;
}
.input-box--qty input {
  text-align: center;
}
.input-box--qty input::-webkit-outer-spin-button,
.input-box--qty input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-box--qty input[type=number] {
  -moz-appearance: textfield;
}
.input-box--qty .input-box__plus, .input-box--qty .input-box__minus {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 36px;
  text-transform: capitalize;
  color: #000;
  user-select: none;
}
.input-box--qty .input-box__plus:hover, .input-box--qty .input-box__minus:hover {
  color: #FFBC57;
}

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