.city-selector-container {
  overflow: hidden;
}

.city-selector-container > * {
  transition-duration: 300ms !important;
}

.city-selector-container:focus-within {
  overflow: visible;
}
.city-selector-container.city-selector-open .city-selector-label {
  transform: translateY(-100%);
  opacity: 0;
}

.city-selector-container.city-selector-open .city-selector-menu-wrapper {
  transform: translateY(-100%);
}

.svg-wrapper svg{
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 300ms ease;
}
.svg-rotate svg{
  transform: rotate(180deg);
}