/* Style items (options): */
select {

  &,
  &::picker(select) {
    appearance: base-select;
    border-radius: 5px;
  }

  &::picker(select) {
    margin-block-start: 5px;
    margin-block-end: 5px;
    max-height: 160px;
    border-color: rgb(210, 210, 210);
  }

  &::picker-icon {
    transition: 0.4s rotate;
    content: url('/themes/custom/promise/images/others/icon-arrow-down.svg');
    scale: 50%;
    transform: scaleY(-1);
  }

  option {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

select:open::picker-icon {
  rotate: 180deg;
}

.date-padding {
  @media screen and (min-width:768px) {
    padding-right: 16px;
    padding-left: 16px;
  }
}

.date-picker {
  @media screen and (max-width:768px) and (min-width:628px) {
    flex-basis: auto;
    width: 178px;
  }
  @media screen and (max-width:627px) {
    width: 100%;
  }
}

.password-input {
  @media screen and (max-width:768px) {
    gap: 0.2rem;
  }
}
.password-input-cp {
  @media screen and (max-width:768px) {
    gap: 1.2rem;
  }
}

.password-container {
  @media screen and (max-width:768px) {
    padding-bottom: 20px;
    gap: 0.8rem;
  }
}
.password-container-cp {
  @media screen and (max-width:768px) {
    padding-bottom: 40px;
    gap: 0.8rem;
  }
}