@media (max-width: 639px) {
  .ids-desktop {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .ids-mobile {
    display: none !important;
  }
}

/*******
* ICONS
********/
/*******
* BUTTONS
********/
/*******
* SCROLLBAR
********/
/*******
* FORM
********/
/*******
* A11Y
********/
@media (max-width: 1024px) {
  .ids-dropdown:host([mblock]) {
    display: block;
    width: 100%;
  }
}
@media (max-width: 640px) {
  .ids-dropdown:host([sblock]) {
    display: block;
    width: 100%;
  }
}

.ids-dropdown-content ::slotted(*) {
  display: flex;
  width: 100%;
  gap: 0.5rem;
  flex-grow: 1;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);
  color: var(--IDS-DROPDOWN__LINK-COLOR);
  font-family: var(--IDS-FONT-FAMILY-BASE) !important;
  font-size: 1rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.5rem !important;
  padding: 0.375rem 0.75rem !important;
  text-decoration: none !important;
  text-align: left;
  white-space: normal !important;
  display: flex !important;
  gap: 0.5rem !important;
  align-items: flex-start !important;
}
.ids-dropdown-content ::slotted(a:hover),
.ids-dropdown-content ::slotted(button:hover) {
  color: var(--IDS-DROPDOWN__LINK-HOVER-COLOR);
  background-color: var(--IDS-DROPDOWN__LINK-HOVER-BACKGROUND-COLOR);
  border-radius: var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);
}
.ids-dropdown-content ::slotted(a:active),
.ids-dropdown-content ::slotted(button:active) {
  color: var(--IDS-DROPDOWN__LINK-HOVER-COLOR);
  background-color: var(--IDS-DROPDOWN__LINK-ACTIVE-BACKGROUND-COLOR);
}
.ids-dropdown-content ::slotted(a:focus-visible),
.ids-dropdown-content ::slotted(button:focus-visible) {
  outline: var(--IDS-FOCUS__OUTLINE);
  outline-offset: -0.125rem !important;
  outline-color: var(--IDS-DROPDOWN__LINK-HOVER-BACKGROUND-COLOR) !important;
}
@media (max-width: 1024px) {
  .ids-dropdown-content:host([mblock]) {
    max-width: none;
  }
}
@media (max-width: 640px) {
  .ids-dropdown-content:host([sblock]) {
    max-width: none;
  }
}