/*******
* ICONS
********/
/*******
* BUTTONS
********/
/*******
* SCROLLBAR
********/
/*******
* FORM
********/
/*******
* A11Y
********/
.ids-select-multiple__select {
  font-family: var(--IDS-FONT-FAMILY-BASE) !important;
  padding: var(--IDS-INPUT__PADDING);
  background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
  border: var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);
  border-radius: var(--IDS-BORDER-RADIUS);
  font-size: 1rem;
  color: var(--IDS-FORM__COLOR);
  display: block;
}
.ids-select-multiple__select::placeholder {
  color: var(--IDS-FORM__COLOR);
}
.ids-select-multiple__select:hover {
  background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
}
.ids-select-multiple__select:active {
  border-color: var(--IDS-INPUT__ACTIVE-BORDER-COLOR);
  background-color: var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);
}
.ids-select-multiple__select:focus-visible, .ids-select-multiple__select:focus-visible:hover {
  background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
  border-color: var(--IDS-INPUT__FOCUS-BORDER-COLOR);
}
.ids-select-multiple__select:disabled, .ids-select-multiple__select[readonly], .ids-select-multiple__select[readonly]:focus-visible, .ids-select-multiple__select[readonly]:focus-visible:hover {
  color: var(--IDS-FORM--DISABLED__COLOR);
  font-style: italic !important;
  background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
  border: var(--IDS-FORM--DISABLED__BORDER);
  opacity: 1;
  -webkit-text-fill-color: inherit;
}
.ids-select-multiple__select:disabled::placeholder, .ids-select-multiple__select[readonly]::placeholder, .ids-select-multiple__select[readonly]:focus-visible::placeholder, .ids-select-multiple__select[readonly]:focus-visible:hover::placeholder {
  color: var(--IDS-FORM--DISABLED__COLOR);
}
.ids-select-multiple__select.ids-input--invalid, .ids-select-multiple__select[aria-invalid=true] {
  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
  border: var(--IDS-FORM--INVALID__BORDER);
  box-shadow: var(--IDS-FORM--INVALID-BOX-SHADOW);
}
.ids-select-multiple__select.ids-input--light {
  background-color: var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);
}
.ids-select-multiple__select.ids-input--light:hover {
  background-color: var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR);
}
.ids-select-multiple__select.ids-input--light:active {
  border-color: var(--IDS-INPUT__ACTIVE-BORDER-COLOR);
  background-color: var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);
}
.ids-select-multiple__select.ids-input--light:focus-visible, .ids-select-multiple__select.ids-input--light:focus-visible:hover {
  background-color: var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);
}
.ids-select-multiple__select.ids-input--light:disabled, .ids-select-multiple__select.ids-input--light[readonly], .ids-select-multiple__select.ids-input--light[readonly]:focus-visible, .ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover {
  color: var(--IDS-FORM--DISABLED__COLOR);
  font-style: italic !important;
  background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
  border: var(--IDS-FORM--DISABLED__BORDER);
  opacity: 1;
  -webkit-text-fill-color: inherit;
}
.ids-select-multiple__select.ids-input--light:disabled::placeholder, .ids-select-multiple__select.ids-input--light[readonly]::placeholder, .ids-select-multiple__select.ids-input--light[readonly]:focus-visible::placeholder, .ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover::placeholder {
  color: var(--IDS-FORM--DISABLED__COLOR);
}
.ids-select-multiple__select.ids-input--light.ids-input--invalid, .ids-select-multiple__select.ids-input--light[aria-invalid=true] {
  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
  border: var(--IDS-FORM--INVALID__BORDER);
  box-shadow: var(--IDS-FORM--INVALID-BOX-SHADOW);
}
.ids-select-multiple__select:focus-visible {
  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
}
.ids-select-multiple__select {
  height: var(--IDS-INPUT__HEIGHT);
  cursor: pointer;
  display: inline-block !important;
  padding-left: var(--IDS-SELECT__PADDING-LEFT) !important;
  padding-right: var(--IDS-INPUT__ICON-PADDING-RIGHT) !important;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);
  width: 100% !important;
}
.ids-select-multiple__select::placeholder {
  color: var(--IDS-FORM__COLOR);
}
.ids-select-multiple__select.ids-input--invalid, .ids-select-multiple__select[aria-invalid=true] {
  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
  border: var(--IDS-FORM--INVALID__BORDER);
  box-shadow: var(--IDS-FORM--INVALID-BOX-SHADOW);
}
.ids-select-multiple__select.ids-input--light {
  background-color: var(--IDS-SELECT--LIGHT__BACKGROUND-COLOR);
}
.ids-select-multiple__select.ids-input--light.ids-input--invalid, .ids-select-multiple__select.ids-input--light[aria-invalid=true] {
  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
  border: var(--IDS-FORM--INVALID__BORDER);
  box-shadow: var(--IDS-FORM--INVALID-BOX-SHADOW);
}
.ids-select-multiple__select[aria-disabled=true] {
  color: var(--IDS-FORM--DISABLED__COLOR);
  font-style: italic !important;
  background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
  border: var(--IDS-FORM--DISABLED__BORDER);
  opacity: 1;
  -webkit-text-fill-color: inherit;
}
.ids-select-multiple__select[aria-disabled=true]::placeholder {
  color: var(--IDS-FORM--DISABLED__COLOR);
}
.ids-select-multiple__select:disabled {
  cursor: default;
}
.ids-select-multiple__select:disabled::placeholder {
  color: var(--IDS-FORM--DISABLED__COLOR);
}
.ids-select-multiple__select:disabled.ids-input--light {
  background-color: var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);
  color: var(--IDS-FORM--DISABLED__COLOR);
  font-style: italic !important;
  background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
  border: var(--IDS-FORM--DISABLED__BORDER);
  opacity: 1;
  -webkit-text-fill-color: inherit;
}
.ids-select-multiple__select:disabled.ids-input--light::placeholder {
  color: var(--IDS-FORM--DISABLED__COLOR);
}

