.holiday-country-picker {
  position: relative;
  width: 100%;
  min-width: 0;
}

.holiday-country-native {
  position: absolute !important;
  width: var(--border-width-thin) !important;
  height: var(--border-width-thin) !important;
  margin: var(--spacing-0) !important;
  padding: var(--spacing-0) !important;
  border: var(--border-width-none) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

.holiday-country-picker__trigger {
  display: block;
  width: 100%;
  margin: var(--spacing-0);
  padding: var(--spacing-0) var(--spacing-7) var(--spacing-0) var(--spacing-0);
  border: var(--border-width-none);
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.holiday-country-picker__value {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.holiday-country-picker__panel {
  position: absolute;
  top: calc(100% + var(--spacing-3));
  left: calc(var(--spacing-4) * -1);
  z-index: var(--z-index-dropdown);
  width: calc(var(--spacing-64) + var(--spacing-6));
  max-width: min(calc(var(--spacing-64) + var(--spacing-16)), calc(100vw - var(--spacing-8)));
  background: var(--color-bg-primary);
  border: var(--border-width-thin) var(--border-style-solid) var(--border-color-light);
  border-radius: var(--border-radius-xl);
  box-shadow: var(--shadow-xl);
  overflow: hidden;
  font-family: var(--font-family-base);
}

.holiday-country-picker__search {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  margin: var(--spacing-0);
  padding: var(--spacing-3);
  border-bottom: var(--border-width-thin) var(--border-style-solid) var(--border-color-light);
  background: var(--color-bg-primary);
  color: var(--color-text-secondary);
}

.holiday-country-picker__search .material-icons {
  flex: 0 0 var(--font-size-lg);
  width: var(--font-size-lg);
  height: var(--font-size-lg);
  font-size: var(--font-size-lg);
  line-height: var(--font-size-lg);
  color: var(--color-text-muted);
}

.holiday-country-picker__input,
#search-form .search-form__field .holiday-country-picker__input,
.for_module_modi .holiday-country-picker__input {
  display: block !important;
  flex: 1 1 auto;
  width: 100% !important;
  height: auto !important;
  min-height: var(--spacing-0) !important;
  margin: var(--spacing-0) !important;
  padding: var(--spacing-0) !important;
  border: var(--border-width-none) !important;
  border-radius: var(--border-radius-none) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: var(--shadow-none) !important;
  color: var(--color-text-primary) !important;
  -webkit-text-fill-color: var(--color-text-primary) !important;
  caret-color: var(--color-text-primary) !important;
  font-family: var(--font-family-base) !important;
  font-size: var(--font-size-sm) !important;
  font-weight: var(--font-weight-medium) !important;
  line-height: var(--line-height-snug) !important;
}

.holiday-country-picker__input::placeholder {
  color: var(--color-text-muted) !important;
  -webkit-text-fill-color: var(--color-text-muted) !important;
  font-weight: var(--font-weight-medium) !important;
}

.holiday-country-picker__list {
  list-style: none;
  margin: var(--spacing-0);
  padding: var(--spacing-2);
  max-height: calc(var(--spacing-64) + var(--spacing-6));
  overflow: auto;
}

.holiday-country-picker__option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-2);
  width: 100%;
  margin: var(--spacing-0);
  padding: var(--spacing-2) var(--spacing-3);
  border: var(--border-width-none);
  border-radius: var(--border-radius-lg);
  background: transparent;
  color: var(--color-text-primary);
  font-family: var(--font-family-base);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-tight);
  text-align: left;
  cursor: pointer;
  transition: var(--transition-colors);
}

.holiday-country-picker__option:hover,
.holiday-country-picker__option:focus {
  background: var(--color-info-lightest);
  color: var(--color-text-primary);
  outline: none;
}

.holiday-country-picker__option.is-selected {
  background: var(--color-info);
  color: var(--color-text-inverse);
  font-weight: var(--font-weight-semibold);
}

.holiday-country-picker__option .holiday-country-picker__check {
  display: none !important;
  flex: 0 0 var(--size-xs);
  width: var(--size-xs);
  height: var(--size-xs);
  font-size: var(--font-size-base);
  line-height: var(--size-xs);
}

.holiday-country-picker__option.is-selected .holiday-country-picker__check {
  display: inline-flex !important;
  opacity: 1 !important;
  color: var(--color-text-inverse);
}

.holiday-country-picker__empty {
  padding: var(--spacing-4) var(--spacing-3);
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  text-align: center;
}

#search-form .search-form__field:has(.holiday-country-picker.is-open),
.for_module_modi .search-form__field:has(.holiday-country-picker.is-open) {
  z-index: var(--z-index-dropdown);
  overflow: visible;
}

#search-form .holiday-country-picker__trigger {
  height: var(--spacing-7);
  color: var(--color-text-primary);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  line-height: var(--spacing-7);
}

.for_module_modi .holiday-country-picker__trigger {
  height: var(--spacing-5);
  color: var(--color-white);
  -webkit-text-fill-color: var(--color-white);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  line-height: var(--spacing-5);
}

@media (max-width: 767px) {
  .holiday-country-picker__panel {
    left: var(--spacing-0);
    width: min(calc(var(--spacing-64) + var(--spacing-16)), calc(100vw - var(--spacing-8)));
  }

  body.home-mobile-sheet-open #holiday .search-form__field:has(.holiday-country-picker.is-open) {
    overflow: visible !important;
    z-index: var(--z-index-dropdown);
  }
}