.itc-select {
  position: relative;
}

.itc-select__toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  border-radius: 0.3125rem;
  cursor: pointer;
  user-select: none;
}

.itc-select__toggle::after {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M4.66667%206L8%209L11.3333%206L12%206.66673L8%2010.6667L4%206.66673L4.66667%206Z%22%20fill%3D%22%23212121%22%2F%3E%0A%3C%2Fsvg%3E%0A');
  background-size: cover;
  content: '';
  transition: 0.15s;
}

.itc-select__toggle:focus {
  outline: none;
}

.itc-select_show .itc-select__toggle::after {
  transform: rotate(-180deg);
}

.itc-select__dropdown {
  visibility: hidden;
  position: absolute;
  top: 2.5rem;
  left: 0;
  z-index: 2;
  max-height: 0;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #00000024;
  border-radius: 8px;
  transition: 0.15s;
}

.itc-select_show .itc-select__dropdown {
  visibility: visible;
  max-height: 500px;
}

.itc-select_show .itc-select__backdrop {
  display: block;
}

.itc-select__options {
  margin: 0;
  padding: 0;
  list-style: none;
}

.itc-select__option {
  padding: 8px 12px;
}

.itc-select__option_selected {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #0040600f;
}

.itc-select__option:hover {
  background-color: #f7f7f7;
  cursor: pointer;
  transition: 0.2s background-color ease-in-out;
}

@media screen and (max-width: 768px) {
  .itc-select__toggle {
    font-size: 14px;
    line-height: 20px;
  }

  .itc-select__dropdown {
    top: 1.5rem;
    left: auto;
    right: 0;
  }

  .itc-select__option {
    font-size: 14px;
  }
}