@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;
  }
}

.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) {
  justify-self: flex-end;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 1rem;
}
@media (max-width: 1023px) {
  .ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) {
    display: none;
  }
}
.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__menu-wrapper {
  position: relative;
}
.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button {
  padding: 0.5rem 3rem;
  position: relative;
  flex-direction: row;
  display: flex;
  align-self: flex-end;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  min-width: 8.5rem;
  max-width: 18rem;
  color: var(--IDS-HEADER-INERA-ADMIN-AVATAR__COLOR);
  background-color: var(--IDS-HEADER-INERA-ADMIN-AVATAR__BACKGROUND-COLOR);
  border: 0.0625rem solid var(--IDS-HEADER-INERA-ADMIN-AVATAR__BORDER-COLOR);
  border-radius: 6.25rem;
  cursor: pointer;
}
.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button:focus-visible {
  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
}
.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button:before {
  font: icon;
  font-family: "Inera-Design-Icons" !important;
  display: block;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem;
  flex-shrink: 0;
  content: "\e923";
  font-size: 1.5rem;
  color: var(--IDS-HEADER-INERA-ADMIN-AVATAR__ICON-COLOR);
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button:after {
  font: icon;
  font-family: "Inera-Design-Icons" !important;
  display: block;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem;
  flex-shrink: 0;
  content: "\e906";
  color: var(--IDS-HEADER-INERA-ADMIN-AVATAR__ICON-COLOR);
  background-color: var(--IDS-HEADER-INERA-ADMIN-AVATAR__BACKGROUND-COLOR);
  padding: 0.25rem 1rem 0.25rem 0.25rem;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 0.0625rem solid transparent;
  border-radius: 6.25rem;
  font-size: 1.25rem;
}
.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button:hover:before, .ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button:hover::after {
  color: var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-HOVER-COLOR);
}
.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button:focus-visible {
  z-index: var(--IDS-Z-HEADERS);
}
.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button.ids-header-inera-admin-avatar__button--expanded:after {
  content: "\e909";
}
.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button .ids-header-inera-admin-avatar__name {
  text-align: start;
  font-weight: 400;
  font-family: var(--IDS-FONT-FAMILY-BASE);
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  text-align: left;
  max-width: 100%;
  color: var(--IDS-HEADER-INERA-ADMIN-AVATAR__COLOR);
  font-size: 0.875rem;
  line-height: 1rem;
}
.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button .ids-header-inera-admin-avatar__unit {
  text-align: start;
  font-weight: 400;
  font-family: var(--IDS-FONT-FAMILY-BASE);
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  text-align: left;
  max-width: 100%;
  color: var(--IDS-HEADER-INERA-ADMIN-AVATAR__COLOR);
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__menu {
  display: none;
  position: absolute;
  top: calc(100% + 0.25rem);
  left: auto;
  right: 0;
  z-index: var(--IDS-Z-FLOATING);
  width: 20rem;
  background-color: var(--IDS-HEADER-INERA-ADMIN-AVATAR__DROPDOWN-BACKGROUND-COLOR);
  border: 0.0625rem solid var(--IDS-HEADER-INERA-ADMIN-AVATAR__DROPDOWN-BORDER-COLOR);
  padding: 1.25rem;
  box-sizing: border-box;
  border-radius: var(--IDS-BORDER-RADIUS-MEDIUM);
  box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
  flex-direction: column;
  gap: 1rem;
}
.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__menu.ids-header-inera-admin-avatar__menu--expanded {
  display: flex;
}
.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__menu .ids-header-inera-admin-avatar__menu-links {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__menu .ids-header-inera-admin-avatar__menu-links hr {
  width: 100%;
  height: 0.0313rem;
  display: block;
  margin: 0;
  border: 0;
  border-top: 0.0625rem solid var(--IDS-HEADER-INERA-ADMIN-AVATAR__MENU-SEPARATOR-COLOR);
}
.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive {
  justify-self: flex-end;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 1rem;
}
.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__menu-wrapper {
  position: relative;
}
.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button {
  padding: 0.5rem 3rem;
  position: relative;
  flex-direction: row;
  display: flex;
  align-self: flex-end;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  min-width: 8.5rem;
  max-width: 18rem;
  color: var(--IDS-HEADER-INERA-ADMIN-AVATAR__COLOR);
  background-color: var(--IDS-HEADER-INERA-ADMIN-AVATAR__BACKGROUND-COLOR);
  border: 0.0625rem solid var(--IDS-HEADER-INERA-ADMIN-AVATAR__BORDER-COLOR);
  border-radius: 6.25rem;
  cursor: pointer;
}
.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button:focus-visible {
  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
}
.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button:before {
  font: icon;
  font-family: "Inera-Design-Icons" !important;
  display: block;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem;
  flex-shrink: 0;
  content: "\e923";
  font-size: 1.5rem;
  color: var(--IDS-HEADER-INERA-ADMIN-AVATAR__ICON-COLOR);
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button:after {
  font: icon;
  font-family: "Inera-Design-Icons" !important;
  display: block;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem;
  flex-shrink: 0;
  content: "\e906";
  color: var(--IDS-HEADER-INERA-ADMIN-AVATAR__ICON-COLOR);
  background-color: var(--IDS-HEADER-INERA-ADMIN-AVATAR__BACKGROUND-COLOR);
  padding: 0.25rem 1rem 0.25rem 0.25rem;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 0.0625rem solid transparent;
  border-radius: 6.25rem;
  font-size: 1.25rem;
}
.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button:hover:before, .ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button:hover::after {
  color: var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-HOVER-COLOR);
}
.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button:focus-visible {
  z-index: var(--IDS-Z-HEADERS);
}
.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button.ids-header-inera-admin-avatar__button--expanded:after {
  content: "\e909";
}
.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button .ids-header-inera-admin-avatar__name {
  text-align: start;
  font-weight: 400;
  font-family: var(--IDS-FONT-FAMILY-BASE);
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  text-align: left;
  max-width: 100%;
  color: var(--IDS-HEADER-INERA-ADMIN-AVATAR__COLOR);
  font-size: 0.875rem;
  line-height: 1rem;
}
.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button .ids-header-inera-admin-avatar__unit {
  text-align: start;
  font-weight: 400;
  font-family: var(--IDS-FONT-FAMILY-BASE);
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  text-align: left;
  max-width: 100%;
  color: var(--IDS-HEADER-INERA-ADMIN-AVATAR__COLOR);
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__menu {
  display: none;
  position: absolute;
  top: calc(100% + 0.25rem);
  left: auto;
  right: 0;
  z-index: var(--IDS-Z-FLOATING);
  width: 20rem;
  background-color: var(--IDS-HEADER-INERA-ADMIN-AVATAR__DROPDOWN-BACKGROUND-COLOR);
  border: 0.0625rem solid var(--IDS-HEADER-INERA-ADMIN-AVATAR__DROPDOWN-BORDER-COLOR);
  padding: 1.25rem;
  box-sizing: border-box;
  border-radius: var(--IDS-BORDER-RADIUS-MEDIUM);
  box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
  flex-direction: column;
  gap: 1rem;
}
.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__menu.ids-header-inera-admin-avatar__menu--expanded {
  display: flex;
}
.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__menu .ids-header-inera-admin-avatar__menu-links {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__menu .ids-header-inera-admin-avatar__menu-links hr {
  width: 100%;
  height: 0.0313rem;
  display: block;
  margin: 0;
  border: 0;
  border-top: 0.0625rem solid var(--IDS-HEADER-INERA-ADMIN-AVATAR__MENU-SEPARATOR-COLOR);
}