.choices:has(.form__select) {
  .choices__inner {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  }
  .choices__list--single .choices__item {
    font-weight: 400;
  }
}
.form__input-search.active + .form__btn-search {
  color: var(--blue-600);
}
@media (min-width: 768px) {
  .choices:has(.form__select) {
    width: 144px;
    margin-right: -1px;
    &:after {
      right: 14px;
    }
    &.is-open {
      z-index: 1;
      .choices__inner {
        border-top-right-radius: 0;
      }
    }
    .choices__inner {
      padding-right: 32px;
      box-shadow: none;
      border-radius: 10px 0 0 10px;
    }
  }
}

.spinner {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 3px solid var(--blue-600);
  border-top-color: rgba(0,0,0,0.4);
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}