.select {
  position: relative;
  height: max-content;
  margin-bottom: 30px;
}

.select__arrow {
  position: absolute;
  right: 18px;
  top: 17px;
  z-index: 3;
}

.select__value {
  width: 100%;
  height: 44px;
  border: 1px solid rgba(7, 7, 7, 1);
  border-radius: 0;
  padding: 10px;
  font-size: 16px;
}

.select__value > span {
  color: rgba(97, 191, 244, 1);
}

.select_default {
  color: rgba(7, 7, 7, 0.5);
}

.selected {
  color: rgba(7, 7, 7, 1);
}

.select__drop {
  position: relative;
  /*top: 44px;*/
  height: 0;
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  width: 100%;
  font-size: 16px;
  background: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  z-index: 2;
  /*margin-bottom: 30px;*/
}

.select__drop_open {
  animation: 0.2s both open__drop;
}

@keyframes open__drop {
  from {
    height: 0;
  }
  to {
    height: 125px;
  }
}

.select__drop_close {
  animation: 0.2s both close__drop;
}

@keyframes close__drop {
  from {
    height: 125px;
  }
  to {
    height: 0;
  }
}

.select__option {
  padding: 10px;
  border-bottom: 1px solid rgba(7, 7, 7, 1);
  border-inline: 1px solid rgba(7, 7, 7, 1);
  color: rgba(7, 7, 7, 0.5);
}

.select__option:hover {
  color: rgba(97, 191, 244, 1);
}

.select[data-status="open"] > .select_default {
  color: rgba(7, 7, 7, 1);
}

.select_default[data-value="check"] {
  color: rgba(7, 7, 7, 1);
}

.select_error {
  bottom: -21px;
}

@media screen and (max-width: 560px) {
  @keyframes open__drop {
    from {
      height: 0;
    }
    to {
      height: 150px;
    }
  }
  @keyframes close__drop {
    from {
      height: 150px;
    }
    to {
      height: 0;
    }
  }
}