:host(.gasco-select) {
  width: 100%;
  max-width: 400px;
}

.select-native {
  position: relative;
  width: 100%;
  max-width: 400px;
}

.select-native gasco-input,
.select-native gasco-list {
  max-width: 100%;
}

.select-native gasco-list {
  position: absolute;
  left: 0;
  right: 0;
  top: 55px;
  z-index: 100;
  opacity: 0;
  contain: layout;
  visibility: hidden;
  transition: 300ms;
  width: 100%;
}

:host(.select-expanded) .select-native gasco-list {
  opacity: 1;
  visibility: visible;
}