@layer components {
/* Vendor library overrides */

/* Select2 — match design system */
.select2-container--default .select2-selection--single {
  background-color: var(--surface-color-light) !important;
  border: 1px solid var(--neutral-200) !important;
  border-radius: 4px !important;
  height: 36px !important;
  font-family: var(--font-family-sans-serif) !important;
  font-size: var(--font-size-md) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--neutral-700) !important;
  line-height: 34px !important;
  padding-left: 12px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered > span {
  align-items: center;
  display: inline-flex;
  max-width: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 34px !important;
  right: 8px !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--neutral-400) !important;
}

.select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--primary-500) !important;
  box-shadow: var(--focus-shadow) !important;
}

.select2-container--default .select2-selection--multiple {
  background-color: var(--surface-color-light) !important;
  border: 1px solid var(--neutral-200) !important;
  border-radius: 4px !important;
  font-family: var(--font-family-sans-serif) !important;
  font-size: var(--font-size-md) !important;
  min-height: 36px !important;
}

.select2-container--default.select2-container--open .select2-selection--multiple {
  border-color: var(--primary-500) !important;
  box-shadow: var(--focus-shadow) !important;
}

.select2-dropdown {
  border: 1px solid var(--neutral-200) !important;
  border-radius: 4px !important;
  box-shadow: var(--shadow-subtle) !important;
  font-family: var(--font-family-sans-serif) !important;
  font-size: var(--font-size-md) !important;
}

.select2-container--default .select2-results__option {
  padding: 8px 12px !important;
  color: var(--neutral-700) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--primary-500) !important;
  color: white !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: var(--neutral-100) !important;
  color: var(--neutral-700) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--neutral-200) !important;
  border-radius: 4px !important;
  padding: 6px 10px !important;
  font-family: var(--font-family-sans-serif) !important;
  font-size: var(--font-size-md) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: var(--primary-500) !important;
  outline: none !important;
}

/* Continuous Calendar plugin */
.continuousCalendarContainer a.calendarIcon {
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  padding: 0 !important;
  border-top-width: 2px !important;
  border-radius: 4px !important;
}

.continuousCalendarContainer .continuousCalendar .calendarScrollContent {
  height: max(30vh, 250px) !important;
}

.continuousCalendarContainer .popUpContainer {
  margin-top: -50px !important;
}

.continuousCalendarContainer form {
  margin-bottom: 0 !important;
}
}