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

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

@media (max-width: 639px), (min-width: 1024px) {
  .ids-tablet-only {
    display: none !important;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .ids-tablet-hide {
    display: none !important;
  }
}

@media (max-width: 1023px), (min-width: 1280px) {
  .ids-desktop-small-only {
    display: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .ids-desktop-small-hide {
    display: none !important;
  }
}

@media (max-width: 1279px), (min-width: 1440px) {
  .ids-desktop-medium-only {
    display: none !important;
  }
}

@media (min-width: 1280px) and (max-width: 1439px) {
  .ids-desktop-medium-hide {
    display: none !important;
  }
}

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

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

@media (max-width: 1919px) {
  .ids-desktop-extra-large-up {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .ids-dropdown:host([mblock]) {
    display: block;
    width: 100%;
  }
}
@media (max-width: 639px) {
  .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: 1023px) {
  .ids-dropdown-content:host([mblock]) {
    max-width: none;
  }
}
@media (max-width: 639px) {
  .ids-dropdown-content:host([sblock]) {
    max-width: none;
  }
}