:where([data-lord-icon]) {
  display: inline-block;
  width: 1.35em;
  height: 1.35em;
  flex: 0 0 auto;
  color: inherit;
  position: relative;
  vertical-align: middle;
}

:where(button, a, summary)[data-ui-icon-enhanced] {
  align-items: center;
  gap: 0.5rem;
}

:where(button:not(:disabled), a[href], summary)[data-ui-icon-enhanced] {
  cursor: pointer;
}

:where([data-lord-icon])::before {
  position: absolute;
  inset: 0;
  content: "";
  background: currentColor;
  -webkit-mask: var(--app-lordicon-poster) center / contain no-repeat;
  mask: var(--app-lordicon-poster) center / contain no-repeat;
  pointer-events: none;
}

@media (max-width: 39.999rem) {
  .config-tabs [data-lord-icon],
  /* Four workspace destinations share a phone's width, where every other strip in the console has
     two or three. Measured at 320px: the longest label alone needs the whole column, so the word
     carries the tab - it is the half a reader navigates by - and the glyph returns at 640px. */
  .workspace-tabs [data-lord-icon] {
    display: none;
  }
}

:where([data-lord-icon="logout"])::before {
  transform: scaleX(-1);
}

:where([data-lord-icon="activity"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/160-trending-up.svg"); }
:where([data-lord-icon="chevronDown"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/12-arrow-down.svg"); }
:where([data-lord-icon="alert"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/56-warning.svg"); }
:where([data-lord-icon="archive"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/44-folder.svg"); }
:where([data-lord-icon="article"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/14-article.svg"); }
:where([data-lord-icon="back"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/507-arrow-left.svg"); }
:where([data-lord-icon="bar"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/43-pie-chart-diagram.svg"); }
:where([data-lord-icon="bell"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/46-notification-bell.svg"); }
:where([data-lord-icon="billing"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/5-wallet.svg"); }
:where([data-lord-icon="calendar"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/23-calendar.svg"); }
:where([data-lord-icon="chat"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/186-chat-empty.svg"); }
:where([data-lord-icon="check"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/31-check.svg"); }
:where([data-lord-icon="clock"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/67-clock.svg"); }
:where([data-lord-icon="close"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/29-cross.svg"); }
:where([data-lord-icon="code"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/34-code.svg"); }
:where([data-lord-icon="compass"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/89-location.svg"); }
:where([data-lord-icon="copy"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/99-copy.svg"); }
:where([data-lord-icon="delete"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/39-trash.svg"); }
:where([data-lord-icon="download"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/81-download-save.svg"); }
:where([data-lord-icon="edit"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/114-edit-pencil-rename.svg"); }
:where([data-lord-icon="external"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/161-arrow-long-right.svg"); }
:where([data-lord-icon="file"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/50-file.svg"); }
:where([data-lord-icon="form"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/76-newspaper.svg"); }
:where([data-lord-icon="settings"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/63-settings-cog.svg"); }
:where([data-lord-icon="inbox"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/9-inbox.svg"); }
:where([data-lord-icon="info"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/28-info.svg"); }
:where([data-lord-icon="layers"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/35-compare.svg"); }
:where([data-lord-icon="connect"]) { --app-lordicon-poster: url("/assets/icons/system-link.svg"); }
:where([data-lord-icon="list"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/16-assessment.svg"); }
:where([data-lord-icon="bulletList"]) { --app-lordicon-poster: url("/assets/icons/system-list.svg"); }
:where([data-lord-icon="shield"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/90-lock-closed.svg"); }
:where([data-lord-icon="logout"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/113-log-sign-in.svg"); }
:where([data-lord-icon="mail"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/59-email.svg"); }
:where([data-lord-icon="more"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/716-spinner-three-dots.svg"); }
:where([data-lord-icon="pause"]) { --app-lordicon-poster: url("/assets/icons/system-pause.svg"); }
:where([data-lord-icon="play"]) { --app-lordicon-poster: url("/assets/icons/system-play.svg"); }
:where([data-lord-icon="plus"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/40-add-card.svg"); }
:where([data-lord-icon="preview"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/24-view-1.svg"); }
:where([data-lord-icon="publish"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/80-upload.svg"); }
:where([data-lord-icon="queue"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/17-assignment.svg"); }
:where([data-lord-icon="quickAction"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/117-bolt.svg"); }
:where([data-lord-icon="refresh"]) { --app-lordicon-poster: url("/assets/icons/system-refresh.svg"); }
:where([data-lord-icon="refund"]) { --app-lordicon-poster: url("/assets/icons/system-refund.svg"); }
:where([data-lord-icon="reset"]) { --app-lordicon-poster: url("/assets/icons/system-reset.svg"); }
:where([data-lord-icon="save"]) { --app-lordicon-poster: url("/assets/icons/system-save.svg"); }
:where([data-lord-icon="route"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/1-share.svg"); }
:where([data-lord-icon="search"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/42-search.svg"); }
:where([data-lord-icon="send"]) { --app-lordicon-poster: url("/assets/icons/system-send.svg"); }
:where([data-lord-icon="sheet"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/45-category.svg"); }
:where([data-lord-icon="spark"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/95-star.svg"); }
:where([data-lord-icon="switch"]) { --app-lordicon-poster: url("/assets/icons/system-switch.svg"); }
:where([data-lord-icon="account"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/8-account.svg"); }
:where([data-lord-icon="users"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/96-groups.svg"); }
:where([data-lord-icon="workspace"]) { --app-lordicon-poster: url("/assets/icons/lordicon-system-solid/41-home.svg"); }

.feature-icon > .app-lord-icon,
.route-icon > .app-lord-icon,
.output-icon > .app-lord-icon {
  width: 100%;
  height: 100%;
}

.workflow-nav__item > .app-lord-icon,
.mobile-actionbar .app-lord-icon,
.manager-nav .app-lord-icon,
.manager-mobile-actionbar .app-lord-icon {
  width: 22px;
  height: 22px;
}

.manager-button-icon,
.modal-section-title__icon,
.radio-card-icon,
.badge-icon {
  width: 1.35em;
  height: 1.35em;
}

.profile-trigger__chevron {
  width: 16px;
  height: 16px;
}