.ids-select-multiple__select-wrapper {
  position: relative;
  display: flex;
}
.ids-select-multiple__select-wrapper::after {
  font: icon;
  font-family: "Inera-Design-Icons" !important;
  display: block;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e936";
  color: var(--IDS-ICON--ACTIVE-COLOR);
  top: 50%;
  transform: translateY(-50%);
  right: var(--IDS-INPUT__ICON-RIGHT);
  z-index: 2;
  pointer-events: none;
}
.ids-select-multiple__select-wrapper:has(.ids-input--invalid)::after, .ids-select-multiple__select-wrapper:has(input[aria-invalid=true])::after {
  color: var(--IDS-FORM--INVALID__COLOR);
}
.ids-select-multiple__select-wrapper:has(input:disabled)::after, .ids-select-multiple__select-wrapper:has(input[aria-disabled=true])::after {
  color: var(--IDS-FORM--DISABLED__COLOR);
}

.ids-select-multiple__dropdown-wrapper {
  position: relative;
}
.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown {
  box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
  background-color: var(--IDS-SELECT-MULTIPLE-DROPDOWN__BACKGROUND-COLOR);
  border: 1px solid var(--IDS-SELECT-MULTIPLE-DROPDOWN__BORDER-COLOR);
  color: var(--IDS-FONT-COLOR);
  border-radius: var(--IDS-BORDER-RADIUS);
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  display: none;
}
.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--expanded {
  display: block;
}
.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar {
  width: 0.625rem;
}
.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-thumb {
  cursor: auto;
  background: var(--IDS-SCROLL__THUMB-COLOR);
  border-radius: 0.625rem;
  border: 0.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);
}
.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-thumb:hover {
  background: var(--IDS-SCROLL__THUMB-HOVER-COLOR);
}
.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-track {
  background: var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);
  border-radius: 0.625rem;
  outline: 0.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR);
  margin-top: 0;
}
.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-corner {
  background-color: transparent;
}
.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area {
  padding: 0.625rem;
  overflow-y: auto;
}

.ids-select-multiple-label-wrapper .ids-label-wrapper {
  display: inline;
  position: relative;
  margin-bottom: 0;
}
.ids-select-multiple-label-wrapper .ids-label-wrapper .ids-label__tooltip {
  position: relative;
  margin-left: 0.5rem;
  bottom: -0.1875rem;
}
.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--margin-bottom {
  bottom: 0.25rem;
}
.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--block {
  width: 100%;
}
.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--block label {
  display: block !important;
  width: 100%;
}
.ids-select-multiple-label-wrapper .ids-label {
  color: var(--IDS-FORM-LABEL__COLOR);
  font-family: var(--IDS-FORM-LABEL__FONT-FAMILY);
  font-size: var(--IDS-FORM-LABEL__FONT-SIZE);
  font-style: normal;
  font-weight: var(--IDS-FORM-LABEL__FONT-WEIGHT);
  letter-spacing: var(--IDS-FORM-LABEL__LETTER-SPACING);
  line-height: var(--IDS-FORM-LABEL__HEIGHT);
  display: inline !important;
  padding: 0;
}
.ids-select-multiple-label-wrapper .ids-label.ids-label--clickable {
  cursor: pointer !important;
}
.ids-select-multiple-label-wrapper .ids-label.ids-label--disabled {
  font-style: italic;
  color: var(--IDS-FORM-LABEL--DISABLED-COLOR);
  cursor: default !important;
}
.ids-select-multiple-label-wrapper:has(input:disabled) .ids-label {
  font-style: italic;
  color: var(--IDS-FORM-LABEL--DISABLED-COLOR);
  cursor: default !important;
}