.host {
  position: relative;
  display: block;
  inline-size: 100%;
  cursor: pointer;
}

.popDown {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}

.popUp {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}

.control {
  display: none;
}

.empty {
  padding-block: 12px;
  padding-inline: 0;
  color: var(--vkui--color_text_secondary);
  text-align: center;
}

.fetching {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dropdownIcon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}

.clearIcon {
  -webkit-margin-end: -6px;
          margin-inline-end: -6px;
}

.sizeYCompact .dropdownIcon {
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
}

.sizeYCompact .clearIcon {
  -webkit-margin-end: -2px;
          margin-inline-end: -2px;
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .sizeYNone .dropdownIcon {
    -webkit-margin-end: 8px;
            margin-inline-end: 8px;
  }

  .sizeYNone .clearIcon {
    -webkit-margin-end: -2px;
            margin-inline-end: -2px;
  }
}