@charset "UTF-8";
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #fff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-power-select-dropdown * {
  box-sizing: border-box;
}

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */
}

.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}

.ember-power-select-trigger:not(.ember-power-select-multiple-trigger) .ember-power-select-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #aaaaaa transparent transparent transparent;
}

.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon {
  transform: rotate(180deg);
}

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}

.ember-power-select-multiple-options {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
}

.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container {
  flex-grow: 1;
  display: flex;
}

.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container input {
  flex-grow: 1;
}

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  text-indent: 2px;
}

.ember-power-select-trigger-multiple-input:disabled {
  background-color: #eeeeee;
}

.ember-power-select-trigger-multiple-input {
  /* There's a browser bug where this selectos cannot be chained with commas */
}

.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  line-height: 1.45;
  margin: 2px 0 2px 3px;
}

.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}

.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}

.ember-power-select-search {
  padding: 4px;
}

.ember-power-select-search-input {
  border: 1px solid #aaaaaa;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}

.ember-power-select-search-input:focus {
  border: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-power-select-search-input-field {
  width: 100%;
  height: 100%;
  padding: 0 8px;
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  background-color: transparent;
}

.ember-power-select-dropdown {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #aaaaaa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.ember-power-select-options[role=listbox] {
  overflow-y: auto; /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
  -webkit-overflow-scrolling: touch;
  max-height: 12.25em;
}

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px;
}

.ember-power-select-group[aria-disabled=true] {
  color: #999999;
  cursor: not-allowed;
}

.ember-power-select-group[aria-disabled=true] .ember-power-select-option,
.ember-power-select-option[aria-disabled=true] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}

.ember-power-select-option[aria-selected=true] {
  background-color: #dddddd;
}

.ember-power-select-option[aria-current=true] {
  background-color: #5897fb;
  color: #ffffff;
}

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
}

.ember-power-select-trigger {
  padding: 0 16px 0 0;
}

.ember-power-select-selected-item,
.ember-power-select-placeholder {
  margin-left: 8px;
}

.ember-power-select-status-icon {
  right: 5px;
}

.ember-power-select-clear-btn {
  right: 25px;
}

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px;
}

.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px;
}

.ember-power-select-group .ember-power-select-option {
  padding-left: 24px;
}

.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px;
}

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}

.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item,
.ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}

.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}

.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}

.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}

.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}

.ember-power-select-visually-hidden {
  height: 1px;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px;
}

/* css for hds */
/**
 * Do not edit directly, this file was auto-generated.
 */
.hds-font-family-sans-display {
  font-family: var(--token-typography-font-stack-display);
}

.hds-font-family-sans-text {
  font-family: var(--token-typography-font-stack-text);
}

.hds-font-family-mono-code {
  font-family: var(--token-typography-font-stack-code);
}

.hds-font-weight-regular, .auth-form em, .empty-state > ul > li > ::before,
.empty-state > ul > li > label > button::before,
.has-error > strong::before, .disclosure-menu [aria-expanded] ~ * > div, .menu-panel > div, .oidc-select button.reset, .more-popover-menu > [type=checkbox] + label + div > div, .popover-menu > [type=checkbox] + label + div > div, table.has-actions tr > .actions > [type=checkbox] + label + div > div, table.with-details tr > .actions > [type=checkbox] + label + div > div, .informed-action p, .discovery-chain .resolvers > header > *,
.discovery-chain .splitters > header > *,
.discovery-chain .routes > header > *, .consul-external-source, .consul-kind, .consul-intention-list td.permissions, .consul-intention-fieldsets .permissions > button, .consul-intention-permission-list > ul > li dd, .consul-intention-permission-header-list > ul > li dd, .consul-auth-method-view section, #metrics-container .sparkline-wrapper .tooltip, .topology-metrics-status-error,
.topology-metrics-status-loader, body,
.type-toggle [type=text],
.type-toggle [type=password],
.type-toggle textarea,
.oidc-select label [type=text],
.oidc-select label [type=password],
.oidc-select label textarea,
.app-view > div form:not(.filter-bar) [role=radiogroup] label [type=text],
.app-view > div form:not(.filter-bar) [role=radiogroup] label [type=password],
.app-view > div form:not(.filter-bar) [role=radiogroup] label textarea,
.modal-dialog [role=document] [role=radiogroup] label [type=text],
.modal-dialog [role=document] [role=radiogroup] label [type=password],
.modal-dialog [role=document] [role=radiogroup] label textarea, .empty-state > ul > li > *,
.empty-state > ul > li > label > button,
.type-toggle > span,
span.label,
.oidc-select label > span,
.app-view > div form:not(.filter-bar) [role=radiogroup] label > span,
.modal-dialog [role=document] [role=radiogroup] label > span,
.app-view h1 span.kind-proxy, .empty-state header :nth-child(2),
.empty-state p,
.type-toggle > em,
.oidc-select label > em,
.app-view > div form:not(.filter-bar) [role=radiogroup] label > em,
.modal-dialog [role=document] [role=radiogroup] label > em,
.has-error > strong,
.leader,
.topology-metrics-source-type,
.consul-transparent-proxy,
.search-bar-status li:not(.remove-all),
.consul-intention-search-bar li button span,
.consul-peer-search-bar li button span,
.type-toggle > strong,
.oidc-select label > strong,
.app-view > div form:not(.filter-bar) [role=radiogroup] label > strong,
.modal-dialog [role=document] [role=radiogroup] label > strong,
.consul-intention-list td.source em,
.consul-intention-list td.destination em,
.discovery-chain .route-card header dt, .consul-health-check-list .health-check-output dl > dd,
.app-shell__main .type-select [type=text],
.modal-dialog [role=document] .type-select [type=text],
.app-shell__main .type-password [type=text],
.modal-dialog [role=document] .type-password [type=text],
.app-shell__main .type-text [type=text],
.modal-dialog [role=document] .type-text [type=text],
.app-shell__main .type-select [type=password],
.modal-dialog [role=document] .type-select [type=password],
.app-shell__main .type-password [type=password],
.modal-dialog [role=document] .type-password [type=password],
.app-shell__main .type-text [type=password],
.modal-dialog [role=document] .type-text [type=password],
.app-shell__main .type-select textarea,
.modal-dialog [role=document] .type-select textarea,
.app-shell__main .type-password textarea,
.modal-dialog [role=document] .type-password textarea,
.app-shell__main .type-text textarea,
.modal-dialog [role=document] .type-text textarea, .app-shell__main table td p,
.modal-dialog [role=document] table td p,
.app-shell__main table td,
.modal-dialog [role=document] table td,
.app-shell__main .type-select > span,
.modal-dialog [role=document] .type-select > span,
.app-shell__main .type-password > span,
.modal-dialog [role=document] .type-password > span,
.app-shell__main .type-text > span,
.modal-dialog [role=document] .type-text > span,
.app-shell__main p,
.modal-dialog [role=document] p,
.app-shell__main form button + em,
.modal-dialog [role=document] form button + em,
.app-shell__main .type-select > em,
.modal-dialog [role=document] .type-select > em,
.app-shell__main .type-password > em,
.modal-dialog [role=document] .type-password > em,
.app-shell__main .type-text > em,
.modal-dialog [role=document] .type-text > em,
.app-shell__main label a[rel*=help],
.modal-dialog [role=document] label a[rel*=help],
.app-shell__main .type-select > strong,
.modal-dialog [role=document] .type-select > strong,
.app-shell__main .type-password > strong,
.modal-dialog [role=document] .type-password > strong,
.app-shell__main .type-text > strong,
.modal-dialog [role=document] .type-text > strong,
.app-shell__main table th em,
.modal-dialog [role=document] table th em,
html[data-route^="dc.acls.index"] main td strong,
section[data-route="dc.show.serverstatus"] .server-failure-tolerance header em, section[data-route="dc.show.serverstatus"] .server-failure-tolerance dt, section[data-route="dc.show.serverstatus"] .server-failure-tolerance .optimistic-tolerance p,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl, section[data-route="dc.show.license"] .validity dl,
#docfy-demo-preview-badge dt.service-identity,
#docfy-demo-preview-badge dt.service-identity + dd,
#docfy-demo-preview-badge dt.kind-terminating-gateway,
#docfy-demo-preview-badge dt.kind-terminating-gateway + dd,
#docfy-demo-preview-badge dl.service-identity dt,
#docfy-demo-preview-badge dl.service-identity dt + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dd,
[id^=docfy-demo-preview-inline-alert] strong.info::before, [id^=docfy-demo-preview-inline-alert] strong.success::before,
[id^=docfy-demo-preview-inline-alert] strong.warning::before,
[id^=docfy-demo-preview-inline-alert] strong.error::before, [id^=docfy-demo-preview-color] ul figcaption,
[id^=docfy-demo-preview-typography] ul figcaption,
[id^=docfy-demo-preview-icons] ul figcaption, [id^=docfy-demo-preview-typography] .debug-p, [id^=docfy-demo-preview-typography] .debug-p1, [id^=docfy-demo-preview-typography] .debug-p2, [id^=docfy-demo-preview-typography] .debug-p3, html.with-href-to [href^="console://"]::before, .docs main > p {
  font-weight: var(--token-typography-font-weight-regular);
}

.hds-font-weight-medium, .list-collection > ul > li:not(:first-child) .copy-button button, .disclosure-menu [aria-expanded] ~ * [role=separator], .menu-panel [role=separator], .more-popover-menu > [type=checkbox] + label + div [role=separator], .popover-menu > [type=checkbox] + label + div [role=separator], table.has-actions tr > .actions > [type=checkbox] + label + div [role=separator], table.with-details tr > .actions > [type=checkbox] + label + div [role=separator], .consul-upstream-instance-list li .copy-button button, .consul-exposed-path-list > ul > li .copy-button button, .consul-lock-session-list ul > li:not(:first-child) .copy-button button, .consul-peer-search-bar .value-pending span,
.consul-peer-search-bar .value-establishing span,
.consul-peer-search-bar .value-active span,
.consul-peer-search-bar .value-failing span,
.consul-peer-search-bar .value-terminated span,
.consul-peer-search-bar .value-deleting span, .peerings-badge .peerings-badge__text, .disclosure-menu [aria-expanded] ~ * > ul > [role=treeitem], .menu-panel > ul > [role=treeitem],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=menuitem],
.menu-panel > ul > li > [role=menuitem],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=option],
.menu-panel > ul > li > [role=option], .more-popover-menu > [type=checkbox] + label + div > ul > [role=treeitem], .popover-menu > [type=checkbox] + label + div > ul > [role=treeitem],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=option],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=option], table.has-actions tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=option], table.with-details tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=option], .informed-action > ul > li > *,
.tab-nav, .list-collection > ul > li:not(:first-child) > .header, .consul-upstream-instance-list li > .header, .consul-exposed-path-list > ul > li > .header, .consul-lock-session-list ul > li:not(:first-child) > .header, .app-view h1 em, [id^=docfy-demo-preview-typography] .debug-h500, [id^=docfy-demo-preview-typography] .debug-h600 {
  font-weight: var(--token-typography-font-weight-medium);
}

.hds-font-weight-semibold, strong, .empty-state header :first-child,
.modal-dialog-body h2, .warning.modal-dialog header > *:not(label), .modal-dialog [role=document] > header > *:not(button), .informed-action header, .consul-bucket-list .service + dd, .consul-health-check-list .health-check-output header > *, .consul-intention-permission-form h2, .consul-intention-view h2, .consul-auth-method-view section h2, .consul-auth-method-view section table thead td, .consul-auth-method-binding-list h2, .consul-auth-method-nspace-list thead td, #metrics-container div:first-child, #upstream-container .topology-metrics-card p,
#downstream-container .topology-metrics-card p, #metrics-container .sparkline-wrapper .tooltip .sparkline-time, .sparkline-key h3, .consul-peer-form-generate li::after, .radio-card header,
fieldset > header,
.definition-table dt,
.consul-intention-list td.source,
.consul-intention-list td.destination,
.type-toggle > span,
.oidc-select label > span,
.app-view > div form:not(.filter-bar) [role=radiogroup] label > span,
.modal-dialog [role=document] [role=radiogroup] label > span, .consul-health-check-list .health-check-output dt,
.type-toggle label span, span.label,
.copy-button button,
.popover-select label > *,
.type-sort.popover-select label > *,
.consul-intention-action-warn-modal button.dangerous,
.topology-notices button, .app-shell__main form h2,
.modal-dialog [role=document] form h2,
.app-shell__main table caption,
.modal-dialog [role=document] table caption,
.app-shell__main table th,
.modal-dialog [role=document] table th,
.app-shell__main .type-select > span,
.modal-dialog [role=document] .type-select > span,
.app-shell__main .type-password > span,
.modal-dialog [role=document] .type-password > span,
.app-shell__main .type-text > span,
.modal-dialog [role=document] .type-text > span,
.app-shell__main table td:first-child p,
.modal-dialog [role=document] table td:first-child p,
.app-shell__main table td:first-child,
.modal-dialog [role=document] table td:first-child, html[data-route^="dc.services.instance.metadata"] .tab-section section h2, section[data-route="dc.show.serverstatus"] h2,
section[data-route="dc.show.serverstatus"] h3, section[data-route="dc.show.serverstatus"] .server-failure-tolerance dd, section[data-route="dc.show.serverstatus"] .redundancy-zones h3, section[data-route="dc.show.license"] h2, section[data-route="dc.show.license"] aside header > :first-child,
[id^=docfy-demo-preview-definition-table] .definition-table dt, [id^=docfy-demo-preview-typography] .debug-h200, [id^=docfy-demo-preview-typography] .debug-h300, [id^=docfy-demo-preview-typography] .debug-h400, .docs main > h2, .docs main > h3, .docs main > h4 {
  font-weight: var(--token-typography-font-weight-semibold);
}

.hds-font-weight-bold, .discovery-chain .route-card section dt,
.discovery-chain .route-card header:not(.short) dd,
.discovery-chain .splitter-card > header, h1, [id^=docfy-demo-preview-typography] .debug-h000,
[id^=docfy-demo-preview-typography] .debug-h100, .docs main > h1 {
  font-weight: var(--token-typography-font-weight-bold);
}

.hds-typography-display-500, h1, [id^=docfy-demo-preview-typography] .debug-h000,
[id^=docfy-demo-preview-typography] .debug-h100, .docs main > h1 {
  font-family: var(--token-typography-display-500-font-family);
  font-size: var(--token-typography-display-500-font-size);
  line-height: var(--token-typography-display-500-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-display-400, .empty-state header :first-child,
.modal-dialog-body h2, .modal-dialog [role=document] > header > *:not(button), .consul-intention-permission-form h2, .consul-intention-view h2, .consul-auth-method-view section h2, .consul-auth-method-binding-list h2, .app-shell__main form h2,
.modal-dialog [role=document] form h2, section[data-route="dc.show.license"] h2, [id^=docfy-demo-preview-typography] .debug-h200, .docs main > h2 {
  font-family: var(--token-typography-display-400-font-family);
  font-size: var(--token-typography-display-400-font-size);
  line-height: var(--token-typography-display-400-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-display-300, .warning.modal-dialog header > *:not(label), .consul-health-check-list .health-check-output header > *, #upstream-container .topology-metrics-card p,
#downstream-container .topology-metrics-card p, .sparkline-key h3, .list-collection > ul > li:not(:first-child) > .header, .consul-upstream-instance-list li > .header, .consul-exposed-path-list > ul > li > .header, .consul-lock-session-list ul > li:not(:first-child) > .header, html[data-route^="dc.services.instance.metadata"] .tab-section section h2, section[data-route="dc.show.serverstatus"] h2,
section[data-route="dc.show.serverstatus"] h3, section[data-route="dc.show.serverstatus"] .server-failure-tolerance dd, section[data-route="dc.show.serverstatus"] .redundancy-zones h3, section[data-route="dc.show.license"] aside header > :first-child, [id^=docfy-demo-preview-typography] .debug-h300, .docs main > h3 {
  font-family: var(--token-typography-display-300-font-family);
  font-size: var(--token-typography-display-300-font-size);
  line-height: var(--token-typography-display-300-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-display-200 {
  font-family: var(--token-typography-display-200-font-family);
  font-size: var(--token-typography-display-200-font-size);
  line-height: var(--token-typography-display-200-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-display-100, .informed-action header, .radio-card header,
fieldset > header,
.definition-table dt,
.consul-intention-list td.source,
.consul-intention-list td.destination,
.type-toggle > span,
.oidc-select label > span,
.app-view > div form:not(.filter-bar) [role=radiogroup] label > span,
.modal-dialog [role=document] [role=radiogroup] label > span,
.app-shell__main table caption,
.modal-dialog [role=document] table caption,
.app-shell__main table th,
.modal-dialog [role=document] table th,
.app-shell__main .type-select > span,
.modal-dialog [role=document] .type-select > span,
.app-shell__main .type-password > span,
.modal-dialog [role=document] .type-password > span,
.app-shell__main .type-text > span,
.modal-dialog [role=document] .type-text > span,
[id^=docfy-demo-preview-definition-table] .definition-table dt, [id^=docfy-demo-preview-typography] .debug-h400, [id^=docfy-demo-preview-typography] .debug-h500, [id^=docfy-demo-preview-typography] .debug-h600, .docs main > h4 {
  font-family: var(--token-typography-display-100-font-family);
  font-size: var(--token-typography-display-100-font-size);
  line-height: var(--token-typography-display-100-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-body-300, #metrics-container div:first-child, section[data-route="dc.show.license"] .validity dl {
  font-family: var(--token-typography-body-300-font-family);
  font-size: var(--token-typography-body-300-font-size);
  line-height: var(--token-typography-body-300-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-body-200, strong, .empty-state > ul > li > ::before,
.empty-state > ul > li > label > button::before,
.has-error > strong::before, .consul-external-source, .consul-kind, .consul-auth-method-view section, .consul-auth-method-view section table thead td, .consul-auth-method-nspace-list thead td, #metrics-container .sparkline-wrapper .tooltip, #metrics-container .sparkline-wrapper .tooltip .sparkline-time, .topology-metrics-status-error,
.topology-metrics-status-loader, .consul-peer-form-generate li::after, body,
.type-toggle [type=text],
.type-toggle [type=password],
.type-toggle textarea,
.oidc-select label [type=text],
.oidc-select label [type=password],
.oidc-select label textarea,
.app-view > div form:not(.filter-bar) [role=radiogroup] label [type=text],
.app-view > div form:not(.filter-bar) [role=radiogroup] label [type=password],
.app-view > div form:not(.filter-bar) [role=radiogroup] label textarea,
.modal-dialog [role=document] [role=radiogroup] label [type=text],
.modal-dialog [role=document] [role=radiogroup] label [type=password],
.modal-dialog [role=document] [role=radiogroup] label textarea, .disclosure-menu [aria-expanded] ~ * > ul > [role=treeitem], .menu-panel > ul > [role=treeitem],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=menuitem],
.menu-panel > ul > li > [role=menuitem],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=option],
.menu-panel > ul > li > [role=option], .more-popover-menu > [type=checkbox] + label + div > ul > [role=treeitem], .popover-menu > [type=checkbox] + label + div > ul > [role=treeitem],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=option],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=option], table.has-actions tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=option], table.with-details tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=option], .informed-action > ul > li > *,
.tab-nav, .consul-health-check-list .health-check-output dt,
.type-toggle label span, .app-view h1 em, .consul-health-check-list .health-check-output dl > dd,
.app-shell__main .type-select [type=text],
.modal-dialog [role=document] .type-select [type=text],
.app-shell__main .type-password [type=text],
.modal-dialog [role=document] .type-password [type=text],
.app-shell__main .type-text [type=text],
.modal-dialog [role=document] .type-text [type=text],
.app-shell__main .type-select [type=password],
.modal-dialog [role=document] .type-select [type=password],
.app-shell__main .type-password [type=password],
.modal-dialog [role=document] .type-password [type=password],
.app-shell__main .type-text [type=password],
.modal-dialog [role=document] .type-text [type=password],
.app-shell__main .type-select textarea,
.modal-dialog [role=document] .type-select textarea,
.app-shell__main .type-password textarea,
.modal-dialog [role=document] .type-password textarea,
.app-shell__main .type-text textarea,
.modal-dialog [role=document] .type-text textarea, .app-shell__main table td p,
.modal-dialog [role=document] table td p,
.app-shell__main table td,
.modal-dialog [role=document] table td,
.app-shell__main table td:first-child p,
.modal-dialog [role=document] table td:first-child p,
.app-shell__main table td:first-child,
.modal-dialog [role=document] table td:first-child,
[id^=docfy-demo-preview-inline-alert] strong.info::before, [id^=docfy-demo-preview-inline-alert] strong.success::before,
[id^=docfy-demo-preview-inline-alert] strong.warning::before,
[id^=docfy-demo-preview-inline-alert] strong.error::before, [id^=docfy-demo-preview-typography] .debug-p, [id^=docfy-demo-preview-typography] .debug-p1, .docs main > p {
  font-family: var(--token-typography-body-200-font-family);
  font-size: var(--token-typography-body-200-font-size);
  line-height: var(--token-typography-body-200-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-body-100, .auth-form em, .list-collection > ul > li:not(:first-child) .copy-button button, .disclosure-menu [aria-expanded] ~ * [role=separator], .menu-panel [role=separator], .disclosure-menu [aria-expanded] ~ * > div, .menu-panel > div, .oidc-select button.reset, .more-popover-menu > [type=checkbox] + label + div [role=separator], .popover-menu > [type=checkbox] + label + div [role=separator], .more-popover-menu > [type=checkbox] + label + div > div, .popover-menu > [type=checkbox] + label + div > div, table.has-actions tr > .actions > [type=checkbox] + label + div [role=separator], table.has-actions tr > .actions > [type=checkbox] + label + div > div, table.with-details tr > .actions > [type=checkbox] + label + div [role=separator], table.with-details tr > .actions > [type=checkbox] + label + div > div, .informed-action p, .discovery-chain .resolvers > header > *,
.discovery-chain .splitters > header > *,
.discovery-chain .routes > header > *, .consul-upstream-instance-list li .copy-button button, .consul-exposed-path-list > ul > li .copy-button button, .consul-intention-list td.permissions, .consul-intention-fieldsets .permissions > button, .consul-intention-permission-list > ul > li dd, .consul-intention-permission-header-list > ul > li dd, .consul-lock-session-list ul > li:not(:first-child) .copy-button button, .peerings-badge .peerings-badge__text, .empty-state > ul > li > *,
.empty-state > ul > li > label > button,
.type-toggle > span,
span.label,
.oidc-select label > span,
.app-view > div form:not(.filter-bar) [role=radiogroup] label > span,
.modal-dialog [role=document] [role=radiogroup] label > span,
.app-view h1 span.kind-proxy, .empty-state header :nth-child(2),
.empty-state p,
.type-toggle > em,
.oidc-select label > em,
.app-view > div form:not(.filter-bar) [role=radiogroup] label > em,
.modal-dialog [role=document] [role=radiogroup] label > em,
.has-error > strong,
.copy-button button,
.popover-select label > *,
.type-sort.popover-select label > *,
.consul-intention-action-warn-modal button.dangerous,
.topology-notices button,
.app-shell__main .type-select > span,
.modal-dialog [role=document] .type-select > span,
.app-shell__main .type-password > span,
.modal-dialog [role=document] .type-password > span,
.app-shell__main .type-text > span,
.modal-dialog [role=document] .type-text > span,
.app-shell__main p,
.modal-dialog [role=document] p,
.app-shell__main form button + em,
.modal-dialog [role=document] form button + em,
.app-shell__main .type-select > em,
.modal-dialog [role=document] .type-select > em,
.app-shell__main .type-password > em,
.modal-dialog [role=document] .type-password > em,
.app-shell__main .type-text > em,
.modal-dialog [role=document] .type-text > em, section[data-route="dc.show.serverstatus"] .server-failure-tolerance header em, section[data-route="dc.show.serverstatus"] .server-failure-tolerance dt, section[data-route="dc.show.serverstatus"] .server-failure-tolerance .optimistic-tolerance p, [id^=docfy-demo-preview-color] ul figcaption,
[id^=docfy-demo-preview-typography] ul figcaption,
[id^=docfy-demo-preview-icons] ul figcaption, [id^=docfy-demo-preview-typography] .debug-p2, [id^=docfy-demo-preview-typography] .debug-p3, html.with-href-to [href^="console://"]::before {
  font-family: var(--token-typography-body-100-font-family);
  font-size: var(--token-typography-body-100-font-size);
  line-height: var(--token-typography-body-100-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-code-100 {
  font-family: var(--token-typography-code-100-font-family);
  font-size: var(--token-typography-code-100-font-size);
  line-height: var(--token-typography-code-100-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-code-200 {
  font-family: var(--token-typography-code-200-font-family);
  font-size: var(--token-typography-code-200-font-size);
  line-height: var(--token-typography-code-200-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-code-300 {
  font-family: var(--token-typography-code-300-font-family);
  font-size: var(--token-typography-code-300-font-size);
  line-height: var(--token-typography-code-300-line-height);
  margin: 0;
  padding: 0;
}

/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Do not edit directly, this file was auto-generated.
 */
:root {
  --token-border-radius-x-small: 3px;
  --token-border-radius-small: 5px;
  --token-border-radius-medium: 6px;
  --token-border-radius-large: 8px;
  --token-color-palette-blue-500: #1c345f;
  --token-color-palette-blue-400: #0046d1;
  --token-color-palette-blue-300: #0c56e9;
  --token-color-palette-blue-200: #1060ff;
  --token-color-palette-blue-100: #cce3fe;
  --token-color-palette-blue-50: #f2f8ff;
  --token-color-palette-purple-500: #42215b;
  --token-color-palette-purple-400: #7b00db;
  --token-color-palette-purple-300: #911ced;
  --token-color-palette-purple-200: #a737ff;
  --token-color-palette-purple-100: #ead2fe;
  --token-color-palette-purple-50: #f9f2ff;
  --token-color-palette-green-500: #054220;
  --token-color-palette-green-400: #006619;
  --token-color-palette-green-300: #00781e;
  --token-color-palette-green-200: #008a22;
  --token-color-palette-green-100: #cceeda;
  --token-color-palette-green-50: #f2fbf6;
  --token-color-palette-amber-500: #542800;
  --token-color-palette-amber-400: #803d00;
  --token-color-palette-amber-300: #9e4b00;
  --token-color-palette-amber-200: #bb5a00;
  --token-color-palette-amber-100: #fbeabf;
  --token-color-palette-amber-50: #fff9e8;
  --token-color-palette-red-500: #51130a;
  --token-color-palette-red-400: #940004;
  --token-color-palette-red-300: #c00005;
  --token-color-palette-red-200: #e52228;
  --token-color-palette-red-100: #fbd4d4;
  --token-color-palette-red-50: #fff5f5;
  --token-color-palette-neutral-700: #0c0c0e;
  --token-color-palette-neutral-600: #3b3d45;
  --token-color-palette-neutral-500: #656a76;
  --token-color-palette-neutral-400: #8c909c;
  --token-color-palette-neutral-300: #c2c5cb;
  --token-color-palette-neutral-200: #dedfe3;
  --token-color-palette-neutral-100: #f1f2f3;
  --token-color-palette-neutral-50: #fafafa;
  --token-color-palette-neutral-0: #ffffff;
  --token-color-palette-alpha-300: #3b3d4566;
  --token-color-palette-alpha-200: #656a7633;
  --token-color-palette-alpha-100: #656a761a;
  --token-color-border-primary: #656a7633;
  --token-color-border-faint: #656a761a;
  --token-color-border-strong: #3b3d4566;
  --token-color-border-action: #cce3fe;
  --token-color-border-highlight: #ead2fe;
  --token-color-border-success: #cceeda;
  --token-color-border-warning: #fbeabf;
  --token-color-border-critical: #fbd4d4;
  --token-color-focus-action-internal: #0c56e9;
  --token-color-focus-action-external: #5990ff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */
  --token-color-focus-critical-internal: #c00005;
  --token-color-focus-critical-external: #dd7578; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */
  --token-color-foreground-strong: #0c0c0e;
  --token-color-foreground-primary: #3b3d45;
  --token-color-foreground-faint: #656a76;
  --token-color-foreground-high-contrast: #ffffff;
  --token-color-foreground-disabled: #8c909c;
  --token-color-foreground-action: #1060ff;
  --token-color-foreground-action-hover: #0c56e9;
  --token-color-foreground-action-active: #0046d1;
  --token-color-foreground-highlight: #a737ff;
  --token-color-foreground-highlight-on-surface: #911ced;
  --token-color-foreground-highlight-high-contrast: #42215b;
  --token-color-foreground-success: #008a22;
  --token-color-foreground-success-on-surface: #00781e;
  --token-color-foreground-success-high-contrast: #054220;
  --token-color-foreground-warning: #bb5a00;
  --token-color-foreground-warning-on-surface: #9e4b00;
  --token-color-foreground-warning-high-contrast: #542800;
  --token-color-foreground-critical: #e52228;
  --token-color-foreground-critical-on-surface: #c00005;
  --token-color-foreground-critical-high-contrast: #51130a;
  --token-color-page-primary: #ffffff;
  --token-color-page-faint: #fafafa;
  --token-color-surface-primary: #ffffff;
  --token-color-surface-faint: #fafafa;
  --token-color-surface-strong: #f1f2f3;
  --token-color-surface-interactive: #ffffff;
  --token-color-surface-interactive-hover: #f1f2f3;
  --token-color-surface-interactive-active: #dedfe3;
  --token-color-surface-interactive-disabled: #fafafa;
  --token-color-surface-action: #f2f8ff;
  --token-color-surface-highlight: #f9f2ff;
  --token-color-surface-success: #f2fbf6;
  --token-color-surface-warning: #fff9e8;
  --token-color-surface-critical: #fff5f5;
  --token-color-hashicorp-brand: #000000;
  --token-color-boundary-brand: #f24c53;
  --token-color-boundary-foreground: #cf2d32;
  --token-color-boundary-surface: #ffecec;
  --token-color-boundary-border: #fbd7d8;
  --token-color-boundary-gradient-primary-start: #f97076;
  --token-color-boundary-gradient-primary-stop: #db363b;
  --token-color-boundary-gradient-faint-start: #fffafa; /** this is the 'boundary-50' value at 25% opacity on white */
  --token-color-boundary-gradient-faint-stop: #ffecec;
  --token-color-consul-brand: #e03875;
  --token-color-consul-foreground: #d01c5b;
  --token-color-consul-surface: #ffe9f1;
  --token-color-consul-border: #ffcede;
  --token-color-consul-gradient-primary-start: #ff99be;
  --token-color-consul-gradient-primary-stop: #da306e;
  --token-color-consul-gradient-faint-start: #fff9fb; /** this is the 'consul-50' value at 25% opacity on white */
  --token-color-consul-gradient-faint-stop: #ffe9f1;
  --token-color-hcp-brand: #000000;
  --token-color-nomad-brand: #06d092;
  --token-color-nomad-foreground: #008661;
  --token-color-nomad-surface: #d3fdeb;
  --token-color-nomad-border: #bff3dd;
  --token-color-nomad-gradient-primary-start: #bff3dd;
  --token-color-nomad-gradient-primary-stop: #60dea9;
  --token-color-nomad-gradient-faint-start: #f3fff9; /** this is the 'nomad-50' value at 25% opacity on white */
  --token-color-nomad-gradient-faint-stop: #d3fdeb;
  --token-color-packer-brand: #02a8ef;
  --token-color-packer-foreground: #007eb4;
  --token-color-packer-surface: #d4f2ff;
  --token-color-packer-border: #b4e4ff;
  --token-color-packer-gradient-primary-start: #b4e4ff;
  --token-color-packer-gradient-primary-stop: #63d0ff;
  --token-color-packer-gradient-faint-start: #f3fcff; /** this is the 'packer-50' value at 25% opacity on white */
  --token-color-packer-gradient-faint-stop: #d4f2ff;
  --token-color-terraform-brand: #7b42bc;
  --token-color-terraform-brand-on-dark: #a067da; /** this is an alternative brand color meant to be used on dark backgrounds */
  --token-color-terraform-foreground: #773cb4;
  --token-color-terraform-surface: #f4ecff;
  --token-color-terraform-border: #ebdbfc;
  --token-color-terraform-gradient-primary-start: #bb8deb;
  --token-color-terraform-gradient-primary-stop: #844fba;
  --token-color-terraform-gradient-faint-start: #fcfaff; /** this is the 'terraform-50' value at 25% opacity on white */
  --token-color-terraform-gradient-faint-stop: #f4ecff;
  --token-color-vagrant-brand: #1868f2;
  --token-color-vagrant-foreground: #1c61d8;
  --token-color-vagrant-surface: #d6ebff;
  --token-color-vagrant-border: #c7dbfc;
  --token-color-vagrant-gradient-primary-start: #639cff;
  --token-color-vagrant-gradient-primary-stop: #2e71e5;
  --token-color-vagrant-gradient-faint-start: #f4faff; /** this is the 'vagrant-50' value at 25% opacity on white */
  --token-color-vagrant-gradient-faint-stop: #d6ebff;
  --token-color-vault-radar-brand: #ffcf25;
  --token-color-vault-radar-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work */
  --token-color-vault-radar-foreground: #9a6f00;
  --token-color-vault-radar-surface: #fff9cf;
  --token-color-vault-radar-border: #feec7b;
  --token-color-vault-radar-gradient-primary-start: #feec7b;
  --token-color-vault-radar-gradient-primary-stop: #ffe543;
  --token-color-vault-radar-gradient-faint-start: #fffdf2; /** this is the 'vault-radar-50' value at 25% opacity on white */
  --token-color-vault-radar-gradient-faint-stop: #fff9cf;
  --token-color-vault-secrets-brand: #ffcf25;
  --token-color-vault-secrets-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work */
  --token-color-vault-secrets-foreground: #9a6f00;
  --token-color-vault-secrets-surface: #fff9cf;
  --token-color-vault-secrets-border: #feec7b;
  --token-color-vault-secrets-gradient-primary-start: #feec7b;
  --token-color-vault-secrets-gradient-primary-stop: #ffe543;
  --token-color-vault-secrets-gradient-faint-start: #fffdf2; /** this is the 'vault-secrets-50' value at 25% opacity on white */
  --token-color-vault-secrets-gradient-faint-stop: #fff9cf;
  --token-color-vault-brand: #ffcf25;
  --token-color-vault-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work */
  --token-color-vault-foreground: #9a6f00;
  --token-color-vault-surface: #fff9cf;
  --token-color-vault-border: #feec7b;
  --token-color-vault-gradient-primary-start: #feec7b;
  --token-color-vault-gradient-primary-stop: #ffe543;
  --token-color-vault-gradient-faint-start: #fffdf2; /** this is the 'vault-50' value at 25% opacity on white */
  --token-color-vault-gradient-faint-stop: #fff9cf;
  --token-color-waypoint-brand: #14c6cb;
  --token-color-waypoint-foreground: #008196;
  --token-color-waypoint-surface: #e0fcff;
  --token-color-waypoint-border: #cbf1f3;
  --token-color-waypoint-gradient-primary-start: #cbf1f3;
  --token-color-waypoint-gradient-primary-stop: #62d4dc;
  --token-color-waypoint-gradient-faint-start: #f6feff; /** this is the 'waypoint-50' value at 25% opacity on white */
  --token-color-waypoint-gradient-faint-stop: #e0fcff;
  --token-elevation-inset-box-shadow: inset 0px 1px 2px 1px #656a761a;
  --token-elevation-low-box-shadow: 0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d;
  --token-elevation-mid-box-shadow: 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633;
  --token-elevation-high-box-shadow: 0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633;
  --token-elevation-higher-box-shadow: 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640;
  --token-elevation-overlay-box-shadow: 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559;
  --token-surface-inset-box-shadow: inset 0 0 0 1px #656a764d, inset 0px 1px 2px 1px #656a761a;
  --token-surface-base-box-shadow: 0 0 0 1px #656a7633;
  --token-surface-low-box-shadow: 0 0 0 1px #656a7626, 0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d;
  --token-surface-mid-box-shadow: 0 0 0 1px #656a7626, 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633;
  --token-surface-high-box-shadow: 0 0 0 1px #656a7640, 0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633;
  --token-surface-higher-box-shadow: 0 0 0 1px #656a7633, 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640;
  --token-surface-overlay-box-shadow: 0 0 0 1px #3b3d4540, 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559;
  --token-focus-ring-action-box-shadow: inset 0 0 0 1px #0c56e9, 0 0 0 3px #5990ff;
  --token-focus-ring-critical-box-shadow: inset 0 0 0 1px #c00005, 0 0 0 3px #dd7578;
  --token-app-header-height: 60px;
  --token-app-header-home-link-size: 36px;
  --token-app-header-logo-size: 28px;
  --token-app-side-nav-wrapper-border-width: 1px;
  --token-app-side-nav-wrapper-border-color: var(--token-color-palette-neutral-200);
  --token-app-side-nav-wrapper-padding-horizontal: 16px;
  --token-app-side-nav-wrapper-padding-vertical: 16px;
  --token-app-side-nav-wrapper-padding-horizontal-minimized: 8px;
  --token-app-side-nav-wrapper-padding-vertical-minimized: 22px;
  --token-app-side-nav-toggle-button-border-radius: 5px;
  --token-app-side-nav-header-home-link-padding: 4px;
  --token-app-side-nav-header-home-link-logo-size: 48px;
  --token-app-side-nav-header-home-link-logo-size-minimized: 32px;
  --token-app-side-nav-header-actions-spacing: 8px;
  --token-app-side-nav-body-list-margin-vertical: 24px;
  --token-app-side-nav-body-list-item-height: 36px;
  --token-app-side-nav-body-list-item-padding-horizontal: 8px;
  --token-app-side-nav-body-list-item-padding-vertical: 4px;
  --token-app-side-nav-body-list-item-spacing-vertical: 2px;
  --token-app-side-nav-body-list-item-content-spacing-horizontal: 8px;
  --token-app-side-nav-body-list-item-border-radius: 5px;
  --token-app-side-nav-color-foreground-primary: var(--token-color-foreground-primary);
  --token-app-side-nav-color-foreground-strong: var(--token-color-foreground-primary);
  --token-app-side-nav-color-foreground-faint: var(--token-color-foreground-faint);
  --token-app-side-nav-color-surface-primary: var(--token-color-surface-faint);
  --token-app-side-nav-color-surface-interactive-hover: var(--token-color-surface-interactive-hover);
  --token-app-side-nav-color-surface-interactive-active: var(--token-color-palette-neutral-300);
  --token-form-label-color: #0c0c0e;
  --token-form-legend-color: #0c0c0e;
  --token-form-helper-text-color: #656a76;
  --token-form-indicator-optional-color: #656a76;
  --token-form-error-color: #c00005;
  --token-form-error-icon-size: 14px;
  --token-form-checkbox-size: 16px;
  --token-form-checkbox-border-radius: 3px;
  --token-form-checkbox-border-width: 1px;
  --token-form-checkbox-background-image-size: 12px;
  --token-form-checkbox-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */
  --token-form-checkbox-background-image-data-url-indeterminate: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'dash' color is hardcoded here! */
  --token-form-checkbox-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */
  --token-form-checkbox-background-image-data-url-indeterminate-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'dash' color is hardcoded here! */
  --token-form-control-base-foreground-value-color: #0c0c0e;
  --token-form-control-base-foreground-placeholder-color: #656a76;
  --token-form-control-base-surface-color-default: #ffffff;
  --token-form-control-base-surface-color-hover: #f1f2f3;
  --token-form-control-base-border-color-default: #8c909c;
  --token-form-control-base-border-color-hover: #656a76;
  --token-form-control-checked-foreground-color: #ffffff;
  --token-form-control-checked-surface-color-default: #1060ff;
  --token-form-control-checked-surface-color-hover: #0c56e9;
  --token-form-control-checked-border-color-default: #0c56e9;
  --token-form-control-checked-border-color-hover: #0046d1;
  --token-form-control-invalid-border-color-default: #c00005;
  --token-form-control-invalid-border-color-hover: #940004;
  --token-form-control-readonly-foreground-color: #3b3d45;
  --token-form-control-readonly-surface-color: #f1f2f3;
  --token-form-control-readonly-border-color: #656a761a;
  --token-form-control-disabled-foreground-color: #8c909c;
  --token-form-control-disabled-surface-color: #fafafa;
  --token-form-control-disabled-border-color: #656a7633;
  --token-form-control-padding: 7px; /** Notice: we have to take in account the border, so it's 1px less than in Figma. */
  --token-form-control-border-radius: 5px;
  --token-form-control-border-width: 1px;
  --token-form-radio-size: 16px;
  --token-form-radio-border-width: 1px;
  --token-form-radio-background-image-size: 12px;
  --token-form-radio-background-image-data-url: url("data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e"); /** notice: the 'dot' color is hardcoded here! */
  --token-form-radio-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'dot' color is hardcoded here! */
  --token-form-radiocard-group-gap: 16px;
  --token-form-radiocard-border-width: 1px;
  --token-form-radiocard-border-radius: 6px;
  --token-form-radiocard-content-padding: 24px;
  --token-form-radiocard-control-padding: 8px;
  --token-form-radiocard-transition-duration: 0.2s;
  --token-form-select-background-image-size: 16px;
  --token-form-select-background-image-position-right-x: 7px;
  --token-form-select-background-image-position-top-y: 9px;
  --token-form-select-background-image-data-url: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E"); /** notice: the 'caret' color is hardcoded here! */
  --token-form-select-background-image-data-url-disabled: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E"); /** notice: the 'caret' color is hardcoded here! */
  --token-form-text-input-background-image-size: 16px;
  --token-form-text-input-background-image-position-x: 7px;
  --token-form-text-input-background-image-data-url-date: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */
  --token-form-text-input-background-image-data-url-time: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */
  --token-form-text-input-background-image-data-url-search: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */
  --token-form-text-input-background-image-data-url-search-cancel: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */
  --token-form-text-input-background-image-data-url-search-loading: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color and animation are hardcoded here! */
  --token-form-toggle-width: 32px;
  --token-form-toggle-height: 16px;
  --token-form-toggle-base-surface-color-default: #f1f2f3; /** the toggle has a different base surface color, compared to the other controls */
  --token-form-toggle-border-radius: 3px;
  --token-form-toggle-border-width: 1px;
  --token-form-toggle-background-image-size: 12px;
  --token-form-toggle-background-image-position-x: 2px;
  --token-form-toggle-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */
  --token-form-toggle-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */
  --token-form-toggle-transition-duration: 0.2s;
  --token-form-toggle-transition-timing-function: cubic-bezier(0.68, -0.2, 0.265, 1.15);
  --token-form-toggle-thumb-size: 16px;
  --token-pagination-nav-control-height: 36px;
  --token-pagination-nav-control-padding-horizontal: 12px;
  --token-pagination-nav-control-focus-inset: 4px;
  --token-pagination-nav-control-icon-spacing: 6px;
  --token-pagination-nav-indicator-height: 2px;
  --token-pagination-nav-indicator-spacing: 6px;
  --token-pagination-child-spacing-vertical: 8px;
  --token-pagination-child-spacing-horizontal: 20px;
  --token-tabs-tab-height-medium: 36px;
  --token-tabs-tab-height-large: 48px;
  --token-tabs-tab-padding-horizontal-medium: 12px;
  --token-tabs-tab-padding-horizontal-large: 20px;
  --token-tabs-tab-padding-vertical: 0px;
  --token-tabs-tab-border-radius: 5px;
  --token-tabs-tab-focus-inset: 6px;
  --token-tabs-tab-gutter: 6px;
  --token-tabs-indicator-height: 3px;
  --token-tabs-indicator-transition-function: cubic-bezier(0.5, 1, 0.89, 1);
  --token-tabs-indicator-transition-duration: 0.6s;
  --token-tabs-divider-height: 1px;
  --token-tooltip-border-radius: 5px;
  --token-tooltip-color-foreground-primary: var(--token-color-foreground-high-contrast);
  --token-tooltip-color-surface-primary: var(--token-color-palette-neutral-700);
  --token-tooltip-focus-offset: -2px;
  --token-tooltip-max-width: 280px;
  --token-tooltip-padding-horizontal: 12px;
  --token-tooltip-padding-vertical: 8px;
  --token-tooltip-transition-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
  --token-typography-font-stack-display: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --token-typography-font-stack-text: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --token-typography-font-stack-code: ui-monospace, Menlo, Consolas, monospace;
  --token-typography-font-weight-regular: 400;
  --token-typography-font-weight-medium: 500;
  --token-typography-font-weight-semibold: 600;
  --token-typography-font-weight-bold: 700;
  --token-typography-display-500-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --token-typography-display-500-font-size: 1.875rem; /** 30px/1.875rem */
  --token-typography-display-500-line-height: 1.2666; /** 38px */
  --token-typography-display-400-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --token-typography-display-400-font-size: 1.5rem; /** 24px/1.5rem */
  --token-typography-display-400-line-height: 1.3333; /** 32px */
  --token-typography-display-300-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --token-typography-display-300-font-size: 1.125rem; /** 18px/1.125rem */
  --token-typography-display-300-line-height: 1.3333; /** 24px */
  --token-typography-display-300-letter-spacing: -0.5px; /** this is `tracking` */
  --token-typography-display-200-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --token-typography-display-200-font-size: 1rem; /** 16px/1rem */
  --token-typography-display-200-line-height: 1.5; /** 24px */
  --token-typography-display-200-letter-spacing: -0.5px; /** this is `tracking` */
  --token-typography-display-100-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --token-typography-display-100-font-size: 0.8125rem; /** 13px/0.8125rem */
  --token-typography-display-100-line-height: 1.3846; /** 18px */
  --token-typography-body-300-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --token-typography-body-300-font-size: 1rem; /** 16px/1rem */
  --token-typography-body-300-line-height: 1.5; /** 24px */
  --token-typography-body-200-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */
  --token-typography-body-200-line-height: 1.4286; /** 20px */
  --token-typography-body-100-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --token-typography-body-100-font-size: 0.8125rem; /** 13px/0.8125rem */
  --token-typography-body-100-line-height: 1.3846; /** 18px */
  --token-typography-code-100-font-family: ui-monospace, Menlo, Consolas, monospace;
  --token-typography-code-100-font-size: 0.8125rem; /** 13px/0.8125rem */
  --token-typography-code-100-line-height: 1.23; /** 16px */
  --token-typography-code-200-font-family: ui-monospace, Menlo, Consolas, monospace;
  --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */
  --token-typography-code-200-line-height: 1.125; /** 18px */
  --token-typography-code-300-font-family: ui-monospace, Menlo, Consolas, monospace;
  --token-typography-code-300-font-size: 1rem; /** 16px/1rem */
  --token-typography-code-300-line-height: 1.25; /** 20px */
}

/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Do not edit directly, this file was auto-generated.
 */
.hds-border-primary {
  border: 1px solid var(--token-color-border-primary);
}

.hds-border-faint {
  border: 1px solid var(--token-color-border-faint);
}

.hds-border-strong {
  border: 1px solid var(--token-color-border-strong);
}

.hds-border-action {
  border: 1px solid var(--token-color-border-action);
}

.hds-border-highlight {
  border: 1px solid var(--token-color-border-highlight);
}

.hds-border-success {
  border: 1px solid var(--token-color-border-success);
}

.hds-border-warning {
  border: 1px solid var(--token-color-border-warning);
}

.hds-border-critical {
  border: 1px solid var(--token-color-border-critical);
}

.hds-foreground-strong {
  color: var(--token-color-foreground-strong);
}

.hds-foreground-primary {
  color: var(--token-color-foreground-primary);
}

.hds-foreground-faint {
  color: var(--token-color-foreground-faint);
}

.hds-foreground-high-contrast {
  color: var(--token-color-foreground-high-contrast);
}

.hds-foreground-disabled {
  color: var(--token-color-foreground-disabled);
}

.hds-foreground-action {
  color: var(--token-color-foreground-action);
}

.hds-foreground-action-hover {
  color: var(--token-color-foreground-action-hover);
}

.hds-foreground-action-active {
  color: var(--token-color-foreground-action-active);
}

.hds-foreground-highlight {
  color: var(--token-color-foreground-highlight);
}

.hds-foreground-highlight-on-surface {
  color: var(--token-color-foreground-highlight-on-surface);
}

.hds-foreground-highlight-high-contrast {
  color: var(--token-color-foreground-highlight-high-contrast);
}

.hds-foreground-success {
  color: var(--token-color-foreground-success);
}

.hds-foreground-success-on-surface {
  color: var(--token-color-foreground-success-on-surface);
}

.hds-foreground-success-high-contrast {
  color: var(--token-color-foreground-success-high-contrast);
}

.hds-foreground-warning {
  color: var(--token-color-foreground-warning);
}

.hds-foreground-warning-on-surface {
  color: var(--token-color-foreground-warning-on-surface);
}

.hds-foreground-warning-high-contrast {
  color: var(--token-color-foreground-warning-high-contrast);
}

.hds-foreground-critical {
  color: var(--token-color-foreground-critical);
}

.hds-foreground-critical-on-surface {
  color: var(--token-color-foreground-critical-on-surface);
}

.hds-foreground-critical-high-contrast {
  color: var(--token-color-foreground-critical-high-contrast);
}

.hds-page-primary {
  background-color: var(--token-color-page-primary);
}

.hds-page-faint {
  background-color: var(--token-color-page-faint);
}

.hds-surface-primary {
  background-color: var(--token-color-surface-primary);
}

.hds-surface-faint {
  background-color: var(--token-color-surface-faint);
}

.hds-surface-strong {
  background-color: var(--token-color-surface-strong);
}

.hds-surface-interactive {
  background-color: var(--token-color-surface-interactive);
}

.hds-surface-interactive-hover {
  background-color: var(--token-color-surface-interactive-hover);
}

.hds-surface-interactive-active {
  background-color: var(--token-color-surface-interactive-active);
}

.hds-surface-interactive-disabled {
  background-color: var(--token-color-surface-interactive-disabled);
}

.hds-surface-action {
  background-color: var(--token-color-surface-action);
}

.hds-surface-highlight {
  background-color: var(--token-color-surface-highlight);
}

.hds-surface-success {
  background-color: var(--token-color-surface-success);
}

.hds-surface-warning {
  background-color: var(--token-color-surface-warning);
}

.hds-surface-critical {
  background-color: var(--token-color-surface-critical);
}

/**
 * Do not edit directly, this file was auto-generated.
 */
.hds-elevation-inset {
  box-shadow: var(--token-elevation-inset-box-shadow);
}

.hds-elevation-low {
  box-shadow: var(--token-elevation-low-box-shadow);
}

.hds-elevation-mid {
  box-shadow: var(--token-elevation-mid-box-shadow);
}

.hds-elevation-high {
  box-shadow: var(--token-elevation-high-box-shadow);
}

.hds-elevation-higher {
  box-shadow: var(--token-elevation-higher-box-shadow);
}

.hds-elevation-overlay {
  box-shadow: var(--token-elevation-overlay-box-shadow);
}

.hds-surface-inset {
  box-shadow: var(--token-surface-inset-box-shadow);
}

.hds-surface-base {
  box-shadow: var(--token-surface-base-box-shadow);
}

.hds-surface-low {
  box-shadow: var(--token-surface-low-box-shadow);
}

.hds-surface-mid {
  box-shadow: var(--token-surface-mid-box-shadow);
}

.hds-surface-high {
  box-shadow: var(--token-surface-high-box-shadow);
}

.hds-surface-higher {
  box-shadow: var(--token-surface-higher-box-shadow);
}

.hds-surface-overlay {
  box-shadow: var(--token-surface-overlay-box-shadow);
}

/**
 * Do not edit directly, this file was auto-generated.
 */
.hds-focus-ring-action-box-shadow {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-focus-ring-critical-box-shadow {
  box-shadow: var(--token-focus-ring-critical-box-shadow);
}

/**
 * Do not edit directly, this file was auto-generated.
 */
.hds-font-family-sans-display {
  font-family: var(--token-typography-font-stack-display);
}

.hds-font-family-sans-text {
  font-family: var(--token-typography-font-stack-text);
}

.hds-font-family-mono-code {
  font-family: var(--token-typography-font-stack-code);
}

.hds-font-weight-regular, .auth-form em, .empty-state > ul > li > ::before,
.empty-state > ul > li > label > button::before,
.has-error > strong::before, .disclosure-menu [aria-expanded] ~ * > div, .menu-panel > div, .oidc-select button.reset, .more-popover-menu > [type=checkbox] + label + div > div, .popover-menu > [type=checkbox] + label + div > div, table.has-actions tr > .actions > [type=checkbox] + label + div > div, table.with-details tr > .actions > [type=checkbox] + label + div > div, .informed-action p, .discovery-chain .resolvers > header > *,
.discovery-chain .splitters > header > *,
.discovery-chain .routes > header > *, .consul-external-source, .consul-kind, .consul-intention-list td.permissions, .consul-intention-fieldsets .permissions > button, .consul-intention-permission-list > ul > li dd, .consul-intention-permission-header-list > ul > li dd, .consul-auth-method-view section, #metrics-container .sparkline-wrapper .tooltip, .topology-metrics-status-error,
.topology-metrics-status-loader, body,
.type-toggle [type=text],
.type-toggle [type=password],
.type-toggle textarea,
.oidc-select label [type=text],
.oidc-select label [type=password],
.oidc-select label textarea,
.app-view > div form:not(.filter-bar) [role=radiogroup] label [type=text],
.app-view > div form:not(.filter-bar) [role=radiogroup] label [type=password],
.app-view > div form:not(.filter-bar) [role=radiogroup] label textarea,
.modal-dialog [role=document] [role=radiogroup] label [type=text],
.modal-dialog [role=document] [role=radiogroup] label [type=password],
.modal-dialog [role=document] [role=radiogroup] label textarea, .empty-state > ul > li > *,
.empty-state > ul > li > label > button,
.type-toggle > span,
span.label,
.oidc-select label > span,
.app-view > div form:not(.filter-bar) [role=radiogroup] label > span,
.modal-dialog [role=document] [role=radiogroup] label > span,
.app-view h1 span.kind-proxy, .empty-state header :nth-child(2),
.empty-state p,
.type-toggle > em,
.oidc-select label > em,
.app-view > div form:not(.filter-bar) [role=radiogroup] label > em,
.modal-dialog [role=document] [role=radiogroup] label > em,
.has-error > strong,
.leader,
.topology-metrics-source-type,
.consul-transparent-proxy,
.search-bar-status li:not(.remove-all),
.consul-intention-search-bar li button span,
.consul-peer-search-bar li button span,
.type-toggle > strong,
.oidc-select label > strong,
.app-view > div form:not(.filter-bar) [role=radiogroup] label > strong,
.modal-dialog [role=document] [role=radiogroup] label > strong,
.consul-intention-list td.source em,
.consul-intention-list td.destination em,
.discovery-chain .route-card header dt, .consul-health-check-list .health-check-output dl > dd,
.app-shell__main .type-select [type=text],
.modal-dialog [role=document] .type-select [type=text],
.app-shell__main .type-password [type=text],
.modal-dialog [role=document] .type-password [type=text],
.app-shell__main .type-text [type=text],
.modal-dialog [role=document] .type-text [type=text],
.app-shell__main .type-select [type=password],
.modal-dialog [role=document] .type-select [type=password],
.app-shell__main .type-password [type=password],
.modal-dialog [role=document] .type-password [type=password],
.app-shell__main .type-text [type=password],
.modal-dialog [role=document] .type-text [type=password],
.app-shell__main .type-select textarea,
.modal-dialog [role=document] .type-select textarea,
.app-shell__main .type-password textarea,
.modal-dialog [role=document] .type-password textarea,
.app-shell__main .type-text textarea,
.modal-dialog [role=document] .type-text textarea, .app-shell__main table td p,
.modal-dialog [role=document] table td p,
.app-shell__main table td,
.modal-dialog [role=document] table td,
.app-shell__main .type-select > span,
.modal-dialog [role=document] .type-select > span,
.app-shell__main .type-password > span,
.modal-dialog [role=document] .type-password > span,
.app-shell__main .type-text > span,
.modal-dialog [role=document] .type-text > span,
.app-shell__main p,
.modal-dialog [role=document] p,
.app-shell__main form button + em,
.modal-dialog [role=document] form button + em,
.app-shell__main .type-select > em,
.modal-dialog [role=document] .type-select > em,
.app-shell__main .type-password > em,
.modal-dialog [role=document] .type-password > em,
.app-shell__main .type-text > em,
.modal-dialog [role=document] .type-text > em,
.app-shell__main label a[rel*=help],
.modal-dialog [role=document] label a[rel*=help],
.app-shell__main .type-select > strong,
.modal-dialog [role=document] .type-select > strong,
.app-shell__main .type-password > strong,
.modal-dialog [role=document] .type-password > strong,
.app-shell__main .type-text > strong,
.modal-dialog [role=document] .type-text > strong,
.app-shell__main table th em,
.modal-dialog [role=document] table th em,
html[data-route^="dc.acls.index"] main td strong,
section[data-route="dc.show.serverstatus"] .server-failure-tolerance header em, section[data-route="dc.show.serverstatus"] .server-failure-tolerance dt, section[data-route="dc.show.serverstatus"] .server-failure-tolerance .optimistic-tolerance p,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl, section[data-route="dc.show.license"] .validity dl,
#docfy-demo-preview-badge dt.service-identity,
#docfy-demo-preview-badge dt.service-identity + dd,
#docfy-demo-preview-badge dt.kind-terminating-gateway,
#docfy-demo-preview-badge dt.kind-terminating-gateway + dd,
#docfy-demo-preview-badge dl.service-identity dt,
#docfy-demo-preview-badge dl.service-identity dt + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dd,
[id^=docfy-demo-preview-inline-alert] strong.info::before, [id^=docfy-demo-preview-inline-alert] strong.success::before,
[id^=docfy-demo-preview-inline-alert] strong.warning::before,
[id^=docfy-demo-preview-inline-alert] strong.error::before, [id^=docfy-demo-preview-color] ul figcaption,
[id^=docfy-demo-preview-typography] ul figcaption,
[id^=docfy-demo-preview-icons] ul figcaption, [id^=docfy-demo-preview-typography] .debug-p, [id^=docfy-demo-preview-typography] .debug-p1, [id^=docfy-demo-preview-typography] .debug-p2, [id^=docfy-demo-preview-typography] .debug-p3, html.with-href-to [href^="console://"]::before, .docs main > p {
  font-weight: var(--token-typography-font-weight-regular);
}

.hds-font-weight-medium, .list-collection > ul > li:not(:first-child) .copy-button button, .disclosure-menu [aria-expanded] ~ * [role=separator], .menu-panel [role=separator], .more-popover-menu > [type=checkbox] + label + div [role=separator], .popover-menu > [type=checkbox] + label + div [role=separator], table.has-actions tr > .actions > [type=checkbox] + label + div [role=separator], table.with-details tr > .actions > [type=checkbox] + label + div [role=separator], .consul-upstream-instance-list li .copy-button button, .consul-exposed-path-list > ul > li .copy-button button, .consul-lock-session-list ul > li:not(:first-child) .copy-button button, .consul-peer-search-bar .value-pending span,
.consul-peer-search-bar .value-establishing span,
.consul-peer-search-bar .value-active span,
.consul-peer-search-bar .value-failing span,
.consul-peer-search-bar .value-terminated span,
.consul-peer-search-bar .value-deleting span, .peerings-badge .peerings-badge__text, .disclosure-menu [aria-expanded] ~ * > ul > [role=treeitem], .menu-panel > ul > [role=treeitem],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=menuitem],
.menu-panel > ul > li > [role=menuitem],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=option],
.menu-panel > ul > li > [role=option], .more-popover-menu > [type=checkbox] + label + div > ul > [role=treeitem], .popover-menu > [type=checkbox] + label + div > ul > [role=treeitem],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=option],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=option], table.has-actions tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=option], table.with-details tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=option], .informed-action > ul > li > *,
.tab-nav, .list-collection > ul > li:not(:first-child) > .header, .consul-upstream-instance-list li > .header, .consul-exposed-path-list > ul > li > .header, .consul-lock-session-list ul > li:not(:first-child) > .header, .app-view h1 em, [id^=docfy-demo-preview-typography] .debug-h500, [id^=docfy-demo-preview-typography] .debug-h600 {
  font-weight: var(--token-typography-font-weight-medium);
}

.hds-font-weight-semibold, strong, .empty-state header :first-child,
.modal-dialog-body h2, .warning.modal-dialog header > *:not(label), .modal-dialog [role=document] > header > *:not(button), .informed-action header, .consul-bucket-list .service + dd, .consul-health-check-list .health-check-output header > *, .consul-intention-permission-form h2, .consul-intention-view h2, .consul-auth-method-view section h2, .consul-auth-method-view section table thead td, .consul-auth-method-binding-list h2, .consul-auth-method-nspace-list thead td, #metrics-container div:first-child, #upstream-container .topology-metrics-card p,
#downstream-container .topology-metrics-card p, #metrics-container .sparkline-wrapper .tooltip .sparkline-time, .sparkline-key h3, .consul-peer-form-generate li::after, .radio-card header,
fieldset > header,
.definition-table dt,
.consul-intention-list td.source,
.consul-intention-list td.destination,
.type-toggle > span,
.oidc-select label > span,
.app-view > div form:not(.filter-bar) [role=radiogroup] label > span,
.modal-dialog [role=document] [role=radiogroup] label > span, .consul-health-check-list .health-check-output dt,
.type-toggle label span, span.label,
.copy-button button,
.popover-select label > *,
.type-sort.popover-select label > *,
.consul-intention-action-warn-modal button.dangerous,
.topology-notices button, .app-shell__main form h2,
.modal-dialog [role=document] form h2,
.app-shell__main table caption,
.modal-dialog [role=document] table caption,
.app-shell__main table th,
.modal-dialog [role=document] table th,
.app-shell__main .type-select > span,
.modal-dialog [role=document] .type-select > span,
.app-shell__main .type-password > span,
.modal-dialog [role=document] .type-password > span,
.app-shell__main .type-text > span,
.modal-dialog [role=document] .type-text > span,
.app-shell__main table td:first-child p,
.modal-dialog [role=document] table td:first-child p,
.app-shell__main table td:first-child,
.modal-dialog [role=document] table td:first-child, html[data-route^="dc.services.instance.metadata"] .tab-section section h2, section[data-route="dc.show.serverstatus"] h2,
section[data-route="dc.show.serverstatus"] h3, section[data-route="dc.show.serverstatus"] .server-failure-tolerance dd, section[data-route="dc.show.serverstatus"] .redundancy-zones h3, section[data-route="dc.show.license"] h2, section[data-route="dc.show.license"] aside header > :first-child,
[id^=docfy-demo-preview-definition-table] .definition-table dt, [id^=docfy-demo-preview-typography] .debug-h200, [id^=docfy-demo-preview-typography] .debug-h300, [id^=docfy-demo-preview-typography] .debug-h400, .docs main > h2, .docs main > h3, .docs main > h4 {
  font-weight: var(--token-typography-font-weight-semibold);
}

.hds-font-weight-bold, .discovery-chain .route-card section dt,
.discovery-chain .route-card header:not(.short) dd,
.discovery-chain .splitter-card > header, h1, [id^=docfy-demo-preview-typography] .debug-h000,
[id^=docfy-demo-preview-typography] .debug-h100, .docs main > h1 {
  font-weight: var(--token-typography-font-weight-bold);
}

.hds-typography-display-500, h1, [id^=docfy-demo-preview-typography] .debug-h000,
[id^=docfy-demo-preview-typography] .debug-h100, .docs main > h1 {
  font-family: var(--token-typography-display-500-font-family);
  font-size: var(--token-typography-display-500-font-size);
  line-height: var(--token-typography-display-500-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-display-400, .empty-state header :first-child,
.modal-dialog-body h2, .modal-dialog [role=document] > header > *:not(button), .consul-intention-permission-form h2, .consul-intention-view h2, .consul-auth-method-view section h2, .consul-auth-method-binding-list h2, .app-shell__main form h2,
.modal-dialog [role=document] form h2, section[data-route="dc.show.license"] h2, [id^=docfy-demo-preview-typography] .debug-h200, .docs main > h2 {
  font-family: var(--token-typography-display-400-font-family);
  font-size: var(--token-typography-display-400-font-size);
  line-height: var(--token-typography-display-400-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-display-300, .warning.modal-dialog header > *:not(label), .consul-health-check-list .health-check-output header > *, #upstream-container .topology-metrics-card p,
#downstream-container .topology-metrics-card p, .sparkline-key h3, .list-collection > ul > li:not(:first-child) > .header, .consul-upstream-instance-list li > .header, .consul-exposed-path-list > ul > li > .header, .consul-lock-session-list ul > li:not(:first-child) > .header, html[data-route^="dc.services.instance.metadata"] .tab-section section h2, section[data-route="dc.show.serverstatus"] h2,
section[data-route="dc.show.serverstatus"] h3, section[data-route="dc.show.serverstatus"] .server-failure-tolerance dd, section[data-route="dc.show.serverstatus"] .redundancy-zones h3, section[data-route="dc.show.license"] aside header > :first-child, [id^=docfy-demo-preview-typography] .debug-h300, .docs main > h3 {
  font-family: var(--token-typography-display-300-font-family);
  font-size: var(--token-typography-display-300-font-size);
  line-height: var(--token-typography-display-300-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-display-200 {
  font-family: var(--token-typography-display-200-font-family);
  font-size: var(--token-typography-display-200-font-size);
  line-height: var(--token-typography-display-200-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-display-100, .informed-action header, .radio-card header,
fieldset > header,
.definition-table dt,
.consul-intention-list td.source,
.consul-intention-list td.destination,
.type-toggle > span,
.oidc-select label > span,
.app-view > div form:not(.filter-bar) [role=radiogroup] label > span,
.modal-dialog [role=document] [role=radiogroup] label > span,
.app-shell__main table caption,
.modal-dialog [role=document] table caption,
.app-shell__main table th,
.modal-dialog [role=document] table th,
.app-shell__main .type-select > span,
.modal-dialog [role=document] .type-select > span,
.app-shell__main .type-password > span,
.modal-dialog [role=document] .type-password > span,
.app-shell__main .type-text > span,
.modal-dialog [role=document] .type-text > span,
[id^=docfy-demo-preview-definition-table] .definition-table dt, [id^=docfy-demo-preview-typography] .debug-h400, [id^=docfy-demo-preview-typography] .debug-h500, [id^=docfy-demo-preview-typography] .debug-h600, .docs main > h4 {
  font-family: var(--token-typography-display-100-font-family);
  font-size: var(--token-typography-display-100-font-size);
  line-height: var(--token-typography-display-100-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-body-300, #metrics-container div:first-child, section[data-route="dc.show.license"] .validity dl {
  font-family: var(--token-typography-body-300-font-family);
  font-size: var(--token-typography-body-300-font-size);
  line-height: var(--token-typography-body-300-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-body-200, strong, .empty-state > ul > li > ::before,
.empty-state > ul > li > label > button::before,
.has-error > strong::before, .consul-external-source, .consul-kind, .consul-auth-method-view section, .consul-auth-method-view section table thead td, .consul-auth-method-nspace-list thead td, #metrics-container .sparkline-wrapper .tooltip, #metrics-container .sparkline-wrapper .tooltip .sparkline-time, .topology-metrics-status-error,
.topology-metrics-status-loader, .consul-peer-form-generate li::after, body,
.type-toggle [type=text],
.type-toggle [type=password],
.type-toggle textarea,
.oidc-select label [type=text],
.oidc-select label [type=password],
.oidc-select label textarea,
.app-view > div form:not(.filter-bar) [role=radiogroup] label [type=text],
.app-view > div form:not(.filter-bar) [role=radiogroup] label [type=password],
.app-view > div form:not(.filter-bar) [role=radiogroup] label textarea,
.modal-dialog [role=document] [role=radiogroup] label [type=text],
.modal-dialog [role=document] [role=radiogroup] label [type=password],
.modal-dialog [role=document] [role=radiogroup] label textarea, .disclosure-menu [aria-expanded] ~ * > ul > [role=treeitem], .menu-panel > ul > [role=treeitem],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=menuitem],
.menu-panel > ul > li > [role=menuitem],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=option],
.menu-panel > ul > li > [role=option], .more-popover-menu > [type=checkbox] + label + div > ul > [role=treeitem], .popover-menu > [type=checkbox] + label + div > ul > [role=treeitem],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=option],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=option], table.has-actions tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=option], table.with-details tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=option], .informed-action > ul > li > *,
.tab-nav, .consul-health-check-list .health-check-output dt,
.type-toggle label span, .app-view h1 em, .consul-health-check-list .health-check-output dl > dd,
.app-shell__main .type-select [type=text],
.modal-dialog [role=document] .type-select [type=text],
.app-shell__main .type-password [type=text],
.modal-dialog [role=document] .type-password [type=text],
.app-shell__main .type-text [type=text],
.modal-dialog [role=document] .type-text [type=text],
.app-shell__main .type-select [type=password],
.modal-dialog [role=document] .type-select [type=password],
.app-shell__main .type-password [type=password],
.modal-dialog [role=document] .type-password [type=password],
.app-shell__main .type-text [type=password],
.modal-dialog [role=document] .type-text [type=password],
.app-shell__main .type-select textarea,
.modal-dialog [role=document] .type-select textarea,
.app-shell__main .type-password textarea,
.modal-dialog [role=document] .type-password textarea,
.app-shell__main .type-text textarea,
.modal-dialog [role=document] .type-text textarea, .app-shell__main table td p,
.modal-dialog [role=document] table td p,
.app-shell__main table td,
.modal-dialog [role=document] table td,
.app-shell__main table td:first-child p,
.modal-dialog [role=document] table td:first-child p,
.app-shell__main table td:first-child,
.modal-dialog [role=document] table td:first-child,
[id^=docfy-demo-preview-inline-alert] strong.info::before, [id^=docfy-demo-preview-inline-alert] strong.success::before,
[id^=docfy-demo-preview-inline-alert] strong.warning::before,
[id^=docfy-demo-preview-inline-alert] strong.error::before, [id^=docfy-demo-preview-typography] .debug-p, [id^=docfy-demo-preview-typography] .debug-p1, .docs main > p {
  font-family: var(--token-typography-body-200-font-family);
  font-size: var(--token-typography-body-200-font-size);
  line-height: var(--token-typography-body-200-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-body-100, .auth-form em, .list-collection > ul > li:not(:first-child) .copy-button button, .disclosure-menu [aria-expanded] ~ * [role=separator], .menu-panel [role=separator], .disclosure-menu [aria-expanded] ~ * > div, .menu-panel > div, .oidc-select button.reset, .more-popover-menu > [type=checkbox] + label + div [role=separator], .popover-menu > [type=checkbox] + label + div [role=separator], .more-popover-menu > [type=checkbox] + label + div > div, .popover-menu > [type=checkbox] + label + div > div, table.has-actions tr > .actions > [type=checkbox] + label + div [role=separator], table.has-actions tr > .actions > [type=checkbox] + label + div > div, table.with-details tr > .actions > [type=checkbox] + label + div [role=separator], table.with-details tr > .actions > [type=checkbox] + label + div > div, .informed-action p, .discovery-chain .resolvers > header > *,
.discovery-chain .splitters > header > *,
.discovery-chain .routes > header > *, .consul-upstream-instance-list li .copy-button button, .consul-exposed-path-list > ul > li .copy-button button, .consul-intention-list td.permissions, .consul-intention-fieldsets .permissions > button, .consul-intention-permission-list > ul > li dd, .consul-intention-permission-header-list > ul > li dd, .consul-lock-session-list ul > li:not(:first-child) .copy-button button, .peerings-badge .peerings-badge__text, .empty-state > ul > li > *,
.empty-state > ul > li > label > button,
.type-toggle > span,
span.label,
.oidc-select label > span,
.app-view > div form:not(.filter-bar) [role=radiogroup] label > span,
.modal-dialog [role=document] [role=radiogroup] label > span,
.app-view h1 span.kind-proxy, .empty-state header :nth-child(2),
.empty-state p,
.type-toggle > em,
.oidc-select label > em,
.app-view > div form:not(.filter-bar) [role=radiogroup] label > em,
.modal-dialog [role=document] [role=radiogroup] label > em,
.has-error > strong,
.copy-button button,
.popover-select label > *,
.type-sort.popover-select label > *,
.consul-intention-action-warn-modal button.dangerous,
.topology-notices button,
.app-shell__main .type-select > span,
.modal-dialog [role=document] .type-select > span,
.app-shell__main .type-password > span,
.modal-dialog [role=document] .type-password > span,
.app-shell__main .type-text > span,
.modal-dialog [role=document] .type-text > span,
.app-shell__main p,
.modal-dialog [role=document] p,
.app-shell__main form button + em,
.modal-dialog [role=document] form button + em,
.app-shell__main .type-select > em,
.modal-dialog [role=document] .type-select > em,
.app-shell__main .type-password > em,
.modal-dialog [role=document] .type-password > em,
.app-shell__main .type-text > em,
.modal-dialog [role=document] .type-text > em, section[data-route="dc.show.serverstatus"] .server-failure-tolerance header em, section[data-route="dc.show.serverstatus"] .server-failure-tolerance dt, section[data-route="dc.show.serverstatus"] .server-failure-tolerance .optimistic-tolerance p, [id^=docfy-demo-preview-color] ul figcaption,
[id^=docfy-demo-preview-typography] ul figcaption,
[id^=docfy-demo-preview-icons] ul figcaption, [id^=docfy-demo-preview-typography] .debug-p2, [id^=docfy-demo-preview-typography] .debug-p3, html.with-href-to [href^="console://"]::before {
  font-family: var(--token-typography-body-100-font-family);
  font-size: var(--token-typography-body-100-font-size);
  line-height: var(--token-typography-body-100-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-code-100 {
  font-family: var(--token-typography-code-100-font-family);
  font-size: var(--token-typography-code-100-font-size);
  line-height: var(--token-typography-code-100-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-code-200 {
  font-family: var(--token-typography-code-200-font-family);
  font-size: var(--token-typography-code-200-font-size);
  line-height: var(--token-typography-code-200-line-height);
  margin: 0;
  padding: 0;
}

.hds-typography-code-300 {
  font-family: var(--token-typography-code-300-font-family);
  font-size: var(--token-typography-code-300-font-size);
  line-height: var(--token-typography-code-300-line-height);
  margin: 0;
  padding: 0;
}

/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
#ember-a11y-refocus-nav-message {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  clip: rect(0, 0, 0, 0);
}

.ember-a11y-refocus-skip-link {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.25rem;
  color: #fff;
  font-size: 0.75rem;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.75);
  transform: translateY(-100%);
  transition: transform 0.3s ease-in-out;
}

.ember-a11y-refocus-skip-link:focus {
  transform: translateY(0);
}

/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-accordion {
  display: flex;
  flex-direction: column;
}

.hds-accordion--type-card.hds-accordion--size-small {
  gap: 4px;
}

.hds-accordion--type-card.hds-accordion--size-medium {
  gap: 8px;
}

.hds-accordion--type-card.hds-accordion--size-large {
  gap: 12px;
}

.hds-accordion-item--size-small {
  --hds-accordion-item-toggle-padding: 8px;
  --hds-accordion-item-toggle-padding-left: 8px;
  --hds-accordion-item-content-padding-top: 4px;
  --hds-accordion-item-content-padding-right: 8px;
  --hds-accordion-item-content-padding-bottom: 8px;
  --hds-accordion-item-content-padding-left: 12px;
  --hds-accordion-item-gap: 8px;
  --hds-accordion-item-icon-size: 16px;
}

.hds-accordion-item--size-medium {
  --hds-accordion-item-toggle-padding: 12px;
  --hds-accordion-item-toggle-padding-left: 8px;
  --hds-accordion-item-content-padding-top: 4px;
  --hds-accordion-item-content-padding-right: 12px;
  --hds-accordion-item-content-padding-bottom: 12px;
  --hds-accordion-item-content-padding-left: 12px;
  --hds-accordion-item-gap: 12px;
  --hds-accordion-item-icon-size: 20px;
}

.hds-accordion-item--size-large {
  --hds-accordion-item-toggle-padding: 16px;
  --hds-accordion-item-toggle-padding-left: 12px;
  --hds-accordion-item-content-padding-top: 4px;
  --hds-accordion-item-content-padding-right: 16px;
  --hds-accordion-item-content-padding-bottom: 16px;
  --hds-accordion-item-content-padding-left: 16px;
  --hds-accordion-item-gap: 12px;
  --hds-accordion-item-icon-size: 24px;
}

.hds-accordion-item--type-card {
  --hds-accordion-item-focus-ring-offset: 0;
  background: var(--token-color-surface-primary);
  border-radius: var(--token-border-radius-medium);
}

.hds-accordion-item--type-card.hds-accordion-item--does-not-contain-interactive:not(.hds-accordion-item--is-static) {
  box-shadow: var(--token-surface-mid-box-shadow);
}

.hds-accordion-item--type-card.hds-accordion-item--does-not-contain-interactive:not(.hds-accordion-item--is-static):hover, .hds-accordion-item--type-card.hds-accordion-item--does-not-contain-interactive:not(.hds-accordion-item--is-static).mock-hover {
  box-shadow: var(--token-surface-high-box-shadow);
}

.hds-accordion-item--type-card.hds-accordion-item--contains-interactive, .hds-accordion-item--type-card.hds-accordion-item--is-static {
  box-shadow: var(--token-surface-base-box-shadow);
}

.hds-accordion-item--type-flush {
  --hds-accordion-item-focus-ring-offset: 3px;
  border-bottom: 1px solid var(--token-color-border-primary);
}

.hds-accordion-item--type-flush.hds-accordion-item--does-not-contain-interactive:not(.hds-accordion-item--is-static) > .hds-disclosure-primitive__toggle:hover .hds-accordion-item__toggle, .hds-accordion-item--type-flush.hds-accordion-item--does-not-contain-interactive:not(.hds-accordion-item--is-static) > .hds-disclosure-primitive__toggle.mock-hover .hds-accordion-item__toggle {
  background: var(--token-color-surface-interactive-hover);
}

.hds-accordion-item--type-flush.hds-accordion-item--does-not-contain-interactive:not(.hds-accordion-item--is-static) > .hds-disclosure-primitive__toggle:active .hds-accordion-item__toggle, .hds-accordion-item--type-flush.hds-accordion-item--does-not-contain-interactive:not(.hds-accordion-item--is-static) > .hds-disclosure-primitive__toggle.mock-active .hds-accordion-item__toggle {
  background: var(--token-color-surface-interactive-active);
}

.hds-accordion-item__toggle {
  position: relative;
  display: flex;
  gap: var(--hds-accordion-item-gap);
  align-items: center;
  padding: var(--hds-accordion-item-toggle-padding) var(--hds-accordion-item-toggle-padding) var(--hds-accordion-item-toggle-padding) var(--hds-accordion-item-toggle-padding-left);
}

.hds-accordion-item__button {
  padding: 0;
}

.hds-accordion-item__button:hover {
  cursor: pointer;
}

@media (prefers-reduced-motion: no-preference) {
  .hds-accordion-item__button .hds-icon {
    transition: transform 0.3s;
  }
}
.hds-accordion-item--is-static.hds-accordion-item .hds-accordion-item__button {
  visibility: hidden;
}

.hds-accordion-item__button--parent-does-not-contain-interactive {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}

.hds-accordion-item__button--parent-does-not-contain-interactive::before {
  position: absolute;
  top: var(--hds-accordion-item-focus-ring-offset);
  right: var(--hds-accordion-item-focus-ring-offset);
  bottom: var(--hds-accordion-item-focus-ring-offset);
  left: var(--hds-accordion-item-focus-ring-offset);
  z-index: -1;
  border-radius: 5px;
  content: "";
}

.hds-accordion-item__button--parent-does-not-contain-interactive:focus::before, .hds-accordion-item__button--parent-does-not-contain-interactive.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-accordion-item__button--parent-does-not-contain-interactive:focus:not(:focus-visible)::before {
  box-shadow: none;
}

.hds-accordion-item__button--parent-does-not-contain-interactive:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-accordion-item__button--parent-does-not-contain-interactive:focus:active::before, .hds-accordion-item__button--parent-does-not-contain-interactive.mock-focus.mock-active::before {
  box-shadow: none;
}

.hds-accordion-item__button--parent-does-not-contain-interactive {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -1px 0;
  color: var(--token-color-foreground-primary);
  background: transparent;
  border: 0;
}

.hds-accordion-item__button--parent-contains-interactive {
  position: relative;
  display: flex;
  gap: 0.375rem;
  align-items: center;
  justify-content: center;
  width: auto;
  font-weight: var(--token-typography-font-weight-regular);
  font-family: var(--token-typography-font-stack-text);
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: var(--token-border-radius-small);
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}

.hds-accordion-item__button--parent-contains-interactive:focus, .hds-accordion-item__button--parent-contains-interactive.mock-focus {
  box-shadow: none;
}

.hds-accordion-item__button--parent-contains-interactive:focus::before, .hds-accordion-item__button--parent-contains-interactive.mock-focus::before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  z-index: -1;
  border: 3px solid transparent;
  border-radius: calc(var(--token-border-radius-small) + 3px);
  content: "";
}

.hds-accordion-item__button--parent-contains-interactive {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-border-strong);
  box-shadow: var(--token-elevation-low-box-shadow);
}

.hds-accordion-item__button--parent-contains-interactive:hover, .hds-accordion-item__button--parent-contains-interactive.mock-hover {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-primary);
  border-color: var(--token-color-border-strong);
  cursor: pointer;
}

.hds-accordion-item__button--parent-contains-interactive:focus, .hds-accordion-item__button--parent-contains-interactive.mock-focus {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-focus-action-internal);
}

.hds-accordion-item__button--parent-contains-interactive:focus::before, .hds-accordion-item__button--parent-contains-interactive.mock-focus::before {
  border-color: var(--token-color-focus-action-external);
}

.hds-accordion-item__button--parent-contains-interactive:active, .hds-accordion-item__button--parent-contains-interactive.mock-active {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-interactive-active);
  border-color: var(--token-color-border-strong);
  box-shadow: none;
}

.hds-accordion-item__button--parent-contains-interactive:active::before, .hds-accordion-item__button--parent-contains-interactive.mock-active::before {
  border-color: transparent;
}

.hds-accordion-item__button {
  width: var(--hds-accordion-item-icon-size);
  height: var(--hds-accordion-item-icon-size);
}

.hds-accordion-item__button--is-open .hds-icon-chevron-down {
  transform: rotate(-180deg);
}

.hds-accordion-item__toggle-content {
  flex: 1;
}

.hds-accordion-item .hds-accordion-item__content {
  padding: var(--hds-accordion-item-content-padding-top) var(--hds-accordion-item-content-padding-right) var(--hds-accordion-item-content-padding-bottom) var(--hds-accordion-item-content-padding-left);
}

.hds-accordion-item--type-flush .hds-accordion-item__content:has(> .hds-accordion--type-flush) {
  padding: 0 var(--hds-accordion-item-content-padding-right) 0 var(--hds-accordion-item-content-padding-left);
  border-top: 1px solid var(--token-color-border-primary);
}

.hds-accordion-item--type-flush .hds-accordion-item__content:has(> .hds-accordion--type-flush) .hds-accordion-item--type-flush:last-child {
  border-bottom: none;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-advanced-table__container {
  position: relative;
  display: grid;
  align-items: start;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--token-border-radius-medium);
}

.hds-advanced-table__container.hds-advanced-table__container--header-is-pinned {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.hds-advanced-table {
  display: grid;
  align-items: center;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  border-radius: inherit;
  border-spacing: 0;
  isolation: isolate;
}

.hds-advanced-table__th,
.hds-advanced-table__td {
  border: 0.5px solid var(--token-color-border-primary);
}

.hds-advanced-table__thead,
.hds-advanced-table__tbody {
  border: 0.5px solid var(--token-color-border-primary);
}

.hds-advanced-table__thead {
  border-bottom: none;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.hds-advanced-table__tbody {
  border-top: none;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.hds-advanced-table__thead {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
}

.hds-advanced-table__thead .hds-advanced-table__tr {
  display: contents;
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th {
  position: relative;
  align-content: center;
  height: 100%;
  padding: 14px 16px 13px 16px;
  color: var(--token-color-foreground-strong);
  text-align: left;
  background-color: var(--token-color-surface-strong);
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th:focus, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th.mock-focus {
  position: sticky;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th:focus::before, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th.mock-focus::before {
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  z-index: -1;
  border-radius: inherit;
  content: "";
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th:focus:focus::before, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th:focus.mock-focus::before, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th.mock-focus:focus::before, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th.mock-focus.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th:focus:focus:not(:focus-visible)::before, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th.mock-focus:focus:not(:focus-visible)::before {
  box-shadow: none;
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th:focus:focus-visible::before, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th.mock-focus:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th:focus:focus:active::before, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th:focus.mock-focus.mock-active::before, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th.mock-focus:focus:active::before, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th.mock-focus.mock-focus.mock-active::before {
  box-shadow: none;
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th:focus, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th.mock-focus {
  z-index: 1;
  isolation: isolate;
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th:hover .hds-advanced-table__th-reorder-handle, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th.mock-hover .hds-advanced-table__th-reorder-handle, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th:focus-within .hds-advanced-table__th-reorder-handle {
  visibility: visible;
  opacity: 1;
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th.hds-advanced-table__th--is-being-dragged .hds-advanced-table__th-reorder-handle {
  opacity: 0;
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th--is-sticky-column ~ .hds-advanced-table__th:not(.hds-advanced-table__th--is-sticky-column) {
  z-index: 0;
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th--is-sticky-column ~ .hds-advanced-table__th:not(.hds-advanced-table__th--is-sticky-column):has(.hds-advanced-table__th-reorder-drop-target--is-dragging-over) {
  z-index: 1;
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-reorder-drop-target {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-reorder-drop-target--is-being-dragged {
  background-color: var(--token-color-surface-primary);
  opacity: 0.5;
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-reorder-drop-target--is-dragging-over {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-reorder-drop-target--is-dragging-over::after {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: var(--token-color-palette-blue-300);
  content: "";
  pointer-events: none;
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-reorder-drop-target--is-dragging-over--left::after {
  left: 0;
  transform: translateX(-3px);
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-reorder-drop-target--is-dragging-over--left.hds-advanced-table__th-reorder-drop-target--is-first::after {
  border-radius: calc(var(--token-border-radius-medium) - 1px) 0 0 calc(var(--token-border-radius-medium) - 1px);
  transform: translateX(0);
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-reorder-drop-target--is-dragging-over--right::after {
  right: 0;
  transform: translateX(3px);
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-reorder-drop-target--is-dragging-over--right.hds-advanced-table__th-reorder-drop-target--is-last::after {
  border-radius: 0 calc(var(--token-border-radius-medium) - 1px) calc(var(--token-border-radius-medium) - 1px) 0;
  transform: translateX(0);
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle {
  position: absolute;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 5px;
  content: "";
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle:focus::before, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle:focus:not(:focus-visible)::before {
  box-shadow: none;
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle:focus:active::before, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle.mock-focus.mock-active::before {
  box-shadow: none;
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle {
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 24px;
  scroll-margin-right: 24px;
  scroll-margin-left: 24px;
  transform: translateX(12.5px);
  cursor: col-resize;
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  content: "";
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle:focus::after, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle.mock-focus::after, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle:hover::after, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle.mock-hover::after, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle.hds-advanced-table__th-resize-handle--resizing::after, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle.mock-active::after {
  width: 3px;
  transform: translateX(-10.5px);
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle:hover::after, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle.mock-hover::after {
  background-color: #b1b1b5;
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle:focus::after, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle.mock-focus::after, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle.hds-advanced-table__th-resize-handle--resizing::after, .hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th-resize-handle.mock-active::after {
  background-color: var(--token-color-palette-blue-300);
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th--align-center,
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__td--align-center {
  text-align: center;
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th--align-center .hds-advanced-table__th-content,
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__td--align-center .hds-advanced-table__th-content {
  justify-content: center;
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th--align-right,
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__td--align-right {
  text-align: right;
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th--align-right .hds-advanced-table__th-content,
.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__td--align-right .hds-advanced-table__th-content {
  justify-content: flex-end;
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th--is-sticky-column {
  position: sticky;
  z-index: 7;
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th--is-sticky-column-pinned:first-of-type {
  left: -1px;
  border-left: 2px solid var(--token-color-border-primary);
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th--is-sticky-column:not(:has(+ .hds-advanced-table__th--is-sticky-column)) {
  border-right: 3px solid var(--token-color-border-primary);
}

.hds-advanced-table__thead .hds-advanced-table__tr .hds-advanced-table__th--is-sticky-column.hds-advanced-table__th--is-selectable + .hds-advanced-table__th--is-sticky-column.hds-advanced-table__th--is-sticky-column-pinned {
  left: var(--hds-advanced-table-sticky-column-offset, 0);
  border-left-width: 1px;
}

.hds-advanced-table__thead .hds-advanced-table__tr:first-of-type .hds-advanced-table__th:first-child {
  border-top-left-radius: calc(var(--token-border-radius-medium) - 1px);
}

.hds-advanced-table__thead .hds-advanced-table__tr:first-of-type .hds-advanced-table__th:last-child {
  border-top-right-radius: calc(var(--token-border-radius-medium) - 1px);
}

.hds-advanced-table__thead .hds-advanced-table__scroll-indicator-top {
  top: 0;
  width: 100%;
  height: 8px;
  background: linear-gradient(to top, rgba(59, 61, 69, 0) 0%, rgba(59, 61, 69, 0.08) 100%);
}

.hds-advanced-table__thead.hds-advanced-table__thead--has-resizable-columns .hds-advanced-table__th .hds-advanced-table__th-content-text {
  display: block;
  min-width: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hds-advanced-table__thead.hds-advanced-table__thead--sticky {
  position: sticky;
  top: -1px;
  z-index: 5;
  background-color: var(--token-color-surface-strong);
  border-bottom: 2.5px solid var(--token-color-border-primary);
}

.hds-advanced-table__thead.hds-advanced-table__thead--sticky .hds-advanced-table__scroll-indicator-top {
  top: unset;
  bottom: -11px;
}

.hds-advanced-table__thead.hds-advanced-table__thead--is-pinned {
  background-color: var(--token-color-surface-strong);
  border-top: 1.5px solid var(--token-color-border-primary);
  border-bottom: 3px solid var(--token-color-border-primary);
}

.hds-advanced-table__thead.hds-advanced-table__thead--is-pinned .hds-advanced-table__tr:first-of-type .hds-advanced-table__th:first-child {
  border-top-left-radius: 0;
}

.hds-advanced-table__thead.hds-advanced-table__thead--is-pinned .hds-advanced-table__tr:first-of-type .hds-advanced-table__th:last-child {
  border-top-right-radius: 0;
}

.hds-advanced-table__th-content {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
}

.hds-advanced-table__th-reorder-handle {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  transform: translateX(-50%) translateY(50%);
  visibility: hidden;
  opacity: 0;
}

.hds-advanced-table__th-reorder-handle .hds-advanced-table__th-reorder-handle__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 16px;
  color: var(--token-color-foreground-faint);
  background-color: var(--token-color-surface-interactive);
  border: 1px solid var(--token-color-border-primary);
  border-radius: var(--token-border-radius-small);
  box-shadow: var(--token-elevation-low-box-shadow);
}

.hds-advanced-table__th-reorder-handle .hds-icon {
  width: 12px;
  height: 12px;
}

.hds-advanced-table__th-reorder-handle:hover, .hds-advanced-table__th-reorder-handle.mock-hover {
  cursor: grab;
}

.hds-advanced-table__th-reorder-handle:hover .hds-advanced-table__th-reorder-handle__inner, .hds-advanced-table__th-reorder-handle.mock-hover .hds-advanced-table__th-reorder-handle__inner {
  background-color: var(--token-color-surface-interactive-hover);
}

.hds-advanced-table__th-reorder-handle:active, .hds-advanced-table__th-reorder-handle.mock-active {
  cursor: grabbing;
}

.hds-advanced-table__th-reorder-handle:active .hds-advanced-table__th-reorder-handle__inner, .hds-advanced-table__th-reorder-handle.mock-active .hds-advanced-table__th-reorder-handle__inner {
  background-color: var(--token-color-surface-interactive-hover);
}

.hds-advanced-table__th-reorder-handle:focus, .hds-advanced-table__th-reorder-handle.mock-focus {
  position: absolute;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}

.hds-advanced-table__th-reorder-handle:focus::before, .hds-advanced-table__th-reorder-handle.mock-focus::before {
  position: absolute;
  top: 3px;
  right: 0;
  bottom: 3px;
  left: 0;
  z-index: -1;
  border-radius: 5px;
  content: "";
}

.hds-advanced-table__th-reorder-handle:focus:focus::before, .hds-advanced-table__th-reorder-handle:focus.mock-focus::before, .hds-advanced-table__th-reorder-handle.mock-focus:focus::before, .hds-advanced-table__th-reorder-handle.mock-focus.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-advanced-table__th-reorder-handle:focus:focus:active::before, .hds-advanced-table__th-reorder-handle:focus.mock-focus.mock-active::before, .hds-advanced-table__th-reorder-handle.mock-focus:focus:active::before, .hds-advanced-table__th-reorder-handle.mock-focus.mock-focus.mock-active::before {
  box-shadow: none;
}

.hds-advanced-table__th-reorder-handle:focus .hds-advanced-table__th-reorder-handle__inner, .hds-advanced-table__th-reorder-handle.mock-focus .hds-advanced-table__th-reorder-handle__inner {
  background-color: var(--token-color-surface-interactive);
}

.hds-advanced-table__th-context-menu .hds-dropdown-toggle-icon {
  width: 24px;
  height: 24px;
  margin: -2px 0;
  padding: 0;
  color: var(--token-color-foreground-faint);
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: var(--token-border-radius-x-small);
}

.hds-advanced-table__th-context-menu .hds-dropdown-toggle-icon:hover, .hds-advanced-table__th-context-menu .hds-dropdown-toggle-icon.mock-hover {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-interactive);
  border-color: var(--token-color-border-strong);
  box-shadow: var(--token-elevation-low-box-shadow);
}

.hds-advanced-table__th-context-menu .hds-dropdown-toggle-icon:focus::before, .hds-advanced-table__th-context-menu .hds-dropdown-toggle-icon.mock-focus::before,
.hds-advanced-table__th-context-menu .hds-dropdown-toggle-icon .hds-dropdown-toggle-icon--is-open::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: none;
  border-radius: var(--token-border-radius-x-small);
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-advanced-table__th-button {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: -2px 0;
  padding: 0;
  color: var(--token-color-foreground-faint);
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 3px;
}

.hds-advanced-table__th-button:hover, .hds-advanced-table__th-button.mock-hover {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-interactive);
  border-color: var(--token-color-border-strong);
  box-shadow: var(--token-elevation-low-box-shadow);
  cursor: pointer;
}

.hds-advanced-table__th-button {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}

.hds-advanced-table__th-button::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: inherit;
  content: "";
}

.hds-advanced-table__th-button:focus::before, .hds-advanced-table__th-button.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-advanced-table__th-button:focus:not(:focus-visible)::before {
  box-shadow: none;
}

.hds-advanced-table__th-button:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-advanced-table__th-button:focus:active::before, .hds-advanced-table__th-button.mock-focus.mock-active::before {
  box-shadow: none;
}

.hds-advanced-table__th-button:active, .hds-advanced-table__th-button.mock-active {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-interactive-active);
  border-color: var(--token-color-border-strong);
  box-shadow: none;
}

.hds-advanced-table__th-button--is-sorted {
  color: var(--token-color-foreground-action);
}

.hds-advanced-table__th-button--is-sorted:hover, .hds-advanced-table__th-button--is-sorted.mock-hover {
  color: var(--token-color-foreground-action-hover);
}

.hds-advanced-table__th-button--is-sorted:active, .hds-advanced-table__th-button--is-sorted.mock-active {
  color: var(--token-color-foreground-action-active);
}

.hds-advanced-table__th-button-aria-label-hidden-segment {
  display: none;
}

.hds-advanced-table__th-button--expand {
  align-self: flex-start;
}

.hds-advanced-table__tbody {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  align-items: center;
}

.hds-advanced-table__tbody .hds-advanced-table__tr {
  display: contents;
  color: var(--token-color-foreground-primary);
}

.hds-advanced-table--striped .hds-advanced-table__tbody .hds-advanced-table__tr:nth-child(even) .hds-advanced-table__th,
.hds-advanced-table--striped .hds-advanced-table__tbody .hds-advanced-table__tr:nth-child(even) .hds-advanced-table__td {
  background-color: var(--token-color-surface-faint);
}

.hds-advanced-table__tbody .hds-advanced-table__tr--last-row .hds-advanced-table__th:first-child,
.hds-advanced-table__tbody .hds-advanced-table__tr--last-row .hds-advanced-table__td:first-child {
  border-bottom-left-radius: calc(var(--token-border-radius-medium) - 1px);
}

.hds-advanced-table__tbody .hds-advanced-table__tr--last-row .hds-advanced-table__td:last-child {
  border-bottom-right-radius: calc(var(--token-border-radius-medium) - 1px);
}

.hds-advanced-table__tbody .hds-advanced-table__td {
  display: flex;
  gap: 8px;
  align-content: center;
  align-items: flex-start;
  justify-content: flex-start;
}

.hds-advanced-table__tbody .hds-advanced-table__th,
.hds-advanced-table__tbody .hds-advanced-table__td {
  height: 100%;
  font-weight: var(--token-typography-font-weight-regular);
  font-size: var(--token-typography-body-200-font-size);
  font-family: var(--token-typography-body-200-font-family);
  line-height: var(--token-typography-body-200-line-height);
  text-align: left;
  background-color: var(--token-color-surface-primary);
}

.hds-advanced-table__tbody .hds-advanced-table__th:focus, .hds-advanced-table__tbody .hds-advanced-table__th.mock-focus,
.hds-advanced-table__tbody .hds-advanced-table__td:focus,
.hds-advanced-table__tbody .hds-advanced-table__td.mock-focus {
  position: sticky;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}

.hds-advanced-table__tbody .hds-advanced-table__th:focus::before, .hds-advanced-table__tbody .hds-advanced-table__th.mock-focus::before,
.hds-advanced-table__tbody .hds-advanced-table__td:focus::before,
.hds-advanced-table__tbody .hds-advanced-table__td.mock-focus::before {
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  z-index: -1;
  border-radius: inherit;
  content: "";
}

.hds-advanced-table__tbody .hds-advanced-table__th:focus:focus::before, .hds-advanced-table__tbody .hds-advanced-table__th:focus.mock-focus::before, .hds-advanced-table__tbody .hds-advanced-table__th.mock-focus:focus::before, .hds-advanced-table__tbody .hds-advanced-table__th.mock-focus.mock-focus::before,
.hds-advanced-table__tbody .hds-advanced-table__td:focus:focus::before,
.hds-advanced-table__tbody .hds-advanced-table__td:focus.mock-focus::before,
.hds-advanced-table__tbody .hds-advanced-table__td.mock-focus:focus::before,
.hds-advanced-table__tbody .hds-advanced-table__td.mock-focus.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-advanced-table__tbody .hds-advanced-table__th:focus:focus:not(:focus-visible)::before, .hds-advanced-table__tbody .hds-advanced-table__th.mock-focus:focus:not(:focus-visible)::before,
.hds-advanced-table__tbody .hds-advanced-table__td:focus:focus:not(:focus-visible)::before,
.hds-advanced-table__tbody .hds-advanced-table__td.mock-focus:focus:not(:focus-visible)::before {
  box-shadow: none;
}

.hds-advanced-table__tbody .hds-advanced-table__th:focus:focus-visible::before, .hds-advanced-table__tbody .hds-advanced-table__th.mock-focus:focus-visible::before,
.hds-advanced-table__tbody .hds-advanced-table__td:focus:focus-visible::before,
.hds-advanced-table__tbody .hds-advanced-table__td.mock-focus:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-advanced-table__tbody .hds-advanced-table__th:focus:focus:active::before, .hds-advanced-table__tbody .hds-advanced-table__th:focus.mock-focus.mock-active::before, .hds-advanced-table__tbody .hds-advanced-table__th.mock-focus:focus:active::before, .hds-advanced-table__tbody .hds-advanced-table__th.mock-focus.mock-focus.mock-active::before,
.hds-advanced-table__tbody .hds-advanced-table__td:focus:focus:active::before,
.hds-advanced-table__tbody .hds-advanced-table__td:focus.mock-focus.mock-active::before,
.hds-advanced-table__tbody .hds-advanced-table__td.mock-focus:focus:active::before,
.hds-advanced-table__tbody .hds-advanced-table__td.mock-focus.mock-focus.mock-active::before {
  box-shadow: none;
}

.hds-advanced-table__tbody .hds-advanced-table__th:focus, .hds-advanced-table__tbody .hds-advanced-table__th.mock-focus,
.hds-advanced-table__tbody .hds-advanced-table__td:focus,
.hds-advanced-table__tbody .hds-advanced-table__td.mock-focus {
  z-index: 1;
  isolation: isolate;
}

.hds-advanced-table--density-short .hds-advanced-table__tbody .hds-advanced-table__th,
.hds-advanced-table--density-short .hds-advanced-table__tbody .hds-advanced-table__td {
  padding: 6px 16px 5px 16px;
}

.hds-advanced-table--density-medium .hds-advanced-table__tbody .hds-advanced-table__th,
.hds-advanced-table--density-medium .hds-advanced-table__tbody .hds-advanced-table__td {
  padding: 14px 16px 13px 16px;
}

.hds-advanced-table--density-tall .hds-advanced-table__tbody .hds-advanced-table__th,
.hds-advanced-table--density-tall .hds-advanced-table__tbody .hds-advanced-table__td {
  padding: 22px 16px 21px 16px;
}

.hds-advanced-table--has-sticky-first-column .hds-advanced-table__tbody .hds-advanced-table__tr > :first-child,
.hds-advanced-table--has-sticky-first-column .hds-advanced-table__tbody .hds-advanced-table__tr > .hds-advanced-table__th--is-selectable + * {
  position: sticky;
  z-index: 4;
}

.hds-advanced-table--has-sticky-first-column .hds-advanced-table__tbody .hds-advanced-table__tr > :first-child:not(.hds-advanced-table__th--is-selectable),
.hds-advanced-table--has-sticky-first-column .hds-advanced-table__tbody .hds-advanced-table__tr > .hds-advanced-table__th--is-selectable + *:not(.hds-advanced-table__th--is-selectable) {
  border-right: 3px solid var(--token-color-border-primary);
}

.hds-advanced-table--sticky-first-column-pinned .hds-advanced-table__tbody .hds-advanced-table__tr > :first-child {
  left: -1px;
  border-left: 2px solid var(--token-color-border-primary);
}

.hds-advanced-table--sticky-first-column-pinned .hds-advanced-table__tbody .hds-advanced-table__tr > .hds-advanced-table__th--is-selectable + * {
  left: var(--hds-advanced-table-sticky-column-offset, 0);
  border-left-width: 1px;
}

.hds-advanced-table__tbody .hds-advanced-table__td--align-center {
  justify-content: center;
  text-align: center;
}

.hds-advanced-table__tbody .hds-advanced-table__th--align-center {
  text-align: center;
}

.hds-advanced-table__tbody .hds-advanced-table__th--align-center .hds-advanced-table__th-content {
  justify-content: center;
}

.hds-advanced-table__tbody .hds-advanced-table__td--align-right {
  justify-content: flex-end;
  text-align: right;
}

.hds-advanced-table__tbody .hds-advanced-table__th--align-right {
  text-align: right;
}

.hds-advanced-table__tbody .hds-advanced-table__th--align-right .hds-advanced-table__th-content {
  justify-content: flex-end;
}

.hds-advanced-table--valign-top .hds-advanced-table__tbody .hds-advanced-table__th,
.hds-advanced-table--valign-top .hds-advanced-table__tbody .hds-advanced-table__td {
  align-items: flex-start;
}

.hds-advanced-table--valign-middle .hds-advanced-table__tbody .hds-advanced-table__th,
.hds-advanced-table--valign-middle .hds-advanced-table__tbody .hds-advanced-table__td {
  align-items: center;
}

.hds-advanced-table--valign-baseline .hds-advanced-table__tbody .hds-advanced-table__th,
.hds-advanced-table--valign-baseline .hds-advanced-table__tbody .hds-advanced-table__td {
  /**
    setting to center because in FlexBox, when you set align-items: baseline, it also aligns content to the top - unlike display: table-cell which aligns the content to the center

    we decided as a team to match the Table behavior instead of actually setting align-items to baseline to mitigate the difference.
  */
  align-items: center;
}

.hds-advanced-table__tbody .hds-advanced-table__tr--hidden {
  display: none;
}

.hds-advanced-table__tbody .hds-advanced-table__tr--parent-row .hds-advanced-table__th:not(:first-child),
.hds-advanced-table__tbody .hds-advanced-table__tr--parent-row .hds-advanced-table__td:not(:first-child) {
  border-left: 0;
}

.hds-advanced-table__tbody .hds-advanced-table__tr--parent-row .hds-advanced-table__th:not(:last-child),
.hds-advanced-table__tbody .hds-advanced-table__tr--parent-row .hds-advanced-table__td:not(:last-child) {
  border-right: 0;
}

.hds-advanced-table--nested .hds-advanced-table__tr .hds-advanced-table__th,
.hds-advanced-table--nested .hds-advanced-table__tr .hds-advanced-table__td {
  background-color: var(--token-color-surface-faint);
}

.hds-advanced-table--nested .hds-advanced-table__tr.hds-advanced-table__tr--parent-row .hds-advanced-table__th,
.hds-advanced-table--nested .hds-advanced-table__tr.hds-advanced-table__tr--parent-row .hds-advanced-table__td {
  background-color: var(--token-color-surface-primary);
}

.hds-advanced-table__checkbox {
  display: block;
  margin: 2px 0;
}

.hds-advanced-table__scroll-indicator {
  position: absolute;
}

.hds-advanced-table__scroll-indicator-left,
.hds-advanced-table__scroll-indicator-right {
  top: 0;
  width: 8px;
}

.hds-advanced-table__scroll-indicator-left {
  background: linear-gradient(to left, rgba(59, 61, 69, 0) 0%, rgba(59, 61, 69, 0.08) 100%);
}

.hds-advanced-table__scroll-indicator-right {
  background: linear-gradient(to right, rgba(59, 61, 69, 0) 0%, rgba(59, 61, 69, 0.08) 100%);
}

.hds-advanced-table__scroll-indicator-bottom {
  height: 8px;
  background: linear-gradient(to bottom, rgba(59, 61, 69, 0) 0%, rgba(59, 61, 69, 0.08) 100%);
}

.hds-advanced-table__th-reorder-drag-preview {
  position: absolute;
  top: -9999px;
  left: -9999px;
  background-color: rgba(204, 227, 254, 0.3);
  border: 5px solid var(--token-color-focus-action-external);
  border-radius: var(--token-border-radius-medium);
  box-shadow: var(--token-elevation-mid-box-shadow);
}

.hds-advanced-table__actions .hds-filter-bar {
  border-bottom: none;
  border-radius: var(--token-border-radius-medium) var(--token-border-radius-medium) 0 0;
}

.hds-advanced-table__actions-container-wrapper .hds-advanced-table__actions + .hds-advanced-table__container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.hds-advanced-table__actions-container-wrapper .hds-advanced-table__actions + .hds-advanced-table__container .hds-advanced-table__thead .hds-advanced-table__tr:first-of-type .hds-advanced-table__th:first-child {
  border-top-left-radius: 0;
}

.hds-advanced-table__actions-container-wrapper .hds-advanced-table__actions + .hds-advanced-table__container .hds-advanced-table__thead .hds-advanced-table__tr:first-of-type .hds-advanced-table__th:last-child {
  border-top-right-radius: 0;
}

.hds-advanced-table:has(+ .hds-advanced-table__empty-state) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.hds-advanced-table:has(+ .hds-advanced-table__empty-state) .hds-advanced-table__thead.hds-advanced-table__thead--sticky {
  border-bottom: none;
}

.hds-advanced-table__empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  padding: 16px;
  background-color: var(--token-color-surface-primary);
  border: 1px solid var(--token-color-border-primary);
  border-bottom-right-radius: var(--token-border-radius-medium);
  border-bottom-left-radius: var(--token-border-radius-medium);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-alert {
  display: flex;
  align-items: flex-start;
}

.hds-alert__icon {
  flex: none;
  width: 20px;
  height: 20px;
  margin-right: 12px;
}

.hds-alert--type-compact .hds-alert__icon {
  width: 14px;
  height: 14px;
}

.hds-alert__content {
  flex: 1 1 auto;
}

.hds-alert__text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
}

.hds-alert__description {
  word-break: break-word;
}

.hds-alert__description strong {
  font-weight: var(--token-typography-font-weight-semibold);
}

.hds-alert__description code,
.hds-alert__description pre {
  display: inline;
  padding: 1px 5px;
  font-size: 0.9em;
  font-family: var(--token-typography-code-100-font-family);
  line-height: 1em;
  background-color: var(--token-color-surface-primary);
  border: 1px solid var(--token-color-palette-neutral-200);
  border-radius: var(--token-border-radius-small);
}

.hds-alert__description a:not([class*=hds-]) {
  color: var(--token-color-foreground-strong);
}

.hds-alert__description a:not([class*=hds-]):focus, .hds-alert__description a:not([class*=hds-]):focus-visible {
  text-decoration: none;
  outline: 2px solid var(--token-color-focus-action-internal);
  outline-offset: 1px;
}

.hds-alert__description a:not([class*=hds-]):hover {
  color: var(--token-color-foreground-primary);
}

.hds-alert__description a:not([class*=hds-]):active {
  color: var(--token-color-foreground-faint);
}

.hds-alert__actions {
  display: flex;
  gap: 16px;
  align-items: center;
}

.hds-alert__actions > * {
  margin-top: 16px;
}

.hds-alert__dismiss {
  margin-top: 2px;
  margin-left: 16px;
}

.hds-alert--type-compact .hds-alert__dismiss {
  margin-top: 1px;
}

.hds-alert--type-page {
  padding: 16px 48px;
}

.hds-alert--type-inline {
  padding: 16px;
  border-style: solid;
  border-width: 1px;
  border-radius: var(--token-border-radius-medium);
}

.hds-alert--type-compact .hds-alert__icon {
  margin-top: 2px;
  margin-right: 8px;
}

.hds-alert--type-compact .hds-alert__title {
  display: none;
}

.hds-alert--type-compact .hds-alert__title + .hds-alert__description {
  margin-top: 0;
}

.hds-alert--color-neutral.hds-alert--type-page {
  background-color: var(--token-color-surface-faint);
  box-shadow: 0 1px 0 0 var(--token-color-palette-alpha-300);
}

.hds-alert--color-neutral.hds-alert--type-inline {
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-border-strong);
}

.hds-alert--color-neutral .hds-alert__icon {
  color: var(--token-color-foreground-faint);
}

.hds-alert--color-neutral .hds-alert__title {
  color: var(--token-color-foreground-primary);
}

.hds-alert--color-highlight.hds-alert--type-page {
  background-color: var(--token-color-surface-highlight);
  box-shadow: 0 1px 0 0 var(--token-color-border-highlight);
}

.hds-alert--color-highlight.hds-alert--type-inline {
  background-color: var(--token-color-surface-highlight);
  border-color: var(--token-color-border-highlight);
}

.hds-alert--color-highlight .hds-alert__icon,
.hds-alert--color-highlight .hds-alert__title {
  color: var(--token-color-foreground-highlight-on-surface);
}

.hds-alert--color-success.hds-alert--type-page {
  background-color: var(--token-color-surface-success);
  box-shadow: 0 1px 0 0 var(--token-color-border-success);
}

.hds-alert--color-success.hds-alert--type-inline {
  background-color: var(--token-color-surface-success);
  border-color: var(--token-color-border-success);
}

.hds-alert--color-success .hds-alert__icon,
.hds-alert--color-success .hds-alert__title {
  color: var(--token-color-foreground-success-on-surface);
}

.hds-alert--color-warning.hds-alert--type-page {
  background-color: var(--token-color-surface-warning);
  box-shadow: 0 1px 0 0 var(--token-color-border-warning);
}

.hds-alert--color-warning.hds-alert--type-inline {
  background-color: var(--token-color-surface-warning);
  border-color: var(--token-color-border-warning);
}

.hds-alert--color-warning .hds-alert__icon,
.hds-alert--color-warning .hds-alert__title {
  color: var(--token-color-foreground-warning-on-surface);
}

.hds-alert--color-critical.hds-alert--type-page {
  background-color: var(--token-color-surface-critical);
  box-shadow: 0 1px 0 0 var(--token-color-border-critical);
}

.hds-alert--color-critical.hds-alert--type-inline {
  background-color: var(--token-color-surface-critical);
  border-color: var(--token-color-border-critical);
}

.hds-alert--color-critical .hds-alert__icon,
.hds-alert--color-critical .hds-alert__title {
  color: var(--token-color-foreground-critical-on-surface);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-app-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
  padding: 24px;
  color: var(--app-footer-foreground-color);
  border-top: 1px solid var(--app-footer-border-top-color);
}

.hds-app-footer__list:not(:has(li)) {
  display: none;
}

.hds-app-footer__list,
.hds-app-footer__legal-links {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.hds-app-footer__status-link.hds-link-inline--icon-leading > .hds-link-inline__icon {
  margin-right: 6px;
}

.hds-app-footer__status-link .hds-icon {
  fill: var(--hds-app-footer-status-icon-color, currentColor);
}

.hds-app-footer__status-link--operational .hds-icon {
  fill: var(--app-footer-status-link-icon-operational-color);
}

.hds-app-footer__status-link--degraded .hds-icon {
  fill: var(--app-footer-status-link-icon-degraded-color);
}

.hds-app-footer__status-link--maintenance .hds-icon {
  fill: var(--app-footer-status-link-icon-maintenance-color);
}

.hds-app-footer__status-link--outage .hds-icon {
  fill: var(--app-footer-status-link-icon-outage-color);
}

.hds-app-footer__link.hds-link-inline--color-secondary,
.hds-app-footer__status-link {
  color: var(--app-footer-link-default-color);
  text-align: right;
}

.hds-app-footer__link.hds-link-inline--color-secondary:hover, .hds-app-footer__link.hds-link-inline--color-secondary.mock-hover,
.hds-app-footer__status-link:hover,
.hds-app-footer__status-link.mock-hover {
  color: var(--app-footer-link-hover-color);
}

.hds-app-footer__link.hds-link-inline--color-secondary:active, .hds-app-footer__link.hds-link-inline--color-secondary.mock-active,
.hds-app-footer__status-link:active,
.hds-app-footer__status-link.mock-active {
  color: var(--app-footer-link-active-color);
}

.hds-app-footer__link.hds-link-inline--color-secondary:focus, .hds-app-footer__link.hds-link-inline--color-secondary.mock-focus, .hds-app-footer__link.hds-link-inline--color-secondary:focus-visible,
.hds-app-footer__status-link:focus,
.hds-app-footer__status-link.mock-focus,
.hds-app-footer__status-link:focus-visible {
  color: var(--app-footer-link-focus-color);
  outline-color: var(--app-footer-link-focus-outline-color);
}

.hds-app-footer__list-item {
  display: flex;
  align-items: center;
}

.hds-app-footer__copyright {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  justify-content: center;
  color: var(--app-footer-copyright-text-color);
}

.hds-app-footer__copyright .hds-icon {
  fill: var(--app-footer-copyright-icon-color);
}

.hds-app-footer--theme-light {
  --app-footer-foreground-color: var(--token-color-foreground-primary);
  --app-footer-border-top-color: var(--token-color-border-primary);
  --app-footer-link-default-color: var(--token-color-foreground-faint);
  --app-footer-link-hover-color: var(--token-color-palette-neutral-600);
  --app-footer-link-active-color: var(--token-color-palette-neutral-700);
  --app-footer-link-focus-color: var(--token-color-foreground-faint);
  --app-footer-link-focus-outline-color: var(--token-color-focus-action-internal);
  --app-footer-copyright-text-color: var(--token-color-foreground-primary);
  --app-footer-copyright-icon-color: var(--token-color-hashicorp-brand);
  --app-footer-status-link-icon-operational-color: var(--token-color-foreground-success);
  --app-footer-status-link-icon-degraded-color: var(--token-color-foreground-warning);
  --app-footer-status-link-icon-maintenance-color: var(--token-color-foreground-warning);
  --app-footer-status-link-icon-outage-color: var(--token-color-foreground-critical);
}

.hds-app-footer--theme-dark {
  --app-footer-foreground-color: #b2b6bd;
  --app-footer-border-top-color: #b2b6bd66;
  --app-footer-link-default-color: #b2b6bd;
  --app-footer-link-hover-color: #d5d7db;
  --app-footer-link-active-color: #efeff1;
  --app-footer-link-focus-color: #b2b6bd;
  --app-footer-link-focus-outline-color: #389aff;
  --app-footer-copyright-text-color: #b2b6bd;
  --app-footer-copyright-icon-color: #fff;
  --app-footer-status-link-icon-operational-color: #009241;
  --app-footer-status-link-icon-degraded-color: #e88c03;
  --app-footer-status-link-icon-maintenance-color: #e88c03;
  --app-footer-status-link-icon-outage-color: #ef3016;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-app-frame {
  display: grid;
  grid-template-areas: "header header" "sidebar main" "sidebar footer";
  grid-template-rows: auto 1fr auto;
  grid-template-columns: auto 1fr;
  min-height: 100vh;
}

.hds-app-frame__header {
  z-index: 21;
  grid-area: header;
}

@media (min-height: 480px) {
  .hds-app-frame__header {
    position: sticky;
    top: 0;
    right: 0;
    left: 0;
  }
}
.hds-app-frame__sidebar {
  position: sticky;
  top: 0;
  z-index: 20;
  grid-area: sidebar;
  height: 100vh;
  min-height: 100vh;
}

@media (min-height: 480px) {
  .hds-app-frame--has-header-with-sidebar .hds-app-frame__sidebar {
    top: var(--token-app-header-height);
    height: calc(100vh - var(--token-app-header-height));
    min-height: calc(100vh - var(--token-app-header-height));
  }
}
.hds-app-frame__main {
  grid-area: main;
}

.hds-app-frame--has-header-with-sidebar .hds-app-frame__main {
  margin-top: calc(var(--token-app-header-height) * -1);
  padding-top: var(--token-app-header-height);
}

.hds-app-frame__footer {
  grid-area: footer;
}

.hds-app-frame__modals {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}

.hds-app-frame__modals:empty {
  display: none;
}

/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-app-header {
  position: relative;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  min-height: var(--token-app-header-height);
  padding: 12px 16px 11px 16px;
  color: var(--token-color-foreground-high-contrast);
  background: var(--token-color-palette-neutral-700);
  border-bottom: 1px solid var(--token-color-palette-neutral-500);
}

.hds-app-header .ember-a11y-refocus-skip-link {
  top: 10px;
  left: 10px;
  z-index: 20;
  width: max-content;
  padding: 2px 10px 4px;
  color: var(--token-color-foreground-action);
  font-size: var(--token-typography-display-200-font-size);
  font-family: var(--token-typography-display-200-font-family);
  line-height: var(--token-typography-display-200-line-height);
  background-color: var(--token-color-surface-faint);
  border-radius: var(--token-border-radius-x-small);
  transform: translateY(-200%);
  transition: 0.6s ease-in-out;
}

.hds-app-header .ember-a11y-refocus-skip-link:focus {
  transform: translateY(0);
}

.hds-app-header.hds-app-header--is-desktop .hds-app-header__global-actions {
  margin-right: auto;
}

.hds-app-header.hds-app-header--is-mobile .hds-app-header__actions {
  position: absolute;
  top: calc(100% + 1px);
  right: 0;
  left: 0;
}

.hds-app-header.hds-app-header--is-mobile .hds-app-header__actions {
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 16px;
  overflow: auto;
  background: var(--token-color-palette-neutral-700);
}

.hds-app-header.hds-app-header--is-mobile.hds-app-header--menu-is-closed .hds-app-header__actions {
  display: none;
}

.hds-app-header.hds-app-header--is-mobile.hds-app-header--menu-is-open .hds-app-header__actions {
  height: calc(100vh - var(--token-app-header-height));
}

.hds-app-header.hds-app-header--is-mobile .hds-app-header__global-actions,
.hds-app-header.hds-app-header--is-mobile .hds-app-header__global-actions .hds-dropdown,
.hds-app-header.hds-app-header--is-mobile .hds-app-header__global-actions .hds-dropdown-toggle-button {
  width: 100%;
}

.hds-app-header .hds-app-header__global-actions,
.hds-app-header .hds-app-header__utility-actions {
  display: flex;
  gap: inherit;
  align-items: center;
}

.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *),
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *) {
  --token-focus-ring-action-box-shadow: inset 0 0 0 1px #bcc7fd, 0 0 0 3px #0d69f2;
  border: 1px solid transparent;
  cursor: pointer;
  border-color: var(--token-color-palette-neutral-500);
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-neutral-700);
  border-radius: var(--token-border-radius-small);
}

.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):hover, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-hover,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):hover,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-hover {
  border-color: var(--token-color-palette-neutral-500);
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-neutral-600);
}

.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}

.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  border-radius: 5px;
  content: "";
}

.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus.mock-focus::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before {
  box-shadow: none;
}

.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus-visible::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:active::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:active::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before {
  box-shadow: none;
}

.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-neutral-700);
  border-color: #bcc7fd;
}

.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus::before {
  color: var(--token-color-foreground-high-contrast);
  border: none;
}

.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before {
  box-shadow: inset 0 0 0 1px #bcc7fd, 0 0 0 3px #0d69f2;
}

.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):active, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-active,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):active,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-active {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-neutral-500);
  border-color: var(--token-color-palette-neutral-400);
}

.hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled], .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled:focus, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled]:focus, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled:focus, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled:hover, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled]:hover, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled:hover,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled],
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled:focus,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled]:focus,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled:focus,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled:hover,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled]:hover,
.hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled:hover {
  color: var(--token-color-foreground-disabled);
  background-color: var(--token-color-palette-neutral-600);
  border-color: var(--token-color-palette-neutral-500);
}

.hds-app-frame:has(.hds-app-side-nav--is-mobile.hds-app-side-nav--is-not-minimized) .hds-app-header > * {
  filter: contrast(0.5) brightness(0.7);
  pointer-events: none;
}

.hds-app-header__home-link {
  --token-focus-ring-action-box-shadow: inset 0 0 0 1px #bcc7fd, 0 0 0 3px #0d69f2;
  border: 1px solid transparent;
  cursor: pointer;
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-neutral-700);
  border-radius: var(--token-border-radius-small);
}

.hds-app-header__home-link:hover, .hds-app-header__home-link.mock-hover {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-neutral-600);
}

.hds-app-header__home-link:focus, .hds-app-header__home-link.mock-focus {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}

.hds-app-header__home-link:focus::before, .hds-app-header__home-link.mock-focus::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  border-radius: 5px;
  content: "";
}

.hds-app-header__home-link:focus:focus::before, .hds-app-header__home-link:focus.mock-focus::before, .hds-app-header__home-link.mock-focus:focus::before, .hds-app-header__home-link.mock-focus.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-app-header__home-link:focus:focus:not(:focus-visible)::before, .hds-app-header__home-link.mock-focus:focus:not(:focus-visible)::before {
  box-shadow: none;
}

.hds-app-header__home-link:focus:focus-visible::before, .hds-app-header__home-link.mock-focus:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-app-header__home-link:focus:focus:active::before, .hds-app-header__home-link:focus.mock-focus.mock-active::before, .hds-app-header__home-link.mock-focus:focus:active::before, .hds-app-header__home-link.mock-focus.mock-focus.mock-active::before {
  box-shadow: none;
}

.hds-app-header__home-link:focus, .hds-app-header__home-link.mock-focus {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-neutral-700);
}

.hds-app-header__home-link:focus::before, .hds-app-header__home-link.mock-focus::before {
  color: var(--token-color-foreground-high-contrast);
  border: none;
}

.hds-app-header__home-link:focus:focus:not(:focus-visible)::before {
  box-shadow: inset 0 0 0 1px #bcc7fd, 0 0 0 3px #0d69f2;
}

.hds-app-header__home-link:active, .hds-app-header__home-link.mock-active {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-neutral-500);
}

.hds-app-header__home-link {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 3px;
  text-decoration: none;
}

.hds-app-header__home-link:disabled, .hds-app-header__home-link[disabled], .hds-app-header__home-link.mock-disabled, .hds-app-header__home-link:disabled:focus, .hds-app-header__home-link[disabled]:focus, .hds-app-header__home-link.mock-disabled:focus, .hds-app-header__home-link:disabled:hover, .hds-app-header__home-link[disabled]:hover, .hds-app-header__home-link.mock-disabled:hover {
  color: var(--token-color-foreground-disabled);
  background-color: var(--token-color-palette-neutral-600);
  border-color: var(--token-color-palette-neutral-500);
}

.hds-app-header__home-link svg {
  width: var(--token-app-header-logo-size);
  height: var(--token-app-header-logo-size);
}

.hds-app-header__actions-content,
.hds-app-header__actions {
  display: flex;
  flex: 1;
  gap: inherit;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
:root {
  --hds-app-side-nav-width-minimized: 16px;
  --hds-app-side-nav-width-expanded: 280px;
  --hds-app-side-nav-width-fixed: var(--hds-app-side-nav-width-expanded);
  --hds-app-side-nav-animation-duration: 200ms;
  --hds-app-side-nav-animation-delay: var(--hds-app-side-nav-animation-duration);
  --hds-app-side-nav-animation-easing: cubic-bezier(0.65, 0, 0.35, 1);
  --hds-app-side-nav-toggle-button-width: 24px;
}

@media (prefers-reduced-motion) {
  :root {
    --hds-app-side-nav-animation-duration: 0;
  }
}
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-app-side-nav {
  position: relative;
  width: var(--hds-app-side-nav-width-fixed);
  height: 100%;
  min-height: 100%;
  isolation: isolate;
}

.hds-app-side-nav.hds-app-side-nav--is-responsive {
  transition: width var(--hds-app-side-nav-animation-duration) var(--hds-app-side-nav-animation-easing);
}

.hds-app-side-nav.hds-app-side-nav--is-mobile {
  width: var(--hds-app-side-nav-width-minimized);
}

.hds-app-side-nav.hds-app-side-nav--is-desktop.hds-app-side-nav--is-not-minimized {
  width: var(--hds-app-side-nav-width-expanded);
}

.hds-app-side-nav.hds-app-side-nav--is-desktop.hds-app-side-nav--is-minimized {
  width: var(--hds-app-side-nav-width-minimized);
}

.hds-app-side-nav__overlay {
  position: fixed;
  z-index: -1;
  inset: 0;
  background-color: var(--token-color-palette-neutral-700);
  opacity: 0.2;
  transition: opacity var(--hds-app-side-nav-animation-duration) var(--hds-app-side-nav-animation-easing) var(--hds-app-side-nav-animation-delay);
}

.hds-app-side-nav--is-minimized .hds-app-side-nav__overlay {
  opacity: 0;
  pointer-events: none;
}

.hds-app-side-nav--is-desktop .hds-app-side-nav__overlay {
  display: none;
}

.hds-app-side-nav__wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: var(--token-app-side-nav-color-foreground-primary);
  background: var(--token-app-side-nav-color-surface-primary);
  border-right: var(--token-app-side-nav-wrapper-border-width) solid var(--token-app-side-nav-wrapper-border-color);
}

.hds-app-side-nav--is-responsive .hds-app-side-nav__wrapper {
  transition: width var(--hds-app-side-nav-animation-duration) var(--hds-app-side-nav-animation-easing);
}

.hds-app-side-nav--is-minimized .hds-app-side-nav__wrapper {
  width: var(--hds-app-side-nav-width-minimized);
}

.hds-app-side-nav--is-not-minimized .hds-app-side-nav__wrapper {
  width: var(--hds-app-side-nav-width-expanded);
}

.hds-app-side-nav__wrapper-body {
  flex: 1;
  padding: var(--token-app-side-nav-wrapper-padding-vertical) var(--token-app-side-nav-wrapper-padding-horizontal);
  overflow-x: hidden;
  overflow-y: auto;
}

.hds-app-side-nav--is-minimized .hds-app-side-nav__wrapper-body {
  visibility: hidden !important;
  opacity: 0;
  pointer-events: none;
}

.hds-app-side-nav--is-not-minimized .hds-app-side-nav__wrapper-body {
  visibility: visible;
  opacity: 1;
  transition: opacity var(--hds-app-side-nav-animation-duration) var(--hds-app-side-nav-animation-easing) var(--hds-app-side-nav-animation-delay);
}

.hds-app-side-nav--is-animating .hds-app-side-nav__wrapper-body {
  pointer-events: none;
}

/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-app-side-nav__content {
  margin: 0 calc(var(--token-app-side-nav-wrapper-padding-horizontal) * -1);
}

.hds-app-side-nav--is-minimized .hds-app-side-nav__content {
  height: 0;
  overflow: hidden;
}

.hds-app-side-nav__content-panels {
  display: grid;
  grid-template-columns: repeat(5, var(--hds-app-side-nav-width-expanded));
  width: 100%;
}

.hds-app-side-nav__content-panel {
  padding: 0 var(--token-app-side-nav-wrapper-padding-horizontal);
}

.hds-app-side-nav__content-panel[aria-hidden=true] {
  max-height: 0;
  overflow: hidden;
}

.hds-app-side-nav__list-title {
  min-height: var(--token-app-side-nav-body-list-item-height);
  margin-top: var(--token-app-side-nav-body-list-margin-vertical);
  padding: 9px var(--token-app-side-nav-body-list-item-padding-horizontal);
  color: var(--token-app-side-nav-color-foreground-faint);
  overflow-wrap: break-word;
}

.hds-app-side-nav__list-wrapper:first-child .hds-app-side-nav__list-item:first-child > .hds-app-side-nav__list-title {
  margin-top: 0;
}

.hds-app-side-nav__list-wrapper,
.hds-app-side-nav__list {
  margin: 0;
  padding: 0;
}

.hds-app-side-nav__list-item {
  list-style-type: none;
}

.hds-app-side-nav__list-item + .hds-app-side-nav__list-item {
  margin-top: var(--token-app-side-nav-body-list-item-spacing-vertical);
}

.hds-app-side-nav__list-item-link {
  display: flex;
  gap: var(--token-app-side-nav-body-list-item-content-spacing-horizontal);
  align-items: center;
  width: 100%;
  min-height: var(--token-app-side-nav-body-list-item-height);
  padding: var(--token-app-side-nav-body-list-item-padding-vertical) var(--token-app-side-nav-body-list-item-padding-horizontal);
  color: var(--token-app-side-nav-color-foreground-primary);
  text-decoration: none;
  background: transparent;
  border-color: transparent;
  border-width: 0;
  border-radius: var(--token-app-side-nav-body-list-item-border-radius);
}

.hds-app-side-nav__list-item-link:focus, .hds-app-side-nav__list-item-link.mock-focus {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}

.hds-app-side-nav__list-item-link:focus::before, .hds-app-side-nav__list-item-link.mock-focus::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 5px;
  content: "";
}

.hds-app-side-nav__list-item-link:focus:focus::before, .hds-app-side-nav__list-item-link:focus.mock-focus::before, .hds-app-side-nav__list-item-link.mock-focus:focus::before, .hds-app-side-nav__list-item-link.mock-focus.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-app-side-nav__list-item-link:focus:focus:not(:focus-visible)::before, .hds-app-side-nav__list-item-link.mock-focus:focus:not(:focus-visible)::before {
  box-shadow: none;
}

.hds-app-side-nav__list-item-link:focus:focus-visible::before, .hds-app-side-nav__list-item-link.mock-focus:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-app-side-nav__list-item-link:focus:focus:active::before, .hds-app-side-nav__list-item-link:focus.mock-focus.mock-active::before, .hds-app-side-nav__list-item-link.mock-focus:focus:active::before, .hds-app-side-nav__list-item-link.mock-focus.mock-focus.mock-active::before {
  box-shadow: none;
}

.hds-app-side-nav__list-item-link:focus, .hds-app-side-nav__list-item-link.mock-focus {
  z-index: 1;
}

.hds-app-side-nav__list-item-link:hover, .hds-app-side-nav__list-item-link.mock-hover {
  background: var(--token-app-side-nav-color-surface-interactive-hover);
  border-color: transparent;
}

.hds-app-side-nav__list-item-link:hover .hds-app-side-nav__list-item-text,
.hds-app-side-nav__list-item-link:hover .hds-app-side-nav__list-item-icon-leading,
.hds-app-side-nav__list-item-link:hover .hds-app-side-nav__list-item-icon-trailing, .hds-app-side-nav__list-item-link.mock-hover .hds-app-side-nav__list-item-text,
.hds-app-side-nav__list-item-link.mock-hover .hds-app-side-nav__list-item-icon-leading,
.hds-app-side-nav__list-item-link.mock-hover .hds-app-side-nav__list-item-icon-trailing {
  color: var(--token-app-side-nav-color-foreground-strong);
}

.hds-app-side-nav__list-item-link:active, .hds-app-side-nav__list-item-link.mock-active {
  background: var(--token-color-surface-interactive-active);
}

.hds-app-side-nav__list-item-link.active, .hds-app-side-nav__list-item-link.active:hover:focus {
  position: relative;
  background: var(--token-color-surface-strong);
}

.hds-app-side-nav__list-item-link.active::after, .hds-app-side-nav__list-item-link.active:hover:focus::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--token-app-side-nav-wrapper-padding-horizontal) * -1);
  width: 4px;
  background: var(--token-color-foreground-action);
  border-radius: 0 2px 2px 0;
  content: "";
}

.hds-app-side-nav__list-item-link.active .hds-app-side-nav__list-item-text,
.hds-app-side-nav__list-item-link.active .hds-app-side-nav__list-item-icon-leading,
.hds-app-side-nav__list-item-link.active .hds-app-side-nav__list-item-icon-trailing, .hds-app-side-nav__list-item-link.active:hover:focus .hds-app-side-nav__list-item-text,
.hds-app-side-nav__list-item-link.active:hover:focus .hds-app-side-nav__list-item-icon-leading,
.hds-app-side-nav__list-item-link.active:hover:focus .hds-app-side-nav__list-item-icon-trailing {
  color: var(--token-color-foreground-action);
}

.hds-app-side-nav__list-item-link--back-link:active, .hds-app-side-nav__list-item-link--back-link.mock-active {
  background: var(--token-app-side-nav-color-surface-primary);
}

.hds-app-side-nav__list-item-link--back-link:active .hds-app-side-nav__list-item-text,
.hds-app-side-nav__list-item-link--back-link:active .hds-app-side-nav__list-item-icon-leading,
.hds-app-side-nav__list-item-link--back-link:active .hds-app-side-nav__list-item-icon-trailing, .hds-app-side-nav__list-item-link--back-link.mock-active .hds-app-side-nav__list-item-text,
.hds-app-side-nav__list-item-link--back-link.mock-active .hds-app-side-nav__list-item-icon-leading,
.hds-app-side-nav__list-item-link--back-link.mock-active .hds-app-side-nav__list-item-icon-trailing {
  color: var(--token-app-side-nav-color-foreground-primary);
}

.hds-app-side-nav__list-item-text {
  min-width: 0;
  max-width: 100%;
  color: var(--token-color-foreground-strong);
  text-align: left;
  overflow-wrap: break-word;
}

.hds-app-side-nav__list-item-icon-leading {
  flex: none;
}

.hds-app-side-nav__list-item-icon-trailing {
  flex: none;
  margin-left: auto;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-app-side-nav__toggle-button {
  position: absolute;
  top: var(--token-app-side-nav-wrapper-padding-vertical);
  left: calc(var(--token-app-side-nav-wrapper-border-width) * -1);
  z-index: 1;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  width: var(--hds-app-side-nav-toggle-button-width);
  height: 36px;
  padding: 0 4px;
  color: var(--token-color-foreground-primary);
  background: none;
  background-color: var(--token-app-side-nav-color-surface-primary);
  border: var(--token-app-side-nav-wrapper-border-width) solid var(--token-app-side-nav-wrapper-border-color);
  border-left-color: transparent;
  border-top-right-radius: var(--token-app-side-nav-toggle-button-border-radius);
  border-bottom-right-radius: var(--token-app-side-nav-toggle-button-border-radius);
  transform: translateX(var(--hds-app-side-nav-width-expanded));
  cursor: pointer;
  transition: transform var(--hds-app-side-nav-animation-duration) var(--hds-app-side-nav-animation-easing), width var(--hds-app-side-nav-animation-duration) var(--hds-app-side-nav-animation-easing);
}

.hds-app-side-nav__toggle-button::before {
  position: absolute;
  top: calc(var(--token-app-side-nav-toggle-button-border-radius) * -2);
  left: calc(var(--token-app-side-nav-wrapper-border-width) * -1);
  box-sizing: border-box;
  width: calc(var(--token-app-side-nav-toggle-button-border-radius) * 2);
  height: calc(var(--token-app-side-nav-toggle-button-border-radius) * 2);
  border-bottom: var(--token-app-side-nav-wrapper-border-width) solid var(--token-app-side-nav-wrapper-border-color);
  border-left: var(--token-app-side-nav-wrapper-border-width) solid var(--token-app-side-nav-wrapper-border-color);
  border-bottom-left-radius: var(--token-app-side-nav-toggle-button-border-radius);
  box-shadow: 0 var(--token-app-side-nav-toggle-button-border-radius) 0 var(--token-app-side-nav-color-surface-primary);
  content: "";
}

.hds-app-side-nav__toggle-button::after {
  position: absolute;
  bottom: calc(var(--token-app-side-nav-toggle-button-border-radius) * -2);
  left: calc(var(--token-app-side-nav-wrapper-border-width) * -1);
  box-sizing: border-box;
  width: calc(var(--token-app-side-nav-toggle-button-border-radius) * 2);
  height: calc(var(--token-app-side-nav-toggle-button-border-radius) * 2);
  border-bottom: var(--token-app-side-nav-wrapper-border-width) solid var(--token-app-side-nav-wrapper-border-color);
  border-left: var(--token-app-side-nav-wrapper-border-width) solid var(--token-app-side-nav-wrapper-border-color);
  border-bottom-left-radius: var(--token-app-side-nav-toggle-button-border-radius);
  box-shadow: 0 var(--token-app-side-nav-toggle-button-border-radius) 0 var(--token-app-side-nav-color-surface-primary);
  transform: scaleY(-1);
  content: "";
}

.hds-app-side-nav__toggle-button:hover, .hds-app-side-nav__toggle-button.mock-hover {
  width: 30px;
  background-color: var(--token-app-side-nav-color-surface-interactive-hover);
}

.hds-app-side-nav__toggle-button:hover::before, .hds-app-side-nav__toggle-button:hover::after, .hds-app-side-nav__toggle-button.mock-hover::before, .hds-app-side-nav__toggle-button.mock-hover::after {
  box-shadow: 0 var(--token-app-side-nav-toggle-button-border-radius) 0 var(--token-app-side-nav-color-surface-interactive-hover);
}

.hds-app-side-nav__toggle-button:active, .hds-app-side-nav__toggle-button.mock-active {
  background-color: var(--token-app-side-nav-color-surface-interactive-active);
}

.hds-app-side-nav__toggle-button:active::before, .hds-app-side-nav__toggle-button:active::after, .hds-app-side-nav__toggle-button.mock-active::before, .hds-app-side-nav__toggle-button.mock-active::after {
  box-shadow: 0 var(--token-app-side-nav-toggle-button-border-radius) 0 var(--token-app-side-nav-color-surface-interactive-active);
}

.hds-app-side-nav__toggle-button:focus-visible, .hds-app-side-nav__toggle-button.mock-focus {
  border-color: var(--token-color-focus-action-internal);
  outline: 3px solid var(--token-color-focus-action-external);
}

.hds-app-side-nav__toggle-button:focus-visible::before, .hds-app-side-nav__toggle-button:focus-visible::after, .hds-app-side-nav__toggle-button.mock-focus::before, .hds-app-side-nav__toggle-button.mock-focus::after {
  display: none;
}

.hds-app-side-nav--is-minimized .hds-app-side-nav__toggle-button {
  transform: translateX(var(--hds-app-side-nav-width-minimized));
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-application-state {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: fit-content;
}

.hds-application-state.hds-application-state--align-center {
  align-items: center;
  text-align: center;
}

.hds-application-state.hds-application-state--align-center .hds-application-state__header,
.hds-application-state.hds-application-state--align-center .hds-application-state__body,
.hds-application-state.hds-application-state--align-center .hds-application-state__footer {
  width: auto;
}

.hds-application-state.hds-application-state--is-auto-centered {
  margin: 0 auto;
}

.hds-application-state__media {
  margin-bottom: 32px;
}

.hds-application-state__media > * {
  display: block;
  max-width: 100%;
}

.hds-application-state__header {
  display: grid;
  grid-template-areas: "error error" "icon title";
  grid-template-columns: min-content 1fr;
  align-items: center;
  width: 100%;
  max-width: 480px;
  color: var(--token-color-foreground-strong);
}

.hds-application-state__error-code {
  grid-area: error;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.hds-application-state__icon {
  grid-area: icon;
  margin-right: 8px;
  padding-top: 4px;
}

.hds-application-state__title {
  grid-row: 2;
  font-weight: var(--token-typography-font-weight-semibold);
}

.hds-application-state__title:not(.hds-application-state__icon + .hds-application-state__title) {
  grid-column: icon/title;
}

.hds-application-state__body {
  width: 100%;
  max-width: 480px;
  margin: 12px 0 0;
  color: var(--token-color-foreground-primary);
}

.hds-application-state__footer {
  display: flex;
  gap: 16px;
  width: 100%;
  max-width: 480px;
  margin-top: 24px;
}

.hds-application-state__footer > :nth-child(3) {
  margin-left: auto;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-badge {
  --token-color-surface-success: var(--token-color-palette-green-100);
  --token-color-foreground-success-on-surface: var(--token-color-palette-green-400);
  --token-color-surface-warning: var(--token-color-palette-amber-100);
  --token-color-foreground-warning-on-surface: var(--token-color-palette-amber-400);
  --token-color-surface-critical: var(--token-color-palette-red-100);
  --token-color-foreground-critical-on-surface: var(--token-color-palette-red-400);
  --token-color-surface-highlight: var(--token-color-palette-purple-100);
  --token-color-foreground-highlight-on-surface: var(--token-color-palette-purple-400);
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: var(--token-border-radius-small);
}

.hds-badge__icon {
  display: block;
  flex: 0 0 auto;
}

.hds-badge__text {
  flex: 1 0 0;
  font-weight: var(--token-typography-font-weight-medium);
  font-family: var(--token-typography-font-stack-text);
}

.hds-badge--size-small {
  gap: 0.25rem;
  min-height: 1.25rem;
  padding: calc(0.125rem - 1px) calc(0.375rem - 1px);
}

.hds-badge--size-small .hds-badge__icon {
  width: 0.75rem;
  height: 0.75rem;
}

.hds-badge--size-small .hds-badge__text {
  font-size: 0.8125rem;
  line-height: 1.2308;
}

.hds-badge--size-medium {
  gap: 0.25rem;
  min-height: 1.5rem;
  padding: calc(0.25rem - 1px) calc(0.5rem - 1px);
}

.hds-badge--size-medium .hds-badge__icon {
  width: 1rem;
  height: 1rem;
}

.hds-badge--size-medium .hds-badge__text {
  font-size: 0.8125rem;
  line-height: 1.2308;
}

.hds-badge--size-large {
  gap: 0.375rem;
  min-height: 2rem;
  padding: calc(0.25rem - 1px) calc(0.5rem - 1px);
}

.hds-badge--size-large .hds-badge__icon {
  width: 1rem;
  height: 1rem;
}

.hds-badge--size-large .hds-badge__text {
  font-size: 1rem;
  line-height: 1.5;
}

.hds-badge--color-neutral.hds-badge--type-filled {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-palette-neutral-200);
}

.hds-badge--color-neutral.hds-badge--type-inverted {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-neutral-500);
}

.hds-badge--color-neutral.hds-badge--type-outlined {
  color: var(--token-color-foreground-primary);
  background-color: transparent;
  border-color: var(--token-color-palette-neutral-500);
}

.hds-badge--color-neutral-dark-mode.hds-badge--type-filled {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-neutral-500);
}

.hds-badge--color-neutral-dark-mode.hds-badge--type-inverted {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-faint);
}

.hds-badge--color-neutral-dark-mode.hds-badge--type-outlined {
  color: var(--token-color-foreground-high-contrast);
  background-color: transparent;
  border-color: var(--token-color-palette-neutral-50);
}

.hds-badge--color-highlight.hds-badge--type-filled {
  color: var(--token-color-foreground-highlight-on-surface);
  background-color: var(--token-color-surface-highlight);
}

.hds-badge--color-highlight.hds-badge--type-inverted {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-purple-200);
}

.hds-badge--color-highlight.hds-badge--type-outlined {
  color: var(--token-color-foreground-highlight);
  background-color: transparent;
  border-color: var(--token-color-palette-purple-200);
}

.hds-badge--color-success.hds-badge--type-filled {
  color: var(--token-color-foreground-success-on-surface);
  background-color: var(--token-color-surface-success);
}

.hds-badge--color-success.hds-badge--type-inverted {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-green-200);
}

.hds-badge--color-success.hds-badge--type-outlined {
  color: var(--token-color-foreground-success);
  background-color: transparent;
  border-color: var(--token-color-palette-green-200);
}

.hds-badge--color-warning.hds-badge--type-filled {
  color: var(--token-color-foreground-warning-on-surface);
  background-color: var(--token-color-surface-warning);
}

.hds-badge--color-warning.hds-badge--type-inverted {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-amber-200);
}

.hds-badge--color-warning.hds-badge--type-outlined {
  color: var(--token-color-foreground-warning);
  background-color: transparent;
  border-color: var(--token-color-palette-amber-200);
}

.hds-badge--color-critical.hds-badge--type-filled {
  color: var(--token-color-foreground-critical-on-surface);
  background-color: var(--token-color-surface-critical);
}

.hds-badge--color-critical.hds-badge--type-inverted {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-red-200);
}

.hds-badge--color-critical.hds-badge--type-outlined {
  color: var(--token-color-foreground-critical);
  background-color: transparent;
  border-color: var(--token-color-palette-red-200);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-badge-count {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  font-weight: var(--token-typography-font-weight-medium);
  font-family: var(--token-typography-font-stack-text);
  border: 1px solid transparent;
}

.hds-badge-count--size-small {
  min-height: 1.25rem;
  padding: calc(0.125rem - 1px) calc(0.5rem - 1px);
  font-size: 0.8125rem;
  line-height: 1.2308;
  border-radius: 0.625rem;
}

.hds-badge-count--size-medium {
  min-height: 1.5rem;
  padding: calc(0.25rem - 1px) calc(0.75rem - 1px);
  font-size: 0.8125rem;
  line-height: 1.2308;
  border-radius: 0.75rem;
}

.hds-badge-count--size-large {
  min-height: 2rem;
  padding: calc(0.25rem - 1px) calc(0.875rem - 1px);
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 1rem;
}

.hds-badge-count--color-neutral.hds-badge-count--type-filled {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-palette-neutral-200);
}

.hds-badge-count--color-neutral.hds-badge-count--type-inverted {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-neutral-500);
}

.hds-badge-count--color-neutral.hds-badge-count--type-outlined {
  color: var(--token-color-foreground-primary);
  background-color: transparent;
  border-color: var(--token-color-palette-neutral-500);
}

.hds-badge-count--color-neutral-dark-mode.hds-badge-count--type-filled {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-neutral-500);
}

.hds-badge-count--color-neutral-dark-mode.hds-badge-count--type-inverted {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-faint);
}

.hds-badge-count--color-neutral-dark-mode.hds-badge-count--type-outlined {
  color: var(--token-color-foreground-high-contrast);
  background-color: transparent;
  border-color: var(--token-color-palette-neutral-50);
}

/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-breadcrumb {
  position: relative;
}

.hds-breadcrumb__list {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hds-breadcrumb--items-can-wrap .hds-breadcrumb__list {
  flex-wrap: wrap;
}

.hds-breadcrumb__sublist {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hds-breadcrumb__item {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 0;
}

.hds-breadcrumb__list > .hds-breadcrumb__item:not(:last-child)::after {
  padding: 0 8px;
  color: var(--token-color-palette-neutral-300);
  content: "/";
}

.hds-breadcrumb__sublist > .hds-breadcrumb__item + .hds-breadcrumb__item {
  margin-top: 4px;
}

.hds-breadcrumb__item--is-truncation {
  flex: none;
}

.hds-breadcrumb__link {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 0;
  margin: 0 -4px;
  padding: 0 4px;
  color: var(--token-color-foreground-faint);
  background: none;
  border: none;
  border-radius: var(--token-border-radius-small);
  text-decoration-color: transparent;
  cursor: pointer;
}

.hds-breadcrumb__link:hover, .hds-breadcrumb__link.mock-hover {
  color: var(--token-color-palette-neutral-600);
}

.hds-breadcrumb__link:hover > .hds-breadcrumb__text, .hds-breadcrumb__link.mock-hover > .hds-breadcrumb__text {
  text-decoration-color: currentColor;
}

.hds-breadcrumb__link {
  outline-style: solid;
  outline-color: transparent;
}

.hds-breadcrumb__link:focus, .hds-breadcrumb__link.mock-focus {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-breadcrumb__link:focus:not(:focus-visible) {
  box-shadow: none;
}

.hds-breadcrumb__link:focus-visible {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-breadcrumb__link:focus:active, .hds-breadcrumb__link.mock-focus.mock-active {
  box-shadow: none;
}

.hds-breadcrumb__link:active, .hds-breadcrumb__link.mock-active {
  color: var(--token-color-foreground-secondary);
}

.hds-breadcrumb__link:active > .hds-breadcrumb__text, .hds-breadcrumb__link.mock-active > .hds-breadcrumb__text {
  text-decoration-color: currentColor;
}

.hds-breadcrumb__current {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 0;
  margin: 0 -4px;
  padding: 0 4px;
  color: var(--token-color-foreground-strong);
}

.hds-breadcrumb__icon {
  flex: none;
  width: 13px;
  height: 13px;
  margin-right: 6px;
}

.hds-breadcrumb__text {
  padding: calc((28px - 1rem) / 2) 0;
  overflow: hidden;
  font-size: 0.8125rem;
  font-family: var(--token-typography-font-stack-text);
  line-height: 1rem;
  white-space: nowrap;
  text-decoration: underline;
  text-overflow: ellipsis;
  text-decoration-color: transparent;
}

.hds-breadcrumb__sublist .hds-breadcrumb__text {
  white-space: normal;
}

.hds-breadcrumb__truncation-toggle {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: 0 -4px;
  padding: 0;
  color: var(--token-color-foreground-faint);
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: var(--token-border-radius-small);
  outline: none;
  cursor: pointer;
}

.hds-breadcrumb__truncation-toggle:hover, .hds-breadcrumb__truncation-toggle.mock-hover {
  color: var(--token-color-foreground-faint);
  background-color: var(--token-color-surface-interactive);
  border-color: var(--token-color-border-strong);
}

.hds-breadcrumb__truncation-toggle {
  outline-style: solid;
  outline-color: transparent;
}

.hds-breadcrumb__truncation-toggle:focus, .hds-breadcrumb__truncation-toggle.mock-focus {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-breadcrumb__truncation-toggle:focus:not(:focus-visible) {
  box-shadow: none;
}

.hds-breadcrumb__truncation-toggle:focus-visible {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-breadcrumb__truncation-toggle:focus:active, .hds-breadcrumb__truncation-toggle.mock-focus.mock-active {
  box-shadow: none;
}

.hds-breadcrumb__truncation-toggle:focus, .hds-breadcrumb__truncation-toggle.mock-focus {
  background-color: transparent;
  border: none;
}

.hds-breadcrumb__truncation-toggle:active, .hds-breadcrumb__truncation-toggle.mock-active {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-interactive-active);
  border-color: var(--token-color-border-strong);
}

.hds-breadcrumb__truncation-content {
  position: relative;
  width: max-content;
  max-width: 200px;
  padding: 6px 12px;
  background-color: var(--token-color-surface-primary);
  border-radius: var(--token-border-radius-medium);
  box-shadow: var(--token-surface-high-box-shadow);
}

:where(.hds-breadcrumb__truncation-content[popover]) {
  width: fit-content;
  height: fit-content;
  margin: 0;
  padding: 0;
  overflow: visible;
  color: inherit;
  background: none;
  border: none;
  inset: 0;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-button {
  position: relative;
  display: flex;
  gap: 0.375rem;
  align-items: center;
  justify-content: center;
  width: auto;
  font-weight: var(--token-typography-font-weight-regular);
  font-family: var(--token-typography-font-stack-text);
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: var(--token-border-radius-small);
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}

a.hds-button {
  width: fit-content;
}

a.hds-button:hover, a.hds-button:focus, a.hds-button:active, a.hds-button.mock-hover, a.hds-button.mock-focus, a.hds-button.mock-active {
  text-decoration: underline;
}

.hds-button:disabled, .hds-button[disabled], .hds-button.mock-disabled, .hds-button:disabled:focus, .hds-button[disabled]:focus, .hds-button.mock-disabled:focus, .hds-button:disabled:hover, .hds-button[disabled]:hover, .hds-button.mock-disabled:hover {
  color: var(--token-color-foreground-disabled);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-border-primary);
  box-shadow: none;
  cursor: not-allowed;
}

.hds-button.hds-button--width-full {
  width: 100%;
  max-width: 100%;
}

.hds-button.hds-button--width-full .hds-button__text {
  flex: 0 0 auto;
}

.hds-button:focus, .hds-button.mock-focus {
  box-shadow: none;
}

.hds-button:focus::before, .hds-button.mock-focus::before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  z-index: -1;
  border: 3px solid transparent;
  border-radius: calc(var(--token-border-radius-small) + 3px);
  content: "";
}

.hds-button__icon {
  display: block;
}

.hds-button__text {
  display: block;
  flex: 1 0 0;
  text-align: center;
}

.hds-button--color-primary {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-blue-200);
  border-color: var(--token-color-palette-blue-300);
  box-shadow: var(--token-elevation-low-box-shadow);
}

.hds-button--color-primary:hover, .hds-button--color-primary.mock-hover {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-blue-300);
  border-color: var(--token-color-palette-blue-400);
  cursor: pointer;
}

.hds-button--color-primary:focus, .hds-button--color-primary.mock-focus {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-blue-200);
  border-color: var(--token-color-focus-action-internal);
}

.hds-button--color-primary:focus::before, .hds-button--color-primary.mock-focus::before {
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  border-color: var(--token-color-focus-action-external);
  border-radius: calc(var(--token-border-radius-small) + 3px + 2px);
}

.hds-button--color-primary:active, .hds-button--color-primary.mock-active {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-blue-400);
  border-color: var(--token-color-palette-blue-400);
  box-shadow: none;
}

.hds-button--color-primary:active::before, .hds-button--color-primary.mock-active::before {
  border-color: transparent;
}

.hds-button--color-secondary {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-border-strong);
  box-shadow: var(--token-elevation-low-box-shadow);
}

.hds-button--color-secondary:hover, .hds-button--color-secondary.mock-hover {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-primary);
  border-color: var(--token-color-border-strong);
  cursor: pointer;
}

.hds-button--color-secondary:focus, .hds-button--color-secondary.mock-focus {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-focus-action-internal);
}

.hds-button--color-secondary:focus::before, .hds-button--color-secondary.mock-focus::before {
  border-color: var(--token-color-focus-action-external);
}

.hds-button--color-secondary:active, .hds-button--color-secondary.mock-active {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-interactive-active);
  border-color: var(--token-color-border-strong);
  box-shadow: none;
}

.hds-button--color-secondary:active::before, .hds-button--color-secondary.mock-active::before {
  border-color: transparent;
}

.hds-button--color-tertiary {
  color: var(--token-color-foreground-action);
  background-color: transparent;
  border-color: transparent;
}

.hds-button--color-tertiary:hover, .hds-button--color-tertiary.mock-hover {
  color: var(--token-color-foreground-action-hover);
  background-color: var(--token-color-surface-primary);
  border-color: var(--token-color-border-strong);
  cursor: pointer;
}

.hds-button--color-tertiary:focus, .hds-button--color-tertiary.mock-focus {
  color: var(--token-color-foreground-action);
  border-color: var(--token-color-focus-action-internal);
}

.hds-button--color-tertiary:focus::before, .hds-button--color-tertiary.mock-focus::before {
  border-color: var(--token-color-focus-action-external);
}

.hds-button--color-tertiary:active, .hds-button--color-tertiary.mock-active {
  color: var(--token-color-foreground-action-active);
  background-color: var(--token-color-surface-interactive-active);
  border-color: var(--token-color-border-strong);
  box-shadow: none;
}

.hds-button--color-tertiary:active::before, .hds-button--color-tertiary.mock-active::before {
  border-color: transparent;
}

.hds-button--color-tertiary:disabled, .hds-button--color-tertiary[disabled], .hds-button--color-tertiary.mock-disabled, .hds-button--color-tertiary:disabled:focus, .hds-button--color-tertiary[disabled]:focus, .hds-button--color-tertiary.mock-disabled:focus, .hds-button--color-tertiary:disabled:hover, .hds-button--color-tertiary[disabled]:hover, .hds-button--color-tertiary.mock-disabled:hover {
  background-color: transparent;
  border-color: transparent;
}

.hds-button--color-tertiary:disabled::before, .hds-button--color-tertiary[disabled]::before, .hds-button--color-tertiary.mock-disabled::before, .hds-button--color-tertiary:disabled:focus::before, .hds-button--color-tertiary[disabled]:focus::before, .hds-button--color-tertiary.mock-disabled:focus::before, .hds-button--color-tertiary:disabled:hover::before, .hds-button--color-tertiary[disabled]:hover::before, .hds-button--color-tertiary.mock-disabled:hover::before {
  border-color: transparent;
}

.hds-button--color-critical {
  color: var(--token-color-foreground-critical-on-surface);
  background-color: var(--token-color-surface-critical);
  border-color: var(--token-color-foreground-critical-on-surface);
  box-shadow: var(--token-elevation-low-box-shadow);
}

.hds-button--color-critical:hover, .hds-button--color-critical.mock-hover {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-red-300);
  border-color: var(--token-color-palette-red-400);
  cursor: pointer;
}

.hds-button--color-critical:focus, .hds-button--color-critical.mock-focus {
  color: var(--token-color-foreground-critical-on-surface);
  background-color: var(--token-color-surface-critical);
  border-color: var(--token-color-focus-critical-internal);
}

.hds-button--color-critical:focus::before, .hds-button--color-critical.mock-focus::before {
  border-color: var(--token-color-focus-critical-external);
}

.hds-button--color-critical:active, .hds-button--color-critical.mock-active {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-red-400);
  border-color: var(--token-color-palette-red-400);
  box-shadow: none;
}

.hds-button--color-critical:active::before, .hds-button--color-critical.mock-active::before {
  border-color: transparent;
}

.hds-button--size-small {
  min-height: 1.75rem;
  padding: 0.375rem 0.6875rem;
}

.hds-button--size-small .hds-button__icon {
  width: 0.75rem;
  height: 0.75rem;
}

.hds-button--size-small .hds-button__text {
  font-size: 0.8125rem;
  line-height: 0.875rem;
}

.hds-button--size-small.hds-button--is-icon-only {
  min-width: 1.75rem;
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.hds-button--size-medium {
  min-height: 2.25rem;
  padding: 0.5625rem 0.9375rem;
}

.hds-button--size-medium .hds-button__icon {
  width: 1rem;
  height: 1rem;
}

.hds-button--size-medium .hds-button__text {
  font-size: 0.875rem;
  line-height: 1rem;
}

.hds-button--size-medium.hds-button--is-icon-only {
  min-width: 2.25rem;
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.hds-button--size-large {
  min-height: 3rem;
  padding: 0.6875rem 1.1875rem;
}

.hds-button--size-large .hds-button__icon {
  width: 1.5rem;
  height: 1.5rem;
}

.hds-button--size-large .hds-button__text {
  font-size: 1rem;
  line-height: 1.5rem;
}

.hds-button--size-large.hds-button--is-icon-only {
  min-width: 3rem;
  padding-right: 0.6875rem;
  padding-left: 0.6875rem;
}

.hds-button--is-inline {
  display: inline-flex;
}

button.hds-button[href] {
  color: white !important;
  background-color: red !important;
  border: none;
}

button.hds-button[href] .hds-button__text, button.hds-button[href]::before {
  display: none;
}

button.hds-button[href]::after {
  content: ' Attention: you’re passing a "href" attribute to the "Hds::Button" component, you should use an "@href" argument.';
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-button-set {
  display: flex;
  gap: 16px;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-card__container {
  position: relative;
  background-color: #fff;
  border-radius: var(--token-border-radius-medium);
}

.hds-card__container--level-surface-base {
  box-shadow: var(--token-surface-base-box-shadow);
}

.hds-card__container--level-surface-mid {
  box-shadow: var(--token-surface-mid-box-shadow);
}

.hds-card__container--level-surface-high {
  box-shadow: var(--token-surface-high-box-shadow);
}

.hds-card__container--hover-level-surface-base:hover,
.hds-card__container--hover-level-surface-base.mock-hover {
  box-shadow: var(--token-surface-base-box-shadow);
}

.hds-card__container--hover-level-surface-mid:hover,
.hds-card__container--hover-level-surface-mid.mock-hover {
  box-shadow: var(--token-surface-mid-box-shadow);
}

.hds-card__container--hover-level-surface-high:hover,
.hds-card__container--hover-level-surface-high.mock-hover {
  box-shadow: var(--token-surface-high-box-shadow);
}

.hds-card__container--active-level-surface-base:active,
.hds-card__container--active-level-surface-base.mock-active {
  box-shadow: var(--token-surface-base-box-shadow);
}

.hds-card__container--active-level-surface-mid:active,
.hds-card__container--active-level-surface-mid.mock-active {
  box-shadow: var(--token-surface-mid-box-shadow);
}

.hds-card__container--active-level-surface-high:active,
.hds-card__container--active-level-surface-high.mock-active {
  box-shadow: var(--token-surface-high-box-shadow);
}

.hds-card__container--level-elevation-base {
  box-shadow: var(--token-elevation-base-box-shadow);
}

.hds-card__container--level-elevation-mid {
  box-shadow: var(--token-elevation-mid-box-shadow);
}

.hds-card__container--level-elevation-high {
  box-shadow: var(--token-elevation-high-box-shadow);
}

.hds-card__container--hover-level-elevation-base:hover,
.hds-card__container--hover-level-elevation-base.mock-hover {
  box-shadow: var(--token-elevation-base-box-shadow);
}

.hds-card__container--hover-level-elevation-mid:hover,
.hds-card__container--hover-level-elevation-mid.mock-hover {
  box-shadow: var(--token-elevation-mid-box-shadow);
}

.hds-card__container--hover-level-elevation-high:hover,
.hds-card__container--hover-level-elevation-high.mock-hover {
  box-shadow: var(--token-elevation-high-box-shadow);
}

.hds-card__container--active-level-elevation-base:active,
.hds-card__container--active-level-elevation-base.mock-active {
  box-shadow: var(--token-elevation-base-box-shadow);
}

.hds-card__container--active-level-elevation-mid:active,
.hds-card__container--active-level-elevation-mid.mock-active {
  box-shadow: var(--token-elevation-mid-box-shadow);
}

.hds-card__container--active-level-elevation-high:active,
.hds-card__container--active-level-elevation-high.mock-active {
  box-shadow: var(--token-elevation-high-box-shadow);
}

.hds-card__container--background-neutral-primary {
  background-color: var(--token-color-surface-primary);
}

.hds-card__container--background-neutral-secondary {
  background-color: var(--token-color-surface-faint);
}

.hds-card__container--overflow-hidden {
  overflow: hidden;
}

.hds-card__container--overflow-visible {
  overflow: visible;
}

/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-code-block--theme-dark {
  --hds-code-block-color-blue: #2d8eff;
  --hds-code-block-color-cyan: #32fff7;
  --hds-code-block-color-green: #86ff13;
  --hds-code-block-color-orange: #ffa800;
  --hds-code-block-color-purple: #c76cff;
  --hds-code-block-color-red: #ff3b20;
  --hds-code-block-color-foreground-primary: #d5d7db;
  --hds-code-block-color-foreground-faint: #b2b6bd;
  --hds-code-block-color-surface-primary: #0d0e12;
  --hds-code-block-color-surface-faint: #15181e;
  --hds-code-block-color-foreground-success: #009241;
  --hds-code-block-color-foreground-critical: #ef3016;
  --hds-code-block-color-foreground-interactive: #dedfe3;
  --hds-code-block-color-foreground-interactive-hover: #fff;
  --hds-code-block-color-foreground-interactive-active: #f1f2f3;
  --hds-code-block-color-surface-interactive-active: #2b303c;
  --hds-code-block-color-foreground-action: #2b89ff;
  --hds-code-block-color-foreground-action-hover: #389aff;
  --hds-code-block-color-foreground-action-active: #4ca1ff;
  --hds-code-block-color-border-strong: rgba(178, 182, 189, 40%);
  --hds-code-block-color-border-primary: rgba(178, 182, 189, 20%);
  --hds-code-block-color-foreground-selection: #0d0e12;
  --hds-code-block-color-surface-selection: #86ff13;
  --hds-code-block-color-line-highlight: rgba(0, 74, 222, 20%);
  --hds-code-block-color-line-highlight-border: #1555d4;
  --hds-code-block-color-focus-action-internal: #9bc7fd;
  --hds-code-block-color-focus-action-external: #0d69f2;
  --hds-code-block-color-token: var(--hds-code-block-color-foreground-primary);
  --hds-code-block-color-atrule: var(--hds-code-block-color-blue);
  --hds-code-block-color-code-block-attr-name: var(--hds-code-block-color-blue);
  --hds-code-block-color-attr-value: var(--hds-code-block-color-blue);
  --hds-code-block-color-boolean: var(--hds-code-block-color-purple);
  --hds-code-block-color-builtin: var(--hds-code-block-color-orange);
  --hds-code-block-color-char: var(--hds-code-block-color-orange);
  --hds-code-block-color-class-name: var(--hds-code-block-color-blue);
  --hds-code-block-color-comment: var(--hds-code-block-color-foreground-faint);
  --hds-code-block-color-control: var(--hds-code-block-color-cyan);
  --hds-code-block-color-constant: var(--hds-code-block-color-purple);
  --hds-code-block-color-deleted: var(--hds-code-block-color-red);
  --hds-code-block-color-entity: var(--hds-code-block-color-green);
  --hds-code-block-color-function: var(--hds-code-block-color-blue);
  --hds-code-block-color-important: var(--hds-code-block-color-red);
  --hds-code-block-color-keyword: var(--hds-code-block-color-green);
  --hds-code-block-color-namespace: var(--hds-code-block-color-red);
  --hds-code-block-color-number: var(--hds-code-block-color-purple);
  --hds-code-block-color-operator: var(--hds-code-block-color-cyan);
  --hds-code-block-color-prolog: var(--hds-code-block-color-foreground-primary);
  --hds-code-block-color-property: var(--hds-code-block-color-blue);
  --hds-code-block-color-punctuation: var(--hds-code-block-color-foreground-primary);
  --hds-code-block-color-regex: var(--hds-code-block-color-orange);
  --hds-code-block-color-script: var(--hds-code-block-color-foreground-primary);
  --hds-code-block-color-selector: var(--hds-code-block-color-green);
  --hds-code-block-color-string: var(--hds-code-block-color-orange);
  --hds-code-block-color-symbol: var(--hds-code-block-color-orange);
  --hds-code-block-color-tag: var(--hds-code-block-color-green);
  --hds-code-block-color-url: var(--hds-code-block-color-cyan);
  --hds-code-block-color-lang-css: var(--hds-code-block-color-purple);
  --hds-code-block-color-lang-css-token: var(--hds-code-block-color-green);
  --hds-code-block-color-lang-css-atrule: var(--hds-code-block-color-purple);
  --hds-code-block-color-lang-css-entity: var(--hds-code-block-color-blue);
  --hds-code-block-color-lang-css-function: var(--hds-code-block-color-cyan);
  --hds-code-block-color-lang-css-property: var(--hds-code-block-color-cyan);
  --hds-code-block-color-lang-css-punctuation: var(--hds-code-block-color-orange);
  --hds-code-block-color-lang-css-not-atrule: var(--hds-code-block-color-foreground-primary);
  --hds-code-block-color-lang-css-selector: var(--hds-code-block-color-blue);
  --hds-code-block-color-lang-css-url: var(--hds-code-block-color-orange);
  --hds-code-block-color-lang-js-constant: var(--hds-code-block-color-orange);
  --hds-code-block-color-lang-markup-attr-value: var(--hds-code-block-color-yellow);
  --hds-code-block-color-lang-markup-entity-named: var(--hds-code-block-color-purple);
  --hds-code-block-color-lang-markup-entity-not-named: var(--hds-code-block-color-green);
}

.hds-code-block .token {
  color: var(--hds-code-block-color-token);
}

.hds-code-block .token.atrule {
  color: var(--hds-code-block-color-atrule);
}

.hds-code-block .token.attr-name {
  color: var(--hds-code-block-color-attr-name);
}

.hds-code-block .token.attr-value {
  color: var(--hds-code-block-color-attr-value);
}

.hds-code-block .token.boolean {
  color: var(--hds-code-block-color-boolean);
}

.hds-code-block .token.builtin {
  color: var(--hds-code-block-color-builtin);
}

.hds-code-block .token.char {
  color: var(--hds-code-block-color-char);
}

.hds-code-block .token.class-name {
  color: var(--hds-code-block-color-class-name);
}

.hds-code-block .token.comment {
  color: var(--hds-code-block-color-comment);
}

.hds-code-block .token.constant {
  color: var(--hds-code-block-color-constant);
}

.hds-code-block .token.deleted {
  color: var(--hds-code-block-color-deleted);
}

.hds-code-block .token.entity {
  color: var(--hds-code-block-color-entity);
}

.hds-code-block .token.function {
  color: var(--hds-code-block-color-function);
}

.hds-code-block .token.important {
  color: var(--hds-code-block-color-important);
}

.hds-code-block .token.keyword {
  color: var(--hds-code-block-color-keyword);
}

.hds-code-block .token.namespace {
  color: var(--hds-code-block-color-namespace);
}

.hds-code-block .token.number {
  color: var(--hds-code-block-color-number);
}

.hds-code-block .token.operator {
  color: var(--hds-code-block-color-operator);
}

.hds-code-block .token.punctuation {
  color: var(--hds-code-block-color-punctuation);
}

.hds-code-block .token.prolog {
  color: var(--hds-code-block-color-prolog);
}

.hds-code-block .token.property {
  color: var(--hds-code-block-color-property);
}

.hds-code-block .token.regex {
  color: var(--hds-code-block-color-regex);
}

.hds-code-block .token.script {
  color: var(--hds-code-block-color-script);
}

.hds-code-block .token.selector {
  color: var(--hds-code-block-color-selector);
}

.hds-code-block .token.string {
  color: var(--hds-code-block-color-string);
}

.hds-code-block .token.symbol {
  color: var(--hds-code-block-color-symbol);
}

.hds-code-block .token.tag {
  color: var(--hds-code-block-color-tag);
}

.hds-code-block .token.url {
  color: var(--hds-code-block-color-url);
}

.hds-code-block .token.variable {
  color: var(--hds-code-block-color-comment);
}

.hds-code-block .language-css {
  color: var(--hds-code-block-color-lang-css);
}

.hds-code-block .language-css .token {
  color: var(--hds-code-block-color-lang-css-token);
}

.hds-code-block .language-css .token.atrule {
  color: var(--hds-code-block-color-lang-css-atrule);
}

.hds-code-block .language-css .token.rule:not(.atrule) {
  color: var(--hds-code-block-color-lang-css-not-atrule);
}

.hds-code-block .language-css .token.entity {
  color: var(--hds-code-block-color-lang-css-entity);
}

.hds-code-block .language-css .token.function {
  color: var(--hds-code-block-color-lang-css-function);
}

.hds-code-block .language-css .token.property {
  color: var(--hds-code-block-color-lang-css-property);
}

.hds-code-block .language-css .token.punctuation {
  color: var(--hds-code-block-color-lang-css-punctuatione);
}

.hds-code-block .language-css .token.selector {
  color: var(--hds-code-block-color-lang-css-selector);
}

.hds-code-block .language-css .token.url {
  color: var(--hds-code-block-color-lang-css-url);
}

.hds-code-block .language-javascript .token.constant {
  color: var(--hds-code-block-color-lang-js-constant);
}

.hds-code-block .language-markup .token.attr-value,
.hds-code-block .language-html .token.attr-value {
  color: var(--hds-code-block-color-lang-markup-attr-value);
}

.hds-code-block .language-markup .token.entity.named-entity,
.hds-code-block .language-html .token.entity.named-entity {
  color: var(--hds-code-block-color-lang-markup-entity-named);
}

.hds-code-block .language-markup .token.entity:not(.named-entity),
.hds-code-block .language-html .token.entity:not(.named-entity) {
  color: var(--hds-code-block-color-lang-markup-entity-not-named);
}

.hds-code-block {
  position: relative;
  color: var(--hds-code-block-color-foreground-primary);
  background-color: var(--hds-code-block-color-surface-primary);
  border: 1px solid var(--hds-code-block-color-border-strong);
}

.hds-code-block pre,
.hds-code-block code {
  line-height: 1.4286;
  white-space: pre;
  text-align: left;
  text-shadow: none;
  word-wrap: normal;
  word-break: normal;
  word-spacing: normal;
  tab-size: 4;
  hyphens: none;
}

@media print {
  .hds-code-block pre,
  .hds-code-block code {
    text-shadow: none;
  }
}
.hds-code-block--is-standalone {
  overflow: hidden;
  border-radius: var(--token-border-radius-medium);
}

.hds-code-block--has-line-wrapping .hds-code-block__code,
.hds-code-block--has-line-wrapping .hds-code-block__code code {
  display: block;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

.hds-code-block__title {
  color: var(--hds-code-block-color-foreground-primary);
}

.hds-code-block__description {
  color: var(--hds-code-block-color-foreground-faint);
}

.hds-code-block__header {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 16px;
  background-color: var(--hds-code-block-color-surface-faint);
  border-bottom: 1px solid var(--hds-code-block-color-border-primary);
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.hds-code-block__header:empty {
  display: none;
}

.hds-code-block__header strong {
  font-weight: var(--token-typography-font-weight-semibold);
}

.hds-code-block__header code,
.hds-code-block__header pre {
  display: inline;
  font-size: 0.9em;
  font-family: var(--token-typography-code-100-font-family);
  line-height: 1em;
}

.hds-code-block__header a:not([class*=hds-]) {
  color: var(--hds-code-block-color-foreground-action);
}

.hds-code-block__header a:not([class*=hds-]):focus, .hds-code-block__header a:not([class*=hds-]):focus-visible {
  text-decoration: none;
  outline: 2px solid var(--token-color-focus-action-internal);
  outline-offset: 1px;
}

.hds-code-block__header a:not([class*=hds-]):hover {
  color: var(--token-color-foreground-action-hover);
}

.hds-code-block__header a:not([class*=hds-]):active {
  color: var(--token-color-foreground-action-active);
}

.hds-code-block__body {
  position: relative;
  border-radius: inherit;
}

.hds-code-block__code {
  outline-style: solid;
  outline-color: transparent;
}

.hds-code-block__code:focus, .hds-code-block__code.mock-focus {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-code-block__code:focus:not(:focus-visible) {
  box-shadow: none;
}

.hds-code-block__code:focus-visible {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-code-block__code:focus:active, .hds-code-block__code.mock-focus.mock-active {
  box-shadow: none;
}

.hds-code-block__code {
  position: relative;
  display: grid;
  margin: 0;
  padding: 16px 0 16px 16px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--token-color-palette-neutral-400) var(--token-color-palette-neutral-500);
  border-radius: inherit;
}

.hds-code-block__code ::selection {
  color: var(--hds-code-block-color-foreground-selection);
  background-color: var(--hds-code-block-color-surface-selection);
}

.hds-code-block__code code {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  font-size: 0.8125rem;
  font-family: var(--token-typography-code-200-font-family);
}

.hds-code-block__height-toggle-button,
.hds-code-block__copy-button {
  color: var(--hds-code-block-color-foreground-primary);
  background-color: var(--hds-code-block-color-surface-faint);
  border: 1px solid var(--hds-code-block-color-border-strong);
}

.hds-code-block__height-toggle-button:hover, .hds-code-block__height-toggle-button.mock-hover,
.hds-code-block__copy-button:hover,
.hds-code-block__copy-button.mock-hover {
  color: var(--hds-code-block-color-foreground-primary);
  background-color: var(--hds-code-block-color-surface-primary);
  border-color: var(--hds-code-block-color-border-strong);
}

.hds-code-block__height-toggle-button:active, .hds-code-block__height-toggle-button.mock-active,
.hds-code-block__copy-button:active,
.hds-code-block__copy-button.mock-active {
  color: var(--hds-code-block-color-foreground-primary);
  background-color: var(--hds-code-block-color-surface-interactive-active);
}

.hds-code-block__height-toggle-button:focus, .hds-code-block__height-toggle-button.mock-focus, .hds-code-block__height-toggle-button:focus-visible,
.hds-code-block__copy-button:focus,
.hds-code-block__copy-button.mock-focus,
.hds-code-block__copy-button:focus-visible {
  color: var(--hds-code-block-color-foreground-primary);
  background-color: var(--hds-code-block-color-surface-faint);
  border-color: var(--hds-code-block-color-focus-action-internal);
}

.hds-code-block__height-toggle-button:focus::before, .hds-code-block__height-toggle-button.mock-focus::before, .hds-code-block__height-toggle-button:focus-visible::before,
.hds-code-block__copy-button:focus::before,
.hds-code-block__copy-button.mock-focus::before,
.hds-code-block__copy-button:focus-visible::before {
  border-color: var(--hds-code-block-color-focus-action-external);
}

.hds-code-block__height-toggle-button .hds-icon,
.hds-code-block__copy-button .hds-icon {
  color: var(--hds-code-block-color-foreground-primary);
}

.hds-code-block__copy-button {
  position: absolute;
  top: 11px;
  right: 12px;
}

.hds-code-block__copy-button.hds-copy-button--status-success .hds-icon {
  color: var(--hds-code-block-color-foreground-success);
}

.hds-code-block__copy-button.hds-copy-button--status-error .hds-icon {
  color: var(--hds-code-block-color-foreground-critical);
}

.hds-code-block.line-numbers {
  counter-reset: linenumber;
}

.hds-code-block.line-numbers .hds-code-block__code {
  position: relative;
  padding-left: 65px;
}

.hds-code-block.line-numbers .hds-code-block__code code {
  position: static;
}

.hds-code-block.line-numbers .hds-code-block__overlay-footer {
  margin-left: 49px;
}

.hds-code-block.line-numbers .line-numbers-rows {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 49px;
  min-height: 100%;
  padding: 16px 0;
  border-right: 1px solid var(--hds-code-block-color-border-primary);
  user-select: none;
  pointer-events: none;
}

.hds-code-block.line-numbers .line-numbers-rows > span {
  display: block;
  counter-increment: linenumber;
}

.hds-code-block.line-numbers .line-numbers-rows > span::before {
  display: block;
  padding-right: 16px;
  text-align: right;
  content: counter(linenumber);
}

.hds-code-block.line-numbers .line-highlight {
  left: 0;
}

.hds-code-block .line-highlight {
  position: absolute;
  right: 0;
  left: -16px;
  background-color: var(--hds-code-block-color-line-highlight);
  border: solid var(--hds-code-block-color-line-highlight-border);
  border-width: 1px 0 1px 4px;
  mix-blend-mode: screen;
  pointer-events: none;
}

@media print {
  .hds-code-block .line-highlight {
    /*
     * This will prevent browsers from replacing the background color with white.
     * It's necessary because the element is layered on top of the displayed code.
     */
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
}
.hds-code-block .token.bold {
  font-weight: bold;
}

.hds-code-block .token.italic {
  font-style: italic;
}

.hds-code-block__overlay-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px 10px 16px;
  pointer-events: none;
}

.hds-code-block__overlay-footer > * {
  pointer-events: auto;
}

.hds-code-block--has-overlay-footer .hds-code-block__code::after {
  position: sticky;
  bottom: -16px;
  left: 0;
  display: block;
  height: 48px;
  margin: 0 0 -16px -1000px;
  background: linear-gradient(360deg, #0d0e12 37.07%, rgba(13, 14, 18, 0.25) 100%);
  content: "";
  pointer-events: none;
}

.hds-code-block--has-overlay-footer .line-numbers .line-numbers-rows {
  padding-bottom: 48px;
}

.hds-code-block--has-overlay-footer .line-numbers-rows {
  z-index: 1;
  isolation: isolate;
}

.hds-code-block--is-expanded .hds-code-block__code {
  padding-bottom: 48px;
}

.hds-code-block--is-expanded .hds-code-block__code::after {
  content: none;
}

.hds-code-block--is-expanded .hds-code-block__overlay-footer {
  background: none;
}

/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-code-editor--theme-dark {
  --hds-code-editor-color-border-strong: rgba(178, 182, 189, 40%);
  --hds-code-editor-color-border-primary: rgba(178, 182, 189, 20%);
  --hds-code-editor-color-foreground-primary: #d5d7db;
  --hds-code-editor-color-foreground-faint: #878a8f;
  --hds-code-editor-color-foreground-high-contrast: #fff;
  --hds-code-editor-color-surface-faint: #15181e;
  --hds-code-editor-color-surface-primary: #0d0e12;
  --hds-code-editor-color-surface-interactive-active: #2b303c;
  --hds-code-editor-color-focus-action-internal: #9bc7fd;
  --hds-code-editor-color-focus-action-external: #0d69f2;
}

.hds-code-editor {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: var(--hds-code-editor-color-surface-primary);
  border: 1px solid var(--hds-code-editor-color-border-strong);
}

.hds-code-editor.hds-code-editor--is-standalone {
  border-radius: var(--token-border-radius-medium);
}

.hds-code-editor.hds-code-editor--is-full-screen {
  position: fixed;
  inset: 0;
  z-index: 1000;
  border: none;
  border-radius: 0;
}

.hds-code-editor.hds-code-editor--is-full-screen .hds-code-editor__editor {
  max-height: unset;
}

.hds-code-editor .cm-editor .cm-scroller {
  font-size: 0.8125rem;
  font-family: var(--token-typography-code-200-font-family);
}

.hds-code-editor .hds-code-editor__header {
  display: flex;
  gap: 12px;
  align-items: start;
  padding: 16px;
  background-color: var(--hds-code-editor-color-surface-faint);
  border-bottom: 1px solid var(--hds-code-editor-color-border-primary);
}

.hds-code-editor .hds-code-editor__header-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.hds-code-editor .hds-code-editor__title {
  color: var(--hds-code-editor-color-foreground-primary);
}

.hds-code-editor .hds-code-editor__title + .hds-code-editor__description {
  margin-top: 4px;
}

.hds-code-editor .hds-code-editor__description {
  color: var(--hds-code-editor-color-foreground-faint);
}

.hds-code-editor .hds-code-editor__title + .hds-code-editor__header-generic,
.hds-code-editor .hds-code-editor__description + .hds-code-editor__header-generic {
  margin-top: 12px;
}

.hds-code-editor .hds-code-editor__header-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

.hds-code-editor .hds-code-editor__header-actions .hds-button {
  outline-offset: 0;
}

.hds-code-editor .hds-code-editor__editor {
  flex-grow: 1;
  overflow: auto;
}

.hds-code-editor .hds-code-editor__loader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 164px;
  color: var(--hds-code-editor-color-foreground-primary);
  background-color: var(--hds-code-editor-color-surface-primary);
}

.hds-code-editor .hds-button {
  color: var(--hds-code-editor-color-foreground-primary);
  background-color: var(--hds-code-editor-color-surface-faint);
  border: 1px solid var(--hds-code-editor-color-border-strong);
}

.hds-code-editor .hds-button:focus, .hds-code-editor .hds-button:hover {
  background-color: var(--hds-code-editor-color-surface-primary);
  border-color: var(--hds-code-editor-color-focus-action-internal);
}

.hds-code-editor .hds-button:focus::before, .hds-code-editor .hds-button:hover::before {
  border-color: var(--hds-code-editor-color-focus-action-external);
}

.hds-code-editor .hds-button:focus .hds-button__icon, .hds-code-editor .hds-button:hover .hds-button__icon {
  color: var(--hds-code-editor-color-foreground-primary);
}

.hds-code-editor .hds-button:active {
  background-color: var(--hds-code-editor-color-surface-interactive-active);
}

.hds-code-editor .hds-button .hds-button__icon {
  color: var(--hds-code-editor-color-foreground-primary);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-copy-button {
  cursor: pointer;
}

.hds-copy-button .hds-button__icon {
  color: var(--token-color-foreground-action);
}

.hds-copy-button:hover .hds-button__icon, .hds-copy-button.mock-hover .hds-button__icon {
  color: var(--token-color-foreground-action-hover);
}

.hds-copy-button:active .hds-button__icon, .hds-copy-button.mock-active .hds-button__icon {
  color: var(--token-color-foreground-action-active);
}

.hds-copy-button.hds-copy-button--status-success .hds-button__icon {
  color: var(--token-color-foreground-success);
}

.hds-copy-button.hds-copy-button--status-error .hds-button__icon {
  color: var(--token-color-foreground-critical);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-copy-snippet {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}

.hds-copy-snippet::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 5px;
  content: "";
}

.hds-copy-snippet:focus::before, .hds-copy-snippet.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-copy-snippet:focus:not(:focus-visible)::before {
  box-shadow: none;
}

.hds-copy-snippet:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-copy-snippet:focus:active::before, .hds-copy-snippet.mock-focus.mock-active::before {
  box-shadow: none;
}

.hds-copy-snippet {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  padding: 6px 4px;
  text-align: left;
  border: 1px solid transparent;
  border-radius: var(--token-border-radius-small);
  cursor: pointer;
}

.hds-copy-snippet--color-primary {
  color: var(--token-color-foreground-action);
  background-color: transparent;
}

.hds-copy-snippet--color-primary:hover, .hds-copy-snippet--color-primary.mock-hover {
  color: var(--token-color-foreground-action-hover);
  background-color: var(--token-color-surface-interactive);
  border-color: var(--token-color-border-strong);
}

.hds-copy-snippet--color-primary:active, .hds-copy-snippet--color-primary.mock-active {
  color: var(--token-color-foreground-action-active);
  background-color: var(--token-color-surface-interactive-active);
  border-color: var(--token-color-border-strong);
}

.hds-copy-snippet--color-primary.hds-copy-snippet--status-success {
  background-color: var(--token-color-surface-interactive);
}

.hds-copy-snippet--color-primary.hds-copy-snippet--status-success .hds-copy-snippet__icon {
  color: var(--token-color-foreground-success);
}

.hds-copy-snippet--color-primary.hds-copy-snippet--status-error {
  background-color: var(--token-color-surface-interactive);
}

.hds-copy-snippet--color-primary.hds-copy-snippet--status-error .hds-copy-snippet__icon {
  color: var(--token-color-foreground-critical);
}

.hds-copy-snippet--color-secondary {
  color: var(--token-color-foreground-primary);
  background-color: transparent;
}

.hds-copy-snippet--color-secondary .hds-copy-snippet__icon {
  color: var(--token-color-foreground-action);
}

.hds-copy-snippet--color-secondary:hover, .hds-copy-snippet--color-secondary.mock-hover {
  background-color: var(--token-color-surface-interactive);
  border-color: var(--token-color-border-strong);
}

.hds-copy-snippet--color-secondary:hover .hds-copy-snippet__icon, .hds-copy-snippet--color-secondary.mock-hover .hds-copy-snippet__icon {
  color: var(--token-color-foreground-action-hover);
}

.hds-copy-snippet--color-secondary:active, .hds-copy-snippet--color-secondary.mock-active {
  background-color: var(--token-color-surface-interactive-active);
  border-color: var(--token-color-border-strong);
}

.hds-copy-snippet--color-secondary:active .hds-copy-snippet__icon, .hds-copy-snippet--color-secondary.mock-active .hds-copy-snippet__icon {
  color: var(--token-color-foreground-action-active);
}

.hds-copy-snippet--color-secondary.hds-copy-snippet--status-success {
  background-color: var(--token-color-surface-interactive);
}

.hds-copy-snippet--color-secondary.hds-copy-snippet--status-success .hds-copy-snippet__icon {
  color: var(--token-color-foreground-success);
}

.hds-copy-snippet--color-secondary.hds-copy-snippet--status-error {
  background-color: var(--token-color-surface-interactive);
}

.hds-copy-snippet--color-secondary.hds-copy-snippet--status-error .hds-copy-snippet__icon {
  color: var(--token-color-foreground-critical);
}

.hds-copy-snippet--status-success {
  background-color: var(--token-color-surface-interactive);
}

.hds-copy-snippet--status-success .hds-copy-snippet__icon {
  color: var(--token-color-foreground-success);
}

.hds-copy-snippet--status-error {
  background-color: var(--token-color-surface-interactive);
}

.hds-copy-snippet--status-error .hds-copy-snippet__icon {
  color: var(--token-color-foreground-critical);
}

.hds-copy-snippet__text {
  flex: 1 0 0;
}

.hds-copy-snippet__icon {
  flex: none;
}

.hds-copy-snippet--width-full {
  width: 100%;
  max-width: 100%;
}

.hds-copy-snippet--is-truncated {
  width: 100%;
  max-width: 100%;
}

.hds-copy-snippet--is-truncated .hds-copy-snippet__text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
:where(.hds-dialog-primitive__wrapper) {
  position: initial;
  inset: initial;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: var(--token-color-surface-primary);
  border: none;
}

.hds-dialog-primitive__wrapper-header {
  flex: none;
  background: var(--token-color-surface-faint);
  border-bottom: 1px solid var(--token-color-border-primary);
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.hds-dialog-primitive__wrapper-header:not(:has(> *)) {
  display: none;
}

.hds-dialog-primitive__wrapper-body {
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.hds-dialog-primitive__wrapper-footer {
  flex: none;
  border-top: 1px solid var(--token-color-border-primary);
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.hds-dialog-primitive__wrapper-footer:not(:has(> *)) {
  display: none;
}

.hds-dialog-primitive__header {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 16px 24px;
  color: var(--token-color-foreground-strong);
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.hds-dialog-primitive__icon {
  flex: none;
  align-self: center;
}

.hds-dialog-primitive__title {
  flex-grow: 1;
  margin: 0;
}

.hds-dialog-primitive__tagline {
  margin-bottom: 4px;
  color: var(--token-color-foreground-faint);
}

.hds-dialog-primitive__dismiss {
  align-self: flex-start;
}

.hds-dialog-primitive__description {
  padding: 0 24px 16px;
}

.hds-dialog-primitive__body {
  padding: 24px;
}

.hds-dialog-primitive__footer {
  padding: 16px 24px;
  background: var(--token-color-surface-faint);
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.hds-dialog-primitive__footer .hds-button-set .hds-button--color-tertiary {
  margin-left: auto;
}

.hds-dialog-primitive__overlay {
  position: fixed;
  inset: 0;
  z-index: 49;
  background: var(--token-color-palette-neutral-700);
  opacity: 0.5;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-disclosure-primitive {
  position: relative;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-dismiss-button {
  flex: none;
  padding: 0;
  color: var(--token-color-foreground-faint);
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.hds-dismiss-button:hover::before, .hds-dismiss-button.mock-hover::before {
  background-color: rgba(222, 223, 227, 0.4);
}

.hds-dismiss-button {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}

.hds-dismiss-button::before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  z-index: -1;
  border-radius: 5px;
  content: "";
}

.hds-dismiss-button:focus::before, .hds-dismiss-button.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-dismiss-button:focus:not(:focus-visible)::before {
  box-shadow: none;
}

.hds-dismiss-button:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-dismiss-button:focus:active::before, .hds-dismiss-button.mock-focus.mock-active::before {
  box-shadow: none;
}

.hds-dismiss-button:active, .hds-dismiss-button.mock-active {
  color: var(--token-color-foreground-secondary);
}

.hds-dismiss-button:active::before, .hds-dismiss-button.mock-active::before {
  background-color: rgba(222, 223, 227, 0.4);
  border: 1px solid var(--token-color-border-strong);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-dropdown--is-inline {
  display: inline-block;
}

.hds-dropdown--is-inline .hds-dropdown-toggle-icon,
.hds-dropdown--is-inline .hds-dropdown-toggle-button {
  display: inline-flex;
}

.hds-dropdown-toggle-icon {
  position: relative;
  display: flex;
  gap: 2px;
  align-items: center;
  justify-content: center;
  padding: 1px;
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-faint);
  border: 1px solid var(--token-color-border-strong);
  border-radius: var(--token-border-radius-small);
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}

.hds-dropdown-toggle-icon:hover, .hds-dropdown-toggle-icon.mock-hover {
  background-color: var(--token-color-surface-interactive);
  cursor: pointer;
}

.hds-dropdown-toggle-icon:focus, .hds-dropdown-toggle-icon.mock-focus {
  box-shadow: none;
}

.hds-dropdown-toggle-icon:focus::before, .hds-dropdown-toggle-icon.mock-focus::before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  z-index: -1;
  border: 3px solid transparent;
  border-radius: calc(var(--token-border-radius-small) + 3px);
  content: "";
}

.hds-dropdown-toggle-icon:focus, .hds-dropdown-toggle-icon.mock-focus {
  border-color: var(--token-color-focus-action-internal);
}

.hds-dropdown-toggle-icon:focus::before, .hds-dropdown-toggle-icon.mock-focus::before {
  border-color: var(--token-color-focus-action-external);
}

.hds-dropdown-toggle-icon:active, .hds-dropdown-toggle-icon.mock-active {
  background-color: var(--token-color-surface-interactive-active);
  border-color: var(--token-color-border-strong);
}

.hds-dropdown-toggle-icon:active::before, .hds-dropdown-toggle-icon.mock-active::before {
  border-color: transparent;
}

.hds-dropdown-toggle-icon:disabled, .hds-dropdown-toggle-icon.mock-disabled {
  color: var(--token-color-foreground-disabled);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-border-primary);
  box-shadow: none;
  cursor: not-allowed;
}

.hds-dropdown-toggle-icon__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--token-border-radius-small) - 2px);
}

.hds-dropdown-toggle-icon__wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.hds-dropdown-toggle-icon--size-small .hds-dropdown-toggle-icon__wrapper {
  width: 24px;
  height: 24px;
}

.hds-dropdown-toggle-icon--size-small.hds-dropdown-toggle-icon--has-chevron .hds-icon {
  width: 12px;
  height: 12px;
}

.hds-dropdown-toggle-icon--size-medium .hds-dropdown-toggle-icon__wrapper {
  width: 32px;
  height: 32px;
}

.hds-dropdown-toggle-button {
  position: relative;
  display: flex;
  gap: 0.375rem;
  align-items: center;
  justify-content: center;
  width: auto;
  font-weight: var(--token-typography-font-weight-regular);
  font-family: var(--token-typography-font-stack-text);
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: var(--token-border-radius-small);
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}

.hds-dropdown-toggle-button:focus, .hds-dropdown-toggle-button.mock-focus {
  box-shadow: none;
}

.hds-dropdown-toggle-button:focus::before, .hds-dropdown-toggle-button.mock-focus::before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  z-index: -1;
  border: 3px solid transparent;
  border-radius: calc(var(--token-border-radius-small) + 3px);
  content: "";
}

.hds-dropdown-toggle-button:disabled, .hds-dropdown-toggle-button.mock-disabled, .hds-dropdown-toggle-button:disabled:focus, .hds-dropdown-toggle-button.mock-disabled:focus, .hds-dropdown-toggle-button:disabled:hover, .hds-dropdown-toggle-button.mock-disabled:hover {
  color: var(--token-color-foreground-disabled);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-border-primary);
  box-shadow: none;
  cursor: not-allowed;
}

.hds-dropdown-toggle-button:disabled .hds-dropdown-toggle-button__badge,
.hds-dropdown-toggle-button:disabled .hds-dropdown-toggle-button__count, .hds-dropdown-toggle-button.mock-disabled .hds-dropdown-toggle-button__badge,
.hds-dropdown-toggle-button.mock-disabled .hds-dropdown-toggle-button__count, .hds-dropdown-toggle-button:disabled:focus .hds-dropdown-toggle-button__badge,
.hds-dropdown-toggle-button:disabled:focus .hds-dropdown-toggle-button__count, .hds-dropdown-toggle-button.mock-disabled:focus .hds-dropdown-toggle-button__badge,
.hds-dropdown-toggle-button.mock-disabled:focus .hds-dropdown-toggle-button__count, .hds-dropdown-toggle-button:disabled:hover .hds-dropdown-toggle-button__badge,
.hds-dropdown-toggle-button:disabled:hover .hds-dropdown-toggle-button__count, .hds-dropdown-toggle-button.mock-disabled:hover .hds-dropdown-toggle-button__badge,
.hds-dropdown-toggle-button.mock-disabled:hover .hds-dropdown-toggle-button__count {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-strong);
}

.hds-dropdown-toggle-button--size-small {
  min-height: 1.75rem;
  padding: 0.375rem 0.6875rem;
}

.hds-dropdown-toggle-button--size-small .hds-dropdown-toggle-button__icon {
  width: 0.75rem;
  height: 0.75rem;
}

.hds-dropdown-toggle-button--size-small .hds-dropdown-toggle-button__text {
  font-size: 0.8125rem;
  line-height: 0.875rem;
}

.hds-dropdown-toggle-button--size-small.hds-dropdown-toggle-button--is-icon-only {
  min-width: 1.75rem;
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.hds-dropdown-toggle-button--size-medium {
  min-height: 2.25rem;
  padding: 0.5625rem 0.9375rem;
}

.hds-dropdown-toggle-button--size-medium .hds-dropdown-toggle-button__icon {
  width: 1rem;
  height: 1rem;
}

.hds-dropdown-toggle-button--size-medium .hds-dropdown-toggle-button__text {
  font-size: 0.875rem;
  line-height: 1rem;
}

.hds-dropdown-toggle-button--size-medium.hds-dropdown-toggle-button--is-icon-only {
  min-width: 2.25rem;
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.hds-dropdown-toggle-button--size-large {
  min-height: 3rem;
  padding: 0.6875rem 1.1875rem;
}

.hds-dropdown-toggle-button--size-large .hds-dropdown-toggle-button__icon {
  width: 1.5rem;
  height: 1.5rem;
}

.hds-dropdown-toggle-button--size-large .hds-dropdown-toggle-button__text {
  font-size: 1rem;
  line-height: 1.5rem;
}

.hds-dropdown-toggle-button--size-large.hds-dropdown-toggle-button--is-icon-only {
  min-width: 3rem;
  padding-right: 0.6875rem;
  padding-left: 0.6875rem;
}

.hds-dropdown-toggle-button--size-small {
  padding-right: 0.375rem;
}

.hds-dropdown-toggle-button--size-small .hds-dropdown-toggle-chevron .hds-icon {
  width: 12px;
  height: 12px;
}

.hds-dropdown-toggle-button--size-medium {
  padding-right: 0.5625rem;
}

.hds-dropdown-toggle-button--color-primary {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-blue-200);
  border-color: var(--token-color-palette-blue-300);
  box-shadow: var(--token-elevation-low-box-shadow);
}

.hds-dropdown-toggle-button--color-primary:hover, .hds-dropdown-toggle-button--color-primary.mock-hover {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-blue-300);
  border-color: var(--token-color-palette-blue-400);
  cursor: pointer;
}

.hds-dropdown-toggle-button--color-primary:focus, .hds-dropdown-toggle-button--color-primary.mock-focus {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-blue-200);
  border-color: var(--token-color-focus-action-internal);
}

.hds-dropdown-toggle-button--color-primary:focus::before, .hds-dropdown-toggle-button--color-primary.mock-focus::before {
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  border-color: var(--token-color-focus-action-external);
  border-radius: calc(var(--token-border-radius-small) + 3px + 2px);
}

.hds-dropdown-toggle-button--color-primary:active, .hds-dropdown-toggle-button--color-primary.mock-active {
  color: var(--token-color-foreground-high-contrast);
  background-color: var(--token-color-palette-blue-400);
  border-color: var(--token-color-palette-blue-400);
  box-shadow: none;
}

.hds-dropdown-toggle-button--color-primary:active::before, .hds-dropdown-toggle-button--color-primary.mock-active::before {
  border-color: transparent;
}

.hds-dropdown-toggle-button--color-secondary {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-border-strong);
  box-shadow: var(--token-elevation-low-box-shadow);
}

.hds-dropdown-toggle-button--color-secondary:hover, .hds-dropdown-toggle-button--color-secondary.mock-hover {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-primary);
  border-color: var(--token-color-border-strong);
  cursor: pointer;
}

.hds-dropdown-toggle-button--color-secondary:focus, .hds-dropdown-toggle-button--color-secondary.mock-focus {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-focus-action-internal);
}

.hds-dropdown-toggle-button--color-secondary:focus::before, .hds-dropdown-toggle-button--color-secondary.mock-focus::before {
  border-color: var(--token-color-focus-action-external);
}

.hds-dropdown-toggle-button--color-secondary:active, .hds-dropdown-toggle-button--color-secondary.mock-active {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-interactive-active);
  border-color: var(--token-color-border-strong);
  box-shadow: none;
}

.hds-dropdown-toggle-button--color-secondary:active::before, .hds-dropdown-toggle-button--color-secondary.mock-active::before {
  border-color: transparent;
}

.hds-dropdown-toggle-button--width-full {
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
}

.hds-dropdown-toggle-button__text {
  text-align: left;
}

.hds-dropdown-toggle-button__icon {
  flex: none;
}

.hds-dropdown-toggle-button__badge,
.hds-dropdown-toggle-button__count {
  margin: -3px 0 -3px 0;
}

.hds-dropdown-toggle-chevron {
  margin-left: auto;
  padding-left: 2px;
}

@media (prefers-reduced-motion: no-preference) {
  .hds-dropdown-toggle-chevron .hds-icon-chevron-down {
    transition: transform 0.3s;
  }
}
.hds-dropdown-toggle-icon--is-open .hds-dropdown-toggle-chevron .hds-icon-chevron-down, .hds-dropdown-toggle-button--is-open .hds-dropdown-toggle-chevron .hds-icon-chevron-down {
  transform: rotate(-180deg);
}

.hds-dropdown__content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: max-content;
  min-width: 200px;
  max-width: 400px;
  background-color: var(--token-color-surface-primary);
  border-radius: var(--token-border-radius-medium);
  box-shadow: var(--token-surface-high-box-shadow);
}

:where(.hds-dropdown__content[popover]) {
  width: fit-content;
  height: fit-content;
  margin: 0;
  padding: 0;
  overflow: visible;
  color: inherit;
  background: none;
  border: none;
  inset: 0;
}

.hds-dropdown .hds-dropdown__content {
  display: none;
}

.hds-dropdown .hds-dropdown__content[popover]:popover-open {
  display: flex;
}

.hds-dropdown__content--fixed-width {
  min-width: initial;
  max-width: initial;
}

.hds-dropdown__list {
  flex: 1 1 auto;
  margin: 0;
  padding: 4px 0;
  overflow-y: auto;
  list-style: none;
  overscroll-behavior: contain;
}

.hds-dropdown__header,
.hds-dropdown__footer {
  position: relative;
  flex: none;
  padding: 0 8px;
}

.hds-dropdown__header > .hds-link-standalone,
.hds-dropdown__footer > .hds-link-standalone {
  width: initial;
  margin: 4px 0;
  padding: 7px 8px;
}

.hds-dropdown__header > .hds-link-standalone::before,
.hds-dropdown__footer > .hds-link-standalone::before {
  top: 0;
  bottom: 0;
}

.hds-dropdown__header > .hds-button,
.hds-dropdown__header > .hds-form-text-input,
.hds-dropdown__footer > .hds-button,
.hds-dropdown__footer > .hds-form-text-input {
  margin: 8px 0;
}

.hds-dropdown__header > .hds-button-set,
.hds-dropdown__footer > .hds-button-set {
  gap: 8px;
  margin: 8px 0;
}

.hds-dropdown__header--with-divider {
  border-bottom: 1px solid var(--token-color-border-primary);
}

.hds-dropdown__footer--with-divider {
  border-top: 1px solid var(--token-color-border-primary);
}

.hds-dropdown-list-item__copy-item-title {
  padding: 2px 0 4px;
  color: var(--token-color-foreground-faint);
}

.hds-dropdown-list-item--variant-copy-item {
  width: 100%;
  padding: 10px 16px 12px;
}

.hds-dropdown-list-item--variant-description {
  padding: 2px 16px 4px;
  color: var(--token-color-foreground-faint);
}

.hds-dropdown-list-item--variant-generic {
  padding-right: 16px;
  padding-left: 16px;
}

.hds-dropdown-list-item--variant-interactive,
.hds-dropdown-list-item--variant-checkmark {
  position: relative;
  min-height: 36px;
  isolation: isolate;
}

.hds-dropdown-list-item--variant-interactive button,
.hds-dropdown-list-item--variant-checkmark button {
  width: 100%;
  background-color: transparent;
}

.hds-dropdown-list-item--variant-interactive button:hover,
.hds-dropdown-list-item--variant-checkmark button:hover {
  cursor: pointer;
}

.hds-dropdown-list-item--variant-interactive a,
.hds-dropdown-list-item--variant-interactive button,
.hds-dropdown-list-item--variant-checkmark a,
.hds-dropdown-list-item--variant-checkmark button {
  display: flex;
  align-items: flex-start;
  padding: 7px 9px 7px 15px;
  text-decoration: none;
  border: 1px solid transparent;
  outline-style: solid;
  outline-color: transparent;
}

.hds-dropdown-list-item--variant-interactive a::before,
.hds-dropdown-list-item--variant-interactive button::before,
.hds-dropdown-list-item--variant-checkmark a::before,
.hds-dropdown-list-item--variant-checkmark button::before {
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 4px;
  z-index: -1;
  width: 2px;
  border-radius: 1px;
  content: "";
}

.hds-dropdown-list-item--variant-interactive a::after,
.hds-dropdown-list-item--variant-interactive button::after,
.hds-dropdown-list-item--variant-checkmark a::after,
.hds-dropdown-list-item--variant-checkmark button::after {
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 0;
  left: 10px;
  z-index: -1;
  border-radius: var(--token-border-radius-small);
  content: "";
}

.hds-dropdown-list-item--variant-interactive a:hover, .hds-dropdown-list-item--variant-interactive a.mock-hover,
.hds-dropdown-list-item--variant-interactive button:hover,
.hds-dropdown-list-item--variant-interactive button.mock-hover,
.hds-dropdown-list-item--variant-checkmark a:hover,
.hds-dropdown-list-item--variant-checkmark a.mock-hover,
.hds-dropdown-list-item--variant-checkmark button:hover,
.hds-dropdown-list-item--variant-checkmark button.mock-hover {
  color: var(--current-color-hover);
}

.hds-dropdown-list-item--variant-interactive a:hover::before, .hds-dropdown-list-item--variant-interactive a.mock-hover::before,
.hds-dropdown-list-item--variant-interactive button:hover::before,
.hds-dropdown-list-item--variant-interactive button.mock-hover::before,
.hds-dropdown-list-item--variant-checkmark a:hover::before,
.hds-dropdown-list-item--variant-checkmark a.mock-hover::before,
.hds-dropdown-list-item--variant-checkmark button:hover::before,
.hds-dropdown-list-item--variant-checkmark button.mock-hover::before {
  background-color: currentColor;
}

.hds-dropdown-list-item--variant-interactive a:focus, .hds-dropdown-list-item--variant-interactive a.mock-focus,
.hds-dropdown-list-item--variant-interactive button:focus,
.hds-dropdown-list-item--variant-interactive button.mock-focus,
.hds-dropdown-list-item--variant-checkmark a:focus,
.hds-dropdown-list-item--variant-checkmark a.mock-focus,
.hds-dropdown-list-item--variant-checkmark button:focus,
.hds-dropdown-list-item--variant-checkmark button.mock-focus {
  color: var(--current-color-focus);
}

.hds-dropdown-list-item--variant-interactive a:focus::after, .hds-dropdown-list-item--variant-interactive a.mock-focus::after,
.hds-dropdown-list-item--variant-interactive button:focus::after,
.hds-dropdown-list-item--variant-interactive button.mock-focus::after,
.hds-dropdown-list-item--variant-checkmark a:focus::after,
.hds-dropdown-list-item--variant-checkmark a.mock-focus::after,
.hds-dropdown-list-item--variant-checkmark button:focus::after,
.hds-dropdown-list-item--variant-checkmark button.mock-focus::after {
  left: 4px;
  box-shadow: var(--current-focus-ring-box-shadow);
}

.hds-dropdown-list-item--variant-interactive a:focus:not(:focus-visible)::after,
.hds-dropdown-list-item--variant-interactive button:focus:not(:focus-visible)::after,
.hds-dropdown-list-item--variant-checkmark a:focus:not(:focus-visible)::after,
.hds-dropdown-list-item--variant-checkmark button:focus:not(:focus-visible)::after {
  background-color: transparent;
  box-shadow: none;
}

.hds-dropdown-list-item--variant-interactive a:focus-visible,
.hds-dropdown-list-item--variant-interactive button:focus-visible,
.hds-dropdown-list-item--variant-checkmark a:focus-visible,
.hds-dropdown-list-item--variant-checkmark button:focus-visible {
  color: var(--current-color-focus);
}

.hds-dropdown-list-item--variant-interactive a:focus-visible::after,
.hds-dropdown-list-item--variant-interactive button:focus-visible::after,
.hds-dropdown-list-item--variant-checkmark a:focus-visible::after,
.hds-dropdown-list-item--variant-checkmark button:focus-visible::after {
  left: 4px;
  box-shadow: var(--current-focus-ring-box-shadow);
}

.hds-dropdown-list-item--variant-interactive a:focus:active::after, .hds-dropdown-list-item--variant-interactive a:focus-visible:active::after, .hds-dropdown-list-item--variant-interactive a.mock-focus.mock-active::after,
.hds-dropdown-list-item--variant-interactive button:focus:active::after,
.hds-dropdown-list-item--variant-interactive button:focus-visible:active::after,
.hds-dropdown-list-item--variant-interactive button.mock-focus.mock-active::after,
.hds-dropdown-list-item--variant-checkmark a:focus:active::after,
.hds-dropdown-list-item--variant-checkmark a:focus-visible:active::after,
.hds-dropdown-list-item--variant-checkmark a.mock-focus.mock-active::after,
.hds-dropdown-list-item--variant-checkmark button:focus:active::after,
.hds-dropdown-list-item--variant-checkmark button:focus-visible:active::after,
.hds-dropdown-list-item--variant-checkmark button.mock-focus.mock-active::after {
  left: 10px;
  background-color: var(--current-background-color);
  box-shadow: none;
}

.hds-dropdown-list-item--variant-interactive a:active, .hds-dropdown-list-item--variant-interactive a.mock-active,
.hds-dropdown-list-item--variant-interactive button:active,
.hds-dropdown-list-item--variant-interactive button.mock-active,
.hds-dropdown-list-item--variant-checkmark a:active,
.hds-dropdown-list-item--variant-checkmark a.mock-active,
.hds-dropdown-list-item--variant-checkmark button:active,
.hds-dropdown-list-item--variant-checkmark button.mock-active {
  color: var(--current-color-active);
}

.hds-dropdown-list-item--variant-interactive a:active::before, .hds-dropdown-list-item--variant-interactive a.mock-active::before,
.hds-dropdown-list-item--variant-interactive button:active::before,
.hds-dropdown-list-item--variant-interactive button.mock-active::before,
.hds-dropdown-list-item--variant-checkmark a:active::before,
.hds-dropdown-list-item--variant-checkmark a.mock-active::before,
.hds-dropdown-list-item--variant-checkmark button:active::before,
.hds-dropdown-list-item--variant-checkmark button.mock-active::before {
  background-color: currentColor;
}

.hds-dropdown-list-item__interactive-icon {
  display: block;
  margin-top: 2px;
}

.hds-dropdown-list-item__interactive-icon--leading {
  margin-right: 8px;
}

.hds-dropdown-list-item__interactive-icon--trailing {
  margin-left: 8px;
}

.hds-dropdown-list-item__interactive-text {
  display: block;
  flex: 1;
  text-align: left;
}

.hds-dropdown-list-item__interactive-text .hds-badge {
  vertical-align: bottom;
}

.hds-dropdown-list-item--color-action a,
.hds-dropdown-list-item--color-action button {
  color: var(--token-color-foreground-primary);
  --current-color-hover: var(--token-color-foreground-action-hover);
  --current-color-focus: var(--token-color-foreground-action-active);
  --current-color-active: var(--token-color-foreground-action-active);
}

.hds-dropdown-list-item--color-action a::after,
.hds-dropdown-list-item--color-action button::after {
  --current-focus-ring-box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-dropdown-list-item--color-critical a,
.hds-dropdown-list-item--color-critical button {
  color: var(--token-color-foreground-critical);
  --current-color-hover: var(--token-color-palette-red-300);
  --current-color-focus: var(--token-color-palette-red-400);
  --current-color-active: var(--token-color-palette-red-400);
}

.hds-dropdown-list-item--color-critical a::after,
.hds-dropdown-list-item--color-critical button::after {
  --current-background-color: var(--token-color-surface-critical);
  --current-focus-ring-box-shadow: var(--token-focus-ring-critical-box-shadow);
}

.hds-dropdown-list-item__interactive-loading-wrapper {
  display: flex;
  align-items: center;
  padding: 8px 10px 8px 16px;
}

.hds-dropdown-list-item__interactive-loading-wrapper .hds-dropdown-list-item__interactive-text {
  color: var(--token-color-foreground-faint);
}

.hds-dropdown-list-item__interactive-loading-wrapper .hds-dropdown-list-item__interactive-icon {
  color: var(--token-color-foreground-primary);
}

.hds-dropdown-list-item--variant-separator {
  position: relative;
  width: 100%;
  height: 4px;
}

.hds-dropdown-list-item--variant-separator::before {
  position: absolute;
  right: 6px;
  bottom: 0;
  left: 6px;
  border-bottom: 1px solid var(--token-color-border-primary);
  content: "";
}

.hds-dropdown-list-item--variant-title {
  padding: 10px 16px 4px;
  color: var(--token-color-foreground-strong);
}

.hds-dropdown-list-item--variant-checkmark-selected .hds-dropdown-list-item__checkmark {
  color: var(--token-color-foreground-action);
}

.hds-dropdown-list-item__checkmark {
  display: flex;
  width: 16px;
  height: 20px;
  margin-left: 8px;
}

.hds-dropdown-list-item__checkmark-icon {
  align-self: center;
}

.hds-dropdown-list-item__interactive[disabled],
.hds-dropdown-list-item__interactive[disabled]:hover {
  color: var(--token-color-foreground-disabled);
  cursor: not-allowed;
}

.hds-dropdown-list-item--variant-checkbox,
.hds-dropdown-list-item--variant-radio {
  display: flex;
  align-items: self-start;
  padding: 8px 16px;
}

.hds-dropdown-list-item--variant-checkbox .hds-dropdown-list-item__control,
.hds-dropdown-list-item--variant-radio .hds-dropdown-list-item__control {
  flex-shrink: 0;
  margin-top: 2px;
  margin-right: 8px;
}

.hds-dropdown-list-item--variant-checkbox .hds-dropdown-list-item__control[disabled] ~ .hds-dropdown-list-item__icon, .hds-dropdown-list-item--variant-checkbox .hds-dropdown-list-item__control[disabled] ~ .hds-dropdown-list-item__count, .hds-dropdown-list-item--variant-checkbox .hds-dropdown-list-item__control[disabled] ~ .hds-dropdown-list-item__text-content,
.hds-dropdown-list-item--variant-radio .hds-dropdown-list-item__control[disabled] ~ .hds-dropdown-list-item__icon,
.hds-dropdown-list-item--variant-radio .hds-dropdown-list-item__control[disabled] ~ .hds-dropdown-list-item__count,
.hds-dropdown-list-item--variant-radio .hds-dropdown-list-item__control[disabled] ~ .hds-dropdown-list-item__text-content {
  color: var(--token-color-foreground-disabled);
}

.hds-dropdown-list-item--variant-checkbox .hds-dropdown-list-item__label,
.hds-dropdown-list-item--variant-radio .hds-dropdown-list-item__label {
  display: flex;
  flex-grow: 1;
  align-items: flex-start;
  color: var(--token-color-foreground-primary);
}

.hds-dropdown-list-item--variant-checkbox .hds-dropdown-list-item__icon,
.hds-dropdown-list-item--variant-radio .hds-dropdown-list-item__icon {
  margin-top: 2px;
  margin-right: 4px;
}

.hds-dropdown-list-item__count {
  margin-left: auto;
  padding-left: 8px;
  color: var(--token-color-foreground-faint);
  line-height: 20px;
}

.hds-dropdown-list-item--variant-checkmark .hds-badge,
.hds-dropdown-list-item--variant-checkbox .hds-badge,
.hds-dropdown-list-item--variant-radio .hds-badge {
  vertical-align: bottom;
}

/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-filter-bar {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  background-color: var(--token-color-surface-faint);
  border: 1px solid var(--token-color-border-primary);
  border-radius: var(--token-border-radius-medium);
}

.hds-filter-bar__applied-filters-list,
.hds-filter-bar__applied-filters {
  display: contents;
}

.hds-filter-bar__applied-filters-list__content {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
}

.hds-filter-bar__actions__right {
  margin-left: auto;
}

.hds-filter-bar__search.hds-form-text-input {
  --token-form-control-padding: 3px;
  max-width: 320px;
  font-size: var(--token-typography-body-100-font-size);
}

.hds-filter-bar__filters-dropdown {
  --filter-bar-filters-dropdown-footer-height: 45px;
}

.hds-filter-bar__filters-dropdown .hds-dropdown__list,
.hds-filter-bar__filters-dropdown .hds-dropdown-list-item {
  padding: 0;
}

.hds-filter-bar__tabs {
  display: flex;
}

.hds-filter-bar__tabs__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 50%;
  max-height: calc(var(--filter-bar-filters-dropdown-height) - var(--filter-bar-filters-dropdown-footer-height));
  padding: 8px;
  overflow-y: auto;
  list-style: none;
  background-color: var(--token-color-surface-faint);
  border-right: 1px solid var(--token-color-border-primary);
  border-top-left-radius: var(--token-border-radius-medium);
}

.hds-filter-bar__tabs__tab {
  list-style: none;
}

.hds-filter-bar__tabs__tab__button {
  outline-style: solid;
  outline-color: transparent;
}

.hds-filter-bar__tabs__tab__button:focus, .hds-filter-bar__tabs__tab__button.mock-focus {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-filter-bar__tabs__tab__button:focus:not(:focus-visible) {
  box-shadow: none;
}

.hds-filter-bar__tabs__tab__button:focus-visible {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-filter-bar__tabs__tab__button:focus:active, .hds-filter-bar__tabs__tab__button.mock-focus.mock-active {
  box-shadow: none;
}

.hds-filter-bar__tabs__tab__button {
  display: flex;
  gap: 16px;
  align-items: center;
  width: 100%;
  padding: 8px 16px;
  color: var(--token-color-foreground-primary);
  text-align: left;
  background-color: transparent;
  border: none;
  border-radius: var(--token-border-radius-x-small);
}

.hds-filter-bar__tabs__tab__button.mock-hover, .hds-filter-bar__tabs__tab__button:hover {
  background-color: var(--token-color-surface-interactive-hover);
  cursor: pointer;
}

.hds-filter-bar__tabs__tab__button.mock-active, .hds-filter-bar__tabs__tab__button:active {
  background-color: var(--token-color-surface-interactive-active);
}

.hds-filter-bar__tabs__tab__text {
  flex: 1;
}

.hds-filter-bar__tabs__tab__icon {
  flex-shrink: 0;
}

.hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button {
  position: relative;
  color: var(--token-color-foreground-action);
  background-color: var(--token-color-surface-strong);
}

.hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button::before {
  position: absolute;
  top: 6px;
  left: 4px;
  width: 2px;
  height: calc(100% - 12px);
  background-color: var(--token-color-foreground-action);
  border-radius: 1px;
  content: "";
}

.hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button.mock-hover, .hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button:hover {
  color: var(--token-color-palette-blue-400);
  background-color: var(--token-color-palette-neutral-200);
}

.hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button.mock-hover::before, .hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button:hover::before {
  background-color: var(--token-color-palette-blue-400);
}

.hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button.mock-active, .hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button:active {
  color: var(--token-color-palette-blue-500);
  background-color: var(--token-color-palette-neutral-300);
}

.hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button.mock-active::before, .hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button:active::before {
  background-color: var(--token-color-palette-blue-500);
}

.hds-filter-bar__tabs__panel:not([hidden]) {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 50%;
  max-height: calc(var(--filter-bar-filters-dropdown-height) - var(--filter-bar-filters-dropdown-footer-height));
  padding: 16px 0;
  overflow-y: auto;
  background-color: var(--token-color-surface-primary);
  border-top-right-radius: var(--token-border-radius-medium);
}

.hds-filter-bar__filter-group .hds-form-field--layout-flag {
  padding: 8px 12px;
}

.hds-filter-bar__filter-group__search {
  padding: 0 16px 16px 16px;
  border-bottom: 1px solid var(--token-color-border-primary);
}

.hds-filter-bar__filter-group__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  border: none;
  overscroll-behavior: contain;
}

.hds-filter-bar__filter-group__generic {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 16px;
}

.hds-filter-bar__filter-group__generic .hds-filter-bar__filter-group__fieldset {
  display: contents;
}

.hds-filter-bar__filter-group__generic .hds-filter-bar__filter-group__field,
.hds-filter-bar__filter-group__generic .hds-filter-bar__filter-group__field[type=date],
.hds-filter-bar__filter-group__generic .hds-filter-bar__filter-group__field[type=time] {
  width: 100%;
}

.hds-filter-bar__filter-group__generic .hds-filter-bar__filter-group__field--between[type=date] {
  width: 130px;
}

.hds-filter-bar__filter-group__selection-option {
  display: flex;
  align-items: self-start;
  padding: 8px 16px;
  color: var(--token-color-foreground-primary);
}

.hds-filter-bar__filter-group__selection-option.hds-filter-bar__filter-group__selection-option--hidden {
  display: none;
}

.hds-filter-bar__filter-group__selection-option .hds-filter-bar__filter-group__selection-option__control {
  flex-shrink: 0;
  margin-top: 2px;
  margin-right: 8px;
}

.hds-filter-bar__filter-group__clear-button {
  align-self: flex-start;
}

.hds-filter-bar__filter-group__values-list .hds-filter-bar__filter-group__clear-button {
  margin: 0 0 4px 4px;
}

.hds-filter-bar__filter-group__generic ~ .hds-filter-bar__filter-group__clear-button {
  margin: 8px 16px 0 16px;
}

/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-flyout {
  position: fixed;
  z-index: 49;
  inset: 0;
  height: 100vh;
  max-height: 100vh;
  background: var(--token-color-surface-primary);
  border: none;
  box-shadow: 0 2px 3px 0 rgba(59, 61, 69, 0.2509803922), 0 12px 24px 0 rgba(59, 61, 69, 0.3490196078);
}

.hds-flyout:not([open]) {
  display: none;
}

.hds-flyout::backdrop {
  display: none;
}

.hds-flyout--size-medium {
  width: min(480px, 100vw - var(--hds-app-side-nav-width-minimized) / 2);
  max-width: calc(100vw - var(--hds-app-side-nav-width-minimized) / 2);
}

.hds-flyout--size-medium[open] {
  margin-left: calc(100% - min(480px, 100vw - var(--hds-app-side-nav-width-minimized) / 2));
}

.hds-flyout--size-large {
  width: min(720px, 100vw - var(--hds-app-side-nav-width-minimized) / 2);
  max-width: calc(100vw - var(--hds-app-side-nav-width-minimized) / 2);
}

.hds-flyout--size-large[open] {
  margin-left: calc(100% - min(720px, 100vw - var(--hds-app-side-nav-width-minimized) / 2));
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form {
  --hds-form-section-max-width: 672px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.hds-form__header,
.hds-form__section-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.hds-form__section {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.hds-form__section:empty {
  display: none;
}

.hds-form__section-multi-field-group {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: end;
}

@media screen and (max-width: 767.98px) {
  .hds-form__section-multi-field-group {
    flex-direction: column;
    gap: 24px;
    align-items: start;
  }
}
.hds-form__section-multi-field-group-item {
  width: var(--hds-form-section-multi-field-group-item-width, auto);
}

.hds-form__header,
.hds-form__section,
.hds-form__separator,
.hds-form__footer {
  max-width: var(--hds-form-section-max-width);
}

.hds-form-content--is-full-width {
  max-width: none;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-label {
  display: block;
  width: max-content;
  max-width: 100%;
  color: var(--token-form-label-color);
}

.hds-form-label .hds-badge {
  vertical-align: initial;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-helper-text {
  display: block;
  color: var(--token-form-helper-text-color);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-character-count {
  color: var(--token-form-helper-text-color);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-error {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  color: var(--token-form-error-color);
}

.hds-form-error__icon {
  flex: none;
  width: var(--token-form-error-icon-size);
  height: var(--token-form-error-icon-size);
  margin: 2px 0 2px 0;
}

.hds-form-error__content {
  flex: 1 1 auto;
}

.hds-form-error__message {
  margin: 0;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-field--layout-vertical {
  display: grid;
  justify-items: start;
  width: 100%;
}

.hds-form-field--layout-vertical .hds-form-field__label {
  width: fit-content;
}

.hds-form-field--layout-vertical .hds-form-field__helper-text:not(:first-child) {
  margin-top: 4px;
}

.hds-form-field--layout-vertical .hds-form-field__helper-text + .hds-form-helper-text {
  margin-top: 2px;
}

.hds-form-field--layout-vertical .hds-form-field__control {
  display: flex;
  justify-self: stretch;
}

.hds-form-field--layout-vertical .hds-form-field__control:not(:first-child) {
  margin-top: 8px;
}

.hds-form-field--layout-vertical .hds-form-field__control:not(:last-child) {
  margin-bottom: 8px;
}

.hds-form-field--layout-vertical .hds-form-field__character-count + .hds-form-error {
  margin-top: 8px;
}

.hds-form-field--layout-flag {
  display: grid;
  grid-auto-flow: row;
  grid-template-areas: "control label" "control helper-text" "control error";
  grid-template-rows: auto auto auto;
  grid-template-columns: auto 1fr;
  justify-items: start;
}

.hds-form-field--layout-flag .hds-form-field__label {
  grid-area: label;
  width: fit-content;
}

.hds-form-field--layout-flag .hds-form-field__helper-text {
  grid-area: helper-text;
  margin-top: 4px;
}

.hds-form-field--layout-flag .hds-form-field__control {
  display: flex;
  grid-area: control;
}

.hds-form-field--layout-flag .hds-form-field__control:not(:only-child) {
  margin-top: 2px;
  margin-right: 8px;
}

.hds-form-field--layout-flag .hds-form-field__error {
  grid-area: error;
  margin-top: 4px;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-file-input {
  width: 100%;
  margin: -4px 0 -4px -4px;
  padding: 3px 0 3px 3px;
  color: var(--token-color-foreground-primary);
}

.hds-form-file-input:focus, .hds-form-file-input:focus-visible {
  outline: none;
}

.hds-form-file-input::file-selector-button {
  min-height: 36px;
  margin-right: 16px;
  padding: 7px 16px 7px 37px;
  color: var(--token-color-foreground-primary);
  font: inherit;
  background-color: var(--token-color-surface-faint);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg fill='%233b3d45'%3E%3Cpath d='M4.24 5.8a.75.75 0 001.06-.04l1.95-2.1v6.59a.75.75 0 001.5 0V3.66l1.95 2.1a.75.75 0 101.1-1.02l-3.25-3.5a.75.75 0 00-1.101.001L4.2 4.74a.75.75 0 00.04 1.06z'/%3E%3Cpath d='M1.75 9a.75.75 0 01.75.75v3c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75v-3a.75.75 0 011.5 0v3A2.25 2.25 0 0112.75 15h-9.5A2.25 2.25 0 011 12.75v-3A.75.75 0 011.75 9z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 15px 50%;
  background-size: var(--token-form-text-input-background-image-size);
  border: 1px solid var(--token-color-border-strong);
  border-radius: var(--token-border-radius-small);
  box-shadow: var(--token-elevation-low-box-shadow);
  cursor: pointer;
}

.hds-form-file-input::file-selector-button:hover,
.hds-form-file-input.mock-hover::file-selector-button {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-primary);
  border-color: var(--token-color-border-strong);
}

.hds-form-file-input:focus-within::file-selector-button,
.hds-form-file-input.mock-focus::file-selector-button {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-focus-action-internal);
  outline: 3px solid var(--token-color-focus-action-external);
}

.hds-form-file-input:not(:focus, .mock-focus)::file-selector-button {
  border-color: var(--token-color-border-strong);
  outline: 0;
}

.hds-form-file-input::file-selector-button:active,
.hds-form-file-input.mock-active::file-selector-button {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-interactive-active);
  border-color: var(--token-color-border-strong);
  box-shadow: none;
}

.hds-form-file-input:disabled, .hds-form-file-input[disabled], .hds-form-file-input.mock-disabled, .hds-form-file-input:disabled:focus, .hds-form-file-input[disabled]:focus, .hds-form-file-input.mock-disabled:focus, .hds-form-file-input:disabled:hover, .hds-form-file-input[disabled]:hover, .hds-form-file-input.mock-disabled:hover {
  color: var(--token-color-foreground-disabled);
}

.hds-form-file-input:disabled::file-selector-button, .hds-form-file-input[disabled]::file-selector-button, .hds-form-file-input.mock-disabled::file-selector-button, .hds-form-file-input:disabled:focus::file-selector-button, .hds-form-file-input[disabled]:focus::file-selector-button, .hds-form-file-input.mock-disabled:focus::file-selector-button, .hds-form-file-input:disabled:hover::file-selector-button, .hds-form-file-input[disabled]:hover::file-selector-button, .hds-form-file-input.mock-disabled:hover::file-selector-button {
  color: var(--token-color-foreground-disabled);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-border-primary);
  box-shadow: none;
  cursor: not-allowed;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg fill='%238c909c'%3E%3Cpath d='M4.24 5.8a.75.75 0 001.06-.04l1.95-2.1v6.59a.75.75 0 001.5 0V3.66l1.95 2.1a.75.75 0 101.1-1.02l-3.25-3.5a.75.75 0 00-1.101.001L4.2 4.74a.75.75 0 00.04 1.06z'/%3E%3Cpath d='M1.75 9a.75.75 0 01.75.75v3c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75v-3a.75.75 0 011.5 0v3A2.25 2.25 0 0112.75 15h-9.5A2.25 2.25 0 011 12.75v-3A.75.75 0 011.75 9z'/%3E%3C/g%3E%3C/svg%3E");
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-legend {
  display: block;
  color: var(--token-form-legend-color);
}

.hds-form-legend .hds-badge {
  vertical-align: initial;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-group {
  display: block;
  margin: 0;
  padding: 0;
  border: none;
}

.hds-form-group__legend {
  margin: 0 0 8px 0;
  padding: 0;
}

.hds-form-group__legend ~ .hds-form-group__control-fields-wrapper .hds-form-label {
  font-weight: var(--token-typography-font-weight-regular);
}

.hds-form-group--layout-vertical .hds-form-group__control-fields-wrapper {
  display: flex;
  flex-direction: column;
}

.hds-form-group--layout-vertical .hds-form-group__control-field + .hds-form-group__control-field {
  margin-top: 12px;
}

.hds-form-group--layout-horizontal .hds-form-group__control-fields-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -4px;
}

.hds-form-group--layout-horizontal .hds-form-group__control-field {
  margin-right: 16px;
  margin-bottom: 4px;
}

.hds-form-group__helper-text {
  margin-bottom: 8px;
}

.hds-form-group__error {
  margin-top: 8px;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-indicator--optional {
  color: var(--token-form-indicator-optional-color);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-checkbox {
  width: var(--token-form-checkbox-size);
  height: var(--token-form-checkbox-size);
  margin: 0;
  padding: 0;
  background-position: center center;
  background-size: var(--token-form-checkbox-background-image-size) var(--token-form-checkbox-background-image-size);
  border-style: solid;
  border-width: var(--token-form-checkbox-border-width);
  border-radius: var(--token-form-checkbox-border-radius);
  cursor: pointer;
  appearance: none;
}

.hds-form-checkbox:not(:checked, :indeterminate) {
  background-color: var(--token-form-control-base-surface-color-default);
  border-color: var(--token-form-control-base-border-color-default);
  box-shadow: var(--token-elevation-inset-box-shadow);
}

.hds-form-checkbox:checked {
  background-color: var(--token-form-control-checked-surface-color-default);
  background-image: var(--token-form-checkbox-background-image-data-url);
  border-color: var(--token-form-control-checked-border-color-default);
}

.hds-form-checkbox:indeterminate {
  background-color: var(--token-form-control-checked-surface-color-default);
  background-image: var(--token-form-checkbox-background-image-data-url-indeterminate);
  border-color: var(--token-form-control-checked-border-color-default);
}

.hds-form-checkbox:hover:not(:checked, :indeterminate), .hds-form-checkbox.mock-hover:not(:checked, :indeterminate) {
  background-color: var(--token-form-control-base-surface-color-hover);
  border-color: var(--token-form-control-base-border-color-hover);
}

.hds-form-checkbox:hover:checked, .hds-form-checkbox.mock-hover:checked, .hds-form-checkbox:hover:indeterminate, .hds-form-checkbox.mock-hover:indeterminate {
  background-color: var(--token-form-control-checked-border-color-default);
  border-color: var(--token-form-control-checked-border-color-hover);
}

.hds-form-checkbox:focus, .hds-form-checkbox.mock-focus {
  outline: 3px solid var(--token-color-focus-action-external);
  outline-offset: 1px;
}

.hds-form-checkbox:disabled:not(:checked, :indeterminate) {
  background-color: var(--token-form-control-disabled-surface-color);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}

.hds-form-checkbox:disabled:checked {
  background-color: var(--token-form-control-disabled-surface-color);
  background-image: var(--token-form-checkbox-background-image-data-url-disabled);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}

.hds-form-checkbox:disabled:indeterminate {
  background-color: var(--token-form-control-disabled-surface-color);
  background-image: var(--token-form-checkbox-background-image-data-url-indeterminate-disabled);
  background-repeat: no-repeat;
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-masked-input {
  position: relative;
  display: grid;
  grid-template-areas: "input copy-button";
  grid-template-columns: 1fr auto;
  width: 100%;
}

.hds-form-masked-input .hds-form-masked-input__control {
  grid-area: input;
  padding-right: calc(var(--token-form-control-padding) + 24px);
  scrollbar-width: thin;
}

.hds-form-masked-input--is-masked .hds-form-masked-input__control {
  -webkit-text-security: disc;
}

.hds-form-masked-input--is-not-masked .hds-form-masked-input__control {
  -webkit-text-security: none;
}

.hds-form-masked-input__toggle-button {
  position: absolute;
  top: calc(var(--token-form-control-padding) - var(--token-form-control-border-width));
  right: calc(var(--token-form-control-padding) - var(--token-form-control-border-width));
  grid-area: input;
}

.hds-form-masked-input__copy-button {
  grid-area: copy-button;
  align-self: flex-start;
  margin-left: 8px;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-radio {
  width: var(--token-form-radio-size);
  height: var(--token-form-radio-size);
  margin: 0;
  padding: 0;
  background-position: center center;
  background-size: var(--token-form-radio-background-image-size) var(--token-form-radio-background-image-size);
  border-style: solid;
  border-width: var(--token-form-radio-border-width);
  border-radius: 50%;
  cursor: pointer;
  appearance: none;
}

.hds-form-radio:not(:checked) {
  background-color: var(--token-form-control-base-surface-color-default);
  border-color: var(--token-form-control-base-border-color-default);
  box-shadow: var(--token-elevation-inset-box-shadow);
}

.hds-form-radio:checked {
  background-color: var(--token-form-control-checked-surface-color-default);
  background-image: var(--token-form-radio-background-image-data-url);
  border-color: var(--token-form-control-checked-border-color-default);
}

.hds-form-radio:hover:not(:checked), .hds-form-radio.mock-hover:not(:checked) {
  background-color: var(--token-form-control-base-surface-color-hover);
  border-color: var(--token-form-control-base-border-color-hover);
}

.hds-form-radio:hover:checked, .hds-form-radio.mock-hover:checked {
  background-color: var(--token-form-control-checked-border-color-default);
  border-color: var(--token-form-control-checked-border-color-hover);
}

.hds-form-radio:focus, .hds-form-radio.mock-focus {
  outline: 3px solid var(--token-color-focus-action-external);
  outline-offset: 1px;
}

.hds-form-radio:disabled:not(:checked) {
  background-color: var(--token-form-control-disabled-surface-color);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}

.hds-form-radio:disabled:checked {
  background-color: var(--token-form-control-disabled-surface-color);
  background-image: var(--token-form-radio-background-image-data-url-disabled);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-group--radio-cards .hds-form-group__control-fields-wrapper {
  margin: calc(-1 * var(--token-form-radiocard-group-gap) / 2);
}

.hds-form-group--radio-cards .hds-form-group__legend {
  margin-bottom: 12px;
}

.hds-form-group--radio-cards .hds-form-radio-card {
  margin: calc(var(--token-form-radiocard-group-gap) / 2);
}

.hds-form-group--radio-cards .hds-form-radio-card--has-fluid-width {
  flex: 1 0 0;
}

.hds-form-group--radio-cards .hds-form-radio-card--has-fixed-width {
  flex: 1 0 100%;
}

.hds-form-radio-card {
  display: flex;
  flex-direction: column;
  background-color: var(--token-color-surface-primary);
  border: var(--token-form-radiocard-border-width) solid var(--token-color-border-primary);
  border-radius: var(--token-form-radiocard-border-radius);
  box-shadow: var(--token-elevation-mid-box-shadow);
  cursor: pointer;
}

.hds-form-radio-card .hds-form-radio-card__control {
  outline-color: transparent;
}

.hds-form-radio-card:hover, .hds-form-radio-card.mock-hover {
  box-shadow: var(--token-elevation-high-box-shadow);
  transition: var(--token-form-radiocard-transition-duration);
}

.hds-form-radio-card:focus-within, .hds-form-radio-card.mock-focus {
  border-color: var(--token-color-focus-action-internal);
  box-shadow: 0 0 0 3px var(--token-color-focus-action-external);
}

.hds-form-radio-card.hds-form-radio-card--checked {
  border-color: var(--token-color-palette-blue-300);
}

.hds-form-radio-card.hds-form-radio-card--checked .hds-form-radio-card__control-wrapper {
  background-color: var(--token-color-surface-action);
  border-color: var(--token-color-border-action);
}

.hds-form-radio-card.hds-form-radio-card--checked:hover, .hds-form-radio-card.hds-form-radio-card--checked.mock-hover {
  border-color: var(--token-color-palette-blue-400);
}

.hds-form-radio-card.hds-form-radio-card--disabled {
  background-color: var(--token-color-surface-interactive-disabled);
  border-color: var(--token-color-border-primary);
  box-shadow: none;
  cursor: not-allowed;
}

.hds-form-radio-card.hds-form-radio-card--disabled .hds-form-radio-card__control-wrapper {
  background-color: var(--token-color-surface-interactive-disabled);
  border-color: var(--token-color-border-primary);
}

.hds-form-radio-card.hds-form-radio-card--disabled .hds-form-radio-card__content {
  opacity: 0.5;
}

.hds-form-radio-card.hds-form-radio-card--disabled:hover, .hds-form-radio-card.hds-form-radio-card--disabled.mock-hover {
  border-color: var(--token-color-border-primary);
}

.hds-form-radio-card--align-left {
  text-align: left;
}

.hds-form-radio-card--align-center {
  text-align: center;
}

.hds-form-radio-card--align-center .hds-icon {
  margin: auto;
}

.hds-form-radio-card--control-bottom .hds-form-radio-card__control-wrapper {
  border-top-width: var(--token-form-radiocard-border-width);
  border-top-style: solid;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.hds-form-radio-card--control-left {
  flex-direction: row-reverse;
}

.hds-form-radio-card--control-left .hds-form-radio-card__control-wrapper {
  display: flex;
  align-items: center;
  border-right-width: var(--token-form-radiocard-border-width);
  border-right-style: solid;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}

.hds-form-radio-card__content {
  flex: 1;
  padding: var(--token-form-radiocard-content-padding);
}

.hds-form-radio-card__content .hds-badge {
  margin-bottom: 12px;
}

.hds-form-radio-card__label {
  display: block;
  margin: 8px 0;
  color: var(--token-form-label-color);
  overflow-wrap: break-word;
}

.hds-form-radio-card__label:first-child {
  margin-top: 0;
}

.hds-form-radio-card__description {
  display: block;
  color: var(--token-color-foreground-primary);
}

.hds-form-radio-card__control-wrapper {
  padding: var(--token-form-radiocard-control-padding);
  background-color: var(--token-color-surface-faint);
  border-color: var(--token-color-border-primary);
}

.hds-form-radio-card__control {
  display: block;
  margin: auto;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-select {
  max-width: 100%;
  padding: var(--token-form-control-padding);
  padding-right: calc(var(--token-form-control-padding) + 24px);
  color: var(--token-form-control-base-foreground-value-color);
  background-color: var(--token-form-control-base-surface-color-default);
  background-image: var(--token-form-select-background-image-data-url);
  background-repeat: no-repeat;
  background-position: right var(--token-form-select-background-image-position-right-x) top var(--token-form-select-background-image-position-top-y);
  background-size: var(--token-form-select-background-image-size) var(--token-form-select-background-image-size);
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-form-control-border-radius);
  box-shadow: var(--token-elevation-low-box-shadow);
  appearance: none;
}

.hds-form-select:hover, .hds-form-select.mock-hover {
  border-color: var(--token-form-control-base-border-color-hover);
}

.hds-form-select:focus, .hds-form-select.mock-focus {
  border-color: var(--token-color-focus-action-internal);
  outline: 3px solid var(--token-color-focus-action-external);
  outline-offset: 0;
}

.hds-form-select:disabled {
  color: var(--token-form-control-disabled-foreground-color);
  background-color: var(--token-form-control-disabled-surface-color);
  background-image: var(--token-form-select-background-image-data-url-disabled);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}

.hds-form-select.hds-form-select--is-invalid {
  border-color: var(--token-form-control-invalid-border-color-default);
}

.hds-form-select.hds-form-select--is-invalid:hover, .hds-form-select.hds-form-select--is-invalid.mock-hover {
  border-color: var(--token-form-control-invalid-border-color-hover);
}

.hds-form-select.hds-form-select--is-invalid:focus, .hds-form-select.hds-form-select--is-invalid.mock-focus {
  border-color: var(--token-color-focus-critical-internal);
  outline-color: var(--token-color-focus-critical-external);
}

.hds-form-select[multiple], .hds-form-select[size] {
  background: none;
}

.hds-form-select[multiple] option, .hds-form-select[size] option {
  margin: 2px auto;
  border-radius: var(--token-border-radius-x-small);
}

.hds-form-select[multiple] option:hover, .hds-form-select[size] option:hover {
  color: var(--token-color-foreground-action);
}

.hds-form-select[multiple] option:disabled, .hds-form-select[size] option:disabled {
  color: var(--token-color-foreground-disabled);
}

.hds-form-select[multiple] option:checked, .hds-form-select[size] option:checked {
  color: var(--token-color-foreground-high-contrast);
  background: var(--token-color-palette-blue-200);
}

.hds-form-select[multiple] optgroup, .hds-form-select[size] optgroup {
  color: var(--token-color-foreground-strong);
  font-weight: var(--token-typography-font-weight-semibold);
  font-style: normal;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-super-select {
  width: 100%;
}

.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  max-width: 100%;
  min-height: 36px;
  padding-top: 4px;
  padding-right: calc(var(--token-form-control-padding) + 21px);
  padding-bottom: 4px;
  padding-left: 11px;
  color: var(--token-form-control-base-foreground-value-color);
  line-height: var(--token-typography-body-200-line-height);
  background-color: var(--token-form-control-base-surface-color-default);
  background-image: var(--token-form-select-background-image-data-url);
  background-repeat: no-repeat;
  background-position: right var(--token-form-select-background-image-position-right-x) center, top var(--token-form-select-background-image-position-top-y) left 20px;
  background-size: var(--token-form-select-background-image-size) var(--token-form-select-background-image-size);
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-form-control-border-radius);
  box-shadow: var(--token-elevation-low-box-shadow);
}

.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger:hover, .hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger.mock-hover,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger:hover,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger.mock-hover {
  border-color: var(--token-form-control-base-border-color-hover);
}

.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger:focus, .hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger.mock-focus,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger:focus,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger.mock-focus {
  border-color: var(--token-color-focus-action-internal);
  outline: 3px solid var(--token-color-focus-action-external);
  outline-offset: 0;
}

.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger[aria-expanded=true].ember-basic-dropdown-trigger--in-place,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger[aria-expanded=true].ember-basic-dropdown-trigger--in-place {
  border-radius: var(--token-form-control-border-radius);
}

.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger .ember-power-select-status-icon,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger .ember-power-select-status-icon {
  display: none;
}

.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger .ember-power-select-placeholder,
.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger .ember-power-select-selected-item,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger .ember-power-select-placeholder,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger .ember-power-select-selected-item {
  flex: 1;
  margin-left: 0;
}

.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger .ember-power-select-placeholder,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger .ember-power-select-placeholder {
  color: var(--token-form-control-base-foreground-placeholder-color);
  font-size: var(--token-typography-body-200-font-size);
  font-family: var(--token-typography-body-200-font-family);
  line-height: var(--token-typography-body-200-line-height);
}

.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger[aria-disabled=true],
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger[aria-disabled=true] {
  color: var(--token-form-control-disabled-foreground-color);
  background-color: var(--token-form-control-disabled-surface-color);
  background-image: var(--token-form-select-background-image-data-url-disabled);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger[aria-disabled=true] .ember-power-select-selected-item,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger[aria-disabled=true] .ember-power-select-selected-item {
  opacity: inherit;
}

.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-trigger::after,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger::after {
  display: var(--hds-form-super-select-selected-text-display);
  flex-shrink: 0;
  align-items: center;
  align-self: stretch;
  padding-left: 8px;
  color: var(--token-color-foreground-faint);
  font-size: var(--token-typography-body-100-font-size);
  font-family: var(--token-typography-body-100-font-family);
  line-height: var(--token-typography-body-100-line-height);
  border-left: 1px solid var(--token-color-border-strong);
  content: var(--hds-form-super-select-selected-text);
}

.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-content {
  max-width: var(--hds-form-super-select-dropdown-max-width, none);
  margin: 0;
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-form-control-border-radius);
}

.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-content.ember-basic-dropdown-content--in-place {
  box-shadow: var(--token-elevation-high-box-shadow), var(--token-elevation-high-box-shadow);
}

.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-content.ember-basic-dropdown-content--below {
  margin-top: 4px;
}

.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-content.ember-basic-dropdown-content--above {
  top: unset !important;
  bottom: 100%;
  margin-bottom: 4px;
}

.hds-form-super-select .ember-basic-dropdown .ember-basic-dropdown-content > .ember-power-select-options > .hds-form-super-select__option-group:first-child::before {
  display: none;
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-options {
  padding: 3px 0;
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-options .ember-power-select-options {
  padding: 0;
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-option {
  position: relative;
  min-height: 36px;
  padding: 7px 7px 7px 39px;
  color: var(--token-color-foreground-primary);
  font-size: var(--token-typography-body-200-font-size);
  font-family: var(--token-typography-body-200-font-family);
  line-height: var(--token-typography-body-200-line-height);
  overflow-wrap: break-word;
  border: none;
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-option + .ember-power-select-option {
  margin-top: 8px;
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-option[aria-current=true] {
  color: var(--token-form-control-base-foreground-value-color);
  background-color: var(--token-form-control-base-surface-color-default);
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-option[aria-selected=true] {
  background-color: var(--token-form-control-base-surface-color-default);
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-option[aria-current=true], .hds-form-super-select .ember-basic-dropdown .ember-power-select-option:hover, .hds-form-super-select .ember-basic-dropdown .ember-power-select-option.mock-hover {
  border: none;
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-option[aria-current=true]::after, .hds-form-super-select .ember-basic-dropdown .ember-power-select-option:hover::after, .hds-form-super-select .ember-basic-dropdown .ember-power-select-option.mock-hover::after {
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 3px;
  width: 2px;
  background-color: var(--token-color-foreground-action-hover);
  border-radius: 500px;
  content: "";
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-option:active::after, .hds-form-super-select .ember-basic-dropdown .ember-power-select-option.mock-active::after {
  background-color: var(--token-color-foreground-action-active);
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-option[aria-disabled=true] {
  color: var(--token-form-control-disabled-foreground-color);
}

.hds-form-super-select .ember-basic-dropdown .hds-form-super-select__option-group:first-child .hds-form-super-select__option-group-title {
  margin-top: 0;
}

.hds-form-super-select .ember-basic-dropdown .hds-form-super-select__option-group::before {
  display: block;
  height: 5px;
  margin: 7px 5px 9px 5px;
  border-bottom: 1px solid var(--token-color-border-primary);
  content: "";
}

.hds-form-super-select .ember-basic-dropdown .hds-form-super-select__option-group .hds-form-super-select__option-group {
  padding-left: 16px;
}

.hds-form-super-select .ember-basic-dropdown .hds-form-super-select__option-group .hds-form-super-select__option-group:first-child::before {
  display: none;
}

.hds-form-super-select .ember-basic-dropdown .hds-form-super-select__option-group-title {
  margin: 8px 0;
  padding: 6px 7px 2px 15px;
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-search {
  margin-bottom: 3px;
  padding: 11px 11px 0 11px;
  border-radius: var(--token-form-control-border-radius);
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-search-input {
  width: 100%;
  min-height: 36px;
  padding: var(--token-form-control-padding);
  color: var(--token-form-control-base-foreground-value-color);
  font-size: var(--token-typography-body-200-font-size);
  font-family: var(--token-typography-body-200-font-family);
  line-height: 1rem;
  background-color: var(--token-form-control-base-surface-color-default);
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-form-control-border-radius);
  box-shadow: var(--token-elevation-inset-box-shadow);
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-search-input::placeholder {
  color: var(--token-form-control-base-foreground-placeholder-color);
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-search-input:hover, .hds-form-super-select .ember-basic-dropdown .ember-power-select-search-input.mock-hover {
  border-color: var(--token-form-control-base-border-color-hover);
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-search-input:focus, .hds-form-super-select .ember-basic-dropdown .ember-power-select-search-input.mock-focus {
  border-color: var(--token-color-focus-action-internal);
  outline: 3px solid var(--token-color-focus-action-external);
  outline-offset: 0;
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-search-input[type=search] {
  padding-left: calc(var(--token-form-control-padding) + 24px);
  background-image: var(--token-form-text-input-background-image-data-url-search);
  background-repeat: no-repeat;
  background-position: var(--token-form-text-input-background-image-position-x) 50%;
  background-size: var(--token-form-text-input-background-image-size);
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-search-input[type=search]::-webkit-search-cancel-button {
  width: var(--token-form-text-input-background-image-size);
  height: var(--token-form-text-input-background-image-size);
  background-image: var(--token-form-text-input-background-image-data-url-search-cancel);
  background-position: center center;
  background-size: var(--token-form-text-input-background-image-size);
  appearance: none;
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-multiple-options {
  display: flex;
  flex-grow: 1;
  flex-wrap: nowrap;
  min-width: 0;
  overflow: hidden;
  list-style: none;
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-multiple-option {
  flex-shrink: 0;
  float: none;
  min-width: 0;
  margin: 0 4px 0 0;
  padding: 3px 10px 5px 10px;
  font-size: var(--token-typography-body-100-font-size);
  font-family: var(--token-typography-body-100-font-family);
  line-height: 1rem;
  vertical-align: middle;
  overflow-wrap: break-word;
  background-color: var(--token-color-surface-interactive);
  border: 1px solid var(--token-color-border-strong);
  border-radius: 50px;
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-multiple-remove-btn {
  display: none;
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger-multiple-input {
  color: var(--token-form-control-base-foreground-value-color);
  font-size: var(--token-typography-body-200-font-size);
  font-family: var(--token-typography-body-200-font-family);
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-trigger-multiple-input::-webkit-search-cancel-button {
  width: var(--token-form-text-input-background-image-size);
  height: var(--token-form-text-input-background-image-size);
  background-image: var(--token-form-text-input-background-image-data-url-search-cancel);
  background-position: center center;
  background-size: var(--token-form-text-input-background-image-size);
  cursor: pointer;
  -webkit-appearance: none;
}

.hds-form-super-select.hds-form-super-select--is-invalid .ember-basic-dropdown .ember-basic-dropdown-trigger,
.hds-form-super-select.hds-form-super-select--is-invalid .ember-basic-dropdown .ember-power-select-trigger {
  border-color: var(--token-form-control-invalid-border-color-default);
}

.hds-form-super-select.hds-form-super-select--is-invalid .ember-basic-dropdown .ember-basic-dropdown-trigger:hover, .hds-form-super-select.hds-form-super-select--is-invalid .ember-basic-dropdown .ember-basic-dropdown-trigger.mock-hover,
.hds-form-super-select.hds-form-super-select--is-invalid .ember-basic-dropdown .ember-power-select-trigger:hover,
.hds-form-super-select.hds-form-super-select--is-invalid .ember-basic-dropdown .ember-power-select-trigger.mock-hover {
  border-color: var(--token-form-control-invalid-border-color-hover);
}

.hds-form-super-select.hds-form-super-select--is-invalid .ember-basic-dropdown .ember-basic-dropdown-trigger:focus, .hds-form-super-select.hds-form-super-select--is-invalid .ember-basic-dropdown .ember-basic-dropdown-trigger.mock-focus,
.hds-form-super-select.hds-form-super-select--is-invalid .ember-basic-dropdown .ember-power-select-trigger:focus,
.hds-form-super-select.hds-form-super-select--is-invalid .ember-basic-dropdown .ember-power-select-trigger.mock-focus {
  border-color: var(--token-color-focus-critical-internal);
  outline-color: var(--token-color-focus-critical-external);
}

.hds-form-super-select.hds-form-super-select--show-only-selected .ember-basic-dropdown .ember-power-select-option:not([aria-selected=true]) {
  display: none;
}

.hds-form-super-select.hds-form-super-select--show-only-selected .ember-basic-dropdown .hds-form-super-select__option-group:not(:has(.ember-power-select-option[aria-selected=true])) {
  display: none;
}

.hds-form-super-select.hds-form-super-select--show-only-selected .ember-basic-dropdown .hds-form-super-select__option-group::before {
  display: none;
}

.hds-form-super-select.hds-form-super-select--show-only-selected .ember-basic-dropdown .hds-form-super-select__option-group:has(.ember-power-select-option[aria-selected=true]) ~ .hds-form-super-select__option-group:has(.ember-power-select-option[aria-selected=true])::before {
  display: block;
}

.hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message) {
  background-repeat: no-repeat;
  background-position: 15px 10px;
  background-size: var(--token-form-select-background-image-size) var(--token-form-select-background-image-size);
}

.hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-selected=true]:not([aria-disabled=true]) {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.78 4.28a.75.75 0 00-1.06-1.06l-7.97 7.97-3.47-3.47a.75.75 0 00-1.06 1.06l4 4a.75.75 0 001.06 0l8.5-8.5z' fill='%231060ff'/%3E%3C/svg%3E");
}

.hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-selected=true]:not([aria-disabled=true]):hover,
.hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-selected=true]:not([aria-disabled=true]).mock-hover {
  color: var(--token-color-foreground-action-hover);
}

.hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-selected=true]:not([aria-disabled=true]):active,
.hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-selected=true]:not([aria-disabled=true]).mock-active {
  color: var(--token-color-foreground-action-active);
}

.hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-current=true],
.hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message):hover,
.hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message).mock-hover {
  color: var(--token-color-foreground-action-hover);
}

.hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message):active,
.hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message).mock-active {
  color: var(--token-color-foreground-action-active);
}

.hds-form-super-select-single .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-selected=true][aria-disabled=true] {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7803 4.28033C15.0732 3.98744 15.0732 3.51256 14.7803 3.21967C14.4874 2.92678 14.0126 2.92678 13.7197 3.21967L5.75 11.1893L2.28033 7.71967C1.98744 7.42678 1.51256 7.42678 1.21967 7.71967C0.926777 8.01256 0.926777 8.48744 1.21967 8.78033L5.21967 12.7803C5.51256 13.0732 5.98744 13.0732 6.28033 12.7803L14.7803 4.28033Z' fill='%238C909C'/%3E%3C/svg%3E");
}

.hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message) {
  position: relative;
}

.hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)::before {
  position: absolute;
  top: 9px;
  left: 15px;
  display: block;
  width: var(--token-form-checkbox-size);
  height: var(--token-form-checkbox-size);
  background-position: center center;
  background-size: var(--token-form-checkbox-background-image-size) var(--token-form-checkbox-background-image-size);
  border-style: solid;
  border-width: var(--token-form-checkbox-border-width);
  border-radius: var(--token-form-checkbox-border-radius);
  cursor: pointer;
  content: "";
}

.hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message):not([aria-selected=true])::before {
  background-color: var(--token-form-control-base-surface-color-default);
  border-color: var(--token-form-control-base-border-color-default);
  box-shadow: var(--token-elevation-inset-box-shadow);
}

.hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-current=true]::before,
.hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message):hover:not([aria-selected=true])::before,
.hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message).mock-hover:not([aria-selected=true])::before {
  background-color: var(--token-form-control-base-surface-color-hover);
  border-color: var(--token-form-control-base-border-color-hover);
}

.hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-disabled=true]:not([aria-selected=true])::before {
  background-color: var(--token-form-control-disabled-surface-color);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}

.hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-selected=true]:not([aria-disabled=true])::before {
  background-color: var(--token-form-control-checked-surface-color-default);
  background-image: var(--token-form-checkbox-background-image-data-url);
  border-color: var(--token-form-control-checked-border-color-default);
}

.hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-selected=true][aria-current=true]::before,
.hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-selected=true]:hover[aria-selected=true]::before,
.hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-selected=true].mock-hover[aria-selected=true]::before {
  background-color: var(--token-form-control-checked-border-color-default);
  border-color: var(--token-form-control-checked-border-color-hover);
}

.hds-form-super-select-multiple .ember-basic-dropdown .ember-power-select-option:not(.ember-power-select-option--no-matches-message,
.ember-power-select-option--loading-message)[aria-selected=true][aria-disabled=true]::before {
  background-color: var(--token-form-control-disabled-surface-color);
  background-image: var(--token-form-checkbox-background-image-data-url-disabled);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-option--no-matches-message,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-option--loading-message {
  padding-left: 12px;
  cursor: inherit;
}

.hds-form-super-select .ember-basic-dropdown .ember-power-select-option--no-matches-message::after,
.hds-form-super-select .ember-basic-dropdown .ember-power-select-option--loading-message::after {
  display: none;
}

.hds-form-super-select__after-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  padding: 8px 12px;
  background-color: var(--token-color-surface-strong);
  border-top: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
}

.hds-form-super-select__result-count {
  margin-left: auto;
}

.hds-form-super-select__no-options-selected {
  min-height: 36px;
  padding: 4px 15px 10px;
}

.hds-form-super-select--dropdown-content-auto-width .ember-power-select-dropdown.ember-basic-dropdown-content {
  width: auto;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-text-input {
  width: 100%;
  max-width: 100%;
  padding: var(--token-form-control-padding);
  color: var(--token-form-control-base-foreground-value-color);
  background-color: var(--token-form-control-base-surface-color-default);
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-form-control-border-radius);
  box-shadow: var(--token-elevation-inset-box-shadow);
}

.hds-form-text-input ::placeholder {
  color: var(--token-form-control-base-foreground-placeholder-color);
}

.hds-form-text-input:hover, .hds-form-text-input.mock-hover {
  border-color: var(--token-form-control-base-border-color-hover);
}

.hds-form-text-input:focus, .hds-form-text-input.mock-focus {
  border-color: var(--token-color-focus-action-internal);
  outline: 3px solid var(--token-color-focus-action-external);
  outline-offset: 0;
}

.hds-form-text-input:read-only {
  color: var(--token-form-control-readonly-foreground-color);
  background-color: var(--token-form-control-readonly-surface-color);
  border-color: var(--token-form-control-readonly-border-color);
  box-shadow: none;
}

.hds-form-text-input:disabled {
  color: var(--token-form-control-disabled-foreground-color);
  background-color: var(--token-form-control-disabled-surface-color);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}

.hds-form-text-input.hds-form-text-input--is-invalid {
  border-color: var(--token-form-control-invalid-border-color-default);
}

.hds-form-text-input.hds-form-text-input--is-invalid:hover, .hds-form-text-input.hds-form-text-input--is-invalid.mock-hover {
  border-color: var(--token-form-control-invalid-border-color-hover);
}

.hds-form-text-input.hds-form-text-input--is-invalid:focus, .hds-form-text-input.hds-form-text-input--is-invalid.mock-focus {
  border-color: var(--token-color-focus-critical-internal);
  outline-color: var(--token-color-focus-critical-external);
}

.hds-form-text-input__wrapper {
  position: relative;
  width: 100%;
}

.hds-form-text-input--has-visibility-toggle {
  padding-right: calc(var(--token-form-control-padding) + 24px);
}

.hds-form-text-input__visibility-toggle {
  position: absolute;
  top: calc(var(--token-form-control-padding) - var(--token-form-control-border-width));
  right: calc(var(--token-form-control-padding) - var(--token-form-control-border-width));
}

.hds-form-text-input[type=date], .hds-form-text-input[type=time], .hds-form-text-input[type=datetime-local], .hds-form-text-input[type=month], .hds-form-text-input[type=week] {
  width: initial;
}

.hds-form-text-input[type=date]:disabled::-webkit-calendar-picker-indicator, .hds-form-text-input[type=time]:disabled::-webkit-calendar-picker-indicator, .hds-form-text-input[type=datetime-local]:disabled::-webkit-calendar-picker-indicator, .hds-form-text-input[type=month]:disabled::-webkit-calendar-picker-indicator, .hds-form-text-input[type=week]:disabled::-webkit-calendar-picker-indicator {
  visibility: visible;
  opacity: 0.5;
}

.hds-form-text-input[type=date][readonly]::-webkit-calendar-picker-indicator, .hds-form-text-input[type=time][readonly]::-webkit-calendar-picker-indicator, .hds-form-text-input[type=datetime-local][readonly]::-webkit-calendar-picker-indicator, .hds-form-text-input[type=month][readonly]::-webkit-calendar-picker-indicator, .hds-form-text-input[type=week][readonly]::-webkit-calendar-picker-indicator {
  visibility: visible;
}

.hds-form-text-input[type=date]::-webkit-calendar-picker-indicator, .hds-form-text-input[type=datetime-local]::-webkit-calendar-picker-indicator, .hds-form-text-input[type=month]::-webkit-calendar-picker-indicator, .hds-form-text-input[type=week]::-webkit-calendar-picker-indicator {
  background-image: var(--token-form-text-input-background-image-data-url-date);
  background-position: center center;
  background-size: var(--token-form-text-input-background-image-size);
}

.hds-form-text-input[type=time]::-webkit-calendar-picker-indicator {
  background-image: var(--token-form-text-input-background-image-data-url-time);
  background-position: center center;
  background-size: var(--token-form-text-input-background-image-size);
}

.hds-form-text-input[type=search] {
  padding-left: calc(var(--token-form-control-padding) + 24px);
  background-image: var(--token-form-text-input-background-image-data-url-search);
  background-repeat: no-repeat;
  background-position: var(--token-form-text-input-background-image-position-x) 50%;
  background-size: var(--token-form-text-input-background-image-size);
}

.hds-form-text-input[type=search]::-webkit-search-cancel-button {
  width: var(--token-form-text-input-background-image-size);
  height: var(--token-form-text-input-background-image-size);
  background-image: var(--token-form-text-input-background-image-data-url-search-cancel);
  background-position: center center;
  background-size: var(--token-form-text-input-background-image-size);
  -webkit-appearance: none;
}

.hds-form-text-input[type=search].hds-form-text-input--is-loading {
  background-image: var(--token-form-text-input-background-image-data-url-search-loading);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-textarea {
  width: 100%;
  max-width: 100%;
  min-height: 36px;
  padding: var(--token-form-control-padding);
  color: var(--token-form-control-base-foreground-value-color);
  background-color: var(--token-form-control-base-surface-color-default);
  border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
  border-radius: var(--token-form-control-border-radius);
  box-shadow: var(--token-elevation-inset-box-shadow);
  resize: vertical;
}

.hds-form-textarea ::placeholder {
  color: var(--token-form-control-base-foreground-placeholder-color);
}

.hds-form-textarea:hover, .hds-form-textarea.mock-hover {
  border-color: var(--token-form-control-base-border-color-hover);
}

.hds-form-textarea:focus, .hds-form-textarea.mock-focus {
  border-color: var(--token-color-focus-action-internal);
  outline: 3px solid var(--token-color-focus-action-external);
  outline-offset: 0;
}

.hds-form-textarea:read-only {
  color: var(--token-form-control-readonly-foreground-color);
  background-color: var(--token-form-control-readonly-surface-color);
  border-color: var(--token-form-control-readonly-border-color);
  box-shadow: none;
}

.hds-form-textarea:disabled {
  color: var(--token-form-control-disabled-foreground-color);
  background-color: var(--token-form-control-disabled-surface-color);
  border-color: var(--token-form-control-disabled-border-color);
  box-shadow: none;
  cursor: not-allowed;
}

.hds-form-textarea.hds-form-textarea--is-invalid {
  border-color: var(--token-form-control-invalid-border-color-default);
}

.hds-form-textarea.hds-form-textarea--is-invalid:hover, .hds-form-textarea.hds-form-textarea--is-invalid.mock-hover {
  border-color: var(--token-form-control-invalid-border-color-hover);
}

.hds-form-textarea.hds-form-textarea--is-invalid:focus, .hds-form-textarea.hds-form-textarea--is-invalid.mock-focus {
  border-color: var(--token-color-focus-critical-internal);
  outline-color: var(--token-color-focus-critical-external);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-toggle {
  position: relative;
  display: inline-block;
  isolation: isolate;
}

.hds-form-toggle__control {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  color: transparent;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  opacity: 0;
  appearance: none;
}

.hds-form-toggle__control:disabled {
  cursor: not-allowed;
}

.hds-form-toggle__facade {
  position: relative;
  display: block;
  width: var(--token-form-toggle-width);
  height: var(--token-form-toggle-height);
  background-image: var(--token-form-toggle-background-image-data-url);
  background-repeat: no-repeat;
  background-position: var(--token-form-toggle-background-image-position-x) 50%;
  background-size: var(--token-form-toggle-background-image-size) var(--token-form-toggle-background-image-size);
  border: var(--token-form-radio-border-width) solid var(--border-color);
  border-radius: calc(var(--token-form-toggle-height) / 2);
}

@media (prefers-reduced-motion: no-preference) {
  .hds-form-toggle__facade {
    transition-timing-function: var(--token-form-toggle-transition-timing-function);
    transition-duration: var(--token-form-toggle-transition-duration);
    transition-property: all;
  }
}
.hds-form-toggle__facade::after {
  position: absolute;
  top: calc(var(--token-form-radio-border-width) * -1);
  left: calc(var(--token-form-radio-border-width) * -1);
  width: var(--token-form-toggle-thumb-size);
  height: var(--token-form-toggle-thumb-size);
  background-color: var(--token-form-control-base-surface-color-default);
  border: var(--token-form-radio-border-width) solid var(--border-color);
  border-radius: 50%;
  transform: translate3d(0, 0, 0);
  content: "";
}

@media (prefers-reduced-motion: no-preference) {
  .hds-form-toggle__facade::after {
    transition-timing-function: var(--token-form-toggle-transition-timing-function);
    transition-duration: var(--token-form-toggle-transition-duration);
    transition-property: all;
  }
}
.hds-form-toggle__facade::before {
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  margin: auto;
  border-width: 3px;
  border-radius: calc(var(--token-form-toggle-height) / 2 + 3px + 1px);
  content: "";
}

:not(:checked) + .hds-form-toggle__facade {
  --border-color: var(--token-form-control-base-border-color-default);
  background-color: var(--token-form-toggle-base-surface-color-default);
}

:checked + .hds-form-toggle__facade {
  --border-color: var(--token-form-control-checked-border-color-default);
  background-color: var(--token-form-control-checked-surface-color-default);
}

:checked + .hds-form-toggle__facade::after {
  transform: translate3d(calc(var(--token-form-toggle-width) - var(--token-form-toggle-thumb-size)), 0, 0);
}

:hover:not(:checked) + .hds-form-toggle__facade, .mock-hover:not(:checked) + .hds-form-toggle__facade {
  --border-color: var(--token-form-control-base-border-color-hover);
}

:hover:checked + .hds-form-toggle__facade, .mock-hover:checked + .hds-form-toggle__facade {
  --border-color: var(--token-form-control-checked-border-color-hover);
  background-color: var(--token-form-control-checked-border-color-default);
}

:focus + .hds-form-toggle__facade::before, .mock-focus + .hds-form-toggle__facade::before {
  border-color: var(--token-color-focus-action-external);
  border-style: solid;
}

:disabled:not(:checked) + .hds-form-toggle__facade, :disabled:checked + .hds-form-toggle__facade {
  --border-color: var(--token-form-control-disabled-border-color);
  background-color: var(--token-form-control-disabled-surface-color);
  background-image: var(--token-form-toggle-background-image-data-url-disabled);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-visibility-toggle {
  width: 24px;
  height: 24px;
  padding: 2px;
  color: var(--token-color-foreground-primary);
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-form-key-value-inputs {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  border: none;
  row-gap: 24px;
}

@media screen and (min-width: 768px) {
  .hds-form-key-value-inputs {
    row-gap: 12px;
  }
}
.hds-form-key-value-inputs:focus {
  outline: none;
}

.hds-form-key-value-inputs__row {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  align-items: flex-start;
}

@media screen and (min-width: 768px) {
  .hds-form-key-value-inputs__row {
    display: grid;
    flex-grow: 1;
    grid-template-columns: var(--hds-key-value-inputs-columns, 1fr 1fr 2.25rem);
    align-items: flex-end;
    column-gap: 8px;
    row-gap: 0;
  }
  .hds-form-key-value-inputs__row.hds-form-key-value-inputs__row--first .hds-form-key-value-inputs__delete-row-button-container,
  .hds-form-key-value-inputs__row.hds-form-key-value-inputs__row--first .hds-form-key-value-inputs__generic-container {
    grid-row: 2;
    grid-column: var(--hds-key-value-inputs-column-index);
  }
  .hds-form-key-value-inputs__row:not(.hds-form-key-value-inputs__row--first) .hds-form-key-value-inputs__field-header {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important; /* 3 */
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
    clip-path: inset(50%) !important; /* 2 */
  }
}
.hds-form-key-value-inputs__footer {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  align-items: flex-start;
}

.hds-form-key-value-inputs__field {
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
  width: 100%;
}

.hds-form-key-value-inputs__field .hds-form-key-value-inputs__field-header {
  align-self: flex-end;
  min-width: 0;
  margin-bottom: 8px;
}

@media screen and (min-width: 768px) {
  .hds-form-key-value-inputs__field .hds-form-key-value-inputs__field-header {
    margin-bottom: 12px;
  }
}
.hds-form-key-value-inputs__field .hds-form-select {
  width: 100%;
}

.hds-form-key-value-inputs__field .hds-form-key-value-inputs__field-control {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  justify-self: stretch;
  width: 100%;
}

.hds-form-key-value-inputs__helper-text:not(:first-child) {
  margin-top: 4px;
}

.hds-form-key-value-inputs__helper-text + .hds-form-key-value-inputs__helper-text {
  margin-top: 2px;
}

.hds-form-key-value-inputs__field-helper-text:not(:first-child) {
  margin-top: 4px;
}

.hds-form-key-value-inputs__field-helper-text + .hds-form-key-value-inputs__field-helper-text {
  margin-top: 2px;
}

.hds-form-key-value-inputs__field-error {
  margin-top: 8px;
}

.hds-form-key-value-inputs__generic-container,
.hds-form-key-value-inputs__delete-row-button-container {
  align-self: flex-start;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-icon {
  display: block;
}

.hds-icon--is-inline {
  display: inline-block;
}

@keyframes hds-icon-animation-rotation {
  to {
    transform: rotate(360deg);
  }
}
.hds-icon--animation-loading {
  animation: hds-icon-animation-rotation 9s linear infinite;
}

.hds-icon--animation-running {
  animation: hds-icon-animation-rotation 9s linear infinite;
}

@media (prefers-reduced-motion: no-preference) {
  .hds-icon--animation-loading {
    animation-duration: 0.7s;
  }
  .hds-icon--animation-running {
    animation-duration: 1s;
  }
}
.flight-sprite-container {
  position: absolute;
  width: 0;
  height: 0;
  visibility: hidden;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-icon-tile {
  position: relative;
  display: flex;
  border: 1px solid transparent;
  border-radius: var(--token-border-radius-medium);
}

.hds-icon-tile__icon,
.hds-icon-tile__logo {
  display: flex;
  margin: auto;
}

.hds-icon-tile__extra {
  position: absolute;
  right: -6px;
  bottom: -6px;
  display: flex;
  box-sizing: content-box;
  background-color: var(--token-color-surface-primary);
  border: 1px solid var(--token-color-border-primary);
}

.hds-icon-tile__extra-icon {
  display: flex;
  margin: auto;
  color: var(--token-color-foreground-strong);
}

.hds-icon-tile--size-small {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 5px;
}

.hds-icon-tile--size-small .hds-icon-tile__icon {
  width: 1rem;
  height: 1rem;
}

.hds-icon-tile--size-small .hds-icon-tile__logo {
  width: 1.125rem;
  height: 1.125rem;
}

.hds-icon-tile--size-small .hds-icon-tile__extra {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 4px;
}

.hds-icon-tile--size-small .hds-icon-tile__extra-icon {
  width: 0.75rem;
  height: 0.75rem;
}

.hds-icon-tile--size-medium {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 6px;
}

.hds-icon-tile--size-medium .hds-icon-tile__icon {
  width: 1.5rem;
  height: 1.5rem;
}

.hds-icon-tile--size-medium .hds-icon-tile__logo {
  width: 1.75rem;
  height: 1.75rem;
}

.hds-icon-tile--size-medium .hds-icon-tile__extra {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 5px;
}

.hds-icon-tile--size-medium .hds-icon-tile__extra-icon {
  width: 0.75rem;
  height: 0.75rem;
}

.hds-icon-tile--size-large {
  width: 3rem;
  height: 3rem;
  border-radius: 6px;
}

.hds-icon-tile--size-large .hds-icon-tile__icon {
  width: 1.5rem;
  height: 1.5rem;
}

.hds-icon-tile--size-large .hds-icon-tile__logo {
  width: 2rem;
  height: 2rem;
}

.hds-icon-tile--size-large .hds-icon-tile__extra {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 5px;
}

.hds-icon-tile--size-large .hds-icon-tile__extra-icon {
  width: 1rem;
  height: 1rem;
}

.hds-icon-tile--logo {
  background-color: var(--token-color-surface-primary);
  border-color: var(--token-color-border-primary);
}

.hds-icon-tile--icon.hds-icon-tile--color-neutral {
  color: var(--token-color-foreground-faint);
  background-color: var(--token-color-surface-strong);
}

.hds-icon-tile--icon.hds-icon-tile--color-boundary {
  color: var(--token-color-boundary-foreground);
  background-color: var(--token-color-boundary-surface);
}

.hds-icon-tile--icon.hds-icon-tile--color-consul {
  color: var(--token-color-consul-foreground);
  background-color: var(--token-color-consul-surface);
}

.hds-icon-tile--icon.hds-icon-tile--color-hcp {
  color: var(--token-color-palette-hcp-brand);
  background-color: var(--token-color-surface-strong);
}

.hds-icon-tile--icon.hds-icon-tile--color-nomad {
  color: var(--token-color-nomad-foreground);
  background-color: var(--token-color-nomad-surface);
}

.hds-icon-tile--icon.hds-icon-tile--color-packer {
  color: var(--token-color-packer-foreground);
  background-color: var(--token-color-packer-surface);
}

.hds-icon-tile--icon.hds-icon-tile--color-terraform {
  color: var(--token-color-terraform-foreground);
  background-color: var(--token-color-terraform-surface);
}

.hds-icon-tile--icon.hds-icon-tile--color-vagrant {
  color: var(--token-color-vagrant-foreground);
  background-color: var(--token-color-vagrant-surface);
}

.hds-icon-tile--icon.hds-icon-tile--color-vault {
  color: var(--token-color-vault-foreground);
  background-color: var(--token-color-vault-surface);
}

.hds-icon-tile--icon.hds-icon-tile--color-vault-secrets {
  color: var(--token-color-vault-secrets-foreground);
  background-color: var(--token-color-vault-secrets-surface);
}

.hds-icon-tile--icon.hds-icon-tile--color-vault-radar {
  color: var(--token-color-vault-radar-foreground);
  background-color: var(--token-color-vault-radar-surface);
}

.hds-icon-tile--icon.hds-icon-tile--color-waypoint {
  color: var(--token-color-waypoint-foreground);
  background-color: var(--token-color-waypoint-surface);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-layout-flex {
  display: flex;
  gap: var(--hds-layout-flex-row-gap) var(--hds-layout-flex-column-gap);
}

.hds-layout-flex--is-inline {
  display: inline-flex;
}

.hds-layout-flex--direction-row {
  flex-direction: row;
}

.hds-layout-flex--direction-column {
  flex-direction: column;
}

.hds-layout-flex--has-wrapping {
  flex-wrap: wrap;
}

.hds-layout-flex--justify-content-start {
  justify-content: start;
}

.hds-layout-flex--justify-content-center {
  justify-content: center;
}

.hds-layout-flex--justify-content-end {
  justify-content: end;
}

.hds-layout-flex--justify-content-space-between {
  justify-content: space-between;
}

.hds-layout-flex--justify-content-space-around {
  justify-content: space-around;
}

.hds-layout-flex--justify-content-space-evenly {
  justify-content: space-evenly;
}

.hds-layout-flex--justify-content-stretch {
  justify-content: stretch;
}

.hds-layout-flex--align-items-start {
  align-items: start;
}

.hds-layout-flex--align-items-center {
  align-items: center;
}

.hds-layout-flex--align-items-end {
  align-items: end;
}

.hds-layout-flex--align-items-stretch {
  align-items: stretch;
}

.hds-layout-flex--row-gap-0 {
  --hds-layout-flex-row-gap: 0px;
}

.hds-layout-flex--row-gap-4 {
  --hds-layout-flex-row-gap: 4px;
}

.hds-layout-flex--row-gap-8 {
  --hds-layout-flex-row-gap: 8px;
}

.hds-layout-flex--row-gap-12 {
  --hds-layout-flex-row-gap: 12px;
}

.hds-layout-flex--row-gap-16 {
  --hds-layout-flex-row-gap: 16px;
}

.hds-layout-flex--row-gap-24 {
  --hds-layout-flex-row-gap: 24px;
}

.hds-layout-flex--row-gap-32 {
  --hds-layout-flex-row-gap: 32px;
}

.hds-layout-flex--row-gap-48 {
  --hds-layout-flex-row-gap: 48px;
}

.hds-layout-flex--column-gap-0 {
  --hds-layout-flex-column-gap: 0px;
}

.hds-layout-flex--column-gap-4 {
  --hds-layout-flex-column-gap: 4px;
}

.hds-layout-flex--column-gap-8 {
  --hds-layout-flex-column-gap: 8px;
}

.hds-layout-flex--column-gap-12 {
  --hds-layout-flex-column-gap: 12px;
}

.hds-layout-flex--column-gap-16 {
  --hds-layout-flex-column-gap: 16px;
}

.hds-layout-flex--column-gap-24 {
  --hds-layout-flex-column-gap: 24px;
}

.hds-layout-flex--column-gap-32 {
  --hds-layout-flex-column-gap: 32px;
}

.hds-layout-flex--column-gap-48 {
  --hds-layout-flex-column-gap: 48px;
}

.hds-layout-flex-item--basis-0 {
  flex-basis: 0;
}

.hds-layout-flex-item--grow-0 {
  flex-grow: 0;
}

.hds-layout-flex-item--grow-1 {
  flex-grow: 1;
}

.hds-layout-flex-item--shrink-0 {
  flex-shrink: 0;
}

.hds-layout-flex-item--shrink-1 {
  flex-shrink: 1;
}

.hds-layout-flex-item--enable-collapse-below-content-size {
  min-width: 0;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-layout-grid {
  --hds-layout-grid-column-min-width: 0px;
  --hds-layout-grid-column-fill-type: auto-fit;
  display: grid;
  grid-template-columns: repeat(var(--hds-layout-grid-column-fill-type), minmax(calc(var(--hds-layout-grid-column-min-width) - var(--hds-layout-grid-column-gap)), 1fr));
  gap: var(--hds-layout-grid-row-gap) var(--hds-layout-grid-column-gap);
}

.hds-layout-grid--column-width-non-responsive {
  --hds-layout-grid-column-fill-type: auto-fill;
}

.hds-layout-grid--column-width-sm {
  --hds-layout-grid-column-fill-type: auto-fill;
  --hds-layout-grid-column-min-width: var(--hds-layout-grid-column-width-sm);
}

@media screen and (min-width: 768px) {
  .hds-layout-grid--column-width-md {
    --hds-layout-grid-column-fill-type: auto-fill;
    --hds-layout-grid-column-min-width: var(--hds-layout-grid-column-width-md);
  }
}
@media screen and (min-width: 1088px) {
  .hds-layout-grid--column-width-lg {
    --hds-layout-grid-column-fill-type: auto-fill;
    --hds-layout-grid-column-min-width: var(--hds-layout-grid-column-width-lg);
  }
}
@media screen and (min-width: 1440px) {
  .hds-layout-grid--column-width-xl {
    --hds-layout-grid-column-fill-type: auto-fill;
    --hds-layout-grid-column-min-width: var(--hds-layout-grid-column-width-xl);
  }
}
@media screen and (min-width: 1920px) {
  .hds-layout-grid--column-width-xxl {
    --hds-layout-grid-column-fill-type: auto-fill;
    --hds-layout-grid-column-min-width: var(--hds-layout-grid-column-width-xxl);
  }
}
.hds-layout-grid--align-items-start {
  align-items: start;
}

.hds-layout-grid--align-items-center {
  align-items: center;
}

.hds-layout-grid--align-items-end {
  align-items: end;
}

.hds-layout-grid--align-items-stretch {
  align-items: stretch;
}

.hds-layout-grid--row-gap-0 {
  --hds-layout-grid-row-gap: 0px;
}

.hds-layout-grid--column-gap-0 {
  --hds-layout-grid-column-gap: 0px;
}

.hds-layout-grid--row-gap-4 {
  --hds-layout-grid-row-gap: 4px;
}

.hds-layout-grid--column-gap-4 {
  --hds-layout-grid-column-gap: 4px;
}

.hds-layout-grid--row-gap-8 {
  --hds-layout-grid-row-gap: 8px;
}

.hds-layout-grid--column-gap-8 {
  --hds-layout-grid-column-gap: 8px;
}

.hds-layout-grid--row-gap-12 {
  --hds-layout-grid-row-gap: 12px;
}

.hds-layout-grid--column-gap-12 {
  --hds-layout-grid-column-gap: 12px;
}

.hds-layout-grid--row-gap-16 {
  --hds-layout-grid-row-gap: 16px;
}

.hds-layout-grid--column-gap-16 {
  --hds-layout-grid-column-gap: 16px;
}

.hds-layout-grid--row-gap-24 {
  --hds-layout-grid-row-gap: 24px;
}

.hds-layout-grid--column-gap-24 {
  --hds-layout-grid-column-gap: 24px;
}

.hds-layout-grid--row-gap-32 {
  --hds-layout-grid-row-gap: 32px;
}

.hds-layout-grid--column-gap-32 {
  --hds-layout-grid-column-gap: 32px;
}

.hds-layout-grid--row-gap-48 {
  --hds-layout-grid-row-gap: 48px;
}

.hds-layout-grid--column-gap-48 {
  --hds-layout-grid-column-gap: 48px;
}

.hds-layout-grid-item {
  --hds-layout-grid-row-span: 1;
  --hds-layout-grid-column-span: 1;
  grid-row-start: span var(--hds-layout-grid-row-span);
  grid-column-start: span var(--hds-layout-grid-column-span);
}

.hds-layout-grid--col-span-view-sm {
  --hds-layout-grid-column-span: var(--hds-layout-grid-column-span-sm);
}

.hds-layout-grid--row-span-view-sm {
  --hds-layout-grid-row-span: var(--hds-layout-grid-row-span-sm);
}

@media screen and (min-width: 768px) {
  .hds-layout-grid--col-span-view-md {
    --hds-layout-grid-column-span: var(--hds-layout-grid-column-span-md);
  }
}
@media screen and (min-width: 768px) {
  .hds-layout-grid--row-span-view-md {
    --hds-layout-grid-row-span: var(--hds-layout-grid-row-span-md);
  }
}
@media screen and (min-width: 1088px) {
  .hds-layout-grid--col-span-view-lg {
    --hds-layout-grid-column-span: var(--hds-layout-grid-column-span-lg);
  }
}
@media screen and (min-width: 1088px) {
  .hds-layout-grid--row-span-view-lg {
    --hds-layout-grid-row-span: var(--hds-layout-grid-row-span-lg);
  }
}
@media screen and (min-width: 1440px) {
  .hds-layout-grid--col-span-view-xl {
    --hds-layout-grid-column-span: var(--hds-layout-grid-column-span-xl);
  }
}
@media screen and (min-width: 1440px) {
  .hds-layout-grid--row-span-view-xl {
    --hds-layout-grid-row-span: var(--hds-layout-grid-row-span-xl);
  }
}
@media screen and (min-width: 1920px) {
  .hds-layout-grid--col-span-view-xxl {
    --hds-layout-grid-column-span: var(--hds-layout-grid-column-span-xxl);
  }
}
@media screen and (min-width: 1920px) {
  .hds-layout-grid--row-span-view-xxl {
    --hds-layout-grid-row-span: var(--hds-layout-grid-row-span-xxl);
  }
}
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-link-inline {
  border-radius: 2px;
}

.hds-link-inline:focus, .hds-link-inline.mock-focus, .hds-link-inline:focus-visible {
  text-decoration: none;
  outline: 2px solid var(--token-color-focus-action-internal);
  outline-offset: 1px;
}

.hds-link-inline__icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: text-bottom;
}

.hds-link-inline--icon-leading > .hds-link-inline__icon {
  margin-right: 0.25em;
}

.hds-link-inline--icon-trailing > .hds-link-inline__icon {
  margin-left: 0.25em;
}

.hds-link-inline--color-primary {
  color: var(--token-color-foreground-action);
}

.hds-link-inline--color-primary:hover, .hds-link-inline--color-primary.mock-hover {
  color: var(--token-color-foreground-action-hover);
}

.hds-link-inline--color-primary:active, .hds-link-inline--color-primary.mock-active {
  color: var(--token-color-foreground-action-active);
}

.hds-link-inline--color-secondary {
  color: var(--token-color-foreground-strong);
}

.hds-link-inline--color-secondary:hover, .hds-link-inline--color-secondary.mock-hover {
  color: var(--token-color-foreground-primary);
}

.hds-link-inline--color-secondary:active, .hds-link-inline--color-secondary.mock-active {
  color: var(--token-color-foreground-faint);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-link-standalone {
  display: flex;
  gap: 0.375rem;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: var(--token-typography-font-weight-regular);
  font-family: var(--token-typography-font-stack-text);
  background-color: transparent;
  border: 1px solid transparent;
  text-decoration-color: transparent;
}

.hds-link-standalone__icon {
  display: block;
}

.hds-link-standalone__text {
  display: block;
  flex: 1 0 0;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.25s ease-in;
}

.hds-link-standalone--size-small .hds-link-standalone__icon {
  width: 0.75rem;
  height: 0.75rem;
}

.hds-link-standalone--size-small .hds-link-standalone__text {
  font-size: 0.8125rem;
  line-height: 1.231;
}

.hds-link-standalone--size-medium .hds-link-standalone__icon {
  width: 1rem;
  height: 1rem;
}

.hds-link-standalone--size-medium .hds-link-standalone__text {
  font-size: 0.875rem;
  line-height: 1.143;
}

.hds-link-standalone--size-large .hds-link-standalone__icon {
  width: 1.5rem;
  height: 1.5rem;
}

.hds-link-standalone--size-large .hds-link-standalone__text {
  font-size: 1rem;
  line-height: 1.5;
}

.hds-link-standalone--color-primary {
  color: var(--token-color-foreground-action);
}

.hds-link-standalone--color-primary:hover, .hds-link-standalone--color-primary.mock-hover {
  color: var(--token-color-foreground-action-hover);
}

.hds-link-standalone--color-primary:hover .hds-link-standalone__text, .hds-link-standalone--color-primary.mock-hover .hds-link-standalone__text {
  text-decoration-color: #4e81e8;
}

.hds-link-standalone--color-primary:active, .hds-link-standalone--color-primary.mock-active {
  color: var(--token-color-foreground-action-active);
}

.hds-link-standalone--color-primary:active .hds-link-standalone__text, .hds-link-standalone--color-primary.mock-active .hds-link-standalone__text {
  text-decoration-color: #396ed6;
}

.hds-link-standalone--color-primary:active::before, .hds-link-standalone--color-primary.mock-active::before {
  background-color: var(--token-color-surface-action);
}

.hds-link-standalone--color-secondary {
  color: var(--token-color-foreground-strong);
}

.hds-link-standalone--color-secondary:hover .hds-link-standalone__text, .hds-link-standalone--color-secondary.mock-hover .hds-link-standalone__text {
  text-decoration-color: #4d4d4f;
}

.hds-link-standalone--color-secondary:active, .hds-link-standalone--color-secondary.mock-active {
  color: var(--token-color-foreground-primary);
}

.hds-link-standalone--color-secondary:active .hds-link-standalone__text, .hds-link-standalone--color-secondary.mock-active .hds-link-standalone__text {
  text-decoration-color: #6e7075;
}

.hds-link-standalone--color-secondary:active::before, .hds-link-standalone--color-secondary.mock-active::before {
  background-color: var(--token-color-surface-interactive-active);
}

.hds-link-standalone {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}

.hds-link-standalone::before {
  position: absolute;
  top: 0;
  right: -5px;
  bottom: 0;
  left: -5px;
  z-index: -1;
  border-radius: var(--token-border-radius-small);
  content: "";
}

.hds-link-standalone:focus::before, .hds-link-standalone.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-link-standalone:focus:not(:focus-visible)::before {
  box-shadow: none;
}

.hds-link-standalone:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-link-standalone:focus:active::before, .hds-link-standalone.mock-focus.mock-active::before {
  box-shadow: none;
}

.hds-link-standalone.hds-link-standalone--icon-position-leading::before {
  right: -7px;
}

.hds-link-standalone.hds-link-standalone--icon-position-trailing::before {
  left: -7px;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-modal {
  position: fixed;
  z-index: 50;
  height: fit-content;
  max-height: 95vh;
  inset: 0;
  margin: auto;
  border-radius: var(--token-border-radius-large);
  box-shadow: var(--token-surface-overlay-box-shadow);
}

.hds-modal:not([open]) {
  display: none;
}

.hds-modal::backdrop {
  display: none;
}

.hds-modal--size-small {
  width: min(400px, 95vw);
}

.hds-modal--size-medium {
  width: min(600px, 95vw);
}

.hds-modal--size-large {
  width: min(800px, 95vw);
}

.hds-modal--color-warning .hds-dialog-primitive__wrapper-header {
  background: var(--token-color-surface-warning);
  border-bottom: 1px solid var(--token-color-border-warning);
}

.hds-modal--color-warning .hds-dialog-primitive__header,
.hds-modal--color-warning .hds-dialog-primitive__tagline {
  color: var(--token-color-foreground-warning-on-surface);
}

.hds-modal--color-critical .hds-dialog-primitive__wrapper-header {
  background: var(--token-color-surface-critical);
  border-bottom: 1px solid var(--token-color-border-critical);
}

.hds-modal--color-critical .hds-dialog-primitive__header,
.hds-modal--color-critical .hds-dialog-primitive__tagline {
  color: var(--token-color-foreground-critical-on-surface);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-page-header {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  container-type: inline-size;
}

.hds-page-header__body {
  display: flex;
  flex-direction: column;
  gap: 8px 16px;
}

.hds-page-header__body .hds-icon-tile {
  flex-shrink: 0;
}

@container (min-width: 400px) {
  .hds-page-header__body {
    flex-direction: row;
  }
}
.hds-page-header__main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  align-items: start;
  justify-content: start;
}

@container (min-width: 768px) {
  .hds-page-header__main {
    flex-direction: row;
    justify-content: space-between;
    min-width: 0;
  }
}
.hds-page-header__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}

.hds-page-header__title-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px 16px;
  align-items: center;
}

.hds-page-header__title {
  max-width: 100%;
  overflow-wrap: break-word;
}

.hds-page-header__badges-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.hds-page-header__metadata {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.hds-page-header__metadata > *:first-child {
  margin-top: 8px;
}

.hds-page-header__subtitle,
.hds-page-header__description {
  overflow-wrap: break-word;
}

.hds-page-header__actions {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-pagination {
  display: grid;
  grid-template-areas: "info nav selector";
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  margin: 0 auto;
}

@media screen and (max-width: 1087.98px) {
  .hds-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.hds-pagination .hds-pagination-info {
  grid-area: info;
  justify-self: flex-start;
  margin-right: var(--token-pagination-child-spacing-horizontal);
}

@media screen and (max-width: 1087.98px) {
  .hds-pagination .hds-pagination-info {
    margin-top: var(--token-pagination-child-spacing-vertical);
    margin-left: var(--token-pagination-child-spacing-horizontal);
  }
}
.hds-pagination .hds-pagination-nav {
  grid-area: nav;
}

@media screen and (max-width: 1087.98px) {
  .hds-pagination .hds-pagination-nav {
    justify-content: center;
    order: -1;
    width: 100%;
  }
}
.hds-pagination .hds-pagination-size-selector {
  grid-area: selector;
  justify-self: flex-end;
  margin-left: var(--token-pagination-child-spacing-horizontal);
}

@media screen and (max-width: 1087.98px) {
  .hds-pagination .hds-pagination-size-selector {
    margin-top: var(--token-pagination-child-spacing-vertical);
    margin-right: var(--token-pagination-child-spacing-horizontal);
  }
}
.hds-pagination-info {
  white-space: nowrap;
}

.hds-pagination-nav {
  display: flex;
}

.hds-pagination-nav__page-list {
  display: flex;
  margin: 0;
  padding: 0;
}

.hds-pagination-nav__page-item {
  list-style-type: none;
}

.hds-pagination-nav__control {
  display: flex;
  align-items: center;
  height: var(--token-pagination-nav-control-height);
  padding: 0 calc(var(--token-pagination-nav-control-padding-horizontal) - 1px);
  color: var(--token-color-foreground-primary);
  text-decoration: none;
  background-color: transparent;
  border: 1px solid transparent;
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}

.hds-pagination-nav__control::before {
  position: absolute;
  top: var(--token-pagination-nav-control-focus-inset);
  right: var(--token-pagination-nav-control-focus-inset);
  bottom: var(--token-pagination-nav-control-focus-inset);
  left: var(--token-pagination-nav-control-focus-inset);
  z-index: -1;
  border-radius: 5px;
  content: "";
}

.hds-pagination-nav__control:focus::before, .hds-pagination-nav__control.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-pagination-nav__control:focus:not(:focus-visible)::before {
  box-shadow: none;
}

.hds-pagination-nav__control:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-pagination-nav__control:focus:active::before, .hds-pagination-nav__control.mock-focus.mock-active::before {
  box-shadow: none;
}

.hds-pagination-nav__control:hover, .hds-pagination-nav__control.mock-hover {
  color: var(--token-color-foreground-action-hover);
}

.hds-pagination-nav__control:active, .hds-pagination-nav__control.mock-active {
  color: var(--token-color-foreground-action-active);
}

.hds-pagination-nav__arrow {
  gap: var(--token-pagination-nav-control-icon-spacing);
}

.hds-pagination-nav__arrow:disabled, .hds-pagination-nav__arrow.mock-disabled {
  color: var(--token-color-foreground-disabled);
  cursor: not-allowed;
}

.hds-pagination-nav__arrow--direction-prev {
  flex-direction: row;
  justify-content: flex-start;
}

.hds-pagination-nav__arrow--direction-next {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.hds-pagination-nav__number--is-selected {
  position: relative;
  color: var(--token-color-foreground-action);
}

.hds-pagination-nav__number--is-selected:hover {
  color: var(--token-color-foreground-action-hover);
}

.hds-pagination-nav__number--is-selected:active {
  color: var(--token-color-foreground-action-active);
}

.hds-pagination-nav__number--is-selected::after {
  position: absolute;
  right: calc(var(--token-pagination-nav-indicator-spacing) - 1px);
  bottom: -1px;
  left: calc(var(--token-pagination-nav-indicator-spacing) - 1px);
  height: var(--token-pagination-nav-indicator-height);
  margin: 0 auto;
  background-color: currentColor;
  border-radius: 2px;
  content: "";
}

.hds-pagination-nav__ellipsis {
  display: flex;
  align-items: center;
  height: var(--token-pagination-nav-control-height);
  padding: 0 var(--token-pagination-nav-control-padding-horizontal);
  color: var(--token-color-foreground-faint);
}

.hds-pagination-size-selector {
  display: flex;
  align-items: center;
}

.hds-pagination-size-selector > label {
  white-space: nowrap;
}

.hds-pagination-size-selector > select {
  height: 28px;
  margin-left: 12px;
  padding: 0 24px 0 8px;
  font-size: var(--token-typography-body-100-font-size);
  font-family: var(--token-typography-body-100-font-family);
  line-height: var(--token-typography-body-100-line-height);
  background-position: center right 5px;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-reveal {
  width: fit-content;
}

.hds-reveal__toggle-button {
  min-height: 1.75rem;
  padding: 0.313rem 0.313rem 0.313rem 0.188rem;
}

@media (prefers-reduced-motion: no-preference) {
  .hds-reveal__toggle-button .hds-icon-chevron-down {
    transition: transform 0.3s;
  }
}
.hds-reveal__toggle-button--is-open .hds-icon-chevron-down {
  transform: rotate(-180deg);
}

.hds-reveal__content {
  margin-top: 4px;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-rich-tooltip {
  display: contents;
}

:where(.hds-rich-tooltip__toggle) {
  width: fit-content;
  height: fit-content;
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  text-align: inherit;
  background-color: inherit;
  border: none;
  cursor: pointer;
}

.hds-rich-tooltip__toggle {
  --text-color: var(--token-color-foreground-strong);
  --icon-color: var(--token-color-foreground-strong);
}

.hds-rich-tooltip__toggle:hover, .hds-rich-tooltip__toggle.mock-hover {
  --text-color: var(--token-color-foreground-primary);
  --icon-color: var(--token-color-foreground-primary);
}

.hds-rich-tooltip__toggle:active, .hds-rich-tooltip__toggle.mock-active {
  --text-color: var(--token-color-foreground-faint);
  --icon-color: var(--token-color-foreground-faint);
}

.hds-rich-tooltip__toggle {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}

.hds-rich-tooltip__toggle::before {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  z-index: -1;
  border-radius: 5px;
  content: "";
}

.hds-rich-tooltip__toggle:focus::before, .hds-rich-tooltip__toggle.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-rich-tooltip__toggle:focus:not(:focus-visible)::before {
  box-shadow: none;
}

.hds-rich-tooltip__toggle:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-rich-tooltip__toggle:focus:active::before, .hds-rich-tooltip__toggle.mock-focus.mock-active::before {
  box-shadow: none;
}

.hds-rich-tooltip__toggle-text {
  color: var(--text-color);
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 2px;
}

.hds-rich-tooltip__toggle-icon {
  flex: none;
  width: 1em;
  height: 1em;
  color: var(--icon-color);
}

.hds-rich-tooltip__toggle-icon:first-child:not(:only-child) {
  margin-right: 0.25rem;
}

.hds-rich-tooltip__toggle-icon:last-child:not(:only-child) {
  margin-left: 0.25rem;
}

:where(.hds-rich-tooltip__toggle--is-inline) {
  display: inline-flex;
  align-items: center;
  vertical-align: bottom;
}

:where(.hds-rich-tooltip__toggle--is-inline):has(.hds-rich-tooltip__toggle-icon:only-child) {
  vertical-align: middle;
}

:where(.hds-rich-tooltip__toggle--is-block) {
  display: flex;
  align-items: center;
}

.hds-rich-tooltip__toggle--size-small {
  font-weight: var(--token-typography-font-weight-regular);
  font-size: var(--token-typography-body-100-font-size);
  font-family: var(--token-typography-body-100-font-family);
  line-height: var(--token-typography-body-100-line-height);
}

.hds-rich-tooltip__toggle--size-medium {
  font-weight: var(--token-typography-font-weight-regular);
  font-size: var(--token-typography-body-200-font-size);
  font-family: var(--token-typography-body-200-font-family);
  line-height: var(--token-typography-body-200-line-height);
}

.hds-rich-tooltip__toggle--size-large {
  font-weight: var(--token-typography-font-weight-regular);
  font-size: var(--token-typography-body-300-font-size);
  font-family: var(--token-typography-body-300-font-family);
  line-height: var(--token-typography-body-300-line-height);
}

.hds-rich-tooltip__bubble {
  position: relative;
  width: fit-content;
  max-width: var(--token-tooltip-max-width);
  height: fit-content;
  max-height: none;
  padding: 16px;
  background: var(--token-color-surface-primary);
  border-radius: var(--token-border-radius-small);
  box-shadow: var(--token-surface-higher-box-shadow);
  opacity: 0;
  transition: opacity 0.3s;
  will-change: opacity;
}

:where(.hds-rich-tooltip__bubble[popover]) {
  width: fit-content;
  height: fit-content;
  margin: 0;
  padding: 0;
  overflow: visible;
  color: inherit;
  background: none;
  border: none;
  inset: 0;
}

.hds-rich-tooltip__bubble-arrow {
  position: absolute;
  z-index: 1;
  display: block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path fill="%23fff" d="M9.056 11.607.398 20h19.091l-8.37-8.393S10.69 11 10.089 11c-.602 0-1.032.608-1.032.608Z"/><path fill="%23656A76" fill-opacity=".2" fill-rule="evenodd" d="M9.359 11.308 1.423 19H0l8.674-8.417.342.362-.342-.362v-.001l.002-.001.003-.003.007-.007a1.622 1.622 0 0 1 .103-.087c.066-.053.16-.122.277-.191.224-.134.571-.293.977-.293a2.158 2.158 0 0 1 1.374.492 1.658 1.658 0 0 1 .107.098l.004.004L20 19h-1.518l-7.665-7.707-.004-.003-.002-.002a1.069 1.069 0 0 0-.18-.131 1.167 1.167 0 0 0-.588-.157.958.958 0 0 0-.47.153 1.527 1.527 0 0 0-.208.15l-.006.005Z" clip-rule="evenodd"/></svg>') no-repeat 0 0/20px 20px;
  pointer-events: none;
}

.hds-rich-tooltip__bubble-arrow[data-hds-anchored-arrow-placement^=top] {
  bottom: -20px;
  transform: rotate(180deg);
}

.hds-rich-tooltip__bubble-arrow[data-hds-anchored-arrow-placement^=right] {
  left: -20px;
  transform: rotate(-90deg);
}

.hds-rich-tooltip__bubble-arrow[data-hds-anchored-arrow-placement^=bottom] {
  top: -20px;
  transform: rotate(0deg);
}

.hds-rich-tooltip__bubble-arrow[data-hds-anchored-arrow-placement^=left] {
  right: -20px;
  transform: rotate(90deg);
}

.hds-rich-tooltip__bubble-inner-content {
  all: initial;
  display: contents;
  box-sizing: border-box;
}

.hds-rich-tooltip__bubble-inner-content *,
.hds-rich-tooltip__bubble-inner-content *::before,
.hds-rich-tooltip__bubble-inner-content *::after {
  box-sizing: inherit;
}

/* clean-css ignore:start */
.hds-rich-tooltip__bubble[popover]:popover-open {
  opacity: 1;
}

@starting-style {
  .hds-rich-tooltip__bubble[popover]:popover-open {
    opacity: 0;
  }
}
@starting-style {
  .hds-rich-tooltip__bubble[popover].\:popover-open {
    opacity: 0;
  }
}
/* clean-css ignore:end */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-segmented-group {
  display: inline-flex;
}

.hds-segmented-group > .hds-button:first-child:not(:only-child),
.hds-segmented-group > .hds-dropdown:first-child:not(:only-child),
.hds-segmented-group > .hds-form-select:first-child:not(:only-child),
.hds-segmented-group > .hds-form-text-input:first-child:not(:only-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.hds-segmented-group > .hds-button:first-child:not(:only-child)::before,
.hds-segmented-group > .hds-button:first-child:not(:only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-button:first-child:not(:only-child) .hds-dropdown-toggle-button::before,
.hds-segmented-group > .hds-dropdown:first-child:not(:only-child)::before,
.hds-segmented-group > .hds-dropdown:first-child:not(:only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-dropdown:first-child:not(:only-child) .hds-dropdown-toggle-button::before,
.hds-segmented-group > .hds-form-select:first-child:not(:only-child)::before,
.hds-segmented-group > .hds-form-select:first-child:not(:only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-form-select:first-child:not(:only-child) .hds-dropdown-toggle-button::before,
.hds-segmented-group > .hds-form-text-input:first-child:not(:only-child)::before,
.hds-segmented-group > .hds-form-text-input:first-child:not(:only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-form-text-input:first-child:not(:only-child) .hds-dropdown-toggle-button::before {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}

.hds-segmented-group > .hds-button:last-child:not(:only-child),
.hds-segmented-group > .hds-dropdown:last-child:not(:only-child),
.hds-segmented-group > .hds-form-select:last-child:not(:only-child),
.hds-segmented-group > .hds-form-text-input:last-child:not(:only-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.hds-segmented-group > .hds-button:last-child:not(:only-child)::before,
.hds-segmented-group > .hds-button:last-child:not(:only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-button:last-child:not(:only-child) .hds-dropdown-toggle-button::before,
.hds-segmented-group > .hds-dropdown:last-child:not(:only-child)::before,
.hds-segmented-group > .hds-dropdown:last-child:not(:only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-dropdown:last-child:not(:only-child) .hds-dropdown-toggle-button::before,
.hds-segmented-group > .hds-form-select:last-child:not(:only-child)::before,
.hds-segmented-group > .hds-form-select:last-child:not(:only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-form-select:last-child:not(:only-child) .hds-dropdown-toggle-button::before,
.hds-segmented-group > .hds-form-text-input:last-child:not(:only-child)::before,
.hds-segmented-group > .hds-form-text-input:last-child:not(:only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-form-text-input:last-child:not(:only-child) .hds-dropdown-toggle-button::before {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}

.hds-segmented-group > .hds-button:not(:first-child, :last-child, :only-child),
.hds-segmented-group > .hds-dropdown:not(:first-child, :last-child, :only-child),
.hds-segmented-group > .hds-form-select:not(:first-child, :last-child, :only-child),
.hds-segmented-group > .hds-form-text-input:not(:first-child, :last-child, :only-child) {
  margin-left: -1px;
  border-radius: 0;
}

.hds-segmented-group > .hds-button:not(:first-child, :last-child, :only-child)::before,
.hds-segmented-group > .hds-button:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-button:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-button::before,
.hds-segmented-group > .hds-dropdown:not(:first-child, :last-child, :only-child)::before,
.hds-segmented-group > .hds-dropdown:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-dropdown:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-button::before,
.hds-segmented-group > .hds-form-select:not(:first-child, :last-child, :only-child)::before,
.hds-segmented-group > .hds-form-select:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-form-select:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-button::before,
.hds-segmented-group > .hds-form-text-input:not(:first-child, :last-child, :only-child)::before,
.hds-segmented-group > .hds-form-text-input:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-button,
.hds-segmented-group > .hds-form-text-input:not(:first-child, :last-child, :only-child) .hds-dropdown-toggle-button::before {
  border-radius: inherit;
}

.hds-segmented-group > .hds-button:focus, .hds-segmented-group > .hds-button.mock-focus,
.hds-segmented-group > .hds-button .hds-dropdown-toggle-button:focus,
.hds-segmented-group > .hds-dropdown:focus,
.hds-segmented-group > .hds-dropdown.mock-focus,
.hds-segmented-group > .hds-dropdown .hds-dropdown-toggle-button:focus,
.hds-segmented-group > .hds-form-select:focus,
.hds-segmented-group > .hds-form-select.mock-focus,
.hds-segmented-group > .hds-form-select .hds-dropdown-toggle-button:focus,
.hds-segmented-group > .hds-form-text-input:focus,
.hds-segmented-group > .hds-form-text-input.mock-focus,
.hds-segmented-group > .hds-form-text-input .hds-dropdown-toggle-button:focus {
  z-index: 1;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-separator {
  border: none;
  border-top: 1px solid var(--token-color-border-primary);
}

.hds-separator--spacing-24 {
  margin: 24px 0;
}

.hds-separator--spacing-0 {
  margin: 0;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-stepper-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.hds-stepper-list,
.hds-stepper-list__step {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.hds-stepper-list__step {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
}

.hds-stepper-list__step:not(:last-of-type) .hds-stepper-list__step-progress::before, .hds-stepper-list__step:not(:last-of-type) .hds-stepper-list__step-progress::after {
  position: absolute;
  top: 1px;
  left: 11px;
  z-index: -1;
  width: 2px;
  content: "";
}

.hds-stepper-list__step:not(:last-of-type) .hds-stepper-list__step-progress::before {
  height: calc(100% + 16px);
  background: linear-gradient(0deg, var(--token-color-palette-alpha-200) 0%, var(--token-color-palette-alpha-200) 100%), var(--token-color-palette-neutral-100);
}

.hds-stepper-list__step:not(:last-of-type) .hds-stepper-list__step-progress::after {
  background-color: var(--token-color-palette-neutral-700);
}

.hds-stepper-list__step-progress {
  position: relative;
  isolation: isolate;
}

.hds-stepper-list__step-text {
  margin-top: 2px;
}

.hds-stepper-list__step-description {
  margin-top: 4px;
}

.hds-stepper-list__step-content {
  margin-top: 8px;
}

.hds-stepper-list__step:not(:last-of-type).hds-stepper-list__step--complete .hds-stepper-list__step-progress::after {
  height: calc(100% + 16px - 4px);
}

.hds-stepper-list__step:not(:last-of-type, :first-of-type).hds-stepper-list__step--complete .hds-stepper-list__step-progress::after {
  top: -4px;
  height: calc(100% + 16px);
}

.hds-stepper-list__step:not(:first-of-type):last-of-type.hds-stepper-list__step--complete .hds-stepper-list__step-progress::after {
  position: absolute;
  top: -4px;
  left: 11px;
  z-index: -1;
  width: 2px;
  height: 6px;
  background-color: var(--token-color-palette-neutral-700);
  content: "";
}

.hds-stepper-list__step.hds-stepper-list__step--complete:has(+ :not(.hds-stepper-list__step--complete)) .hds-stepper-list__step-progress::after {
  border-radius: 0 0 var(--token-border-radius-x-small) var(--token-border-radius-x-small);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-stepper-indicator-step {
  position: relative;
  width: 24px;
  height: 24px;
}

.hds-stepper-indicator-step__svg-hexagon {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 1px 1px rgba(101, 106, 118, 0.05));
}

.hds-stepper-indicator-step__status {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hds-stepper-indicator-step__icon {
  width: 12px;
  height: 12px;
}

.hds-stepper-indicator-step__text {
  width: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  user-select: none;
}

.hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-primary);
}

.hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-surface-primary);
  stroke: var(--token-color-border-strong);
}

.hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-high-contrast);
}

.hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-foreground-strong);
  stroke: var(--token-color-foreground-strong);
}

.hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-high-contrast);
}

.hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-foreground-strong);
  stroke: var(--token-color-foreground-strong);
}

.hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-high-contrast);
}

.hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-foreground-strong);
  stroke: var(--token-color-foreground-strong);
}

.hds-stepper-indicator-step--is-interactive {
  cursor: pointer;
}

.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-primary);
}

.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-surface-interactive);
  stroke: var(--token-color-border-strong);
}

.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-incomplete:hover .hds-stepper-indicator-step__svg-hexagon path, .hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-incomplete.mock-hover .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-surface-interactive-hover);
}

.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-incomplete:active .hds-stepper-indicator-step__svg-hexagon path, .hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-incomplete.mock-active .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-surface-interactive-active);
}

.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-high-contrast);
}

.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-200);
  stroke: var(--token-color-palette-blue-300);
}

.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-progress:hover .hds-stepper-indicator-step__svg-hexagon path, .hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-progress.mock-hover .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-300);
  stroke: var(--token-color-palette-blue-400);
}

.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-progress:active .hds-stepper-indicator-step__svg-hexagon path, .hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-progress.mock-active .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-400);
  stroke: var(--token-color-palette-blue-400);
}

.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-high-contrast);
}

.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-200);
  stroke: var(--token-color-palette-blue-300);
}

.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-processing:hover .hds-stepper-indicator-step__svg-hexagon path, .hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-processing.mock-hover .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-300);
  stroke: var(--token-color-palette-blue-400);
}

.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-processing:active .hds-stepper-indicator-step__svg-hexagon path, .hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-processing.mock-active .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-400);
  stroke: var(--token-color-palette-blue-400);
}

.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__status {
  color: var(--token-color-palette-blue-200);
}

.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-surface-action);
  stroke: var(--token-color-palette-blue-300);
}

.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-complete:hover .hds-stepper-indicator-step__status, .hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-complete.mock-hover .hds-stepper-indicator-step__status {
  color: var(--token-color-palette-blue-300);
}

.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-complete:hover .hds-stepper-indicator-step__svg-hexagon path, .hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-complete.mock-hover .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-100);
  stroke: var(--token-color-palette-blue-400);
}

.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-complete:active .hds-stepper-indicator-step__status, .hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-complete.mock-active .hds-stepper-indicator-step__status {
  color: var(--token-color-palette-blue-400);
}

.hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-complete:active .hds-stepper-indicator-step__svg-hexagon path, .hds-stepper-indicator-step--is-interactive.hds-stepper-indicator-step--status-complete.mock-active .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-100);
  stroke: var(--token-color-palette-blue-400);
}

.hds-stepper-nav__progress-bar {
  position: relative;
  isolation: isolate;
}

.hds-stepper-nav__progress-bar::before, .hds-stepper-nav__progress-bar::after {
  position: absolute;
  top: -4px;
  left: 0;
  z-index: -1;
  height: 4px;
  content: "";
}

.hds-stepper-nav__progress-bar::before {
  width: 100%;
  background: linear-gradient(0deg, var(--token-color-palette-alpha-200) 0%, var(--token-color-palette-alpha-200) 100%), var(--token-color-palette-neutral-100);
}

.hds-stepper-nav__progress-bar::after {
  width: var(--hds-stepper-nav-progress-bar-width, 0);
  background-color: var(--token-color-palette-neutral-700);
  border-radius: 0 var(--token-border-radius-x-small) var(--token-border-radius-x-small) 0;
}

@media (prefers-reduced-motion: no-preference) {
  .hds-stepper-nav__progress-bar::after {
    transition: width 0.25s ease-in-out;
  }
}
.hds-stepper-nav__list,
.hds-stepper-nav__step {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hds-stepper-nav__list {
  display: flex;
  text-align: center;
}

.hds-stepper-nav__step {
  width: 100%;
}

.hds-stepper-nav__step-button {
  border-radius: 0 0 var(--token-border-radius-medium) var(--token-border-radius-medium);
}

.hds-stepper-nav__step-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0;
  background-color: transparent;
  border: none;
}

.hds-stepper-nav__step-progress {
  position: absolute;
  top: -14px;
  left: 0;
  z-index: 0;
  display: flex;
  justify-content: center;
  width: 100%;
}

.hds-stepper-nav__step-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 8px 12px 8px;
}

.hds-stepper-nav__step-title {
  color: var(--token-color-foreground-faint);
  text-decoration: none;
}

.hds-stepper-nav__step-description {
  margin-top: 4px;
  color: var(--token-color-foreground-faint);
}

.hds-stepper-nav__step--complete .hds-stepper-nav__step-title,
.hds-stepper-nav__step--active .hds-stepper-nav__step-title {
  color: var(--token-color-foreground-strong);
}

.hds-stepper-nav__step--complete .hds-stepper-nav__step-description,
.hds-stepper-nav__step--active .hds-stepper-nav__step-description {
  color: var(--token-color-foreground-primary);
}

@media (prefers-reduced-motion: no-preference) {
  .hds-stepper-nav__step--active .hds-stepper-indicator-step__svg-hexagon path,
  .hds-stepper-nav__step--active .hds-stepper-indicator-step__status,
  .hds-stepper-nav__step--active .hds-stepper-nav__step-title {
    transition: all 0.15s ease-in-out 0.25s;
  }
}
.hds-stepper-nav--interactive .hds-stepper-nav__progress-bar::after {
  background-color: var(--token-color-palette-blue-200);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button .hds-stepper-nav__step-title {
  color: var(--token-color-foreground-action);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button::before {
  position: absolute;
  top: -3px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  border-radius: 0 0 var(--token-border-radius-medium) var(--token-border-radius-medium);
  content: "";
}

.hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button:focus::before, .hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button:focus:not(:focus-visible)::before {
  box-shadow: none;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button:focus:active::before, .hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button.mock-focus.mock-active::before {
  box-shadow: none;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button {
  cursor: pointer;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button .hds-stepper-nav__step-title {
  color: var(--token-color-foreground-action);
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-position: from-font;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:hover, .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-hover {
  background-color: var(--token-color-surface-interactive-hover);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:hover .hds-stepper-nav__step-title, .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-hover .hds-stepper-nav__step-title {
  color: var(--token-color-foreground-action-hover);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button::before {
  position: absolute;
  top: -3px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  border-radius: 0 0 var(--token-border-radius-medium) var(--token-border-radius-medium);
  content: "";
}

.hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:focus::before, .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:focus:not(:focus-visible)::before {
  box-shadow: none;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:focus:active::before, .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-focus.mock-active::before {
  box-shadow: none;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:active, .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-active {
  background-color: var(--token-color-surface-interactive-active);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:active .hds-stepper-nav__step-title, .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-active .hds-stepper-nav__step-title {
  color: var(--token-color-foreground-action-active);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-incomplete.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-incomplete.hds-stepper-indicator-step {
  cursor: default;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__status,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-primary);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-surface-interactive);
  stroke: var(--token-color-border-strong);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-incomplete.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-incomplete.hds-stepper-indicator-step {
  cursor: default;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__status,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-primary);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-surface-interactive);
  stroke: var(--token-color-border-strong);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-incomplete.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-incomplete.hds-stepper-indicator-step {
  cursor: pointer;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-surface-interactive-hover);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-incomplete.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-incomplete.hds-stepper-indicator-step {
  cursor: pointer;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-incomplete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-surface-interactive-active);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-progress.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-progress.hds-stepper-indicator-step {
  cursor: default;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__status,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-high-contrast);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-200);
  stroke: var(--token-color-palette-blue-300);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-progress.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-progress.hds-stepper-indicator-step {
  cursor: default;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__status,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-high-contrast);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-200);
  stroke: var(--token-color-palette-blue-300);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-progress.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-progress.hds-stepper-indicator-step {
  cursor: pointer;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-300);
  stroke: var(--token-color-palette-blue-400);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-progress.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-progress.hds-stepper-indicator-step {
  cursor: pointer;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-progress .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-400);
  stroke: var(--token-color-palette-blue-400);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-processing.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-processing.hds-stepper-indicator-step {
  cursor: default;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__status,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-high-contrast);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-200);
  stroke: var(--token-color-palette-blue-300);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-processing.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-processing.hds-stepper-indicator-step {
  cursor: default;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__status,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__status {
  color: var(--token-color-foreground-high-contrast);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-200);
  stroke: var(--token-color-palette-blue-300);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-processing.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-processing.hds-stepper-indicator-step {
  cursor: pointer;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-300);
  stroke: var(--token-color-palette-blue-400);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-processing.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-processing.hds-stepper-indicator-step {
  cursor: pointer;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-processing .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-400);
  stroke: var(--token-color-palette-blue-400);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-complete.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-complete.hds-stepper-indicator-step {
  cursor: default;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__status,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__status {
  color: var(--token-color-palette-blue-200);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-surface-action);
  stroke: var(--token-color-palette-blue-300);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-complete.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-complete.hds-stepper-indicator-step {
  cursor: default;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__status,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__status {
  color: var(--token-color-palette-blue-200);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-surface-action);
  stroke: var(--token-color-palette-blue-300);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-complete.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-complete.hds-stepper-indicator-step {
  cursor: pointer;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__status,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__status {
  color: var(--token-color-palette-blue-300);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:hover .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-hover .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-100);
  stroke: var(--token-color-palette-blue-400);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-complete.hds-stepper-indicator-step,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-complete.hds-stepper-indicator-step {
  cursor: pointer;
}

.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__status,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__status {
  color: var(--token-color-palette-blue-400);
}

.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button:active .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__svg-hexagon path,
.hds-stepper-nav--interactive .hds-stepper-nav__step.hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-active .hds-stepper-indicator-step--status-complete .hds-stepper-indicator-step__svg-hexagon path {
  fill: var(--token-color-palette-blue-100);
  stroke: var(--token-color-palette-blue-400);
}

@media screen and (max-width: 479.98px) {
  .hds-stepper-nav__progress-bar::before, .hds-stepper-nav__progress-bar::after {
    content: none;
  }
  .hds-stepper-nav__list {
    flex-direction: column;
  }
  .hds-stepper-nav__step-content {
    align-items: start;
    padding: 8px;
    border-radius: 0;
  }
  .hds-stepper-nav__step:first-of-type .hds-stepper-nav__step-content {
    padding-top: 0;
  }
  .hds-stepper-nav__step-progress {
    position: static;
    justify-content: start;
  }
  .hds-stepper-nav__step-text {
    align-items: start;
    margin-top: 4px;
    padding: 0;
  }
  .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button,
  .hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button {
    position: relative;
    outline-style: solid;
    outline-color: transparent;
    isolation: isolate;
  }
  .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button::before,
  .hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button::before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: -1;
    border-radius: 0;
    content: "";
  }
  .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:focus::before, .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-focus::before,
  .hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button:focus::before,
  .hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button.mock-focus::before {
    box-shadow: var(--token-focus-ring-action-box-shadow);
  }
  .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:focus:not(:focus-visible)::before,
  .hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button:focus:not(:focus-visible)::before {
    box-shadow: none;
  }
  .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:focus-visible::before,
  .hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button:focus-visible::before {
    box-shadow: var(--token-focus-ring-action-box-shadow);
  }
  .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button:focus:active::before, .hds-stepper-nav--interactive .hds-stepper-nav__step--complete .hds-stepper-nav__step-button.mock-focus.mock-active::before,
  .hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button:focus:active::before,
  .hds-stepper-nav--interactive .hds-stepper-nav__step--active .hds-stepper-nav__step-button.mock-focus.mock-active::before {
    box-shadow: none;
  }
  .hds-stepper-nav__step--active .hds-stepper-indicator-step__svg-hexagon path,
  .hds-stepper-nav__step--active .hds-stepper-indicator-step__status,
  .hds-stepper-nav__step--active .hds-stepper-nav__step-title {
    transition: none;
  }
}
/**
 * Copyright IBM Corp. 2021, 2026
 * SPDX-License-Identifier: MPL-2.0
 */
/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-stepper-indicator-task {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: var(--token-color-foreground-strong);
}

.hds-stepper-indicator-task__icon {
  width: 12px;
  height: 12px;
}

.hds-stepper-indicator-task--is-interactive {
  cursor: pointer;
}

.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-incomplete {
  color: var(--token-color-palette-neutral-300);
}

.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-incomplete:hover, .hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-incomplete.mock-hover {
  color: var(--token-color-foreground-action-hover);
}

.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-incomplete:active, .hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-incomplete.mock-active {
  color: var(--token-color-foreground-action-active);
}

.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-progress {
  color: var(--token-color-foreground-action);
}

.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-progress:hover, .hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-progress.mock-hover {
  color: var(--token-color-foreground-action-hover);
}

.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-progress:active, .hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-progress.mock-active {
  color: var(--token-color-foreground-action-active);
}

.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-processing {
  color: var(--token-color-foreground-action);
}

.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-processing:hover, .hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-processing.mock-hover {
  color: var(--token-color-foreground-action-hover);
}

.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-processing:active, .hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-processing.mock-active {
  color: var(--token-color-foreground-action-active);
}

.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-complete {
  color: var(--token-color-foreground-success);
}

.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-complete:hover, .hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-complete.mock-hover {
  color: var(--token-color-palette-green-300);
}

.hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-complete:active, .hds-stepper-indicator-task--is-interactive.hds-stepper-indicator-task--status-complete.mock-active {
  color: var(--token-color-palette-green-400);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-table {
  width: 100%;
  border-radius: var(--token-border-radius-medium);
  border-spacing: 0;
}

.hds-table--layout-fixed {
  table-layout: fixed;
}

.hds-table,
.hds-table__th,
.hds-table__td {
  border: 0.5px solid var(--token-color-border-primary);
}

.hds-table__thead .hds-table__tr {
  color: var(--token-color-foreground-strong);
  background-color: var(--token-color-surface-strong);
}

.hds-table__thead .hds-table__tr .hds-table__th {
  padding: 14px 16px 13px 16px;
  text-align: left;
}

.hds-table__thead .hds-table__tr .hds-table__th--align-center,
.hds-table__thead .hds-table__tr .hds-table__td--align-center {
  text-align: center;
}

.hds-table__thead .hds-table__tr .hds-table__th--align-center .hds-table__th-content,
.hds-table__thead .hds-table__tr .hds-table__td--align-center .hds-table__th-content {
  justify-content: center;
}

.hds-table__thead .hds-table__tr .hds-table__th--align-right,
.hds-table__thead .hds-table__tr .hds-table__td--align-right {
  text-align: right;
}

.hds-table__thead .hds-table__tr .hds-table__th--align-right .hds-table__th-content,
.hds-table__thead .hds-table__tr .hds-table__td--align-right .hds-table__th-content {
  justify-content: flex-end;
}

.hds-table__thead .hds-table__tr:first-of-type .hds-table__th:first-child {
  border-top-left-radius: calc(var(--token-border-radius-medium) - 1px);
}

.hds-table__thead .hds-table__tr:first-of-type .hds-table__th:last-child {
  border-top-right-radius: calc(var(--token-border-radius-medium) - 1px);
}

.hds-table__th--is-selectable {
  width: 48px;
}

.hds-table__th-content {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
}

.hds-table__th-button {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: -2px 0;
  padding: 0;
  color: var(--token-color-foreground-faint);
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: var(--token-border-radius-x-small);
}

.hds-table__th-button:hover, .hds-table__th-button.mock-hover {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-interactive);
  border-color: var(--token-color-border-strong);
  box-shadow: var(--token-elevation-low-box-shadow);
  cursor: pointer;
}

.hds-table__th-button {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}

.hds-table__th-button::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: inherit;
  content: "";
}

.hds-table__th-button:focus::before, .hds-table__th-button.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-table__th-button:focus:not(:focus-visible)::before {
  box-shadow: none;
}

.hds-table__th-button:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-table__th-button:focus:active::before, .hds-table__th-button.mock-focus.mock-active::before {
  box-shadow: none;
}

.hds-table__th-button:active, .hds-table__th-button.mock-active {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-interactive-active);
  border-color: var(--token-color-border-strong);
  box-shadow: none;
}

.hds-table__th-button--is-sorted {
  color: var(--token-color-foreground-action);
}

.hds-table__th-button--is-sorted:hover, .hds-table__th-button--is-sorted.mock-hover {
  color: var(--token-color-foreground-action-hover);
}

.hds-table__th-button--is-sorted:active, .hds-table__th-button--is-sorted.mock-active {
  color: var(--token-color-foreground-action-active);
}

.hds-table__th-button-aria-label-hidden-segment {
  display: none;
}

.hds-table__tbody .hds-table__tr {
  color: var(--token-color-foreground-primary);
  background-color: var(--token-color-surface-primary);
}

.hds-table--striped .hds-table__tbody .hds-table__tr:nth-child(even) {
  background-color: var(--token-color-surface-faint);
}

.hds-table__tbody .hds-table__tr:last-of-type .hds-table__th:first-child,
.hds-table__tbody .hds-table__tr:last-of-type .hds-table__td:first-child {
  border-bottom-left-radius: calc(var(--token-border-radius-medium) - 1px);
}

.hds-table__tbody .hds-table__tr:last-of-type .hds-table__td:last-child {
  border-bottom-right-radius: calc(var(--token-border-radius-medium) - 1px);
}

.hds-table__tbody .hds-table__th,
.hds-table__tbody .hds-table__td {
  text-align: left;
}

.hds-table--density-short .hds-table__tbody .hds-table__th,
.hds-table--density-short .hds-table__tbody .hds-table__td {
  padding: 6px 16px 5px 16px;
}

.hds-table--density-medium .hds-table__tbody .hds-table__th,
.hds-table--density-medium .hds-table__tbody .hds-table__td {
  padding: 14px 16px 13px 16px;
}

.hds-table--density-tall .hds-table__tbody .hds-table__th,
.hds-table--density-tall .hds-table__tbody .hds-table__td {
  padding: 22px 16px 21px 16px;
}

.hds-table__tbody .hds-table__th--align-center,
.hds-table__tbody .hds-table__td--align-center {
  text-align: center;
}

.hds-table__tbody .hds-table__th--align-center .hds-table__th-content,
.hds-table__tbody .hds-table__td--align-center .hds-table__th-content {
  justify-content: center;
}

.hds-table__tbody .hds-table__th--align-right,
.hds-table__tbody .hds-table__td--align-right {
  text-align: right;
}

.hds-table__tbody .hds-table__th--align-right .hds-table__th-content,
.hds-table__tbody .hds-table__td--align-right .hds-table__th-content {
  justify-content: flex-end;
}

.hds-table--valign-top .hds-table__tbody .hds-table__th,
.hds-table--valign-top .hds-table__tbody .hds-table__td {
  vertical-align: top;
}

.hds-table--valign-middle .hds-table__tbody .hds-table__th,
.hds-table--valign-middle .hds-table__tbody .hds-table__td {
  vertical-align: middle;
}

.hds-table--valign-baseline .hds-table__tbody .hds-table__th,
.hds-table--valign-baseline .hds-table__tbody .hds-table__td {
  vertical-align: baseline;
}

.hds-table__checkbox {
  display: block;
  margin: 2px 0;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-tabs__tablist-wrapper {
  position: relative;
}

.hds-tabs__tablist-wrapper::before {
  position: absolute;
  right: 0;
  bottom: calc((var(--token-tabs-indicator-height) - var(--token-tabs-divider-height)) / 2);
  left: 0;
  display: block;
  border-top: var(--token-tabs-divider-height) solid var(--token-color-border-primary);
  content: "";
}

.hds-tabs__tablist {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  isolation: isolate;
  -webkit-overflow-scrolling: touch;
}

.hds-tabs__tab {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
  color: var(--token-color-foreground-primary);
  white-space: nowrap;
  text-decoration: none;
  list-style: none;
}

.hds-tabs__tab:hover, .hds-tabs__tab.mock-hover {
  color: var(--token-color-foreground-action);
}

.hds-tabs__tab.hds-tabs__tab--is-selected {
  color: var(--token-color-foreground-action);
}

.hds-tabs__tab.hds-tabs__tab--is-selected:hover {
  color: var(--token-color-foreground-action-hover);
}

.hds-tabs__tab.hds-tabs__tab--is-selected:hover ~ .hds-tabs__tab-indicator {
  background: var(--token-color-foreground-action-hover);
}

.hds-tabs__tab-button {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}

.hds-tabs__tab-button::before {
  position: absolute;
  top: var(--token-tabs-tab-focus-inset);
  right: var(--token-tabs-tab-focus-inset);
  bottom: var(--token-tabs-tab-focus-inset);
  left: var(--token-tabs-tab-focus-inset);
  z-index: -1;
  border-radius: 5px;
  content: "";
}

.hds-tabs__tab-button:focus::before, .hds-tabs__tab-button.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-tabs__tab-button:focus:not(:focus-visible)::before {
  box-shadow: none;
}

.hds-tabs__tab-button:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-tabs__tab-button:focus:active::before, .hds-tabs__tab-button.mock-focus.mock-active::before {
  box-shadow: none;
}

.hds-tabs__tab-button {
  position: static;
  display: flex;
  gap: var(--token-tabs-tab-gutter);
  align-items: center;
  padding: 0;
  color: inherit;
  font-weight: var(--token-typography-font-weight-medium);
  font-family: var(--token-typography-body-200-font-family);
  background-color: transparent;
  border: none;
  border-radius: var(--token-tabs-tab-border-radius);
  cursor: pointer;
}

.hds-tabs__tab-button::after {
  position: absolute;
  content: "";
  inset: 0;
}

.hds-tabs__tab-indicator {
  position: absolute;
  right: 0;
  bottom: 0;
  left: var(--indicator-left-pos, 0);
  z-index: 1;
  display: block;
  width: var(--indicator-width, 0);
  height: var(--token-tabs-indicator-height);
  background-color: var(--token-color-foreground-action);
  border-radius: var(--token-tabs-indicator-height);
}

@media screen and (prefers-reduced-motion: no-preference) {
  .hds-tabs__tab-indicator {
    transition-timing-function: var(--token-tabs-indicator-transition-function);
    transition-duration: var(--token-tabs-indicator-transition-duration);
    transition-property: left, width;
  }
}
.hds-tabs__panel[hidden] {
  display: none;
}

.hds-tabs--size-medium .hds-tabs__tab {
  height: var(--token-tabs-tab-height-medium);
  padding: var(--token-tabs-tab-padding-vertical) var(--token-tabs-tab-padding-horizontal-medium);
}

.hds-tabs--size-medium .hds-tabs__tab-button {
  font-size: var(--token-typography-body-200-font-size);
}

.hds-tabs--size-large .hds-tabs__tab {
  height: var(--token-tabs-tab-height-large);
  padding: var(--token-tabs-tab-padding-vertical) var(--token-tabs-tab-padding-horizontal-large);
}

.hds-tabs--size-large .hds-tabs__tab-button {
  font-size: var(--token-typography-body-300-font-size);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-tag {
  display: inline-flex;
  align-items: stretch;
  width: fit-content;
  max-width: 100%;
  vertical-align: middle;
  background-color: var(--token-color-surface-interactive);
  border: 1px solid var(--token-color-border-strong);
  border-radius: 50px;
}

.hds-tag__dismiss {
  flex: 0 0 auto;
  margin: 0;
  padding: 6px 4px 6px 8px;
  background-color: var(--token-color-surface-interactive);
  border: none;
  border-radius: inherit;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.hds-tag__dismiss-icon {
  width: 12px;
  height: 12px;
}

.hds-tag__dismiss-icon,
.hds-tag__text {
  color: var(--token-color-foreground-primary);
}

.hds-tag__text,
.hds-tag__link {
  flex: 1 0 0;
  max-width: 166px;
  padding: 3px 10px 5px 10px;
  background-color: var(--token-color-surface-interactive);
  border-radius: inherit;
}

.hds-tag__text-container {
  display: -webkit-box;
  overflow: hidden;
  line-height: 1rem;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}

.hds-tag__dismiss ~ .hds-tag__text,
.hds-tag__dismiss ~ .hds-tag__link {
  max-width: 160px;
  padding: 3px 8px 5px 6px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.hds-tag__dismiss,
.hds-tag__link {
  cursor: pointer;
}

.hds-tag__dismiss:hover, .hds-tag__dismiss.mock-hover,
.hds-tag__link:hover,
.hds-tag__link.mock-hover {
  background-color: var(--token-color-surface-interactive-hover);
}

.hds-tag__dismiss:active, .hds-tag__dismiss.mock-active,
.hds-tag__link:active,
.hds-tag__link.mock-active {
  background-color: var(--token-color-surface-interactive-active);
}

.hds-tag__dismiss:focus, .hds-tag__dismiss.mock-focus,
.hds-tag__link:focus,
.hds-tag__link.mock-focus {
  outline-style: solid;
  outline-color: transparent;
}

.hds-tag__dismiss:focus:focus, .hds-tag__dismiss:focus.mock-focus, .hds-tag__dismiss.mock-focus:focus, .hds-tag__dismiss.mock-focus.mock-focus,
.hds-tag__link:focus:focus,
.hds-tag__link:focus.mock-focus,
.hds-tag__link.mock-focus:focus,
.hds-tag__link.mock-focus.mock-focus {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-tag__dismiss:focus:focus:not(:focus-visible), .hds-tag__dismiss.mock-focus:focus:not(:focus-visible),
.hds-tag__link:focus:focus:not(:focus-visible),
.hds-tag__link.mock-focus:focus:not(:focus-visible) {
  box-shadow: none;
}

.hds-tag__dismiss:focus:focus-visible, .hds-tag__dismiss.mock-focus:focus-visible,
.hds-tag__link:focus:focus-visible,
.hds-tag__link.mock-focus:focus-visible {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-tag__dismiss:focus:focus:active, .hds-tag__dismiss:focus.mock-focus.mock-active, .hds-tag__dismiss.mock-focus:focus:active, .hds-tag__dismiss.mock-focus.mock-focus.mock-active,
.hds-tag__link:focus:focus:active,
.hds-tag__link:focus.mock-focus.mock-active,
.hds-tag__link.mock-focus:focus:active,
.hds-tag__link.mock-focus.mock-focus.mock-active {
  box-shadow: none;
}

.hds-tag__dismiss:focus, .hds-tag__dismiss.mock-focus,
.hds-tag__link:focus,
.hds-tag__link.mock-focus {
  z-index: 1;
}

.hds-tooltip-button.hds-tag__text {
  cursor: text;
  user-select: text;
}

.hds-tooltip-button.hds-tag__text:focus, .hds-tooltip-button.hds-tag__text.mock-focus {
  outline-style: solid;
  outline-color: transparent;
}

.hds-tooltip-button.hds-tag__text:focus:focus, .hds-tooltip-button.hds-tag__text:focus.mock-focus, .hds-tooltip-button.hds-tag__text.mock-focus:focus, .hds-tooltip-button.hds-tag__text.mock-focus.mock-focus {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-tooltip-button.hds-tag__text:focus:focus:not(:focus-visible), .hds-tooltip-button.hds-tag__text.mock-focus:focus:not(:focus-visible) {
  box-shadow: none;
}

.hds-tooltip-button.hds-tag__text:focus:focus-visible, .hds-tooltip-button.hds-tag__text.mock-focus:focus-visible {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-tooltip-button.hds-tag__text:focus:focus:active, .hds-tooltip-button.hds-tag__text:focus.mock-focus.mock-active, .hds-tooltip-button.hds-tag__text.mock-focus:focus:active, .hds-tooltip-button.hds-tag__text.mock-focus.mock-focus.mock-active {
  box-shadow: none;
}

.hds-tooltip-button.hds-tag__text:focus, .hds-tooltip-button.hds-tag__text.mock-focus {
  z-index: 1;
}

.hds-tooltip-button.hds-tag__text:focus-visible::before {
  box-shadow: none;
}

.hds-tag--color-primary .hds-tag__link {
  color: var(--token-color-foreground-action);
}

.hds-tag--color-primary .hds-tag__link:hover, .hds-tag--color-primary .hds-tag__link.mock-hover {
  color: var(--token-color-foreground-action-hover);
}

.hds-tag--color-primary .hds-tag__link:active, .hds-tag--color-primary .hds-tag__link.mock-active {
  color: var(--token-color-foreground-action-active);
}

.hds-tag--color-secondary .hds-tag__link {
  color: var(--token-color-foreground-strong);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-text--align-left {
  text-align: left;
}

.hds-text--align-center {
  text-align: center;
}

.hds-text--align-right {
  text-align: right;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-time--range {
  display: inline-flex;
  gap: 2px;
}

.hds-time-wrapper .hds-time {
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 2px;
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-toast {
  width: fit-content;
  min-width: min(360px, 80vw);
  max-width: min(500px, 80vw);
  box-shadow: var(--token-elevation-higher-box-shadow);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.hds-tooltip-button {
  position: relative;
  outline-style: solid;
  outline-color: transparent;
  isolation: isolate;
}

.hds-tooltip-button::before {
  position: absolute;
  top: var(--token-tooltip-focus-offset);
  right: var(--token-tooltip-focus-offset);
  bottom: var(--token-tooltip-focus-offset);
  left: var(--token-tooltip-focus-offset);
  z-index: -1;
  border-radius: 5px;
  content: "";
}

.hds-tooltip-button:focus::before, .hds-tooltip-button.mock-focus::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-tooltip-button:focus:not(:focus-visible)::before {
  box-shadow: none;
}

.hds-tooltip-button:focus-visible::before {
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.hds-tooltip-button:focus:active::before, .hds-tooltip-button.mock-focus.mock-active::before {
  box-shadow: none;
}

:where(.hds-tooltip-button) {
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  text-align: inherit;
  background-color: inherit;
  border: none;
}

:where(.hds-tooltip-button--is-inline) {
  display: inline-flex;
}

:where(.hds-tooltip-button--is-block) {
  display: flex;
}

.tippy-box[data-theme~=hds] {
  padding: var(--token-tooltip-padding-vertical) var(--token-tooltip-padding-horizontal);
  color: var(--token-tooltip-color-foreground-primary);
  font-weight: var(--token-typography-font-weight-regular);
  font-size: var(--token-typography-body-200-font-size);
  font-family: var(--token-typography-body-200-font-family);
  line-height: var(--token-typography-body-200-line-height);
  overflow-wrap: break-word;
  background-color: var(--token-tooltip-color-surface-primary);
  border-radius: var(--token-tooltip-border-radius);
  box-shadow: var(--token-elevation-higher-box-shadow);
  transition-property: transform, visibility, opacity;
}

.tippy-box[data-theme~=hds][data-animation=fade][data-state=hidden] {
  opacity: 0;
}

.tippy-box[data-theme~=hds][data-inertia][data-state=visible] {
  transition-timing-function: var(--token-tooltip-transition-function);
}

.tippy-box[data-theme~=hds] .tippy-content {
  position: relative;
  z-index: 1;
  max-width: calc(var(--token-tooltip-max-width) - 2 * var(--token-tooltip-padding-horizontal));
  white-space: normal;
  text-align: left;
}

.tippy-box[data-theme~=hds] .tippy-svg-arrow {
  width: 16px;
  height: 16px;
  text-align: initial;
  fill: var(--token-tooltip-color-surface-primary);
}

.tippy-box[data-theme~=hds] .tippy-svg-arrow, .tippy-box[data-theme~=hds] .tippy-svg-arrow > svg {
  position: absolute;
}

.tippy-box[data-theme~=hds][data-placement^=top] > .tippy-svg-arrow {
  bottom: 0;
}

.tippy-box[data-theme~=hds][data-placement^=top] > .tippy-svg-arrow::after, .tippy-box[data-theme~=hds][data-placement^=top] > .tippy-svg-arrow > svg {
  top: 16px;
  transform: rotate(180deg);
}

.tippy-box[data-theme~=hds][data-placement^=bottom] > .tippy-svg-arrow {
  top: 0;
}

.tippy-box[data-theme~=hds][data-placement^=bottom] > .tippy-svg-arrow > svg {
  bottom: 16px;
}

.tippy-box[data-theme~=hds][data-placement^=left] > .tippy-svg-arrow {
  right: 0;
}

.tippy-box[data-theme~=hds][data-placement^=left] > .tippy-svg-arrow::after, .tippy-box[data-theme~=hds][data-placement^=left] > .tippy-svg-arrow > svg {
  top: calc(50% - 3px);
  left: 11px;
  transform: rotate(90deg);
}

.tippy-box[data-theme~=hds][data-placement^=right] > .tippy-svg-arrow {
  left: 0;
}

.tippy-box[data-theme~=hds][data-placement^=right] > .tippy-svg-arrow::after, .tippy-box[data-theme~=hds][data-placement^=right] > .tippy-svg-arrow > svg {
  top: calc(50% - 3px);
  right: 11px;
  transform: rotate(-90deg);
}

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important; /* 3 */
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
  clip-path: inset(50%) !important; /* 2 */
}

/* all variables and custom queries including generic base variables */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
iframe,
hr {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table th,
table td {
  padding: 0;
  text-align: left;
}

/* move to layout? */
img,
embed,
object,
audio,
video {
  height: auto;
  max-width: 100%;
}

label span, .topology-notices button, .popover-select label > *, .copy-button button, .type-sort.popover-select label > *,
.consul-intention-action-warn-modal button.dangerous,
.informed-action > ul > li > *,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem],
.more-popover-menu > [type=checkbox] + label + div > ul > [role=treeitem],
.popover-menu > [type=checkbox] + label + div > ul > [role=treeitem],
.disclosure-menu [aria-expanded] ~ * > ul > [role=treeitem],
.menu-panel > ul > [role=treeitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=menuitem],
.menu-panel > ul > li > [role=menuitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=option],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=option],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=option],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=option],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=option],
.menu-panel > ul > li > [role=option] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
a {
  text-decoration: none;
}

td,
th,
span,
strong {
  color: inherit;
}

/* %typo-body */
body {
  color: var(--token-color-foreground-strong);
}

/* TODO: Consider changing this to 'p a, dd a, td a' etc etc */
a {
  color: var(--token-color-foreground-action);
}

html {
  background-color: var(--token-color-surface-primary);
}

hr {
  background-color: var(--token-color-surface-interactive-active);
}

html {
  font-size: 16px;
}

body,
input,
select,
textarea {
  font-family: var(--token-typography-font-stack-text);
}

code,
pre {
  font-family: var(--token-typography-font-stack-code);
}

strong {
  font-style: inherit;
}

html {
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
}

pre {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  white-space: pre;
  word-wrap: normal;
}

html {
  overflow-x: hidden;
  overflow-y: scroll;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

fieldset {
  border: none;
  width: 100%;
}

a,
input[type=checkbox],
input[type=radio] {
  cursor: pointer;
}

hr {
  border: none;
  display: block;
}

input[type=checkbox],
input[type=radio] {
  vertical-align: baseline;
}

td,
th {
  text-align: left;
  vertical-align: top;
}

html {
  min-width: 300px;
}

hr {
  height: 1px;
  margin: 1.5rem 0;
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
button,
input,
select,
textarea {
  margin: 0;
}

iframe {
  border: 0;
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/* allows easy application of animation-name based composition */
*, *::before, *::after {
  animation-play-state: paused;
  animation-fill-mode: forwards;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  /* worthwhile, or confusing ? */
  --decor-radius-000: 0;
  --decor-radius-100: 2px;
  --decor-radius-200: 4px;
  --decor-radius-250: 6px;
  --decor-radius-300: 7px;
  --decor-radius-999: 9999px;
  --decor-radius-full: 100%;
  --decor-border-000: none;
  --decor-border-100: 1px solid;
  --decor-border-200: 2px solid;
  --decor-border-300: 3px solid;
  --decor-border-400: 4px solid;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
section[data-route="dc.show.license"] .validity dl .expired + dd, .consul-bucket-list .service, .consul-upstream-instance-list dl.local-bind-socket-path dt,
.consul-upstream-instance-list dl.local-bind-address dt, [id^=docfy-demo-preview-horizontal-kv-list] dl:not([class]) dt:not([class]), #docfy-demo-preview-badge dl:not([class]) dt:not([class]), section[data-route="dc.show.license"] .validity dl:not([class]) dt:not([class]), section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl:not([class]) dt:not([class]), .consul-lock-session-list dl:not([class]) dt:not([class]), .consul-instance-checks:not([class]) dt:not([class]), .consul-upstream-instance-list dl:not([class]) dt:not([class]), .consul-bucket-list:not([class]) dt:not([class]), [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway:not([class]) dt:not([class]), [id^=docfy-demo-preview-horizontal-kv-list] .service-identity:not([class]) dt:not([class]), #docfy-demo-preview-badge dl.kind-terminating-gateway dt:not([class]) dt:not([class]), #docfy-demo-preview-badge dl.service-identity dt:not([class]) dt:not([class]), #docfy-demo-preview-badge dt.kind-terminating-gateway:not([class]) dt:not([class]), #docfy-demo-preview-badge dt.service-identity:not([class]) dt:not([class]), #docfy-demo-preview-icon-definition dl:not([class]) dt:not([class]), .consul-exposed-path-list > ul > li > .detail dl:not([class]) dt:not([class]), .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dt:not([class]), .tag-list:not([class]) dt:not([class]),
td.tags:not([class]) dt:not([class]), .route-title {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

section[data-route="dc.show.serverstatus"] .redundancy-zones section header dt,
html.with-route-announcer .route-title,
.consul-upstream-instance-list dl.local-bind-socket-mode dt {
  position: static !important;
  clip: unset !important;
  overflow: visible !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --color-info: var(--token-color-foreground-action);
  --color-alert: var(--token-color-palette-amber-200);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/*TODO: Move this to the reset */
* {
  border-width: 0;
}

.consul-intention-action-warn-modal button.dangerous:hover:active, .informed-action > ul > .dangerous > *:hover,
.informed-action > ul > .dangerous > *:focus, .consul-intention-action-warn-modal button.dangerous:hover:not(:disabled):not(:active), .informed-action > ul > .dangerous > *, table.with-details tr > .actions > [type=checkbox] + label + div > ul > li.dangerous > *:first-child, table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li.dangerous > *:first-child, .more-popover-menu > [type=checkbox] + label + div > ul > li.dangerous > *:first-child, .popover-menu > [type=checkbox] + label + div > ul > li.dangerous > *:first-child, .disclosure-menu [aria-expanded] ~ * > ul > li.dangerous > *:first-child, .menu-panel > ul > li.dangerous > *:first-child, .consul-intention-action-warn-modal button.dangerous, .consul-intention-permission-form button.type-submit:hover:not(:disabled),
.consul-intention-permission-form button.type-submit:focus:not(:disabled), .consul-intention-permission-form button.type-submit, .animatable.tab-nav ul::after,
.tab-nav .selected > *, .consul-intention-permission-form button.type-submit:disabled, html[data-route^="dc.acls.index"] main td strong, .consul-intention-search-bar .value- span, .modal-dialog [role=document] > .modal-dialog-footer,
.modal-dialog [role=document] > header, .consul-kind, .consul-external-source, .leader,
.topology-metrics-source-type,
.consul-transparent-proxy {
  /* same as decor-border-000 - but need to think about being able to import color on its own*/
  border-style: solid;
}

/* possibly filter bar */
/* modal close button */
/* button focus */
/* button secondary*/
/* tabs */
.consul-kind, .consul-external-source, .leader,
.topology-metrics-source-type,
.consul-transparent-proxy {
  background-color: var(--token-color-surface-strong);
  border-color: var(--token-color-foreground-faint);
  color: var(--token-color-foreground-primary);
}

/* button active */
/* modal bars */
.modal-dialog [role=document] > .modal-dialog-footer,
.modal-dialog [role=document] > header {
  background-color: var(--token-color-surface-strong);
  border-color: var(--token-color-palette-neutral-300);
  color: var(--token-color-foreground-strong);
}

html[data-route^="dc.acls.index"] main td strong, .consul-intention-search-bar .value- span {
  background-color: var(--token-color-surface-strong);
  border-color: var(--token-color-palette-neutral-300);
  color: var(--token-color-foreground-strong);
}

.consul-intention-permission-form button.type-submit:disabled {
  background-color: var(--token-color-surface-primary);
  border-color: var(--token-color-foreground-action);
  color: var(--token-color-foreground-action);
}

.consul-intention-permission-form button.type-submit, .animatable.tab-nav ul::after,
.tab-nav .selected > * {
  background-color: var(--token-color-surface-primary);
  border-color: var(--token-color-foreground-action);
  color: var(--token-color-foreground-action);
}

.consul-intention-permission-form button.type-submit:hover:not(:disabled),
.consul-intention-permission-form button.type-submit:focus:not(:disabled) {
  background-color: var(--token-color-surface-action);
  border-color: var(--token-color-foreground-action);
  color: var(--token-color-palette-blue-500);
}

.informed-action > ul > .dangerous > *, table.with-details tr > .actions > [type=checkbox] + label + div > ul > li.dangerous > *:first-child, table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li.dangerous > *:first-child, .more-popover-menu > [type=checkbox] + label + div > ul > li.dangerous > *:first-child, .popover-menu > [type=checkbox] + label + div > ul > li.dangerous > *:first-child, .disclosure-menu [aria-expanded] ~ * > ul > li.dangerous > *:first-child, .menu-panel > ul > li.dangerous > *:first-child, .consul-intention-action-warn-modal button.dangerous {
  background-color: transparent;
  border-color: var(--token-color-foreground-critical);
  color: var(--token-color-foreground-critical);
}

.consul-intention-action-warn-modal button.dangerous:disabled {
  background-color: var(--token-color-border-critical);
  border-color: var(--token-color-foreground-disabled);
  color: var(--token-color-surface-primary);
}

.informed-action > ul > .dangerous > *:hover,
.informed-action > ul > .dangerous > *:focus, table.with-details tr > .actions > [type=checkbox] + label + div > ul > li.dangerous > :focus:first-child, table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li.dangerous > :focus:first-child, .more-popover-menu > [type=checkbox] + label + div > ul > li.dangerous > :focus:first-child, .popover-menu > [type=checkbox] + label + div > ul > li.dangerous > :focus:first-child, .disclosure-menu [aria-expanded] ~ * > ul > li.dangerous > :focus:first-child, .menu-panel > ul > li.dangerous > :focus:first-child,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li.dangerous > :hover:first-child,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li.dangerous > :hover:first-child,
.more-popover-menu > [type=checkbox] + label + div > ul > li.dangerous > :hover:first-child,
.popover-menu > [type=checkbox] + label + div > ul > li.dangerous > :hover:first-child,
.disclosure-menu [aria-expanded] ~ * > ul > li.dangerous > :hover:first-child,
.menu-panel > ul > li.dangerous > :hover:first-child, .consul-intention-action-warn-modal button.dangerous:hover:not(:disabled):not(:active),
.consul-intention-action-warn-modal button.dangerous:focus {
  background-color: var(--token-color-foreground-critical);
  border-color: var(--token-color-foreground-critical-high-contrast);
  color: var(--token-color-surface-primary);
}

.consul-intention-action-warn-modal button.dangerous:hover:active {
  background-color: var(--token-color-palette-red-400);
  border-color: var(--token-color-foreground-critical-high-contrast);
  color: var(--token-color-surface-primary);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.animatable.tab-nav ul::after, .tab-nav li > *, .app .notifications .app-notification {
  transition-duration: 0.15s;
  transition-timing-function: ease-out;
}

html body > .brand-loader {
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.25, 0.9);
  transition-duration: 0.1s;
}

html[data-state]:not(.ember-loading) body > .brand-loader {
  animation-timing-function: cubic-bezier(0.1, 0.1, 0.25, 0.9);
  animation-duration: 0.1s;
}

html[data-state]:not(.ember-loading) body > .brand-loader {
  animation-name: remove-from-flow;
  animation-fill-mode: forwards;
}

@keyframes remove-from-flow {
  100% {
    visibility: hidden;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes typo-truncate {
  100% {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
dd code,
dd pre code {
  font-family: var(--token-typography-font-stack-code);
  font-size: var(--token-typography-code-100-font-size);
  line-height: var(--token-typography-code-100-line-height);
  font-weight: var(--token-typography-font-weight-regular);
}

.consul-health-check-list .health-check-output pre code,
pre code,
pre,
code {
  font-family: var(--token-typography-font-stack-code);
  font-size: var(--token-typography-code-200-font-size);
  line-height: var(--token-typography-code-200-line-height);
  font-weight: var(--token-typography-font-weight-regular);
}

.informed-action header > * {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-style: inherit;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
*::before, *::after {
  display: inline-block;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}

*::before {
  animation-name: var(--icon-name-start, var(--icon-name)), var(--icon-size-start, var(--icon-size, icon-000));
  background-color: var(--icon-color-start, var(--icon-color));
}

*::after {
  animation-name: var(--icon-name-end, var(--icon-name)), var(--icon-size-end, var(--icon-size, icon-000));
  background-color: var(--icon-color-end, var(--icon-color));
}

[style*="--icon-color-start"]::before {
  color: var(--icon-color-start);
}

[style*="--icon-color-end"]::after {
  color: var(--icon-color-end);
}

[style*="--icon-name-start"]::before,
[style*="--icon-name-end"]::after {
  content: "";
}

@keyframes icon-000 {
  100% {
    width: 1.2em;
    height: 1.2em;
  }
}
@keyframes icon-100 {
  100% {
    width: 0.625rem; /* 10px */
    height: 0.625rem; /* 10px */
  }
}
@keyframes icon-200 {
  100% {
    width: 0.75rem; /* 12px */
    height: 0.75rem; /* 12px */
  }
}
@keyframes icon-300 {
  100% {
    width: 1rem; /* 16px */
    height: 1rem; /* 16px */
  }
}
@keyframes icon-400 {
  100% {
    width: 1.125rem; /* 18px */
    height: 1.125rem; /* 18px */
  }
}
@keyframes icon-500 {
  100% {
    width: 1.25rem; /* 20px */
    height: 1.25rem; /* 20px */
  }
}
@keyframes icon-600 {
  100% {
    width: 1.375rem; /* 22px */
    height: 1.375rem; /* 22px */
  }
}
@keyframes icon-700 {
  100% {
    width: 1.5rem; /* 24px */
    height: 1.5rem; /* 24px */
  }
}
@keyframes icon-800 {
  100% {
    width: 1.625rem; /* 26px */
    height: 1.625rem; /* 26px */
  }
}
@keyframes icon-900 {
  100% {
    width: 1.75rem; /* 28px */
    height: 1.75rem; /* 28px */
  }
}
@keyframes icon-999 {
  100% {
    width: 100%;
    height: 100%;
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-intention-permission-header-list dt::before, .consul-intention-permission-list dt::before, .discovery-chain .resolver-card dt,
.discovery-chain .route-card section header > *::before {
  font-weight: var(--token-typography-font-weight-regular);
  background-color: var(--token-color-surface-strong);
  visibility: visible;
  padding: 0 4px;
}

.docs [role=banner] nav:first-of-type li.provider-components.ember-component a::before,
.docs [role=banner] nav:first-of-type li.consul-components.ember-component a::before,
.docs [role=banner] nav:first-of-type li.components.ember-component a::before, .docs [role=banner] nav:first-of-type li.consul-components.css-component a::before,
.docs [role=banner] nav:first-of-type li.components.css-component a::before, .docs [role=banner] nav:first-of-type li.provider-components a::before,
.docs [role=banner] nav:first-of-type li.consul-components a::before,
.docs [role=banner] nav:first-of-type li.components a::before, #docfy-demo-preview-icon-definition .lock-delay dt::before, [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway::before, [id^=docfy-demo-preview-horizontal-kv-list] .ttl::before, [id^=docfy-demo-preview-horizontal-kv-list] .lock-delay::before, #docfy-demo-preview-badge dl.kind-terminating-gateway dt::before, #docfy-demo-preview-badge dt.kind-terminating-gateway::before, .consul-intention-search-bar .value-allow span::before,
.consul-intention-fieldsets .value-allow > :last-child::before,
.consul-intention-search-bar .value-deny span::before,
.consul-intention-fieldsets .value-deny > :last-child::before,
.consul-intention-search-bar .value- span::before,
.consul-intention-fieldsets .value- > :last-child::before, .topology-metrics-status-error span::before,
.topology-metrics-status-loader span::before, #metrics-container:hover .sparkline-key-link::before, .sparkline-key h3::before, .topology-metrics-popover.not-defined > button::before, .topology-metrics-popover.not-defined .tippy-arrow::after, .topology-metrics-popover.l7 > button::before, .topology-metrics-popover.l7 .tippy-arrow::after, .topology-metrics-popover.deny > button::before, .topology-metrics-popover.deny .tippy-arrow::after, #upstream-container .topology-metrics-card .details .group span::before,
#downstream-container .topology-metrics-card .details .group span::before, #upstream-container .topology-metrics-card div .empty::before,
#downstream-container .topology-metrics-card div .empty::before, #upstream-container .topology-metrics-card div .critical::before,
#downstream-container .topology-metrics-card div .critical::before, #upstream-container .topology-metrics-card div .warning::before,
#downstream-container .topology-metrics-card div .warning::before, #upstream-container .topology-metrics-card div .passing::before,
#downstream-container .topology-metrics-card div .passing::before, #upstream-container .topology-metrics-card div .health dt::before,
#downstream-container .topology-metrics-card div .health dt::before, #upstream-container .topology-metrics-card div .nspace dt::before,
#downstream-container .topology-metrics-card div .nspace dt::before, #upstream-container .topology-metrics-card div .partition dt::before,
#downstream-container .topology-metrics-card div .partition dt::before, #metrics-container .link .config-link::before, #metrics-container .link .metrics-link::before, #downstream-container > div:first-child span::before, .topology-notices button::before, .consul-auth-method-list ul .locality::before, .consul-intention-list em span::before, .consul-kind::before, .consul-external-source.oidc::before, .consul-external-source.jwt::before, .consul-instance-checks dt::before, .consul-health-check-list .health-check-output::before, .consul-upstream-instance-list dl.nspace dt::before, .consul-upstream-instance-list dl.partition dt::before, .consul-upstream-instance-list dl.datacenter dt::before, .consul-upstream-list dl.partition dt::before, .consul-bucket-list .peer::before, .consul-bucket-list .nspace::before, .consul-bucket-list .partition::before, .discovery-chain .splitter-card::before, .discovery-chain .route-card::before, .discovery-chain .resolvers > header span::after,
.discovery-chain .splitters > header span::after,
.discovery-chain .routes > header span::after, .search-bar-status li:not(.remove-all) button::before, .animatable.tab-nav ul::after, .warning.informed-action header::before, .dangerous.informed-action header::before, .info.informed-action header::before, .list-collection > button::after, .warning.modal-dialog header::before, .tooltip-panel dd > div::before, .tag-list dt::before,
td.tags dt::before, .consul-auth-method-binding-list dl dt.type + dd span::before, .consul-auth-method-view dl dt.type + dd span::before,
.consul-auth-method-view section dl dt.type + dd span::before, table.with-details td:only-child > div > label::before, table.with-details td > label::before, .app-shell__main table td.folder::before,
.modal-dialog [role=document] table td.folder::before, .app-shell__main table th span::after,
.modal-dialog [role=document] table th span::after, .popover-select .oidc button::before, .popover-select .jwt button::before, .type-source.popover-select li.partition button::before, .popover-select .value-unknown button::before, .popover-select .value-empty button::before, .popover-select .value-critical button::before, .popover-select .value-warning button::before, .popover-select .value-passing button::before, table.with-details tr > .actions > [type=checkbox] + label > *::after, table.has-actions tr > .actions > [type=checkbox] + label > *::after, .more-popover-menu > [type=checkbox] + label > *::after, .popover-menu > [type=checkbox] + label > *::after, [id^=docfy-demo-preview-horizontal-kv-list] .oidc.kind-terminating-gateway::before, [id^=docfy-demo-preview-horizontal-kv-list] .oidc.service-identity::before, #docfy-demo-preview-badge dl.kind-terminating-gateway dt.oidc::before, #docfy-demo-preview-badge dl.service-identity dt.oidc::before, #docfy-demo-preview-badge dt.oidc.kind-terminating-gateway::before, #docfy-demo-preview-badge dt.oidc.service-identity::before,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dd.oidc::before,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dd.oidc::before,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt + dd.oidc::before,
#docfy-demo-preview-badge dl.service-identity dt + dd.oidc::before,
#docfy-demo-preview-badge dt.kind-terminating-gateway + dd.oidc::before,
#docfy-demo-preview-badge dt.service-identity + dd.oidc::before, section[data-route="dc.show.serverstatus"] .server-failure-tolerance header em.oidc::before, .oidc.consul-kind::before, .oidc.consul-external-source::before, .search-bar-status li.oidc:not(.remove-all)::before, section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl.oidc::before, html[data-route^="dc.acls.index"] main td strong.oidc::before, .consul-peer-search-bar li button span.oidc::before, .consul-intention-search-bar li button span.oidc::before, .oidc.leader::before,
.oidc.topology-metrics-source-type::before,
.oidc.consul-transparent-proxy::before, [id^=docfy-demo-preview-horizontal-kv-list] .jwt.kind-terminating-gateway::before, [id^=docfy-demo-preview-horizontal-kv-list] .jwt.service-identity::before, #docfy-demo-preview-badge dl.kind-terminating-gateway dt.jwt::before, #docfy-demo-preview-badge dl.service-identity dt.jwt::before, #docfy-demo-preview-badge dt.jwt.kind-terminating-gateway::before, #docfy-demo-preview-badge dt.jwt.service-identity::before,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dd.jwt::before,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dd.jwt::before,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt + dd.jwt::before,
#docfy-demo-preview-badge dl.service-identity dt + dd.jwt::before,
#docfy-demo-preview-badge dt.kind-terminating-gateway + dd.jwt::before,
#docfy-demo-preview-badge dt.service-identity + dd.jwt::before, section[data-route="dc.show.serverstatus"] .server-failure-tolerance header em.jwt::before, .jwt.consul-kind::before, .jwt.consul-external-source::before, .search-bar-status li.jwt:not(.remove-all)::before, section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl.jwt::before, html[data-route^="dc.acls.index"] main td strong.jwt::before, .consul-peer-search-bar li button span.jwt::before, .consul-intention-search-bar li button span.jwt::before, .jwt.leader::before,
.jwt.topology-metrics-source-type::before,
.jwt.consul-transparent-proxy::before, .leader::before, .oidc-select .microsoft-oidc-provider::before, .oidc-select .google-oidc-provider::before, .oidc-select .okta-oidc-provider::before, .oidc-select .auth0-oidc-provider::before, table.with-details tr > .actions > [type=checkbox] + label + div > ul > li[aria-selected] > ::after, table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li[aria-selected] > ::after, .more-popover-menu > [type=checkbox] + label + div > ul > li[aria-selected] > ::after, .popover-menu > [type=checkbox] + label + div > ul > li[aria-selected] > ::after, .disclosure-menu [aria-expanded] ~ * > ul > li[aria-selected] > ::after, .menu-panel > ul > li[aria-selected] > ::after,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li[aria-checked] > ::after,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li[aria-checked] > ::after,
.more-popover-menu > [type=checkbox] + label + div > ul > li[aria-checked] > ::after,
.popover-menu > [type=checkbox] + label + div > ul > li[aria-checked] > ::after,
.disclosure-menu [aria-expanded] ~ * > ul > li[aria-checked] > ::after,
.menu-panel > ul > li[aria-checked] > ::after,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li[aria-current] > ::after,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li[aria-current] > ::after,
.more-popover-menu > [type=checkbox] + label + div > ul > li[aria-current] > ::after,
.popover-menu > [type=checkbox] + label + div > ul > li[aria-current] > ::after,
.disclosure-menu [aria-expanded] ~ * > ul > li[aria-current] > ::after,
.menu-panel > ul > li[aria-current] > ::after,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li.is-active > ::after,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li.is-active > ::after,
.more-popover-menu > [type=checkbox] + label + div > ul > li.is-active > ::after,
.popover-menu > [type=checkbox] + label + div > ul > li.is-active > ::after,
.disclosure-menu [aria-expanded] ~ * > ul > li.is-active > ::after,
.menu-panel > ul > li.is-active > ::after, [id^=docfy-demo-preview-inline-alert] strong.success::before,
[id^=docfy-demo-preview-inline-alert] strong.info::before,
[id^=docfy-demo-preview-inline-alert] strong.error::before,
.has-error > strong::before,
[id^=docfy-demo-preview-inline-alert] strong.warning::before, #docfy-demo-preview-icon-definition dl.checks dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.checks dt::before, .consul-exposed-path-list > ul > li > .detail dl.checks dt::before, .consul-upstream-instance-list li > .detail dl.checks dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.checks dt::before, #docfy-demo-preview-icon-definition dl.behavior dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.behavior dt::before, .consul-exposed-path-list > ul > li > .detail dl.behavior dt::before, .consul-upstream-instance-list li > .detail dl.behavior dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.behavior dt::before, #docfy-demo-preview-icon-definition dl.ttl dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.ttl dt::before, .consul-exposed-path-list > ul > li > .detail dl.ttl dt::before, .consul-upstream-instance-list li > .detail dl.ttl dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.ttl dt::before, #docfy-demo-preview-icon-definition dl.lock-delay dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.lock-delay dt::before, .consul-exposed-path-list > ul > li > .detail dl.lock-delay dt::before, .consul-upstream-instance-list li > .detail dl.lock-delay dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.lock-delay dt::before, #docfy-demo-preview-icon-definition dl.protocol dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.protocol dt::before, .consul-exposed-path-list > ul > li > .detail dl.protocol dt::before, .consul-upstream-instance-list li > .detail dl.protocol dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.protocol dt::before, #docfy-demo-preview-icon-definition dl.port dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.port dt::before, .consul-exposed-path-list > ul > li > .detail dl.port dt::before, .consul-upstream-instance-list li > .detail dl.port dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.port dt::before, #docfy-demo-preview-icon-definition dl.path dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.path dt::before, .consul-exposed-path-list > ul > li > .detail dl.path dt::before, .consul-upstream-instance-list li > .detail dl.path dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.path dt::before, #docfy-demo-preview-icon-definition dl.datacenter dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.datacenter dt::before, .consul-exposed-path-list > ul > li > .detail dl.datacenter dt::before, .consul-upstream-instance-list li > .detail dl.datacenter dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.datacenter dt::before, #docfy-demo-preview-icon-definition dl.nspace dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.nspace dt::before, .consul-exposed-path-list > ul > li > .detail dl.nspace dt::before, .consul-upstream-instance-list li > .detail dl.nspace dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.nspace dt::before, #docfy-demo-preview-icon-definition dl.mesh dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.mesh dt::before, .consul-exposed-path-list > ul > li > .detail dl.mesh dt::before, .consul-upstream-instance-list li > .detail dl.mesh dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.mesh dt::before, #docfy-demo-preview-icon-definition dl.socket dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.socket dt::before, .consul-exposed-path-list > ul > li > .detail dl.socket dt::before, .consul-upstream-instance-list li > .detail dl.socket dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.socket dt::before, #docfy-demo-preview-icon-definition dl.address dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.address dt::before, .consul-exposed-path-list > ul > li > .detail dl.address dt::before, .consul-upstream-instance-list li > .detail dl.address dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.address dt::before, #docfy-demo-preview-icon-definition dl.node dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.node dt::before, .consul-exposed-path-list > ul > li > .detail dl.node dt::before, .consul-upstream-instance-list li > .detail dl.node dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.node dt::before, .consul-lock-session-list ul > li:not(:first-child) > .header [rel=me] dd::before, .consul-exposed-path-list > ul > li > .header [rel=me] dd::before, .consul-upstream-instance-list li > .header [rel=me] dd::before, .list-collection > ul > li:not(:first-child) > .header [rel=me] dd::before, #docfy-demo-preview-icon-definition dl.unknown dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.unknown dt::before, .consul-exposed-path-list > ul > li > .detail dl.unknown dt::before, .consul-upstream-instance-list li > .detail dl.unknown dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.unknown dt::before,
.consul-lock-session-list ul > li:not(:first-child) > .header .unknown dd::before,
.consul-exposed-path-list > ul > li > .header .unknown dd::before,
.consul-upstream-instance-list li > .header .unknown dd::before,
.list-collection > ul > li:not(:first-child) > .header .unknown dd::before, #docfy-demo-preview-icon-definition dl.empty dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.empty dt::before, .consul-exposed-path-list > ul > li > .detail dl.empty dt::before, .consul-upstream-instance-list li > .detail dl.empty dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.empty dt::before,
.consul-lock-session-list ul > li:not(:first-child) > .header .empty dd::before,
.consul-exposed-path-list > ul > li > .header .empty dd::before,
.consul-upstream-instance-list li > .header .empty dd::before,
.list-collection > ul > li:not(:first-child) > .header .empty dd::before, #docfy-demo-preview-icon-definition dl.critical dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.critical dt::before, .consul-exposed-path-list > ul > li > .detail dl.critical dt::before, .consul-upstream-instance-list li > .detail dl.critical dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.critical dt::before,
.consul-lock-session-list ul > li:not(:first-child) > .header .critical dd::before,
.consul-exposed-path-list > ul > li > .header .critical dd::before,
.consul-upstream-instance-list li > .header .critical dd::before,
.list-collection > ul > li:not(:first-child) > .header .critical dd::before, #docfy-demo-preview-icon-definition dl.warning dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.warning dt::before, .consul-exposed-path-list > ul > li > .detail dl.warning dt::before, .consul-upstream-instance-list li > .detail dl.warning dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.warning dt::before,
.consul-lock-session-list ul > li:not(:first-child) > .header .warning dd::before,
.consul-exposed-path-list > ul > li > .header .warning dd::before,
.consul-upstream-instance-list li > .header .warning dd::before,
.list-collection > ul > li:not(:first-child) > .header .warning dd::before, #docfy-demo-preview-icon-definition dl.passing dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.passing dt::before, .consul-exposed-path-list > ul > li > .detail dl.passing dt::before, .consul-upstream-instance-list li > .detail dl.passing dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.passing dt::before,
.consul-lock-session-list ul > li:not(:first-child) > .header .passing dd::before,
.consul-exposed-path-list > ul > li > .header .passing dd::before,
.consul-upstream-instance-list li > .header .passing dd::before,
.list-collection > ul > li:not(:first-child) > .header .passing dd::before, .empty-state li[class*=-link] > *::after, [class*=status-].empty-state header::before, .copy-button button::before, .consul-lock-session-list ul > li:not(:first-child) > .header .policy-management dd::before, .consul-exposed-path-list > ul > li > .header .policy-management dd::before, .consul-upstream-instance-list li > .header .policy-management dd::before, .list-collection > ul > li:not(:first-child) > .header .policy-management dd::before,
.consul-lock-session-list ul > li:not(:first-child) > .detail .policy-management::before,
.consul-exposed-path-list > ul > li > .detail .policy-management::before,
.consul-upstream-instance-list li > .detail .policy-management::before,
.list-collection > ul > li:not(:first-child) > .detail .policy-management::before, .consul-lock-session-list ul > li:not(:first-child) > .detail .role::before, .consul-exposed-path-list > ul > li > .detail .role::before, .consul-upstream-instance-list li > .detail .role::before, .list-collection > ul > li:not(:first-child) > .detail .role::before, .consul-lock-session-list ul > li:not(:first-child) > .detail .policy::before, .consul-exposed-path-list > ul > li > .detail .policy::before, .consul-upstream-instance-list li > .detail .policy::before, .list-collection > ul > li:not(:first-child) > .detail .policy::before, .type-sort.popover-select label > ::before, .app-view-breadcrumbs .hds-breadcrumb .hds-breadcrumb__item:first-child .hds-breadcrumb__link::before, #login-toggle + div footer button::after, .app-shell__main a[rel*=help]::after,
.modal-dialog [role=document] a[rel*=help]::after, a[rel*=external]::after {
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-alert-circle-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path d="M8 4a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0v-3.5A.75.75 0 018 4zM8 10a1 1 0 100 2h.007a1 1 0 100-2H8z"/><path fill-rule="evenodd" d="M0 8a8 8 0 1116 0A8 8 0 010 8zm8-6.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-alert-circle-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path d="M12 7a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0112 7zM12 15a1 1 0 100 2h.01a1 1 0 100-2H12z"/><path fill-rule="evenodd" d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12zm11-9.5a9.5 9.5 0 100 19 9.5 9.5 0 000-19z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-alert-circle-outline {
  100% {
    -webkit-mask-image: var(--icon-alert-circle-16);
    mask-image: var(--icon-alert-circle-16);
    background-color: var(--icon-color, var(--color-alert-circle-outline-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
[class*=status-].empty-state header::before {
  --icon-name: icon-alert-circle-outline;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-alert-triangle-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path d="M7 11a1 1 0 011-1h.007a1 1 0 110 2H8a1 1 0 01-1-1zM8.75 5.75a.75.75 0 00-1.5 0v2.5a.75.75 0 001.5 0v-2.5z"/><path fill-rule="evenodd" d="M6.953 1.273a2.143 2.143 0 012.874.751l.002.004 5.884 9.774a2.126 2.126 0 01-.768 2.905c-.322.188-.687.289-1.06.293H2.115a2.143 2.143 0 01-1.833-1.074 2.125 2.125 0 01.006-2.124l.006-.01 5.878-9.764.002-.004c.191-.313.46-.571.78-.75zm.502 1.53l-.001.002-5.872 9.754a.626.626 0 00.231.853.644.644 0 00.314.088h11.746a.643.643 0 00.544-.32.626.626 0 000-.62l-5.87-9.755-.002-.001A.635.635 0 008 2.5a.643.643 0 00-.545.304z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-alert-triangle-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path d="M11 17a1 1 0 011-1h.01a1 1 0 110 2H12a1 1 0 01-1-1zM12.75 8.75a.75.75 0 00-1.5 0v4.5a.75.75 0 001.5 0v-4.5z"/><path fill-rule="evenodd" d="M10.658 2.366a2.651 2.651 0 012.684 0c.407.239.745.581.984.99l.002.004 8.315 14.46a2.86 2.86 0 01.008 2.758 2.757 2.757 0 01-.976 1.03c-.41.25-.877.386-1.357.392H3.682a2.653 2.653 0 01-1.357-.393 2.757 2.757 0 01-.975-1.029 2.86 2.86 0 01.007-2.758l.006-.01 8.31-14.45.001-.004a2.75 2.75 0 01.984-.99zm.313 1.744v.001L2.665 18.552a1.36 1.36 0 000 1.306c.108.198.262.36.443.47.18.11.382.169.586.172h16.61c.204-.003.406-.061.586-.172.181-.11.335-.272.444-.47a1.361 1.361 0 00-.001-1.306L13.03 4.112l-.001-.002a1.25 1.25 0 00-.446-.45 1.151 1.151 0 00-1.166 0 1.25 1.25 0 00-.446.45z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-alert-triangle {
  100% {
    -webkit-mask-image: var(--icon-alert-triangle-16);
    mask-image: var(--icon-alert-triangle-16);
    background-color: var(--icon-color, var(--color-alert-triangle-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.topology-metrics-popover.not-defined > button::before, .topology-metrics-popover.not-defined .tippy-arrow::after, #upstream-container .topology-metrics-card div .warning::before,
#downstream-container .topology-metrics-card div .warning::before, .consul-instance-checks.warning dt::before, .consul-health-check-list .warning.health-check-output::before, .warning.informed-action header::before, .dangerous.informed-action header::before, .warning.modal-dialog header::before, .popover-select .value-warning button::before, [id^=docfy-demo-preview-inline-alert] strong.warning::before, #docfy-demo-preview-icon-definition dl.warning dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.warning dt::before, .consul-exposed-path-list > ul > li > .detail dl.warning dt::before, .consul-upstream-instance-list li > .detail dl.warning dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.warning dt::before,
.consul-lock-session-list ul > li:not(:first-child) > .header .warning dd::before,
.consul-exposed-path-list > ul > li > .header .warning dd::before,
.consul-upstream-instance-list li > .header .warning dd::before,
.list-collection > ul > li:not(:first-child) > .header .warning dd::before {
  --icon-name: icon-alert-triangle;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-arrow-left-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" d="M7.765 4.045a.75.75 0 10-1.03-1.09L2.237 7.203a.748.748 0 00-.001 1.093l4.499 4.25a.75.75 0 001.03-1.091L4.636 8.5h8.614a.75.75 0 000-1.5H4.636l3.129-2.955z"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-arrow-left-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" d="M11.771 5.04a.75.75 0 00-1.042-1.08l-7.5 7.25a.75.75 0 000 1.08l7.5 7.25a.75.75 0 101.042-1.08L5.605 12.5H20.25a.75.75 0 000-1.5H5.605l6.166-5.96z"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-arrow-left {
  100% {
    -webkit-mask-image: var(--icon-arrow-left-16);
    mask-image: var(--icon-arrow-left-16);
    background-color: var(--icon-color, var(--color-arrow-left-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-arrow-right-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" d="M8.235 4.045a.75.75 0 111.03-1.09l4.5 4.25a.75.75 0 010 1.09l-4.5 4.25a.75.75 0 01-1.03-1.09L11.364 8.5H2.75a.75.75 0 010-1.5h8.614L8.235 4.045z"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-arrow-right-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" d="M12.229 5.04a.75.75 0 011.042-1.08l7.5 7.25a.75.75 0 010 1.08l-7.5 7.25a.75.75 0 11-1.042-1.08l6.166-5.96H3.75a.75.75 0 010-1.5h14.645l-6.166-5.96z"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-arrow-right {
  100% {
    -webkit-mask-image: var(--icon-arrow-right-16);
    mask-image: var(--icon-arrow-right-16);
    background-color: var(--icon-color, var(--color-arrow-right-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-x-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" d="M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-x-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" d="M18.78 6.28a.75.75 0 00-1.06-1.06L12 10.94 6.28 5.22a.75.75 0 00-1.06 1.06L10.94 12l-5.72 5.72a.75.75 0 101.06 1.06L12 13.06l5.72 5.72a.75.75 0 101.06-1.06L13.06 12l5.72-5.72z"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-cancel-plain {
  100% {
    -webkit-mask-image: var(--icon-x-16);
    mask-image: var(--icon-x-16);
    background-color: var(--icon-color, var(--color-cancel-plain-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.search-bar-status li:not(.remove-all) button::before {
  --icon-name: icon-cancel-plain;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-x-square-fill-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M1 3.139C1 1.958 1.958 1 3.139 1h9.722C14.042 1 15 1.958 15 3.139v9.722A2.139 2.139 0 0112.861 15H3.14A2.139 2.139 0 011 12.861V3.14zm4.28 1.08A.75.75 0 004.22 5.28L6.94 8l-2.72 2.72a.75.75 0 101.06 1.06L8 9.06l2.72 2.72a.75.75 0 101.06-1.06L9.06 8l2.72-2.72a.75.75 0 00-1.06-1.06L8 6.94 5.28 4.22z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-x-square-fill-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M2 4.806A2.806 2.806 0 014.806 2h14.388A2.806 2.806 0 0122 4.806v14.388A2.806 2.806 0 0119.194 22H4.806A2.806 2.806 0 012 19.194V4.806zM8.28 7.22a.75.75 0 00-1.06 1.06L10.94 12l-3.72 3.72a.75.75 0 101.06 1.06L12 13.06l3.72 3.72a.75.75 0 101.06-1.06L13.06 12l3.72-3.72a.75.75 0 00-1.06-1.06L12 10.94 8.28 7.22z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-cancel-square-fill {
  100% {
    -webkit-mask-image: var(--icon-x-square-fill-16);
    mask-image: var(--icon-x-square-fill-16);
    background-color: var(--icon-color, var(--color-cancel-square-fill-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.topology-metrics-popover.deny > button::before, .topology-metrics-popover.deny .tippy-arrow::after, #upstream-container .topology-metrics-card div .critical::before,
#downstream-container .topology-metrics-card div .critical::before, .consul-instance-checks.critical dt::before, .consul-health-check-list .critical.health-check-output::before, .popover-select .value-critical button::before, [id^=docfy-demo-preview-inline-alert] strong.error::before, .has-error > strong::before, #docfy-demo-preview-icon-definition dl.critical dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.critical dt::before, .consul-exposed-path-list > ul > li > .detail dl.critical dt::before, .consul-upstream-instance-list li > .detail dl.critical dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.critical dt::before,
.consul-lock-session-list ul > li:not(:first-child) > .header .critical dd::before,
.consul-exposed-path-list > ul > li > .header .critical dd::before,
.consul-upstream-instance-list li > .header .critical dd::before,
.list-collection > ul > li:not(:first-child) > .header .critical dd::before {
  --icon-name: icon-cancel-square-fill;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-check-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" d="M14.78 4.28a.75.75 0 00-1.06-1.06l-7.97 7.97-3.47-3.47a.75.75 0 00-1.06 1.06l4 4a.75.75 0 001.06 0l8.5-8.5z"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-check-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" d="M21.78 6.28a.75.75 0 00-1.06-1.06L8.75 17.19l-5.47-5.47a.75.75 0 00-1.06 1.06l6 6a.75.75 0 001.06 0l12.5-12.5z"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-check-plain {
  100% {
    -webkit-mask-image: var(--icon-check-16);
    mask-image: var(--icon-check-16);
    background-color: var(--icon-color, var(--color-check-plain-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li[aria-selected] > ::after, table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li[aria-selected] > ::after, .more-popover-menu > [type=checkbox] + label + div > ul > li[aria-selected] > ::after, .popover-menu > [type=checkbox] + label + div > ul > li[aria-selected] > ::after, .disclosure-menu [aria-expanded] ~ * > ul > li[aria-selected] > ::after, .menu-panel > ul > li[aria-selected] > ::after,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li[aria-checked] > ::after,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li[aria-checked] > ::after,
.more-popover-menu > [type=checkbox] + label + div > ul > li[aria-checked] > ::after,
.popover-menu > [type=checkbox] + label + div > ul > li[aria-checked] > ::after,
.disclosure-menu [aria-expanded] ~ * > ul > li[aria-checked] > ::after,
.menu-panel > ul > li[aria-checked] > ::after,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li[aria-current] > ::after,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li[aria-current] > ::after,
.more-popover-menu > [type=checkbox] + label + div > ul > li[aria-current] > ::after,
.popover-menu > [type=checkbox] + label + div > ul > li[aria-current] > ::after,
.disclosure-menu [aria-expanded] ~ * > ul > li[aria-current] > ::after,
.menu-panel > ul > li[aria-current] > ::after,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li.is-active > ::after,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li.is-active > ::after,
.more-popover-menu > [type=checkbox] + label + div > ul > li.is-active > ::after,
.popover-menu > [type=checkbox] + label + div > ul > li.is-active > ::after,
.disclosure-menu [aria-expanded] ~ * > ul > li.is-active > ::after,
.menu-panel > ul > li.is-active > ::after {
  --icon-name: icon-check-plain;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-chevron-down-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M3.235 5.205a.75.75 0 011.06.03L8 9.158l3.705-3.923a.75.75 0 011.09 1.03l-4.25 4.5a.75.75 0 01-1.09 0l-4.25-4.5a.75.75 0 01.03-1.06z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-chevron-down-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M5.23 8.21a.75.75 0 011.06.02L12 14.168l5.71-5.938a.75.75 0 111.08 1.04l-6.25 6.5a.75.75 0 01-1.08 0l-6.25-6.5a.75.75 0 01.02-1.06z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-chevron-down {
  100% {
    -webkit-mask-image: var(--icon-chevron-down-16);
    mask-image: var(--icon-chevron-down-16);
    background-color: var(--icon-color, var(--color-chevron-down-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
table.with-details td:only-child > div > label::before, table.with-details td > label::before {
  --icon-name: icon-chevron-down;
  content: "";
}

.topology-notices button::before, .list-collection > button.closed::after, table.with-details tr > .actions > [type=checkbox] + label > *::after, table.has-actions tr > .actions > [type=checkbox] + label > *::after, .more-popover-menu > [type=checkbox] + label > *::after, .popover-menu > [type=checkbox] + label > *::after {
  --icon-name: icon-chevron-down;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-clipboard-copy-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path fill-rule="evenodd" d="M3.25 2.5H4v.25C4 3.44 4.56 4 5.25 4h5.5C11.44 4 12 3.44 12 2.75V2.5h.75a.75.75 0 01.75.75v3a.75.75 0 001.5 0v-3A2.25 2.25 0 0012.75 1h-.775c-.116-.57-.62-1-1.225-1h-5.5c-.605 0-1.11.43-1.225 1H3.25A2.25 2.25 0 001 3.25v10.5A2.25 2.25 0 003.25 16h9.5A2.25 2.25 0 0015 13.75v-1a.75.75 0 00-1.5 0v1a.75.75 0 01-.75.75h-9.5a.75.75 0 01-.75-.75V3.25a.75.75 0 01.75-.75zm2.25-1v1h5v-1h-5z" clip-rule="evenodd"/><path d="M4.75 5.5a.75.75 0 000 1.5h3a.75.75 0 000-1.5h-3zM4 12.25a.75.75 0 01.75-.75h3a.75.75 0 010 1.5h-3a.75.75 0 01-.75-.75zM4.75 8.5a.75.75 0 000 1.5h2a.75.75 0 000-1.5h-2zM16 9.25a.75.75 0 01-.75.75h-4.19l1.22 1.22a.75.75 0 11-1.06 1.06l-2.5-2.5a.752.752 0 010-1.06l2.5-2.5a.75.75 0 111.06 1.06L11.06 8.5h4.19a.75.75 0 01.75.75z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-clipboard-copy-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path fill-rule="evenodd" d="M8.75 1A1.75 1.75 0 007 2.75V3H5.75A2.75 2.75 0 003 5.75v14.5A2.75 2.75 0 005.75 23h12.5A2.75 2.75 0 0021 20.25v-2.5a.75.75 0 00-1.5 0v2.5c0 .69-.56 1.25-1.25 1.25H5.75c-.69 0-1.25-.56-1.25-1.25V5.75c0-.69.56-1.25 1.25-1.25h1.268c.121.848.85 1.5 1.732 1.5h6.5a1.75 1.75 0 001.732-1.5h1.268c.69 0 1.25.56 1.25 1.25v4.5a.75.75 0 001.5 0v-4.5A2.75 2.75 0 0018.25 3H17v-.25A1.75 1.75 0 0015.25 1h-6.5zM8.5 2.75a.25.25 0 01.25-.25h6.5a.25.25 0 01.25.25v1.5a.25.25 0 01-.25.25h-6.5a.25.25 0 01-.25-.25v-1.5z" clip-rule="evenodd"/><path d="M7 9.75A.75.75 0 017.75 9h4.5a.75.75 0 010 1.5h-4.5A.75.75 0 017 9.75zM7 17.75a.75.75 0 01.75-.75h4.5a.75.75 0 010 1.5h-4.5a.75.75 0 01-.75-.75zM7.75 13a.75.75 0 000 1.5h2.5a.75.75 0 000-1.5h-2.5zM22.75 14a.75.75 0 01-.75.75h-6.34l2.1 1.95a.75.75 0 11-1.02 1.1l-3.5-3.25a.747.747 0 01-.24-.533v-.034a.748.748 0 01.227-.521l.014-.013L16.74 10.2a.75.75 0 111.02 1.1l-2.1 1.95H22a.75.75 0 01.75.75z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-copy-action {
  100% {
    -webkit-mask-image: var(--icon-clipboard-copy-16);
    mask-image: var(--icon-clipboard-copy-16);
    background-color: var(--icon-color, var(--color-copy-action-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.copy-button button::before {
  --icon-name: icon-copy-action;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-skip-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 0110.535-5.096l-9.131 9.131A6.472 6.472 0 011.5 8zm2.465 5.096a6.5 6.5 0 009.131-9.131l-9.131 9.131z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-skip-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M4.172 19.728a.744.744 0 00.1.1A10.965 10.965 0 0012 23c6.075 0 11-4.925 11-11 0-3.012-1.21-5.742-3.172-7.728a.769.769 0 00-.1-.1A10.965 10.965 0 0012 1C5.925 1 1 5.925 1 12c0 3.012 1.21 5.742 3.172 7.728zM2.5 12A9.5 9.5 0 0112 2.5c2.353 0 4.507.856 6.166 2.273L4.773 18.166A9.462 9.462 0 012.5 12zm16.727-6.166A9.462 9.462 0 0121.5 12a9.5 9.5 0 01-9.5 9.5 9.462 9.462 0 01-6.166-2.273L19.227 5.834z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-deny-alt {
  100% {
    -webkit-mask-image: var(--icon-skip-16);
    mask-image: var(--icon-skip-16);
    background-color: var(--icon-color, var(--color-deny-alt-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-skip-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 0110.535-5.096l-9.131 9.131A6.472 6.472 0 011.5 8zm2.465 5.096a6.5 6.5 0 009.131-9.131l-9.131 9.131z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-skip-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M4.172 19.728a.744.744 0 00.1.1A10.965 10.965 0 0012 23c6.075 0 11-4.925 11-11 0-3.012-1.21-5.742-3.172-7.728a.769.769 0 00-.1-.1A10.965 10.965 0 0012 1C5.925 1 1 5.925 1 12c0 3.012 1.21 5.742 3.172 7.728zM2.5 12A9.5 9.5 0 0112 2.5c2.353 0 4.507.856 6.166 2.273L4.773 18.166A9.462 9.462 0 012.5 12zm16.727-6.166A9.462 9.462 0 0121.5 12a9.5 9.5 0 01-9.5 9.5 9.462 9.462 0 01-6.166-2.273L19.227 5.834z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-deny-default {
  100% {
    -webkit-mask-image: var(--icon-skip-16);
    mask-image: var(--icon-skip-16);
    background-color: var(--icon-color, var(--color-deny-default-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-skip-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 0110.535-5.096l-9.131 9.131A6.472 6.472 0 011.5 8zm2.465 5.096a6.5 6.5 0 009.131-9.131l-9.131 9.131z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-skip-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M4.172 19.728a.744.744 0 00.1.1A10.965 10.965 0 0012 23c6.075 0 11-4.925 11-11 0-3.012-1.21-5.742-3.172-7.728a.769.769 0 00-.1-.1A10.965 10.965 0 0012 1C5.925 1 1 5.925 1 12c0 3.012 1.21 5.742 3.172 7.728zM2.5 12A9.5 9.5 0 0112 2.5c2.353 0 4.507.856 6.166 2.273L4.773 18.166A9.462 9.462 0 012.5 12zm16.727-6.166A9.462 9.462 0 0121.5 12a9.5 9.5 0 01-9.5 9.5 9.462 9.462 0 01-6.166-2.273L19.227 5.834z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-disabled {
  100% {
    -webkit-mask-image: var(--icon-skip-16);
    mask-image: var(--icon-skip-16);
    background-color: var(--icon-color, var(--color-disabled-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.status-403.empty-state header::before {
  --icon-name: icon-disabled;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-docs-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M4.25 1A2.25 2.25 0 002 3.25v9.5A2.25 2.25 0 004.25 15h8.5c.69 0 1.25-.56 1.25-1.25V2.25C14 1.56 13.44 1 12.75 1h-8.5zM3.5 12.75c0 .414.336.75.75.75h8.25v-2H4.25a.75.75 0 00-.75.75v.5zm0-2.622c.235-.083.487-.128.75-.128h8.25V2.5H4.25a.75.75 0 00-.75.75v6.878z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-docs-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M5.75 1A2.75 2.75 0 003 3.75v16.5A2.75 2.75 0 005.75 23h13.5A1.75 1.75 0 0021 21.25V2.75A1.75 1.75 0 0019.25 1H5.75zM19.5 17.5V2.75a.25.25 0 00-.25-.25H5.75c-.69 0-1.25.56-1.25 1.25V17.8c.375-.192.8-.3 1.25-.3H19.5zm-15 2.75c0 .69.56 1.25 1.25 1.25h13.5a.25.25 0 00.25-.25V19H5.75c-.69 0-1.25.56-1.25 1.25z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-docs {
  100% {
    -webkit-mask-image: var(--icon-docs-16);
    mask-image: var(--icon-docs-16);
    background-color: var(--icon-color, var(--color-docs-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#metrics-container .link .config-link::before, .empty-state .docs-link > *::after {
  --icon-name: icon-docs;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-external-link-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path d="M9 .75A.75.75 0 019.75 0h4.5c.206 0 .393.083.529.218l.001.002.002.001A.748.748 0 0115 .75v4.5a.75.75 0 01-1.5 0V2.56L7.28 8.78a.75.75 0 01-1.06-1.06l6.22-6.22H9.75A.75.75 0 019 .75z"/><path d="M3.25 3.5a.75.75 0 00-.75.75v7.5c0 .414.336.75.75.75h7.5a.75.75 0 00.75-.75v-4a.75.75 0 011.5 0v4A2.25 2.25 0 0110.75 14h-7.5A2.25 2.25 0 011 11.75v-7.5A2.25 2.25 0 013.25 2h4a.75.75 0 010 1.5h-4z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-external-link-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path d="M15 1.75a.75.75 0 01.75-.75h5.5a.748.748 0 01.75.75v5.5a.75.75 0 01-1.5 0V3.56L10.28 13.78a.75.75 0 11-1.06-1.06L19.44 2.5h-3.69a.75.75 0 01-.75-.75z"/><path d="M4.75 5.5c-.69 0-1.25.56-1.25 1.25v11.5c0 .69.56 1.25 1.25 1.25h11.5c.69 0 1.25-.56 1.25-1.25v-6.5a.75.75 0 011.5 0v6.5A2.75 2.75 0 0116.25 21H4.75A2.75 2.75 0 012 18.25V6.75A2.75 2.75 0 014.75 4h6.5a.75.75 0 010 1.5h-6.5z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-exit {
  100% {
    -webkit-mask-image: var(--icon-external-link-16);
    mask-image: var(--icon-external-link-16);
    background-color: var(--icon-color, var(--color-exit-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
a[rel*=external]::after {
  --icon-name: icon-exit;
  content: "";
}

#metrics-container .link .metrics-link::before {
  --icon-name: icon-exit;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-file-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M3.25 0A2.25 2.25 0 001 2.25v11.5A2.25 2.25 0 003.25 16h9.5A2.25 2.25 0 0015 13.75V5.457c0-.331-.132-.65-.366-.884L10.427.366A1.25 1.25 0 009.543 0H3.25zM2.5 2.25a.75.75 0 01.75-.75H9v3.75c0 .414.336.75.75.75h3.75v7.75a.75.75 0 01-.75.75h-9.5a.75.75 0 01-.75-.75V2.25zm9.94 2.25L10.5 2.56V4.5h1.94z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-file-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M5.75 1A2.75 2.75 0 003 3.75v16.5A2.75 2.75 0 005.75 23h12.5A2.75 2.75 0 0021 20.25V8.664c0-.464-.184-.909-.513-1.237l-5.914-5.914A1.75 1.75 0 0013.336 1H5.75zM4.5 3.75c0-.69.56-1.25 1.25-1.25H13v5.75c0 .414.336.75.75.75h5.75v11.25c0 .69-.56 1.25-1.25 1.25H5.75c-.69 0-1.25-.56-1.25-1.25V3.75zM18.44 7.5L14.5 3.56V7.5h3.94z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-file-fill {
  100% {
    -webkit-mask-image: var(--icon-file-16);
    mask-image: var(--icon-file-16);
    background-color: var(--icon-color, var(--color-file-fill-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-folder-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M2.25 1A2.25 2.25 0 000 3.25v9.5A2.25 2.25 0 002.25 15h11.5A2.25 2.25 0 0016 12.75v-7.5A2.25 2.25 0 0013.75 3H9.871a.75.75 0 01-.53-.22L8.22 1.66A2.25 2.25 0 006.629 1H2.25zM1.5 3.25a.75.75 0 01.75-.75h4.379a.75.75 0 01.53.22L8.28 3.84a2.25 2.25 0 001.591.659h3.879a.75.75 0 01.75.75v7.5a.75.75 0 01-.75.75H2.25a.75.75 0 01-.75-.75V7h10.75a.75.75 0 000-1.5H1.5V3.25z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-folder-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M3.75 2A2.75 2.75 0 001 4.75v14.5A2.75 2.75 0 003.75 22h16.5A2.75 2.75 0 0023 19.25V6.75A2.75 2.75 0 0020.25 4h-7.172a1.25 1.25 0 01-.883-.366l-.829-.829A2.75 2.75 0 009.422 2H3.75zM2.5 4.75c0-.69.56-1.25 1.25-1.25h5.672c.331 0 .649.132.883.366l.829.829a2.75 2.75 0 001.944.805h7.172c.69 0 1.25.56 1.25 1.25v12.5c0 .69-.56 1.25-1.25 1.25H3.75c-.69 0-1.25-.56-1.25-1.25V8.5h16.75a.75.75 0 000-1.5H2.5V4.75z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-folder-outline {
  100% {
    -webkit-mask-image: var(--icon-folder-16);
    mask-image: var(--icon-folder-16);
    background-color: var(--icon-color, var(--color-folder-outline-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#upstream-container .topology-metrics-card div .nspace dt::before,
#downstream-container .topology-metrics-card div .nspace dt::before, .consul-intention-list span[class|=nspace]::before, .consul-upstream-instance-list dl.nspace dt::before, .consul-bucket-list .nspace::before, .app-shell__main table td.folder::before,
.modal-dialog [role=document] table td.folder::before, #docfy-demo-preview-icon-definition dl.nspace dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.nspace dt::before, .consul-exposed-path-list > ul > li > .detail dl.nspace dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.nspace dt::before {
  --icon-name: icon-folder-outline;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-activity-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M6.016 1a.75.75 0 01.698.521l3.306 10.33 1.47-4.341A.75.75 0 0112.2 7H15a.75.75 0 010 1.5h-2.262l-2.028 5.99a.75.75 0 01-1.424-.011L5.952 4.06 4.504 8.008A.75.75 0 013.8 8.5H1A.75.75 0 111 7h2.276l2.02-5.508c.11-.301.4-.499.72-.492z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-activity-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M9.003 2a.75.75 0 01.71.519l5.278 16.27 2.294-7.265A.75.75 0 0118 11h4a.75.75 0 010 1.5h-3.45l-2.835 8.976a.75.75 0 01-1.428.005L8.99 5.151l-2.278 6.836A.75.75 0 016 12.5H2A.75.75 0 012 11h3.46l2.828-8.487A.75.75 0 019.003 2z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-health {
  100% {
    -webkit-mask-image: var(--icon-activity-16);
    mask-image: var(--icon-activity-16);
    background-color: var(--icon-color, var(--color-health-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#docfy-demo-preview-icon-definition dl.checks dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.checks dt::before, .consul-exposed-path-list > ul > li > .detail dl.checks dt::before, .consul-upstream-instance-list li > .detail dl.checks dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.checks dt::before {
  --icon-name: icon-health;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-help-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path fill-rule="evenodd" d="M8.197 4.523a1.532 1.532 0 00-1.051.196c-.318.19-.563.49-.687.85a.75.75 0 01-1.418-.49c.239-.69.71-1.274 1.335-1.648a3.032 3.032 0 012.079-.386 3.057 3.057 0 011.829 1.065 3.13 3.13 0 01.716 2c0 .487-.092.905-.275 1.266-.182.36-.431.62-.679.817-.194.156-.41.291-.581.398l-.096.06a2.507 2.507 0 00-.452.34.643.643 0 00-.172.292.75.75 0 01-1.499-.033c0-.163.035-.324.086-.479.08-.243.232-.543.515-.832.239-.243.505-.419.72-.554.044-.029.086-.056.126-.08.169-.106.296-.186.415-.282a.976.976 0 00.279-.323c.059-.117.113-.296.113-.59v-.002a1.63 1.63 0 00-.372-1.041c-.24-.29-.57-.481-.931-.544z" clip-rule="evenodd"/><path d="M8 11a1 1 0 100 2h.007a1 1 0 100-2H8z"/><path fill-rule="evenodd" d="M0 8a8 8 0 1116 0A8 8 0 010 8zm8-6.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-help-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path fill-rule="evenodd" d="M12.349 7.536c-.612-.1-1.24.01-1.77.31s-.926.765-1.125 1.308a.75.75 0 11-1.408-.516A3.995 3.995 0 019.842 6.54a4.212 4.212 0 012.75-.484c.946.156 1.81.63 2.436 1.343.627.715.973 1.624.972 2.569 0 .636-.127 1.168-.369 1.62-.24.449-.569.77-.9 1.021a8.43 8.43 0 01-.804.519l-.144.085c-.294.177-.526.329-.712.507-.185.178-.264.341-.298.441a.62.62 0 00-.028.107l-.001.007a.75.75 0 01-1.5-.025c0-.198.047-.394.111-.58a2.63 2.63 0 01.677-1.032c.318-.304.675-.529.98-.712l.177-.104a6.68 6.68 0 00.636-.409 1.64 1.64 0 00.484-.533c.107-.2.191-.482.191-.913v-.001c0-.573-.21-1.132-.6-1.578a2.628 2.628 0 00-1.551-.852z" clip-rule="evenodd"/><path d="M12 16a1 1 0 100 2h.01a1 1 0 100-2H12z"/><path fill-rule="evenodd" d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12zm11-9.5a9.5 9.5 0 100 19 9.5 9.5 0 000-19z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-help-circle-outline {
  100% {
    -webkit-mask-image: var(--icon-help-16);
    mask-image: var(--icon-help-16);
    background-color: var(--icon-color, var(--color-help-circle-outline-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#upstream-container .topology-metrics-card div .health dt::before,
#downstream-container .topology-metrics-card div .health dt::before, .popover-select .value-unknown button::before, #docfy-demo-preview-icon-definition dl.unknown dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.unknown dt::before, .consul-exposed-path-list > ul > li > .detail dl.unknown dt::before, .consul-upstream-instance-list li > .detail dl.unknown dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.unknown dt::before,
.consul-lock-session-list ul > li:not(:first-child) > .header .unknown dd::before,
.consul-exposed-path-list > ul > li > .header .unknown dd::before,
.consul-upstream-instance-list li > .header .unknown dd::before,
.list-collection > ul > li:not(:first-child) > .header .unknown dd::before, .status-404.empty-state header::before {
  --icon-name: icon-help-circle-outline;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-info-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path d="M8 7a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0v-3.5A.75.75 0 018 7zM8 4a1 1 0 000 2h.007a1 1 0 000-2H8z"/><path fill-rule="evenodd" d="M0 8a8 8 0 1116 0A8 8 0 010 8zm8-6.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-info-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path d="M12 10.5a.75.75 0 01.75.75v5.5a.75.75 0 01-1.5 0v-5.5a.75.75 0 01.75-.75zM12 7a1 1 0 100 2h.01a1 1 0 100-2H12z"/><path fill-rule="evenodd" d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12zm11-9.5a9.5 9.5 0 100 19 9.5 9.5 0 000-19z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-info-circle-fill {
  100% {
    -webkit-mask-image: var(--icon-info-16);
    mask-image: var(--icon-info-16);
    background-color: var(--icon-color, var(--color-info-circle-fill-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#metrics-container:hover .sparkline-key-link::before, .sparkline-key h3::before, .info.informed-action header::before, [id^=docfy-demo-preview-inline-alert] strong.info::before {
  --icon-name: icon-info-circle-fill;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-info-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path d="M8 7a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0v-3.5A.75.75 0 018 7zM8 4a1 1 0 000 2h.007a1 1 0 000-2H8z"/><path fill-rule="evenodd" d="M0 8a8 8 0 1116 0A8 8 0 010 8zm8-6.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-info-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path d="M12 10.5a.75.75 0 01.75.75v5.5a.75.75 0 01-1.5 0v-5.5a.75.75 0 01.75-.75zM12 7a1 1 0 100 2h.01a1 1 0 100-2H12z"/><path fill-rule="evenodd" d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12zm11-9.5a9.5 9.5 0 100 19 9.5 9.5 0 000-19z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-info-circle-outline {
  100% {
    -webkit-mask-image: var(--icon-info-16);
    mask-image: var(--icon-info-16);
    background-color: var(--icon-color, var(--color-info-circle-outline-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.discovery-chain .resolvers > header span::after,
.discovery-chain .splitters > header span::after,
.discovery-chain .routes > header span::after, .app-shell__main a[rel*=help]::after,
.modal-dialog [role=document] a[rel*=help]::after {
  --icon-name: icon-info-circle-outline;
  content: "";
}

.topology-metrics-status-error span::before,
.topology-metrics-status-loader span::before, #downstream-container > div:first-child span::before, .consul-auth-method-binding-list dl dt.type + dd span::before, .consul-auth-method-view dl dt.type + dd span::before, .app-shell__main table th span::after,
.modal-dialog [role=document] table th span::after, #docfy-demo-preview-icon-definition dl.behavior dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.behavior dt::before, .consul-exposed-path-list > ul > li > .detail dl.behavior dt::before, .consul-upstream-instance-list li > .detail dl.behavior dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.behavior dt::before {
  --icon-name: icon-info-circle-outline;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-learn-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M8.316 2.07a.75.75 0 00-.632 0l-7 3.25a.75.75 0 000 1.36l1.434.666A.746.746 0 002 7.75V11a.75.75 0 00.158.46L2.75 11l-.592.46.001.002.001.001.003.004.008.01a1.882 1.882 0 00.103.12c.068.076.165.178.292.299.254.24.63.555 1.132.866C4.706 13.388 6.217 14 8.25 14c2.037 0 3.44-.615 4.345-1.266a5.32 5.32 0 00.977-.902 3.916 3.916 0 00.322-.448l.007-.012.003-.004v-.002h.001c0-.001 0-.002-.655-.366l.655.365A.754.754 0 0014 11V7.75a.747.747 0 00-.118-.404l1.434-.666a.75.75 0 000-1.36l-7-3.25zM12.5 7.988L8.316 9.93a.75.75 0 01-.632 0L3.5 7.988v2.723a5.585 5.585 0 00.99.776c.804.5 2.043 1.013 3.76 1.013 1.713 0 2.81-.51 3.468-.984a3.812 3.812 0 00.782-.745V7.988zM8 8.423L2.781 6 8 3.577 13.219 6 8 8.423z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-learn-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M12.367 3.096a.75.75 0 00-.734 0l-10.25 5.75a.75.75 0 000 1.308l2.82 1.582A.747.747 0 004 12.25v5a.75.75 0 00.12.407l.63-.407-.63.408.001.001.002.002.003.005.009.013a2.202 2.202 0 00.118.162c.08.1.194.237.348.397.308.321.774.736 1.427 1.147C7.34 20.21 9.378 21 12.345 21c2.968 0 4.854-.79 6.018-1.646a5.597 5.597 0 001.209-1.193 3.945 3.945 0 00.339-.553 1.8 1.8 0 00.02-.043l.007-.016.002-.006.001-.002v-.001s.001-.002-.691-.29l.692.288A.75.75 0 0020 17.25v-5a.747.747 0 00-.203-.514l2.82-1.582a.75.75 0 000-1.308l-10.25-5.75zm6.133 9.368l-6.133 3.44a.75.75 0 01-.734 0L5.5 12.464v4.533c.047.055.107.124.182.202.233.242.605.577 1.144.916 1.072.675 2.833 1.385 5.52 1.385 2.686 0 4.252-.71 5.128-1.354.442-.325.722-.644.887-.87.061-.084.107-.155.139-.21v-4.602zM12 14.39L3.283 9.5 12 4.61l8.717 4.89L12 14.39z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-learn {
  100% {
    -webkit-mask-image: var(--icon-learn-16);
    mask-image: var(--icon-learn-16);
    background-color: var(--icon-color, var(--color-learn-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.empty-state .learn-link > *::after {
  --icon-name: icon-learn;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-loading-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="hds-flight-icon--animation-loading"><g fill="%23000" fill-rule="evenodd" clip-rule="evenodd"><path d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z" opacity=".2"/><path d="M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-loading-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="hds-flight-icon--animation-loading"><g fill="%23000" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 2.5a9.5 9.5 0 100 19 9.5 9.5 0 000-19zM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12z" opacity=".2"/><path d="M11.25 1.75A.75.75 0 0112 1c6.075 0 11 4.925 11 11a.75.75 0 01-1.5 0A9.5 9.5 0 0012 2.5a.75.75 0 01-.75-.75z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-loading {
  100% {
    -webkit-mask-image: var(--icon-loading-16);
    mask-image: var(--icon-loading-16);
    background-color: var(--icon-color, var(--color-loading-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-github-color-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23161514" fill-rule="evenodd" d="M8 1C4.133 1 1 4.13 1 7.993c0 3.09 2.006 5.71 4.787 6.635.35.064.478-.152.478-.337 0-.166-.006-.606-.01-1.19-1.947.423-2.357-.937-2.357-.937-.319-.808-.778-1.023-.778-1.023-.635-.434.048-.425.048-.425.703.05 1.073.72 1.073.72.624 1.07 1.638.76 2.037.582.063-.452.244-.76.444-.935-1.554-.176-3.188-.776-3.188-3.456 0-.763.273-1.388.72-1.876-.072-.177-.312-.888.07-1.85 0 0 .586-.189 1.924.716A6.711 6.711 0 018 4.381c.595.003 1.194.08 1.753.236 1.336-.905 1.923-.717 1.923-.717.382.963.142 1.674.07 1.85.448.49.72 1.114.72 1.877 0 2.686-1.638 3.278-3.197 3.45.251.216.475.643.475 1.296 0 .934-.009 1.688-.009 1.918 0 .187.127.404.482.336A6.996 6.996 0 0015 7.993 6.997 6.997 0 008 1z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-github-color-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23161514" fill-rule="evenodd" d="M12 2C6.477 2 2 6.476 2 11.997c0 4.417 2.865 8.163 6.839 9.485.5.092.682-.216.682-.482 0-.236-.008-.865-.013-1.7-2.782.604-3.369-1.34-3.369-1.34-.454-1.155-1.11-1.462-1.11-1.462-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.528 2.341 1.087 2.91.831.092-.646.35-1.086.636-1.336-2.22-.252-4.555-1.11-4.555-4.94 0-1.092.39-1.985 1.029-2.683-.103-.253-.446-1.27.098-2.646 0 0 .84-.269 2.75 1.025A9.581 9.581 0 0112 6.834c.85.004 1.705.115 2.504.337 1.909-1.294 2.747-1.025 2.747-1.025.546 1.376.202 2.393.1 2.646.64.698 1.028 1.591 1.028 2.682 0 3.84-2.339 4.686-4.566 4.933.359.309.678.919.678 1.852 0 1.336-.012 2.414-.012 2.741 0 .268.18.58.688.482 3.97-1.325 6.833-5.07 6.833-9.485C22 6.476 17.522 2 12 2z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-logo-github-monochrome {
  100% {
    -webkit-mask-image: var(--icon-github-color-16);
    mask-image: var(--icon-github-color-16);
    background-color: var(--icon-color, var(--color-logo-github-monochrome-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-google-color-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%234285F4" d="M14.9 8.161c0-.476-.039-.954-.121-1.422h-6.64v2.695h3.802a3.24 3.24 0 01-1.407 2.127v1.75h2.269c1.332-1.22 2.097-3.02 2.097-5.15z"/><path fill="%2334A853" d="M8.14 15c1.898 0 3.499-.62 4.665-1.69l-2.268-1.749c-.631.427-1.446.669-2.395.669-1.836 0-3.393-1.232-3.952-2.888H1.85v1.803A7.044 7.044 0 008.14 15z"/><path fill="%23FBBC04" d="M4.187 9.341a4.17 4.17 0 010-2.68V4.858H1.849a6.97 6.97 0 000 6.287l2.338-1.803z"/><path fill="%23EA4335" d="M8.14 3.77a3.837 3.837 0 012.7 1.05l2.01-1.999a6.786 6.786 0 00-4.71-1.82 7.042 7.042 0 00-6.29 3.858L4.186 6.66c.556-1.658 2.116-2.89 3.952-2.89z"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-google-color-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%234285F4" d="M21.804 12.23c0-.68-.055-1.363-.173-2.032H12.2v3.85h5.4a4.63 4.63 0 01-1.998 3.04v2.498h3.222c1.893-1.742 2.98-4.314 2.98-7.356z"/><path fill="%2334A853" d="M12.2 22c2.697 0 4.971-.886 6.628-2.414l-3.222-2.499c-.897.61-2.054.956-3.402.956-2.61 0-4.821-1.76-5.615-4.127H3.264v2.576A10 10 0 0012.2 22z"/><path fill="%23FBBC04" d="M6.585 13.916a5.99 5.99 0 010-3.828V7.512H3.264a10.008 10.008 0 000 8.98l3.321-2.576z"/><path fill="%23EA4335" d="M12.2 5.958a5.434 5.434 0 013.836 1.499l2.855-2.855A9.61 9.61 0 0012.2 2.001a9.998 9.998 0 00-8.936 5.511l3.321 2.576c.79-2.37 3.006-4.13 5.615-4.13z"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-logo-google-color {
  100% {
    background-image: var(--icon-google-color-16);
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.oidc-select .google-oidc-provider::before {
  --icon-name: icon-logo-google-color;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-kubernetes-color-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23326DE6" d="M4.5 14.569c.214.278.539.431.874.431h5.251c.335 0 .66-.165.875-.434l3.258-4.178c.214-.278.288-.633.214-.978l-1.165-5.207a1.128 1.128 0 00-.606-.777l-4.714-2.31A1.062 1.062 0 008.002 1c-.168 0-.335.038-.485.115l-4.715 2.32a1.129 1.129 0 00-.605.777L1.032 9.42c-.084.345 0 .7.214.978L4.5 14.568z"/><path fill="%23fff" fill-rule="evenodd" d="M12.741 9.128c.098.003.196.01.293.024l.058.013.031.008a.308.308 0 01.26.371.306.306 0 01-.396.223h-.004l-.003-.001-.003-.001a1.58 1.58 0 00-.08-.017 2.55 2.55 0 01-.274-.106 2.867 2.867 0 00-.533-.156.243.243 0 00-.171.063 4.656 4.656 0 00-.131-.023 3.971 3.971 0 01-1.764 2.212c.015.042.032.083.051.123a.239.239 0 00-.023.18c.074.17.165.332.271.484.06.078.114.16.164.244l.028.057.012.025a.305.305 0 01-.132.434.31.31 0 01-.354-.066.307.307 0 01-.067-.107l-.01-.021a1.57 1.57 0 01-.028-.058 2.553 2.553 0 01-.089-.28 2.834 2.834 0 00-.21-.512.242.242 0 00-.156-.095 6.199 6.199 0 01-.03-.053l-.035-.064a3.97 3.97 0 01-2.823-.007l-.07.125a.249.249 0 00-.132.064 2.13 2.13 0 00-.237.548 2.518 2.518 0 01-.088.28l-.025.05-.013.027v.001a.306.306 0 01-.421.173.307.307 0 01-.132-.434l.014-.03.026-.052c.05-.085.104-.166.164-.244.108-.156.2-.322.277-.496a.302.302 0 00-.028-.173l.056-.133A3.972 3.972 0 014.22 9.532l-.134.023a.34.34 0 00-.176-.062 2.872 2.872 0 00-.533.156c-.09.04-.181.075-.274.105l-.05.011-.03.007H3.02l-.002.002h-.005a.308.308 0 01-.397-.349.306.306 0 01.261-.245l.005-.001h.002l.006-.002c.024-.006.054-.014.076-.018.097-.013.195-.021.293-.023.186-.013.37-.043.549-.09a.422.422 0 00.131-.133l.128-.037a3.938 3.938 0 01.625-2.752l-.098-.087a.338.338 0 00-.062-.176 2.854 2.854 0 00-.455-.319 2.557 2.557 0 01-.254-.148l-.048-.038-.015-.012-.004-.004a.323.323 0 01-.076-.45.295.295 0 01.244-.107.365.365 0 01.213.08l.022.017c.016.013.034.026.046.037.072.067.139.139.202.213.125.137.263.262.412.372.056.03.121.036.182.018l.11.078a3.938 3.938 0 012.552-1.224l.008-.129a.332.332 0 00.099-.157 2.844 2.844 0 00-.034-.554 2.56 2.56 0 01-.042-.29v-.082-.004A.306.306 0 018 2.82a.308.308 0 01.306.337v.087a2.529 2.529 0 01-.041.29 2.85 2.85 0 00-.035.553.242.242 0 00.1.153v.007l.007.13c.967.087 1.87.522 2.54 1.223l.116-.083a.34.34 0 00.186-.02c.149-.11.287-.235.412-.373.063-.074.13-.146.202-.213l.051-.04.017-.014a.307.307 0 11.381.477l-.024.02c-.015.012-.03.025-.043.034a2.537 2.537 0 01-.254.148 2.87 2.87 0 00-.455.32.241.241 0 00-.058.172l-.05.044-.058.053c.542.806.77 1.783.637 2.745l.123.036c.031.056.077.101.133.132.179.048.363.078.548.09zM7.291 5.24c.107-.024.216-.043.326-.056l-.09 1.6-.008.004a.268.268 0 01-.293.256.27.27 0 01-.135-.05l-.002.001-1.316-.93c.419-.41.945-.696 1.518-.825zm1.618 1.75l1.308-.924a3.182 3.182 0 00-1.833-.882l.09 1.598h.002a.268.268 0 00.294.256.27.27 0 00.135-.05l.004.002zm2.248 1.656l-1.548-.445-.002-.006a.27.27 0 01-.185-.343.27.27 0 01.08-.12L9.5 7.73l1.195-1.067c.366.594.527 1.29.46 1.983zM9.096 9.5l.618 1.49a3.148 3.148 0 001.275-1.598l-1.593-.269-.002.004a.26.26 0 00-.166.022.27.27 0 00-.13.348l-.002.003zm-.385 1.905c-.573.13-1.17.1-1.727-.088l.777-1.4h.001a.27.27 0 01.475-.001h.006l.779 1.402a3.286 3.286 0 01-.311.087zm-2.418-.422l.611-1.474-.004-.006a.268.268 0 00-.297-.37L6.6 9.13l-1.579.267a3.16 3.16 0 001.272 1.586zm-.997-4.32l1.201 1.071-.001.007a.269.269 0 01-.106.462l-.001.005-1.54.443a3.134 3.134 0 01.447-1.988zm2.95 1.154h-.492l-.307.38.11.476.443.213.442-.212.11-.476-.306-.381z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-kubernetes-color-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23326DE6" d="M7 21.384c.306.397.77.616 1.249.616h7.501c.48 0 .944-.236 1.25-.62l4.654-5.969a1.69 1.69 0 00.306-1.397l-1.664-7.439a1.612 1.612 0 00-.865-1.11l-6.736-3.3A1.517 1.517 0 0012.003 2c-.24 0-.48.055-.692.164L4.575 5.48c-.44.22-.759.617-.865 1.11l-1.664 7.438c-.12.494 0 1 .306 1.398L7 21.384z"/><path fill="%23fff" fill-rule="evenodd" d="M18.773 13.612c.14.003.28.014.419.033a1.424 1.424 0 01.127.03.439.439 0 01.294.695.437.437 0 01-.488.155l-.007-.001-.004-.002-.004-.001-.043-.01-.07-.014a3.664 3.664 0 01-.392-.151 4.094 4.094 0 00-.762-.224.346.346 0 00-.245.09 6.82 6.82 0 00-.187-.032 5.674 5.674 0 01-2.52 3.16c.021.06.046.119.074.176a.342.342 0 00-.034.257c.106.243.236.474.388.692.084.111.162.227.234.347l.04.082.017.036a.437.437 0 01-.545.629.44.44 0 01-.245-.257l-.015-.03-.04-.082a3.625 3.625 0 01-.126-.4 4.058 4.058 0 00-.3-.732.346.346 0 00-.223-.135l-.043-.076-.05-.092c-1.3.491-2.736.488-4.034-.01l-.099.179a.356.356 0 00-.188.091 3.044 3.044 0 00-.339.783 3.6 3.6 0 01-.126.4l-.035.073-.019.037v.002a.437.437 0 01-.602.248.439.439 0 01-.188-.621l.02-.043.036-.075c.072-.12.15-.236.235-.348.154-.223.286-.46.395-.709a.432.432 0 00-.039-.246l.08-.19a5.674 5.674 0 01-2.52-3.138l-.191.033a.485.485 0 00-.251-.088c-.261.05-.516.124-.762.223a3.683 3.683 0 01-.392.15l-.071.016c-.015.003-.03.006-.042.01h-.005l-.004.002h-.006a.44.44 0 01-.568-.498.437.437 0 01.374-.35l.006-.002.004-.001.008-.002c.035-.009.077-.02.108-.025.14-.02.28-.03.42-.034.264-.017.527-.06.783-.129a.603.603 0 00.188-.188l.183-.053a5.626 5.626 0 01.892-3.931l-.14-.125a.483.483 0 00-.088-.251 4.077 4.077 0 00-.65-.456 3.655 3.655 0 01-.363-.212 1.61 1.61 0 01-.069-.055l-.02-.017-.008-.005a.462.462 0 01-.107-.642.42.42 0 01.348-.154.522.522 0 01.305.115l.03.024.067.053c.102.096.198.198.288.305.178.195.376.373.589.53.08.042.173.051.26.026.051.037.104.075.157.111A5.626 5.626 0 0111.52 6.82l.01-.184a.474.474 0 00.142-.225c.01-.265-.007-.53-.049-.79a3.644 3.644 0 01-.06-.415l.001-.076V5.089v-.007a.437.437 0 01.615-.444.44.44 0 01.259.444v.046c.001.027.002.056 0 .078-.011.139-.031.277-.059.414a4.063 4.063 0 00-.05.79.345.345 0 00.143.218v.011l.01.184A5.734 5.734 0 0116.11 8.57l.166-.119c.09.016.181.006.265-.028.213-.158.41-.336.59-.532.09-.107.186-.209.288-.305l.073-.058.024-.019a.44.44 0 11.544.682l-.035.028-.061.05a3.634 3.634 0 01-.363.21c-.231.13-.449.283-.65.456a.344.344 0 00-.082.247 8.03 8.03 0 01-.155.138 5.65 5.65 0 01.91 3.922l.177.051a.49.49 0 00.188.19c.257.068.52.11.784.128zm-7.786-5.554a4.64 4.64 0 01.466-.08l-.13 2.285-.01.005a.383.383 0 01-.419.366.386.386 0 01-.192-.072l-.004.003-1.88-1.33a4.505 4.505 0 012.169-1.177zm2.312 2.5l1.867-1.321a4.546 4.546 0 00-2.618-1.26l.13 2.283h.002a.383.383 0 00.42.366.386.386 0 00.192-.072l.007.003zm3.21 2.365l-2.21-.635-.003-.01a.386.386 0 01-.264-.489.385.385 0 01.113-.17v-.005l1.706-1.523a4.56 4.56 0 01.658 2.832zm-2.944 1.22l.883 2.127a4.497 4.497 0 001.822-2.282l-2.275-.383-.004.004a.37.37 0 00-.236.032.385.385 0 00-.187.498l-.003.004zm-.55 2.721a4.531 4.531 0 01-2.466-.126l1.11-2h.001a.386.386 0 01.679-.001h.008l1.113 2.004c-.145.048-.293.089-.445.123zm-3.454-.602l.874-2.106-.007-.009a.383.383 0 00-.424-.528l-.003-.005-2.256.382c.338.934.977 1.73 1.816 2.266zM8.137 10.09l1.716 1.53-.002.01a.384.384 0 01-.151.66l-.002.007-2.2.633c-.11-.991.115-1.99.639-2.84zm4.214 1.648h-.703l-.438.544.157.68.633.303.631-.302.157-.68-.437-.545z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-logo-kubernetes-color {
  100% {
    background-image: var(--icon-kubernetes-color-16);
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-menu-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path d="M1 3.75A.75.75 0 011.75 3h12.5a.75.75 0 010 1.5H1.75A.75.75 0 011 3.75zM1 7.75A.75.75 0 011.75 7h12.5a.75.75 0 010 1.5H1.75A.75.75 0 011 7.75zM1.75 11a.75.75 0 000 1.5h12.5a.75.75 0 000-1.5H1.75z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-menu-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path d="M2 5.75A.75.75 0 012.75 5h18.5a.75.75 0 010 1.5H2.75A.75.75 0 012 5.75zM2 11.75a.75.75 0 01.75-.75h18.5a.75.75 0 010 1.5H2.75a.75.75 0 01-.75-.75zM2.75 17a.75.75 0 000 1.5h18.5a.75.75 0 000-1.5H2.75z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-menu {
  100% {
    -webkit-mask-image: var(--icon-menu-16);
    mask-image: var(--icon-menu-16);
    background-color: var(--icon-color, var(--color-menu-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-minus-square-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path d="M5.25 7a.75.75 0 000 1.5h5.5a.75.75 0 000-1.5h-5.5z"/><path fill-rule="evenodd" d="M3.25 1A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1h-9.5zM2.5 3.25a.75.75 0 01.75-.75h9.5a.75.75 0 01.75.75v9.5a.75.75 0 01-.75.75h-9.5a.75.75 0 01-.75-.75v-9.5z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-minus-square-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path d="M8.25 11a.75.75 0 000 1.5h7.5a.75.75 0 000-1.5h-7.5z"/><path fill-rule="evenodd" d="M4.75 2A2.75 2.75 0 002 4.75v14.5A2.75 2.75 0 004.75 22h14.5A2.75 2.75 0 0022 19.25V4.75A2.75 2.75 0 0019.25 2H4.75zM3.5 4.75c0-.69.56-1.25 1.25-1.25h14.5c.69 0 1.25.56 1.25 1.25v14.5c0 .69-.56 1.25-1.25 1.25H4.75c-.69 0-1.25-.56-1.25-1.25V4.75z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-minus-square-fill {
  100% {
    -webkit-mask-image: var(--icon-minus-square-16);
    mask-image: var(--icon-minus-square-16);
    background-color: var(--icon-color, var(--color-minus-square-fill-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#upstream-container .topology-metrics-card div .empty::before,
#downstream-container .topology-metrics-card div .empty::before, .consul-instance-checks.empty dt::before, .popover-select .value-empty button::before, #docfy-demo-preview-icon-definition dl.empty dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.empty dt::before, .consul-exposed-path-list > ul > li > .detail dl.empty dt::before, .consul-upstream-instance-list li > .detail dl.empty dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.empty dt::before,
.consul-lock-session-list ul > li:not(:first-child) > .header .empty dd::before,
.consul-exposed-path-list > ul > li > .header .empty dd::before,
.consul-upstream-instance-list li > .header .empty dd::before,
.list-collection > ul > li:not(:first-child) > .header .empty dd::before {
  --icon-name: icon-minus-square-fill;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-more-horizontal-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path d="M3.5 6.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3zM8 6.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3zM12.5 6.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-more-horizontal-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path d="M5 10a2 2 0 100 4 2 2 0 000-4zM12 10a2 2 0 100 4 2 2 0 000-4zM19 10a2 2 0 100 4 2 2 0 000-4z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-more-horizontal {
  100% {
    -webkit-mask-image: var(--icon-more-horizontal-16);
    mask-image: var(--icon-more-horizontal-16);
    background-color: var(--icon-color, var(--color-more-horizontal-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-globe-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M8 0a8 8 0 100 16A8 8 0 008 0zM6.128 1.774A6.508 6.508 0 001.576 7H4.07a11.095 11.095 0 012.06-5.226zm3.744 0A11.096 11.096 0 0111.932 7h2.492a6.508 6.508 0 00-4.552-5.226zM10.42 7C10.165 5.124 9.333 3.335 8 1.836 6.667 3.335 5.835 5.124 5.58 7h4.84zM5.527 8.5h4.946C10.31 10.557 9.451 12.533 8 14.164 6.55 12.533 5.691 10.557 5.527 8.5zm-1.505 0H1.52a6.505 6.505 0 004.61 5.726C4.896 12.525 4.163 10.555 4.021 8.5zm5.85 5.726c1.231-1.701 1.964-3.671 2.106-5.726h2.503a6.505 6.505 0 01-4.61 5.726z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-globe-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1zm-1.673 1.647A9.506 9.506 0 002.552 11h4.747a16.673 16.673 0 013.028-8.353zm3.346 0A16.673 16.673 0 0116.701 11h4.747a9.506 9.506 0 00-7.775-8.353zM15.196 11A15.149 15.149 0 0012 2.916 15.149 15.149 0 008.804 11h6.392zm-6.427 1.5h6.462A15.16 15.16 0 0112 21.084 15.16 15.16 0 018.769 12.5zm-1.502 0H2.513c.23 4.45 3.525 8.091 7.814 8.853a16.683 16.683 0 01-3.06-8.853zm6.406 8.853a16.683 16.683 0 003.06-8.853h4.754c-.23 4.45-3.525 8.091-7.814 8.853z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-public-default {
  100% {
    -webkit-mask-image: var(--icon-globe-16);
    mask-image: var(--icon-globe-16);
    background-color: var(--icon-color, var(--color-public-default-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-auth-method-list ul .locality::before, #docfy-demo-preview-icon-definition dl.address dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.address dt::before, .consul-exposed-path-list > ul > li > .detail dl.address dt::before, .consul-upstream-instance-list li > .detail dl.address dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.address dt::before {
  --icon-name: icon-public-default;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-search-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-search-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M10.5 2a8.5 8.5 0 105.457 15.017l4.763 4.763a.75.75 0 101.06-1.06l-4.763-4.763A8.5 8.5 0 0010.5 2zm-7 8.5a7 7 0 1114 0 7 7 0 01-14 0z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-search {
  100% {
    -webkit-mask-image: var(--icon-search-16);
    mask-image: var(--icon-search-16);
    background-color: var(--icon-color, var(--color-search-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-star-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M8 .5a.75.75 0 01.67.412l2.064 4.094 4.622.662a.75.75 0 01.412 1.285l-3.335 3.18.786 4.488a.75.75 0 01-1.082.796L8 13.287l-4.137 2.13a.75.75 0 01-1.082-.796l.786-4.489-3.335-3.18a.75.75 0 01.412-1.284l4.622-.662L7.33.912A.75.75 0 018 .5zm0 2.416L6.43 6.03a.75.75 0 01-.564.405l-3.48.498 2.507 2.39a.75.75 0 01.22.672l-.594 3.396 3.138-1.616a.75.75 0 01.686 0l3.138 1.616-.595-3.396a.75.75 0 01.221-.672l2.507-2.39-3.48-.498a.75.75 0 01-.563-.405L8 2.916z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-star-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M12 1a.75.75 0 01.673.418l2.992 6.065 6.694.978a.75.75 0 01.414 1.28l-4.842 4.717 1.143 6.665a.75.75 0 01-1.089.79L12 18.766l-5.985 3.149a.75.75 0 01-1.089-.79l1.143-6.666-4.842-4.717a.75.75 0 01.415-1.28l6.693-.978 2.992-6.065A.75.75 0 0112 1zm0 2.445L9.505 8.5a.75.75 0 01-.564.41l-5.58.816 4.037 3.933a.75.75 0 01.216.664l-.952 5.556 4.989-2.625a.75.75 0 01.698 0l4.99 2.625-.953-5.556a.75.75 0 01.216-.664l4.037-3.933-5.58-.816a.75.75 0 01-.564-.41L12 3.445z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-star-outline {
  100% {
    -webkit-mask-image: var(--icon-star-16);
    mask-image: var(--icon-star-16);
    background-color: var(--icon-color, var(--color-star-outline-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.leader::before {
  --icon-name: icon-star-outline;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-org-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path fill-rule="evenodd" d="M1 3.25A2.25 2.25 0 013.25 1h6.5A2.25 2.25 0 0112 3.25v2.112l2.05 1.453A2.25 2.25 0 0115 8.65v5.1c0 .69-.56 1.25-1.25 1.25h-2.5a.748.748 0 01-.75-.751v-11a.75.75 0 00-.75-.75h-6.5a.75.75 0 00-.75.75v11a.75.75 0 01-1.5 0v-11zM12 13.5V7.2l1.184.839a.75.75 0 01.316.612v4.85H12z" clip-rule="evenodd"/><path d="M4.75 10.55a.7.7 0 00-.7.7v3a.7.7 0 101.4 0v-2.3h2.1v2.3a.7.7 0 101.4 0v-3a.7.7 0 00-.7-.7h-3.5zM4.25 4.75A.75.75 0 015 4h.25a.75.75 0 010 1.5H5a.75.75 0 01-.75-.75zM7.75 4a.75.75 0 000 1.5H8A.75.75 0 008 4h-.25zM4.25 6.75A.75.75 0 015 6h.25a.75.75 0 010 1.5H5a.75.75 0 01-.75-.75zM7.75 6a.75.75 0 000 1.5H8A.75.75 0 008 6h-.25zM4.25 8.75A.75.75 0 015 8h.25a.75.75 0 010 1.5H5a.75.75 0 01-.75-.75zM7.75 8a.75.75 0 000 1.5H8A.75.75 0 008 8h-.25z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-org-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path fill-rule="evenodd" d="M2 4.75A2.75 2.75 0 014.75 2h10.5A2.75 2.75 0 0118 4.75v5.504l2.326.988A2.75 2.75 0 0122 13.773v6.477A1.75 1.75 0 0120.25 22h-3a.746.746 0 01-.622-.33.746.746 0 01-.128-.42V10.769a.81.81 0 010-.039V4.75c0-.69-.56-1.25-1.25-1.25H4.75c-.69 0-1.25.56-1.25 1.25v16.5a.75.75 0 01-1.5 0V4.75zM18 20.5v-8.616l1.739.739c.461.196.76.649.76 1.15v6.477a.25.25 0 01-.25.25H18z" clip-rule="evenodd"/><path d="M8.25 16C7.56 16 7 16.56 7 17.25v4a.75.75 0 001.5 0V17.5h3v3.75a.75.75 0 001.5 0v-4c0-.69-.56-1.25-1.25-1.25h-3.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM11.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 9.75A.75.75 0 017.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 9.75zM11.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 12.75a.75.75 0 01.75-.75h.5a.75.75 0 010 1.5h-.5a.75.75 0 01-.75-.75zM11.75 12a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-user-organization {
  100% {
    -webkit-mask-image: var(--icon-org-16);
    mask-image: var(--icon-org-16);
    background-color: var(--icon-color, var(--color-user-organization-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-upstream-instance-list dl.datacenter dt::before, #docfy-demo-preview-icon-definition dl.datacenter dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.datacenter dt::before, .consul-exposed-path-list > ul > li > .detail dl.datacenter dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.datacenter dt::before {
  --icon-name: icon-user-organization;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-user-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path fill-rule="evenodd" d="M8 1a4 4 0 100 8 4 4 0 000-8zM5.5 5a2.5 2.5 0 115 0 2.5 2.5 0 01-5 0z" clip-rule="evenodd"/><path d="M5.25 10a3.75 3.75 0 00-3.75 3.75v.5a.75.75 0 001.5 0v-.5a2.25 2.25 0 012.25-2.25h5.5A2.25 2.25 0 0113 13.75v.5a.75.75 0 001.5 0v-.5A3.75 3.75 0 0010.75 10h-5.5z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-user-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path fill-rule="evenodd" d="M12 3a5 5 0 100 10 5 5 0 000-10zM8.5 8a3.5 3.5 0 117 0 3.5 3.5 0 01-7 0z" clip-rule="evenodd"/><path d="M7.75 14.5A4.75 4.75 0 003 19.25v1a.75.75 0 001.5 0v-1A3.25 3.25 0 017.75 16h8.5a3.25 3.25 0 013.25 3.25v1a.75.75 0 001.5 0v-1a4.75 4.75 0 00-4.75-4.75h-8.5z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-user-plain {
  100% {
    -webkit-mask-image: var(--icon-user-16);
    mask-image: var(--icon-user-16);
    background-color: var(--icon-color, var(--color-user-plain-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-lock-session-list ul > li:not(:first-child) > .detail .role::before, .consul-exposed-path-list > ul > li > .detail .role::before, .consul-upstream-instance-list li > .detail .role::before, .list-collection > ul > li:not(:first-child) > .detail .role::before {
  --icon-name: icon-user-plain;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-users-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path fill-rule="evenodd" d="M6 2a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM4 5.5a2 2 0 114 0 2 2 0 01-4 0z" clip-rule="evenodd"/><path d="M4.25 10A3.75 3.75 0 00.5 13.75v.5a.75.75 0 001.5 0v-.5a2.25 2.25 0 012.25-2.25h3.5A2.25 2.25 0 0110 13.75v.5a.75.75 0 001.5 0v-.5A3.75 3.75 0 007.75 10h-3.5zM11.25 10.75A.75.75 0 0112 10h.25a3.25 3.25 0 013.25 3.25v1a.75.75 0 01-1.5 0v-1a1.75 1.75 0 00-1.75-1.75H12a.75.75 0 01-.75-.75zM11.273 2.24a.75.75 0 00-.546 1.396 2.001 2.001 0 010 3.728.75.75 0 00.546 1.397 3.501 3.501 0 000-6.522z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-users-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path fill-rule="evenodd" d="M9 3a5 5 0 100 10A5 5 0 009 3zM5.5 8a3.5 3.5 0 117 0 3.5 3.5 0 01-7 0z" clip-rule="evenodd"/><path d="M4.75 14.5A4.75 4.75 0 000 19.25v1a.75.75 0 001.5 0v-1A3.25 3.25 0 014.75 16h8.5a3.25 3.25 0 013.25 3.25v1a.75.75 0 001.5 0v-1a4.75 4.75 0 00-4.75-4.75h-8.5zM18.25 15.25a.75.75 0 01.75-.75h.25A4.75 4.75 0 0124 19.25v1a.75.75 0 01-1.5 0v-1A3.25 3.25 0 0019.25 16H19a.75.75 0 01-.75-.75zM15 3a.75.75 0 000 1.5 3.5 3.5 0 110 7 .75.75 0 000 1.5 5 5 0 000-10z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-user-team {
  100% {
    -webkit-mask-image: var(--icon-users-16);
    mask-image: var(--icon-users-16);
    background-color: var(--icon-color, var(--color-user-team-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#upstream-container .topology-metrics-card div .partition dt::before,
#downstream-container .topology-metrics-card div .partition dt::before, .consul-intention-list span[class|=partition]::before, .consul-upstream-instance-list dl.partition dt::before, .consul-upstream-list dl.partition dt::before, .consul-bucket-list .partition::before, .type-source.popover-select li.partition button::before {
  --icon-name: icon-user-team;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-alert-circle-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path d="M8 4a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0v-3.5A.75.75 0 018 4zM8 10a1 1 0 100 2h.007a1 1 0 100-2H8z"/><path fill-rule="evenodd" d="M0 8a8 8 0 1116 0A8 8 0 010 8zm8-6.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-alert-circle-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path d="M12 7a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0112 7zM12 15a1 1 0 100 2h.01a1 1 0 100-2H12z"/><path fill-rule="evenodd" d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12zm11-9.5a9.5 9.5 0 100 19 9.5 9.5 0 000-19z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-alert-circle {
  100% {
    -webkit-mask-image: var(--icon-alert-circle-16);
    mask-image: var(--icon-alert-circle-16);
    background-color: var(--icon-color, var(--color-alert-circle-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-check-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" d="M14.78 4.28a.75.75 0 00-1.06-1.06l-7.97 7.97-3.47-3.47a.75.75 0 00-1.06 1.06l4 4a.75.75 0 001.06 0l8.5-8.5z"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-check-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" d="M21.78 6.28a.75.75 0 00-1.06-1.06L8.75 17.19l-5.47-5.47a.75.75 0 00-1.06 1.06l6 6a.75.75 0 001.06 0l12.5-12.5z"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-check {
  100% {
    -webkit-mask-image: var(--icon-check-16);
    mask-image: var(--icon-check-16);
    background-color: var(--icon-color, var(--color-check-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-check-circle-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path d="M11.78 5.22a.75.75 0 010 1.06l-4.5 4.5a.75.75 0 01-1.06 0l-2-2a.75.75 0 011.06-1.06l1.47 1.47 3.97-3.97a.75.75 0 011.06 0z"/><path fill-rule="evenodd" d="M0 8a8 8 0 1116 0A8 8 0 010 8zm8-6.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-check-circle-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path d="M17.78 8.22a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06 0l-3-3a.75.75 0 111.06-1.06l2.47 2.47 6.97-6.97a.75.75 0 011.06 0z"/><path fill-rule="evenodd" d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12zm11-9.5a9.5 9.5 0 100 19 9.5 9.5 0 000-19z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-check-circle {
  100% {
    -webkit-mask-image: var(--icon-check-circle-16);
    mask-image: var(--icon-check-circle-16);
    background-color: var(--icon-color, var(--color-check-circle-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-check-circle-fill-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M8 0a8 8 0 100 16A8 8 0 008 0zm2.72 5.22a.75.75 0 111.06 1.06l-4.5 4.5a.75.75 0 01-1.06 0l-2-2a.75.75 0 011.06-1.06l1.47 1.47 3.97-3.97z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-check-circle-fill-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1zm4.72 7.22a.75.75 0 111.06 1.06l-7.5 7.5a.75.75 0 01-1.06 0l-3-3a.75.75 0 111.06-1.06l2.47 2.47 6.97-6.97z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-check-circle-fill {
  100% {
    -webkit-mask-image: var(--icon-check-circle-fill-16);
    mask-image: var(--icon-check-circle-fill-16);
    background-color: var(--icon-color, var(--color-check-circle-fill-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#upstream-container .topology-metrics-card div .passing::before,
#downstream-container .topology-metrics-card div .passing::before, .consul-instance-checks.passing dt::before, .consul-health-check-list .passing.health-check-output::before, .popover-select .value-passing button::before, [id^=docfy-demo-preview-inline-alert] strong.success::before, .consul-lock-session-list ul > li:not(:first-child) > .header [rel=me] dd::before, .consul-exposed-path-list > ul > li > .header [rel=me] dd::before, .consul-upstream-instance-list li > .header [rel=me] dd::before, .list-collection > ul > li:not(:first-child) > .header [rel=me] dd::before, #docfy-demo-preview-icon-definition dl.passing dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.passing dt::before, .consul-exposed-path-list > ul > li > .detail dl.passing dt::before, .consul-upstream-instance-list li > .detail dl.passing dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.passing dt::before,
.consul-lock-session-list ul > li:not(:first-child) > .header .passing dd::before,
.consul-exposed-path-list > ul > li > .header .passing dd::before,
.consul-upstream-instance-list li > .header .passing dd::before,
.list-collection > ul > li:not(:first-child) > .header .passing dd::before {
  --icon-name: icon-check-circle-fill;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-chevron-left-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M10.795 3.235a.75.75 0 01-.03 1.06L6.842 8l3.923 3.705a.75.75 0 01-1.03 1.09l-4.5-4.25a.75.75 0 010-1.09l4.5-4.25a.75.75 0 011.06.03z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-chevron-left-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M15.79 18.77a.75.75 0 00-.02-1.06L9.832 12l5.938-5.71a.75.75 0 10-1.04-1.08l-6.5 6.25a.75.75 0 000 1.08l6.5 6.25a.75.75 0 001.06-.02z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-chevron-left {
  100% {
    -webkit-mask-image: var(--icon-chevron-left-16);
    mask-image: var(--icon-chevron-left-16);
    background-color: var(--icon-color, var(--color-chevron-left-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.empty-state .back-link > *::after, .app-view-breadcrumbs .hds-breadcrumb .hds-breadcrumb__item:first-child .hds-breadcrumb__link::before {
  --icon-name: icon-chevron-left;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-chevron-right-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M5.205 3.235a.75.75 0 00.03 1.06L9.158 8l-3.923 3.705a.75.75 0 001.03 1.09l4.5-4.25a.75.75 0 000-1.09l-4.5-4.25a.75.75 0 00-1.06.03z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-chevron-right-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M8.21 18.77a.75.75 0 01.02-1.06L14.168 12 8.23 6.29a.75.75 0 111.04-1.08l6.5 6.25a.75.75 0 010 1.08l-6.5 6.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-chevron-right {
  100% {
    -webkit-mask-image: var(--icon-chevron-right-16);
    mask-image: var(--icon-chevron-right-16);
    background-color: var(--icon-color, var(--color-chevron-right-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#login-toggle + div footer button::after {
  --icon-name: icon-chevron-right;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-chevron-up-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M3.235 10.795a.75.75 0 001.06-.03L8 6.842l3.705 3.923a.75.75 0 001.09-1.03l-4.25-4.5a.75.75 0 00-1.09 0l-4.25 4.5a.75.75 0 00.03 1.06z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-chevron-up-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M5.23 15.79a.75.75 0 001.06-.02L12 9.832l5.71 5.938a.75.75 0 101.08-1.04l-6.25-6.5a.75.75 0 00-1.08 0l-6.25 6.5a.75.75 0 00.02 1.06z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-chevron-up {
  100% {
    -webkit-mask-image: var(--icon-chevron-up-16);
    mask-image: var(--icon-chevron-up-16);
    background-color: var(--icon-color, var(--color-chevron-up-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.topology-notices button[aria-expanded=true]::before, .list-collection > button::after, table.with-details tr > .actions > [type=checkbox]:checked + label > *::after, table.has-actions tr > .actions > [type=checkbox]:checked + label > *::after, .more-popover-menu > [type=checkbox]:checked + label > *::after, .popover-menu > [type=checkbox]:checked + label > *::after {
  --icon-name: icon-chevron-up;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-delay-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path d="M1.5 8a6.5 6.5 0 016.744-6.496.75.75 0 10.055-1.499 8 8 0 107.036 11.193.75.75 0 00-1.375-.6 6.722 6.722 0 01-.22.453A6.5 6.5 0 011.5 8zM10.726 1.238a.75.75 0 011.013-.312c.177.094.35.194.518.3a.75.75 0 01-.799 1.27 6.512 6.512 0 00-.42-.244.75.75 0 01-.312-1.014zM13.74 3.508a.75.75 0 011.034.235c.106.168.206.34.3.518a.75.75 0 11-1.326.702 6.452 6.452 0 00-.243-.421.75.75 0 01.235-1.034zM15.217 6.979a.75.75 0 01.777.722 8.034 8.034 0 01.002.552.75.75 0 01-1.5-.047 6.713 6.713 0 000-.45.75.75 0 01.721-.777z"/><path d="M7.75 3a.75.75 0 01.75.75v3.786l2.085 1.043a.75.75 0 11-.67 1.342l-2.5-1.25A.75.75 0 017 8V3.75A.75.75 0 017.75 3z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-delay-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path d="M12 2.5a9.5 9.5 0 100 19 9.5 9.5 0 008.747-5.788.75.75 0 111.382.583c-.072.17-.148.338-.23.506v.002A11 11 0 0112 23C5.925 23 1 18.075 1 12S5.925 1 12 1c.186 0 .371.005.555.014a.75.75 0 01-.079 1.498A9.14 9.14 0 0012 2.5zM14.822 2.136a.75.75 0 01.971-.427c.346.135.683.287 1.01.455a.75.75 0 01-.687 1.334 9.08 9.08 0 00-.866-.39.75.75 0 01-.428-.972zM18.414 4.112a.75.75 0 011.06-.011c.263.257.513.527.749.807a.75.75 0 11-1.147.966 10.025 10.025 0 00-.651-.702.75.75 0 01-.01-1.06zM20.977 7.315a.75.75 0 01.99.381c.149.335.282.677.398 1.026a.75.75 0 11-1.422.476c-.102-.303-.218-.601-.347-.893a.75.75 0 01.38-.99zM22.174 11.239a.75.75 0 01.768.73c.01.368 0 .737-.029 1.107a.75.75 0 01-1.495-.118c.025-.317.033-.634.025-.95a.75.75 0 01.73-.77z"/><path d="M12.5 5.75a.75.75 0 00-1.5 0V12c0 .284.16.544.415.67l4.5 2.25a.75.75 0 10.67-1.34L12.5 11.536V5.75z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-delay {
  100% {
    -webkit-mask-image: var(--icon-delay-16);
    mask-image: var(--icon-delay-16);
    background-color: var(--icon-color, var(--color-delay-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#docfy-demo-preview-icon-definition .lock-delay dt::before, [id^=docfy-demo-preview-horizontal-kv-list] .lock-delay::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.lock-delay dt::before, .consul-exposed-path-list > ul > li > .detail dl.lock-delay dt::before, .consul-upstream-instance-list li > .detail dl.lock-delay dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.lock-delay dt::before {
  --icon-name: icon-delay;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-docs-link-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path fill-rule="evenodd" d="M3.5 3.25a.75.75 0 01.75-.75H8A.75.75 0 008 1H4.25A2.25 2.25 0 002 3.25v9.5A2.25 2.25 0 004.25 15h8.5c.69 0 1.25-.56 1.25-1.25V7a.75.75 0 00-1.5 0v3H4.25c-.263 0-.515.045-.75.128V3.25zm0 9v.5c0 .414.336.75.75.75h8.25v-2H4.25a.75.75 0 00-.75.75z" clip-rule="evenodd"/><path d="M12.5 3.56v.69a.75.75 0 001.5 0v-2.5a.75.75 0 00-.75-.75h-2.5a.75.75 0 000 1.5h.69L9.47 4.47a.75.75 0 001.06 1.06l1.97-1.97z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-docs-link-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path fill-rule="evenodd" d="M4.5 3.75c0-.69.56-1.25 1.25-1.25h7.5a.75.75 0 000-1.5h-7.5A2.75 2.75 0 003 3.75v16.5A2.75 2.75 0 005.75 23h13.5A1.75 1.75 0 0021 21.25V8.75a.75.75 0 00-1.5 0v8.75H5.75c-.45 0-.875.108-1.25.3V3.75zm0 16.5c0 .69.56 1.25 1.25 1.25h13.5a.25.25 0 00.25-.25V19H5.75c-.69 0-1.25.56-1.25 1.25z" clip-rule="evenodd"/><path d="M19.5 3.56v1.69a.75.75 0 001.5 0v-3.5a.75.75 0 00-.75-.75h-3.5a.75.75 0 000 1.5h1.69l-2.97 2.97a.75.75 0 001.06 1.06l2.97-2.97z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-docs-link {
  100% {
    -webkit-mask-image: var(--icon-docs-link-16);
    mask-image: var(--icon-docs-link-16);
    background-color: var(--icon-color, var(--color-docs-link-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-eye-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000" fill-rule="evenodd" clip-rule="evenodd"><path d="M8 5a3 3 0 100 6 3 3 0 000-6zM6.5 8a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0z"/><path d="M8 2C5.422 2 3.43 3.32 2.112 4.65A10.948 10.948 0 00.596 6.564c-.173.28-.31.536-.407.75a3 3 0 00-.122.31C.04 7.705 0 7.846 0 8s.041.296.067.375a3 3 0 00.122.31c.097.215.234.471.407.751.346.56.854 1.246 1.516 1.914C3.43 12.68 5.422 14 8 14s4.57-1.32 5.888-2.65a10.952 10.952 0 001.516-1.914c.173-.28.31-.536.407-.75.048-.107.09-.212.122-.31.026-.08.067-.221.067-.376s-.041-.296-.067-.375a2.978 2.978 0 00-.122-.31 6.777 6.777 0 00-.407-.751 10.952 10.952 0 00-1.516-1.914C12.57 3.32 10.578 2 8 2zM1.556 7.933a2.314 2.314 0 00-.03.067l.03.067c.065.145.17.344.316.58a9.45 9.45 0 001.306 1.647C4.332 11.458 5.964 12.5 8 12.5s3.668-1.042 4.822-2.206a9.45 9.45 0 001.306-1.646A5.336 5.336 0 0014.473 8a5.335 5.335 0 00-.346-.648 9.452 9.452 0 00-1.305-1.646C11.668 4.542 10.036 3.5 8 3.5S4.332 4.542 3.178 5.706a9.45 9.45 0 00-1.306 1.646 5.316 5.316 0 00-.316.58z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-eye-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 8a4 4 0 100 8 4 4 0 000-8zm-2.5 4a2.5 2.5 0 115 0 2.5 2.5 0 01-5 0z"/><path d="M12 3C8.135 3 5.14 5.088 3.15 7.162c-1.001 1.043-1.767 2.1-2.286 2.936-.26.417-.46.785-.6 1.074-.069.143-.127.275-.169.388a1.952 1.952 0 00-.058.177A1.024 1.024 0 000 12c0 .116.025.216.037.263.017.06.037.12.058.177.042.113.1.245.17.388.138.289.34.657.599 1.074a18.14 18.14 0 002.285 2.936C5.14 18.912 8.135 21 12 21c3.864 0 6.86-2.088 8.85-4.162 1.001-1.043 1.767-2.1 2.286-2.936.26-.417.46-.785.6-1.074.069-.143.127-.275.169-.388a1.98 1.98 0 00.058-.177c.012-.047.037-.147.037-.263 0-.116-.025-.216-.037-.263a1.98 1.98 0 00-.058-.177 4.709 4.709 0 00-.17-.388c-.139-.289-.34-.657-.599-1.074a18.146 18.146 0 00-2.285-2.936C18.86 5.088 15.865 3 12 3zM1.615 12.177a4.225 4.225 0 01-.08-.177c.02-.048.047-.107.08-.177.113-.233.287-.554.523-.934a16.641 16.641 0 012.093-2.688C6.076 6.28 8.705 4.5 12 4.5c3.294 0 5.924 1.78 7.768 3.701a16.639 16.639 0 012.094 2.688c.236.38.41.701.523.934.033.07.06.129.08.177a4.03 4.03 0 01-.08.177c-.113.233-.287.554-.523.934a16.639 16.639 0 01-2.093 2.688C17.924 17.72 15.294 19.5 12 19.5s-5.925-1.78-7.769-3.701a16.641 16.641 0 01-2.093-2.688c-.236-.38-.41-.701-.523-.934z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-eye {
  100% {
    -webkit-mask-image: var(--icon-eye-16);
    mask-image: var(--icon-eye-16);
    background-color: var(--icon-color, var(--color-eye-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-eye-off-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000" fill-rule="evenodd" clip-rule="evenodd"><path d="M2.28 1.22a.75.75 0 00-1.06 1.06l1.664 1.665A10.99 10.99 0 00.977 5.994c-.295.41-.524.791-.683 1.103a4.16 4.16 0 00-.194.431A1.4 1.4 0 000 8c0 .155.041.296.067.375a3 3 0 00.122.31c.097.215.234.471.407.751.346.56.854 1.246 1.516 1.914C3.43 12.68 5.422 14 8 14c1.49 0 2.786-.442 3.868-1.071l1.852 1.851a.75.75 0 101.06-1.06l-4.645-4.646a.383.383 0 00-.008-.007v-.001l-3.19-3.19a.555.555 0 00-.014-.014L2.28 1.22zm3.127 5.248L3.95 5.01a9.444 9.444 0 00-1.754 1.857 7.362 7.362 0 00-.566.911c-.046.09-.08.164-.104.221l.03.067c.065.145.17.344.316.58a9.45 9.45 0 001.306 1.647C4.332 11.458 5.964 12.5 8 12.5c1.028 0 1.95-.264 2.763-.677l-1.23-1.23C9.078 10.858 8.552 11 8 11a3 3 0 01-3-3c0-.553.142-1.079.407-1.532zm2.985 2.985L6.547 7.608A1.62 1.62 0 006.5 8 1.5 1.5 0 008 9.5c.137 0 .269-.016.392-.047zM8 3.5c-.306 0-.602.023-.887.067a.75.75 0 11-.226-1.483C7.247 2.029 7.617 2 8 2c2.578 0 4.57 1.32 5.888 2.65.662.668 1.17 1.354 1.516 1.914.173.28.31.536.407.75.048.107.09.212.122.31.026.08.067.221.067.376 0 .21-.079.42-.126.537a4.99 4.99 0 01-.251.524c-.21.384-.515.857-.909 1.355a.75.75 0 11-1.176-.93c.343-.434.6-.836.768-1.144.078-.143.133-.258.168-.342a5.336 5.336 0 00-.346-.648 9.452 9.452 0 00-1.306-1.646C11.668 4.542 10.036 3.5 8 3.5zm6.511 4.604l-.002-.008.001.005.001.003z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-eye-off-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000" fill-rule="evenodd" clip-rule="evenodd"><path d="M2.28 1.22a.75.75 0 00-1.06 1.06l3.468 3.468C3.294 6.87 2.204 8.154 1.437 9.236a15.323 15.323 0 00-1.02 1.635c-.117.22-.21.415-.277.574-.033.08-.063.16-.086.234A1.102 1.102 0 000 12c0 .116.025.216.037.263.017.06.037.12.058.177.042.113.1.245.17.388.138.289.34.657.599 1.074a18.14 18.14 0 002.285 2.936C5.14 18.912 8.135 21 12 21c2.361 0 4.4-.78 6.08-1.86l3.64 3.64a.75.75 0 101.06-1.06L2.28 1.22zm10.88 13l-3.38-3.38c-.18.345-.28.738-.28 1.16a2.5 2.5 0 002.5 2.5c.422 0 .815-.1 1.16-.28zM8.688 9.75A3.976 3.976 0 008 12a4 4 0 004 4c.835 0 1.609-.25 2.251-.688l2.74 2.74c-1.43.863-3.1 1.448-4.991 1.448-3.295 0-5.925-1.78-7.769-3.701a16.641 16.641 0 01-2.093-2.688c-.236-.38-.41-.701-.523-.934a4.225 4.225 0 01-.08-.177 5.8 5.8 0 01.207-.426c.202-.38.51-.893.919-1.47.733-1.036 1.776-2.253 3.094-3.288l2.933 2.933zM12 4.5c-.813 0-1.583.108-2.31.299a.75.75 0 11-.38-1.451A10.568 10.568 0 0112 3c3.864 0 6.86 2.088 8.85 4.162 1.001 1.043 1.767 2.1 2.286 2.936.26.417.46.785.6 1.074.069.143.127.275.169.388.021.056.041.117.058.177.012.047.037.147.037.263 0 .171-.057.332-.08.396-.034.098-.08.208-.134.326-.109.236-.265.535-.465.874-.4.68-.99 1.551-1.759 2.455a.75.75 0 01-1.142-.973 16.232 16.232 0 001.608-2.242 8.709 8.709 0 00.438-.836 4.03 4.03 0 00-.081-.177 10.392 10.392 0 00-.523-.934 16.639 16.639 0 00-2.093-2.688C17.924 6.28 15.294 4.5 12 4.5zm10.516 7.365z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-eye-off {
  100% {
    -webkit-mask-image: var(--icon-eye-off-16);
    mask-image: var(--icon-eye-off-16);
    background-color: var(--icon-color, var(--color-eye-off-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-file-text-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path d="M4.75 8a.75.75 0 000 1.5h5.5a.75.75 0 000-1.5h-5.5zM4 11.75a.75.75 0 01.75-.75h3.5a.75.75 0 010 1.5h-3.5a.75.75 0 01-.75-.75zM4.75 5a.75.75 0 000 1.5h1.5a.75.75 0 000-1.5h-1.5z"/><path fill-rule="evenodd" d="M1 2.25A2.25 2.25 0 013.25 0h6.293c.331 0 .65.132.884.366l4.207 4.207c.234.235.366.553.366.884v8.293A2.25 2.25 0 0112.75 16h-9.5A2.25 2.25 0 011 13.75V2.25zm2.25-.75a.75.75 0 00-.75.75v11.5c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6H9.75A.75.75 0 019 5.25V1.5H3.25zm7.25 1.06l1.94 1.94H10.5V2.56z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-file-text-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path d="M7.75 12a.75.75 0 000 1.5h8a.75.75 0 000-1.5h-8zM7 16.75a.75.75 0 01.75-.75h6a.75.75 0 010 1.5h-6a.75.75 0 01-.75-.75zM7.75 8a.75.75 0 000 1.5h2a.75.75 0 000-1.5h-2z"/><path fill-rule="evenodd" d="M3 3.75A2.75 2.75 0 015.75 1h7.586c.464 0 .909.184 1.237.513l5.914 5.914c.329.328.513.773.513 1.237V20.25A2.75 2.75 0 0118.25 23H5.75A2.75 2.75 0 013 20.25V3.75zM5.75 2.5c-.69 0-1.25.56-1.25 1.25v16.5c0 .69.56 1.25 1.25 1.25h12.5c.69 0 1.25-.56 1.25-1.25V9h-5.75a.75.75 0 01-.75-.75V2.5H5.75zm8.75 1.06l3.94 3.94H14.5V3.56z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-file-text {
  100% {
    -webkit-mask-image: var(--icon-file-text-16);
    mask-image: var(--icon-file-text-16);
    background-color: var(--icon-color, var(--color-file-text-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-lock-session-list ul > li:not(:first-child) > .detail .policy::before, .consul-exposed-path-list > ul > li > .detail .policy::before, .consul-upstream-instance-list li > .detail .policy::before, .list-collection > ul > li:not(:first-child) > .detail .policy::before {
  --icon-name: icon-file-text;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-gateway-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path d="M3.537 5.354c.415-1.153.971-2.12 1.695-2.794C5.938 1.903 6.83 1.5 8 1.5c1.251 0 2.188.46 2.921 1.21.752.768 1.31 1.865 1.71 3.146.802 2.566.901 5.638.862 7.563-.013.594-.508 1.081-1.16 1.081H3.668c-.653 0-1.148-.487-1.16-1.083-.012-.545-.012-1.189.012-1.89a.75.75 0 10-1.499-.053 35.678 35.678 0 00-.013 1.974C1.038 14.916 2.256 16 3.668 16h8.665c1.41 0 2.63-1.082 2.66-2.55.04-1.968-.054-5.238-.93-8.041-.438-1.404-1.09-2.747-2.07-3.749C10.994.64 9.677 0 8 0 6.439 0 5.185.554 4.21 1.462c-.96.893-1.622 2.1-2.084 3.384a.75.75 0 101.411.508z"/><path d="M6.22 4.47a.75.75 0 011.06 0l3.25 3.25.008.008a.75.75 0 01-.008 1.052l-3.25 3.25a.75.75 0 01-1.06-1.06L8.19 9H1a.75.75 0 010-1.5h7.19L6.22 5.53a.75.75 0 010-1.06z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-gateway-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path d="M5.052 8.165c.624-1.654 1.469-3.072 2.593-4.071C8.753 3.108 10.164 2.5 12 2.5c2.06 0 3.592.765 4.763 1.987 1.19 1.242 2.03 2.984 2.608 4.946 1.155 3.929 1.19 8.503 1.096 10.985-.023.6-.523 1.082-1.173 1.082H4.706c-.648 0-1.15-.484-1.173-1.086a46.334 46.334 0 01.016-3.879.75.75 0 10-1.498-.07 47.832 47.832 0 00-.017 4.006C2.09 21.924 3.297 23 4.706 23h14.588c1.406 0 2.616-1.07 2.672-2.525.096-2.523.07-7.297-1.156-11.465-.614-2.086-1.545-4.08-2.964-5.561C16.405 1.946 14.488 1 12 1c-2.207 0-3.971.745-5.352 1.973-1.365 1.214-2.324 2.871-3 4.662a.75.75 0 001.404.53z"/><path d="M9.207 6.482a.75.75 0 011.06-.025l5.5 5.25c.14.133.23.322.233.531v.024a.75.75 0 01-.232.53l-5.5 5.25a.75.75 0 01-1.036-1.085L13.378 13H1.75a.75.75 0 010-1.5h11.628L9.232 7.543a.75.75 0 01-.025-1.06z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-gateway {
  100% {
    -webkit-mask-image: var(--icon-gateway-16);
    mask-image: var(--icon-gateway-16);
    background-color: var(--icon-color, var(--color-gateway-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway::before, #docfy-demo-preview-badge dl.kind-terminating-gateway dt::before, #docfy-demo-preview-badge dt.kind-terminating-gateway::before, .consul-kind::before {
  --icon-name: icon-gateway;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-git-commit-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M10.905 7a3.001 3.001 0 00-5.81 0H2.75a.75.75 0 000 1.5h2.345a3.001 3.001 0 005.81 0h2.345a.75.75 0 000-1.5h-2.345zM8 6.25a1.5 1.5 0 100 3 1.5 1.5 0 000-3z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-git-commit-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M15.93 11a4.001 4.001 0 00-7.86 0H3.75a.75.75 0 000 1.5h4.32a4.001 4.001 0 007.86 0h4.32a.75.75 0 000-1.5h-4.32zM12 9.25a2.5 2.5 0 100 5 2.5 2.5 0 000-5z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-git-commit {
  100% {
    -webkit-mask-image: var(--icon-git-commit-16);
    mask-image: var(--icon-git-commit-16);
    background-color: var(--icon-color, var(--color-git-commit-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#docfy-demo-preview-icon-definition dl.node dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.node dt::before, .consul-exposed-path-list > ul > li > .detail dl.node dt::before, .consul-upstream-instance-list li > .detail dl.node dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.node dt::before {
  --icon-name: icon-git-commit;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-hexagon-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M6.834.33a2.25 2.25 0 012.332 0l5.25 3.182A2.25 2.25 0 0115.5 5.436v5.128a2.25 2.25 0 01-1.084 1.924l-5.25 3.182a2.25 2.25 0 01-2.332 0l-5.25-3.182A2.25 2.25 0 01.5 10.564V5.436a2.25 2.25 0 011.084-1.924L6.834.33zm1.555 1.283a.75.75 0 00-.778 0l-5.25 3.181A.75.75 0 002 5.436v5.128a.75.75 0 00.361.642l5.25 3.181a.75.75 0 00.778 0l5.25-3.181a.75.75 0 00.361-.642V5.436a.75.75 0 00-.361-.642l-5.25-3.181z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-hexagon-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M10.559 1.006a2.75 2.75 0 012.882 0l7.75 4.77A2.75 2.75 0 0122.5 8.118v7.764a2.75 2.75 0 01-1.309 2.342l-7.75 4.77a2.75 2.75 0 01-2.882 0l-7.75-4.77A2.75 2.75 0 011.5 15.882V8.118a2.75 2.75 0 011.309-2.342l7.75-4.77zm2.096 1.278a1.25 1.25 0 00-1.31 0l-7.75 4.77A1.25 1.25 0 003 8.117v7.764c0 .435.225.838.595 1.065l7.75 4.77a1.25 1.25 0 001.31 0l7.75-4.77c.37-.227.595-.63.595-1.065V8.118a1.25 1.25 0 00-.595-1.065l-7.75-4.77z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-hexagon {
  100% {
    -webkit-mask-image: var(--icon-hexagon-16);
    mask-image: var(--icon-hexagon-16);
    background-color: var(--icon-color, var(--color-hexagon-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-history-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path d="M1.5 1.25a.75.75 0 011.5 0v1.851A7 7 0 111 8a.75.75 0 011.5 0 5.5 5.5 0 101.725-4H5.75a.75.75 0 010 1.5h-3.5a.75.75 0 01-.75-.75v-3.5z"/><path d="M8.25 4a.75.75 0 01.75.75v3.763l1.805.802a.75.75 0 01-.61 1.37l-2.25-1A.75.75 0 017.5 9V4.75A.75.75 0 018.25 4z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-history-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path d="M12 3.5c-2.347 0-4.471.95-6.01 2.49A8.55 8.55 0 005.125 7H8.25a.75.75 0 010 1.5h-4.5A.75.75 0 013 7.75v-4.5a.75.75 0 011.5 0v2.135A9.971 9.971 0 0112 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12a.75.75 0 011.5 0A8.5 8.5 0 1012 3.5z"/><path d="M11.75 6a.75.75 0 01.75.75v5.787l4.085 2.042a.75.75 0 11-.67 1.342l-4.5-2.25A.75.75 0 0111 13V6.75a.75.75 0 01.75-.75z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-history {
  100% {
    -webkit-mask-image: var(--icon-history-16);
    mask-image: var(--icon-history-16);
    background-color: var(--icon-color, var(--color-history-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
[id^=docfy-demo-preview-horizontal-kv-list] .ttl::before, #docfy-demo-preview-icon-definition dl.ttl dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.ttl dt::before, .consul-exposed-path-list > ul > li > .detail dl.ttl dt::before, .consul-upstream-instance-list li > .detail dl.ttl dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.ttl dt::before {
  --icon-name: icon-history;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-info-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path d="M8 7a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0v-3.5A.75.75 0 018 7zM8 4a1 1 0 000 2h.007a1 1 0 000-2H8z"/><path fill-rule="evenodd" d="M0 8a8 8 0 1116 0A8 8 0 010 8zm8-6.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-info-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path d="M12 10.5a.75.75 0 01.75.75v5.5a.75.75 0 01-1.5 0v-5.5a.75.75 0 01.75-.75zM12 7a1 1 0 100 2h.01a1 1 0 100-2H12z"/><path fill-rule="evenodd" d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12zm11-9.5a9.5 9.5 0 100 19 9.5 9.5 0 000-19z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-info {
  100% {
    -webkit-mask-image: var(--icon-info-16);
    mask-image: var(--icon-info-16);
    background-color: var(--icon-color, var(--color-info-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-layers-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path fill-rule="evenodd" d="M7.656.084a.75.75 0 01.689 0l7.25 3.75a.75.75 0 010 1.332l-7.25 3.75a.75.75 0 01-.69 0l-7.25-3.75a.75.75 0 010-1.332l7.25-3.75zM2.383 4.5L8 7.405 13.617 4.5 8 1.594 2.383 4.5z" clip-rule="evenodd"/><path d="M.093 10.887a.75.75 0 011.02-.294L8 14.393l6.888-3.8a.75.75 0 11.724 1.313l-7.25 4a.75.75 0 01-.724 0l-7.25-4a.75.75 0 01-.295-1.019z"/><path d="M1.112 7.093a.75.75 0 00-.724 1.313l7.25 4a.75.75 0 00.724 0l7.25-4a.75.75 0 00-.724-1.313L8 10.893l-6.888-3.8z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-layers-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path fill-rule="evenodd" d="M11.658 1.082a.75.75 0 01.684 0l10.25 5.25a.75.75 0 010 1.336l-10.25 5.25a.75.75 0 01-.684 0l-10.25-5.25a.75.75 0 010-1.336l10.25-5.25zM3.395 7L12 11.407 20.605 7 12 2.593 3.395 7z" clip-rule="evenodd"/><path d="M1.089 16.395a.75.75 0 011.016-.306L12 21.399l9.895-5.31a.75.75 0 01.71 1.322l-10.25 5.5a.75.75 0 01-.71 0l-10.25-5.5a.75.75 0 01-.306-1.016z"/><path d="M2.105 11.089a.75.75 0 00-.71 1.322l10.25 5.5a.75.75 0 00.71 0l10.25-5.5a.75.75 0 00-.71-1.322L12 16.399l-9.895-5.31z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-layers {
  100% {
    -webkit-mask-image: var(--icon-layers-16);
    mask-image: var(--icon-layers-16);
    background-color: var(--icon-color, var(--color-layers-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.topology-metrics-popover.l7 > button::before, .topology-metrics-popover.l7 .tippy-arrow::after {
  --icon-name: icon-layers;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-loading-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="hds-flight-icon--animation-loading"><g fill="%23000" fill-rule="evenodd" clip-rule="evenodd"><path d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z" opacity=".2"/><path d="M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-loading-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="hds-flight-icon--animation-loading"><g fill="%23000" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 2.5a9.5 9.5 0 100 19 9.5 9.5 0 000-19zM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12z" opacity=".2"/><path d="M11.25 1.75A.75.75 0 0112 1c6.075 0 11 4.925 11 11a.75.75 0 01-1.5 0A9.5 9.5 0 0012 2.5a.75.75 0 01-.75-.75z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-loading {
  100% {
    -webkit-mask-image: var(--icon-loading-16);
    mask-image: var(--icon-loading-16);
    background-color: var(--icon-color, var(--color-loading-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-network-alt-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path d="M16 8a.75.75 0 00-.22-.53l-3.5-3.5a.75.75 0 10-1.06 1.06L14.19 8l-2.97 2.97a.75.75 0 101.06 1.06l3.5-3.5A.75.75 0 0016 8zM.22 8.53a.75.75 0 010-1.06l3.5-3.5a.75.75 0 011.06 1.06L1.81 8l2.97 2.97a.75.75 0 11-1.06 1.06l-3.5-3.5z"/><path d="M5 7a1 1 0 000 2h.01a1 1 0 100-2H5zM7 8a1 1 0 011-1h.01a1 1 0 010 2H8a1 1 0 01-1-1zM11 7a1 1 0 100 2h.01a1 1 0 100-2H11z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-network-alt-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path d="M23 12a.75.75 0 00-.232-.543l-5.5-5.25a.75.75 0 00-1.036 1.086L21.164 12l-4.932 4.707a.75.75 0 001.036 1.085l5.5-5.25A.75.75 0 0023 12zM1 12a.75.75 0 01.232-.543l5.5-5.25a.75.75 0 111.036 1.086L2.836 12l4.932 4.707a.75.75 0 01-1.036 1.085l-5.5-5.25A.75.75 0 011 12z"/><path d="M8 11a1 1 0 100 2h.01a1 1 0 100-2H8zM11 12a1 1 0 011-1h.01a1 1 0 110 2H12a1 1 0 01-1-1zM16 11a1 1 0 100 2h.01a1 1 0 100-2H16z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-network-alt {
  100% {
    -webkit-mask-image: var(--icon-network-alt-16);
    mask-image: var(--icon-network-alt-16);
    background-color: var(--icon-color, var(--color-network-alt-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-bucket-list .peer::before {
  --icon-name: icon-network-alt;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-path-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M13 0a3 3 0 00-1.65 5.506 7.338 7.338 0 01-.78 1.493c-.22.32-.472.635-.8 1.025a1.509 1.509 0 00-.832.085 12.722 12.722 0 00-1.773-1.124c-.66-.34-1.366-.616-2.215-.871a1.5 1.5 0 10-2.708 1.204c-.9 1.935-1.236 3.607-1.409 5.838a1.5 1.5 0 101.497.095c.162-2.07.464-3.55 1.25-5.253.381-.02.725-.183.979-.435.763.23 1.367.471 1.919.756a11.13 11.13 0 011.536.973 1.5 1.5 0 102.899-.296c.348-.415.64-.779.894-1.148.375-.548.665-1.103.964-1.857A3 3 0 1013 0zm-1.5 3a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-path-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M19.5 1a3.5 3.5 0 00-1.668 6.578c-.665 1.8-1.174 2.997-2.267 4.503a2.001 2.001 0 00-1.605.21c-1.859-1.251-3.599-1.917-5.978-2.56A2 2 0 104.48 11.3c-.616 1.268-1.071 2.439-1.406 3.674-.344 1.267-.556 2.585-.694 4.125a2 2 0 101.497.103c.132-1.465.332-2.682.644-3.835.303-1.115.715-2.186 1.29-3.375a1.997 1.997 0 001.8-.806c2.236.605 3.801 1.208 5.454 2.311A2.002 2.002 0 0015 16a2 2 0 001.74-2.986c1.25-1.71 1.815-3.057 2.537-5.021A3.5 3.5 0 1019.5 1zm-2 3.5a2 2 0 114 0 2 2 0 01-4 0z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-path {
  100% {
    -webkit-mask-image: var(--icon-path-16);
    mask-image: var(--icon-path-16);
    background-color: var(--icon-color, var(--color-path-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#docfy-demo-preview-icon-definition dl.path dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.path dt::before, .consul-exposed-path-list > ul > li > .detail dl.path dt::before, .consul-upstream-instance-list li > .detail dl.path dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.path dt::before {
  --icon-name: icon-path;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-running-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="hds-flight-icon--animation-running"><g fill="%23000" fill-rule="evenodd" clip-rule="evenodd"><path d="M8 1.5a6.48 6.48 0 00-4.707 2.017.75.75 0 11-1.086-1.034A7.98 7.98 0 018 0a7.98 7.98 0 015.793 2.483.75.75 0 11-1.086 1.034A6.48 6.48 0 008 1.5zM1.236 5.279a.75.75 0 01.514.927 6.503 6.503 0 004.727 8.115.75.75 0 11-.349 1.459 8.003 8.003 0 01-5.82-9.986.75.75 0 01.928-.515zm13.528 0a.75.75 0 01.928.515 8.003 8.003 0 01-5.82 9.986.75.75 0 01-.35-1.459 6.503 6.503 0 004.728-8.115.75.75 0 01.514-.927z"/><path d="M8 4.5a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM3 8a5 5 0 1110 0A5 5 0 013 8z" opacity=".2"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-running-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="hds-flight-icon--animation-running"><g fill="%23000" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 2.5a9.47 9.47 0 00-6.88 2.948.75.75 0 01-1.085-1.034A10.97 10.97 0 0112 1a10.97 10.97 0 017.965 3.414.75.75 0 11-1.086 1.034A9.47 9.47 0 0012 2.5zM2.351 8.451a.75.75 0 01.515.928A9.506 9.506 0 002.5 12c0 4.48 3.102 8.237 7.276 9.238a.75.75 0 01-.35 1.459C4.593 21.537 1 17.189 1 12c0-1.051.148-2.07.424-3.034a.75.75 0 01.927-.515zm19.297 0a.75.75 0 01.928.515C22.852 9.93 23 10.949 23 12c0 5.19-3.593 9.538-8.426 10.697a.75.75 0 11-.35-1.459c4.174-1 7.276-4.758 7.276-9.238 0-.91-.128-1.79-.366-2.621a.75.75 0 01.514-.928z"/><path d="M12 5.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM4 12a8 8 0 1116 0 8 8 0 01-16 0z" opacity=".2"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-running {
  100% {
    -webkit-mask-image: var(--icon-running-16);
    mask-image: var(--icon-running-16);
    background-color: var(--icon-color, var(--color-running-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-skip-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 0110.535-5.096l-9.131 9.131A6.472 6.472 0 011.5 8zm2.465 5.096a6.5 6.5 0 009.131-9.131l-9.131 9.131z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-skip-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M4.172 19.728a.744.744 0 00.1.1A10.965 10.965 0 0012 23c6.075 0 11-4.925 11-11 0-3.012-1.21-5.742-3.172-7.728a.769.769 0 00-.1-.1A10.965 10.965 0 0012 1C5.925 1 1 5.925 1 12c0 3.012 1.21 5.742 3.172 7.728zM2.5 12A9.5 9.5 0 0112 2.5c2.353 0 4.507.856 6.166 2.273L4.773 18.166A9.462 9.462 0 012.5 12zm16.727-6.166A9.462 9.462 0 0121.5 12a9.5 9.5 0 01-9.5 9.5 9.462 9.462 0 01-6.166-2.273L19.227 5.834z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-skip {
  100% {
    -webkit-mask-image: var(--icon-skip-16);
    mask-image: var(--icon-skip-16);
    background-color: var(--icon-color, var(--color-skip-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-socket-16: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM7 11C7 10.4477 7.44772 10 8 10H10C10.5523 10 11 10.4477 11 11V13C11 13.5523 10.5523 14 10 14H8C7.44772 14 7 13.5523 7 13V11ZM14 10C13.4477 10 13 10.4477 13 11V13C13 13.5523 13.4477 14 14 14H16C16.5523 14 17 13.5523 17 13V11C17 10.4477 16.5523 10 16 10H14Z" fill="%23000"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-socket-24: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM7 11C7 10.4477 7.44772 10 8 10H10C10.5523 10 11 10.4477 11 11V13C11 13.5523 10.5523 14 10 14H8C7.44772 14 7 13.5523 7 13V11ZM14 10C13.4477 10 13 10.4477 13 11V13C13 13.5523 13.4477 14 14 14H16C16.5523 14 17 13.5523 17 13V11C17 10.4477 16.5523 10 16 10H14Z" fill="%23000"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-socket {
  100% {
    -webkit-mask-image: var(--icon-socket-16);
    mask-image: var(--icon-socket-16);
    background-color: var(--icon-color, var(--color-socket-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#docfy-demo-preview-icon-definition dl.socket dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.socket dt::before, .consul-exposed-path-list > ul > li > .detail dl.socket dt::before, .consul-upstream-instance-list li > .detail dl.socket dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.socket dt::before {
  --icon-name: icon-socket;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-star-circle-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000" fill-rule="evenodd" clip-rule="evenodd"><path d="M8.679 2.431a.75.75 0 00-1.358 0L6.023 5.196l-2.887.444a.75.75 0 00-.423 1.265l2.11 2.162-.499 3.062a.75.75 0 001.103.777L8 11.484l2.573 1.422a.75.75 0 001.103-.777l-.5-3.062 2.11-2.162a.75.75 0 00-.422-1.265l-2.887-.444-1.298-2.765zM7.21 6.195L8 4.515l.789 1.68a.75.75 0 00.565.423l1.84.283L9.838 8.29a.75.75 0 00-.203.644l.312 1.912-1.584-.876a.75.75 0 00-.726 0l-1.584.876.312-1.912a.75.75 0 00-.203-.644L4.806 6.9l1.84-.282a.75.75 0 00.565-.423z"/><path d="M8 .05a7.95 7.95 0 100 15.9A7.95 7.95 0 008 .05zM1.45 8a6.55 6.55 0 1113.1 0 6.55 6.55 0 01-13.1 0z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-star-circle-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000" fill-rule="evenodd" clip-rule="evenodd"><path d="M12.669 4.91a.75.75 0 00-1.338 0l-1.91 3.767-4.277.608a.75.75 0 00-.41 1.287l3.082 2.923-.726 4.125a.75.75 0 001.08.798L12 16.457l3.83 1.96a.75.75 0 001.08-.797l-.726-4.125 3.082-2.923a.75.75 0 00-.41-1.287l-4.278-.608L12.67 4.91zm-2.086 4.793L12 6.91l1.417 2.794a.75.75 0 00.563.404l3.128.445-2.25 2.132a.75.75 0 00-.222.675l.535 3.036-2.83-1.448a.75.75 0 00-.683 0l-2.83 1.448.536-3.036a.75.75 0 00-.223-.675l-2.249-2.132 3.128-.445a.75.75 0 00.563-.404z"/><path d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1zM2.5 12a9.5 9.5 0 1119 0 9.5 9.5 0 01-19 0z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-star-circle {
  100% {
    -webkit-mask-image: var(--icon-star-circle-16);
    mask-image: var(--icon-star-circle-16);
    background-color: var(--icon-color, var(--color-star-circle-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-star-fill-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" d="M8.67.912a.75.75 0 00-1.34 0L5.266 5.006l-4.622.662a.75.75 0 00-.412 1.285l3.335 3.18-.786 4.488a.75.75 0 001.082.796L8 13.287l4.137 2.13a.75.75 0 001.082-.796l-.786-4.488 3.335-3.18a.75.75 0 00-.412-1.285l-4.622-.662L8.67.912z"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-star-fill-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" d="M12.673 1.418a.75.75 0 00-1.345 0L8.335 7.483l-6.693.978a.75.75 0 00-.415 1.28l4.842 4.717-1.143 6.665a.75.75 0 001.089.79L12 18.766l5.985 3.149a.75.75 0 001.089-.79l-1.143-6.666 4.842-4.717a.75.75 0 00-.415-1.28l-6.693-.978-2.992-6.065z"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-star-fill {
  100% {
    -webkit-mask-image: var(--icon-star-fill-16);
    mask-image: var(--icon-star-fill-16);
    background-color: var(--icon-color, var(--color-star-fill-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-lock-session-list ul > li:not(:first-child) > .header .policy-management dd::before, .consul-exposed-path-list > ul > li > .header .policy-management dd::before, .consul-upstream-instance-list li > .header .policy-management dd::before, .list-collection > ul > li:not(:first-child) > .header .policy-management dd::before,
.consul-lock-session-list ul > li:not(:first-child) > .detail .policy-management::before,
.consul-exposed-path-list > ul > li > .detail .policy-management::before,
.consul-upstream-instance-list li > .detail .policy-management::before,
.list-collection > ul > li:not(:first-child) > .detail .policy-management::before {
  --icon-name: icon-star-fill;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-tag-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path d="M5 4a1 1 0 000 2h.006a1 1 0 000-2H5z"/><path fill-rule="evenodd" d="M2.25 1C1.56 1 1 1.56 1 2.25v5.246c0 .596.237 1.169.659 1.59l5.383 5.384a2.25 2.25 0 003.182 0l4.246-4.246a2.25 2.25 0 000-3.182L9.087 1.66A2.25 2.25 0 007.496 1H2.25zm.25 6.496V2.5h4.996a.75.75 0 01.53.22l5.383 5.383a.75.75 0 010 1.06L9.163 13.41a.75.75 0 01-1.06 0L2.72 8.026a.75.75 0 01-.22-.53z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-tag-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path d="M6 5a1 1 0 000 2h.01a1 1 0 000-2H6z"/><path fill-rule="evenodd" d="M4.75 2A2.75 2.75 0 002 4.75v6.422c0 .729.29 1.428.805 1.944l8 8a2.75 2.75 0 003.89 0l6.421-6.421a2.75 2.75 0 000-3.89l-8-8A2.75 2.75 0 0011.172 2H4.75zM3.5 4.75c0-.69.56-1.25 1.25-1.25h6.422c.331 0 .649.132.883.366l8 8a1.25 1.25 0 010 1.768l-6.421 6.421a1.25 1.25 0 01-1.768 0l-8-8a1.25 1.25 0 01-.366-.883V4.75z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-tag {
  100% {
    -webkit-mask-image: var(--icon-tag-16);
    mask-image: var(--icon-tag-16);
    background-color: var(--icon-color, var(--color-tag-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.tag-list dt::before,
td.tags dt::before {
  --icon-name: icon-tag;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-x-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" d="M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-x-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" d="M18.78 6.28a.75.75 0 00-1.06-1.06L12 10.94 6.28 5.22a.75.75 0 00-1.06 1.06L10.94 12l-5.72 5.72a.75.75 0 101.06 1.06L12 13.06l5.72 5.72a.75.75 0 101.06-1.06L13.06 12l5.72-5.72z"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-x {
  100% {
    -webkit-mask-image: var(--icon-x-16);
    mask-image: var(--icon-x-16);
    background-color: var(--icon-color, var(--color-x-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-x-circle-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path d="M11.28 4.72a.75.75 0 010 1.06L9.06 8l2.22 2.22a.75.75 0 11-1.06 1.06L8 9.06l-2.22 2.22a.75.75 0 01-1.06-1.06L6.94 8 4.72 5.78a.75.75 0 011.06-1.06L8 6.94l2.22-2.22a.75.75 0 011.06 0z"/><path fill-rule="evenodd" d="M.25 8a7.75 7.75 0 1115.5 0A7.75 7.75 0 01.25 8zM8 1.75a6.25 6.25 0 100 12.5 6.25 6.25 0 000-12.5z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-x-circle-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path d="M16.78 7.22a.75.75 0 010 1.06L13.06 12l3.72 3.72a.75.75 0 11-1.06 1.06L12 13.06l-3.72 3.72a.75.75 0 01-1.06-1.06L10.94 12 7.22 8.28a.75.75 0 011.06-1.06L12 10.94l3.72-3.72a.75.75 0 011.06 0z"/><path fill-rule="evenodd" d="M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12 17.937 22.75 12 22.75 1.25 17.937 1.25 12zM12 2.75a9.25 9.25 0 100 18.5 9.25 9.25 0 000-18.5z" clip-rule="evenodd"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-x-circle {
  100% {
    -webkit-mask-image: var(--icon-x-circle-16);
    mask-image: var(--icon-x-circle-16);
    background-color: var(--icon-color, var(--color-x-circle-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-x-square-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M3.139 2.5a.639.639 0 00-.639.639v9.722c0 .353.286.639.639.639h9.722a.639.639 0 00.639-.639V3.14a.639.639 0 00-.639-.639H3.14zM1 3.139C1 1.958 1.958 1 3.139 1h9.722C14.042 1 15 1.958 15 3.139v9.722A2.139 2.139 0 0112.861 15H3.14A2.139 2.139 0 011 12.861V3.14zm3.72 1.58a.75.75 0 011.06 0L8 6.94l2.22-2.22a.75.75 0 111.06 1.061L9.06 8l2.22 2.22a.75.75 0 11-1.06 1.06L8 9.06l-2.22 2.22a.75.75 0 01-1.06-1.06L6.94 8 4.72 5.78a.75.75 0 010-1.06z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-x-square-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M4.806 3.5c-.721 0-1.306.585-1.306 1.306v14.388c0 .722.585 1.306 1.306 1.306h14.388c.722 0 1.306-.584 1.306-1.306V4.806c0-.721-.584-1.306-1.306-1.306H4.806zM2 4.806A2.806 2.806 0 014.806 2h14.388A2.806 2.806 0 0122 4.806v14.388A2.806 2.806 0 0119.194 22H4.806A2.806 2.806 0 012 19.194V4.806zM7.22 7.22a.75.75 0 011.06 0L12 10.94l3.72-3.72a.75.75 0 111.06 1.06L13.06 12l3.72 3.72a.75.75 0 11-1.06 1.06L12 13.06l-3.72 3.72a.75.75 0 01-1.06-1.06L10.94 12 7.22 8.28a.75.75 0 010-1.06z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-x-square {
  100% {
    -webkit-mask-image: var(--icon-x-square-16);
    mask-image: var(--icon-x-square-16);
    background-color: var(--icon-color, var(--color-x-square-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-cloud-cross-16: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 23 20" xmlns="http://www.w3.org/2000/svg"><path d="M12 13.586l3-3L16.414 12l-3 3 3 3L15 19.414l-3-3-3 3L7.586 18l3-3-2.75-2.75 1.414-1.414 2.75 2.75zM13.905.856c2.706.498 4.595 2.544 4.816 5.64l.234.066c2.46.754 3.884 2.79 3.5 5.036-.445 2.592-2.083 4.371-5.876 4.371v-2c5.054 0 4.868-5.46.23-6.152.242-2.277-1.278-4.628-3.267-4.995-1.789-.33-3.757.564-4.572 2.164-1.629-.727-2.605-.345-3.442.362-.836.706-.527 2.194-.225 2.823-1.089.915-1.901 2.013-2.152 2.987-.101.395-.091 1.014 0 1.212.428.928 1.016 1.6 4.403 1.6v2c-4.117 0-5.672-.96-6.448-2.874-.652-1.61.137-3.457 1.882-5.118-.544-1.734.01-3.297 1.391-4.267a4.89 4.89 0 013.689-.77C9.222 1.26 11.603.431 13.905.855z" fill="%236F7682" fill-rule="nonzero"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-cloud-cross {
  100% {
    -webkit-mask-image: var(--icon-cloud-cross-16);
    mask-image: var(--icon-cloud-cross-16);
    background-color: var(--icon-color, var(--color-cloud-cross-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-loading-motion-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="hds-flight-icon--animation-loading"><style>@keyframes hds-flight-icon-animation-rotation {to {transform: rotate(360deg);}}.hds-flight-icon--animation-loading {animation: hds-flight-icon-animation-rotation .7s linear infinite;}.hds-flight-icon--animation-running {animation: hds-flight-icon-animation-rotation .7s linear infinite;}</style><g fill="%23000" fill-rule="evenodd" clip-rule="evenodd"><path d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z" opacity=".2"/><path d="M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-loading-motion {
  100% {
    -webkit-mask-image: var(--icon-loading-motion-16);
    mask-image: var(--icon-loading-motion-16);
    background-color: var(--icon-color, var(--color-loading-motion-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-auth0-color-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" d="M12.549 1h-4.55l1.407 4.38h4.548l-3.68 2.61 1.406 4.405c2.37-1.725 3.143-4.336 2.274-7.016L12.55 1zM2.045 5.38h4.55L8 1H3.45L2.045 5.38c-.868 2.68-.094 5.29 2.275 7.015L5.725 7.99l-3.68-2.612zm2.275 7.015L8 15l3.68-2.605L8 9.745l-3.68 2.65z"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-auth0-color-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" d="M17.848 3H12l1.807 5.63h5.849l-4.732 3.358 1.807 5.663c3.046-2.218 4.042-5.575 2.925-9.02L17.848 3zM4.344 8.63h5.848L12 3H6.15L4.344 8.63c-1.117 3.446-.122 6.802 2.924 9.02l1.808-5.662-4.732-3.357zm2.924 9.02L12 21l4.731-3.35L12 14.244 7.268 17.65z"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-logo-auth0-color {
  100% {
    background-image: var(--icon-auth0-color-16);
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.oidc-select .auth0-oidc-provider::before {
  --icon-name: icon-logo-auth0-color;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-logo-ember-circle-color-16: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M64 0c35.346 0 64 28.654 64 64 0 35.346-28.654 64-64 64-35.346 0-64-28.654-64-64C0 28.654 28.654 0 64 0z" fill="%23E05C43" fill-rule="nonzero"/><path d="M65.265 24.128c8.246-.163 14.073 2.073 19.087 9.19 10.934 27.109-28.147 41.1-29.714 41.65l-.049.016s-1.18 7.363 10.028 7.08c13.793 0 28.294-10.691 33.81-15.21a3.293 3.293 0 0 1 4.468.265l4.13 4.29a3.291 3.291 0 0 1 .085 4.491c-3.59 3.997-12.014 12.203-24.696 17.504 0 0-21.16 9.798-35.42.52-8.503-5.53-10.842-12.151-11.793-19.038.005 0-10.324-.524-16.957-3.114-6.635-2.592.049-10.411.049-10.411s2.04-3.233 5.92 0c3.883 3.228 11.13 1.772 11.13 1.772.646-5.099 1.72-11.828 4.884-18.93 6.632-14.885 16.789-19.915 25.038-20.075zm4.853 14.915c-4.369-4.21-16.984 4.202-17.471 23.45 0 0 3.724 1.134 11.97-4.53 8.25-5.661 9.87-14.718 5.501-18.92z" fill="%23FFF"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-logo-ember-circle-color {
  100% {
    background-image: var(--icon-logo-ember-circle-color-16);
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.docs [role=banner] nav:first-of-type li.provider-components.ember-component a::before,
.docs [role=banner] nav:first-of-type li.consul-components.ember-component a::before,
.docs [role=banner] nav:first-of-type li.components.ember-component a::before {
  --icon-name: icon-logo-ember-circle-color;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-logo-glimmer-color-16: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><path d="M256 128c0 70.692-57.308 128-128 128C57.307 256 0 198.692 0 128 0 57.308 57.307 0 128 0c70.692 0 128 57.308 128 128" fill="%23F8835A"/><path d="M78.63 140.37a11.39 11.39 0 0 1-7.951-3.222c-4.533-4.392-4.648-11.627-.256-16.16l77.144-79.619c4.39-4.533 11.626-4.648 16.16-.256 4.532 4.392 4.647 11.628.255 16.161l-77.143 79.62a11.397 11.397 0 0 1-8.21 3.475zm50.31 3.036a11.356 11.356 0 0 1-7.926-3.21c-4.52-4.38-4.633-11.592-.254-16.111L181.687 61.2c4.379-4.52 11.59-4.632 16.11-.254s4.634 11.59.256 16.11l-60.928 62.884a11.363 11.363 0 0 1-8.184 3.465zm-24.69 79.286a11.383 11.383 0 0 1-7.951-3.221c-4.533-4.391-4.648-11.627-.256-16.16L202.61 93.322c4.39-4.532 11.627-4.647 16.16-.255 4.534 4.392 4.648 11.627.255 16.161L112.459 219.216a11.397 11.397 0 0 1-8.21 3.476zm-33.44-19.44c-2.865 0-5.73-1.07-7.95-3.222-4.534-4.392-4.649-11.628-.257-16.16l29.053-29.986c4.393-4.533 11.628-4.648 16.161-.256 4.533 4.393 4.647 11.628.255 16.161L79.02 199.775a11.397 11.397 0 0 1-8.209 3.476zm-23.179-86.764a11.39 11.39 0 0 1-7.952-3.221c-4.533-4.392-4.647-11.627-.255-16.16L68.477 67.12c4.393-4.533 11.628-4.647 16.161-.255 4.533 4.392 4.647 11.627.255 16.16L55.84 113.013a11.398 11.398 0 0 1-8.209 3.476zm149.433 65.295a11.39 11.39 0 0 1-7.95-3.221c-4.534-4.392-4.649-11.627-.257-16.16l13.754-14.195c4.391-4.532 11.627-4.65 16.16-.255 4.533 4.392 4.647 11.627.255 16.16l-13.753 14.195a11.397 11.397 0 0 1-8.209 3.476zm-26.78 28.338c0 6.312-5.117 11.428-11.43 11.428-6.31 0-11.428-5.116-11.428-11.428 0-6.312 5.118-11.429 11.429-11.429 6.312 0 11.429 5.117 11.429 11.43zM61.06 158.925c0 6.312-5.117 11.43-11.43 11.43-6.311 0-11.427-5.118-11.427-11.43 0-6.312 5.116-11.428 11.428-11.428 6.312 0 11.429 5.116 11.429 11.428zm54.284-112.142c0 6.312-5.117 11.428-11.428 11.428-6.312 0-11.429-5.116-11.429-11.428 0-6.312 5.117-11.43 11.429-11.43 6.311 0 11.428 5.118 11.428 11.43z" fill="%23FFF"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-logo-glimmer-color {
  100% {
    background-image: var(--icon-logo-glimmer-color-16);
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.docs [role=banner] nav:first-of-type li.consul-components.css-component a::before,
.docs [role=banner] nav:first-of-type li.components.css-component a::before, .docs [role=banner] nav:first-of-type li.provider-components a::before,
.docs [role=banner] nav:first-of-type li.consul-components a::before,
.docs [role=banner] nav:first-of-type li.components a::before {
  --icon-name: icon-logo-glimmer-color;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-logo-jwt-color-16: url('data:image/svg+xml;charset=UTF-8,<svg width="12" height="13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.863 3.805V.667h-1.75v3.138l.875 1.202.875-1.202zM5.113 9.195v3.138h1.75V9.195l-.875-1.202-.875 1.202z" fill="%23fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.863 9.195l1.844 2.543L10.13 10.7 8.275 8.168l-1.412-.466v1.493zM5.113 3.805L3.27 1.262 1.847 2.3l1.855 2.532 1.411.466V3.805z" fill="%2300F2E6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.702 4.832L.715 3.863.167 5.532l2.986.968 1.424-.455-.875-1.213zM7.4 6.955l.875 1.213 2.987.969.548-1.669L8.823 6.5 7.4 6.955z" fill="%2300B9F1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.823 6.5l2.987-.968-.548-1.669-2.987.969L7.4 6.045l1.423.455zM3.153 6.5l-2.986.968.548 1.669 2.987-.969.875-1.213L3.153 6.5z" fill="%23D63AFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.702 8.168L1.847 10.7l1.423 1.038 1.843-2.543V7.702l-1.411.466zM8.275 4.832L10.13 2.3 8.707 1.262 6.863 3.805v1.493l1.412-.466z" fill="%23FB015B"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-logo-jwt-color {
  100% {
    background-image: var(--icon-logo-jwt-color-16);
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-external-source.jwt::before, .popover-select .jwt button::before, [id^=docfy-demo-preview-horizontal-kv-list] .jwt.kind-terminating-gateway::before, [id^=docfy-demo-preview-horizontal-kv-list] .jwt.service-identity::before, #docfy-demo-preview-badge dl.kind-terminating-gateway dt.jwt::before, #docfy-demo-preview-badge dl.service-identity dt.jwt::before, #docfy-demo-preview-badge dt.jwt.kind-terminating-gateway::before, #docfy-demo-preview-badge dt.jwt.service-identity::before,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dd.jwt::before,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dd.jwt::before,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt + dd.jwt::before,
#docfy-demo-preview-badge dl.service-identity dt + dd.jwt::before,
#docfy-demo-preview-badge dt.kind-terminating-gateway + dd.jwt::before,
#docfy-demo-preview-badge dt.service-identity + dd.jwt::before, section[data-route="dc.show.serverstatus"] .server-failure-tolerance header em.jwt::before, .jwt.consul-kind::before, .search-bar-status li.jwt:not(.remove-all)::before, section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl.jwt::before, html[data-route^="dc.acls.index"] main td strong.jwt::before, .consul-peer-search-bar li button span.jwt::before, .consul-intention-search-bar li button span.jwt::before, .jwt.leader::before,
.jwt.topology-metrics-source-type::before,
.jwt.consul-transparent-proxy::before {
  --icon-name: icon-logo-jwt-color;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-microsoft-color-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23F35325" d="M1 1h6.5v6.5H1V1z"/><path fill="%2381BC06" d="M8.5 1H15v6.5H8.5V1z"/><path fill="%2305A6F0" d="M1 8.5h6.5V15H1V8.5z"/><path fill="%23FFBA08" d="M8.5 8.5H15V15H8.5V8.5z"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-microsoft-color-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23F35325" d="M3 3h8.5v8.5H3V3z"/><path fill="%2381BC06" d="M12.5 3H21v8.5h-8.5V3z"/><path fill="%2305A6F0" d="M3 12.5h8.5V21H3v-8.5z"/><path fill="%23FFBA08" d="M12.5 12.5H21V21h-8.5v-8.5z"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-logo-microsoft-color {
  100% {
    background-image: var(--icon-microsoft-color-16);
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.oidc-select .microsoft-oidc-provider::before {
  --icon-name: icon-logo-microsoft-color;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-logo-oidc-color-16: url('data:image/svg+xml;charset=UTF-8,<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.833 8.375l-.291-2.625-.846.554c-.788-.496-1.78-.846-2.888-1.02 0 0-.554-.117-1.283-.117-.73 0-1.4.087-1.4.087-2.83.35-4.958 1.954-4.958 3.88 0 1.983 2.187 3.616 5.541 3.908v-1.138c-2.304-.32-3.762-1.4-3.762-2.77 0-1.284 1.341-2.363 3.179-2.713 0 0 1.43-.321 2.683.058.613.146 1.167.35 1.634.642l-1.109.67 3.5.584z" fill="%239E9E9E"/><path d="M6.708 2.833v10.209l1.75-.875V1.958l-1.75.875z" fill="%23000"/><path d="M6.708 2.833v10.209l1.75-.875V1.958l-1.75.875z" fill="%23FF9800"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-logo-oidc-color {
  100% {
    background-image: var(--icon-logo-oidc-color-16);
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-external-source.oidc::before, .popover-select .oidc button::before, [id^=docfy-demo-preview-horizontal-kv-list] .oidc.kind-terminating-gateway::before, [id^=docfy-demo-preview-horizontal-kv-list] .oidc.service-identity::before, #docfy-demo-preview-badge dl.kind-terminating-gateway dt.oidc::before, #docfy-demo-preview-badge dl.service-identity dt.oidc::before, #docfy-demo-preview-badge dt.oidc.kind-terminating-gateway::before, #docfy-demo-preview-badge dt.oidc.service-identity::before,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dd.oidc::before,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dd.oidc::before,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt + dd.oidc::before,
#docfy-demo-preview-badge dl.service-identity dt + dd.oidc::before,
#docfy-demo-preview-badge dt.kind-terminating-gateway + dd.oidc::before,
#docfy-demo-preview-badge dt.service-identity + dd.oidc::before, section[data-route="dc.show.serverstatus"] .server-failure-tolerance header em.oidc::before, .oidc.consul-kind::before, .search-bar-status li.oidc:not(.remove-all)::before, section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl.oidc::before, html[data-route^="dc.acls.index"] main td strong.oidc::before, .consul-peer-search-bar li button span.oidc::before, .consul-intention-search-bar li button span.oidc::before, .oidc.leader::before,
.oidc.topology-metrics-source-type::before,
.oidc.consul-transparent-proxy::before {
  --icon-name: icon-logo-oidc-color;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-okta-color-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23007DC1" d="M8 1C4.143 1 1 4.12 1 8s3.121 7 7 7 7-3.121 7-7-3.143-7-7-7zm0 10.5c-1.94 0-3.5-1.56-3.5-3.5S6.06 4.5 8 4.5s3.5 1.56 3.5 3.5-1.56 3.5-3.5 3.5z"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-okta-color-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23007DC1" d="M12 2C6.49 2 2 6.458 2 12s4.459 10 10 10 10-4.459 10-10S17.51 2 12 2zm0 15c-2.77 0-5-2.23-5-5s2.23-5 5-5 5 2.23 5 5-2.23 5-5 5z"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-logo-okta-color {
  100% {
    background-image: var(--icon-okta-color-16);
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.oidc-select .okta-oidc-provider::before {
  --icon-name: icon-logo-okta-color;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-mesh-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M15.681 10.243A8.001 8.001 0 0016 8a7.97 7.97 0 00-2.047-5.345A1.752 1.752 0 0012.25.5h-.007c-.321 0-.623.087-.882.238A7.97 7.97 0 008 0a7.963 7.963 0 00-4.321 1.266A1.742 1.742 0 002.75 1h-.007a1.75 1.75 0 00-1.48 2.684A7.963 7.963 0 000 8a7.985 7.985 0 002.994 6.24 1.75 1.75 0 001.75 1.71h.006c.353 0 .681-.104.956-.284A8.004 8.004 0 008 16a7.985 7.985 0 006.245-3h.005a1.75 1.75 0 001.431-2.757zM2.573 4.492a1.758 1.758 0 01-.043-.005A6.47 6.47 0 001.5 8c0 1.918.83 3.642 2.152 4.832.112-.09.234-.165.366-.225-.029-3.003-.435-5.146-1.445-8.115zM6.5 14.2c0 .042-.001.084-.004.125.482.114.986.175 1.504.175a6.484 6.484 0 004.858-2.181 1.742 1.742 0 01-.242-1.713 32.908 32.908 0 00-2.306-2.179c-.067.116-.136.232-.205.347-.942 1.56-2.101 3.078-3.71 4.829.068.186.105.387.105.597zm7.826-4.698a1.776 1.776 0 00-.076-.002h-.007a1.75 1.75 0 00-.53.082 33.906 33.906 0 00-2.675-2.503c.484-.967.918-1.976 1.352-3.085a1.74 1.74 0 00.601-.158 6.518 6.518 0 011.335 5.666zM8 1.5c.89 0 1.738.179 2.51.503a1.755 1.755 0 00.476 1.464c-.379.964-.75 1.836-1.152 2.662C8.338 5.013 6.66 3.984 4.499 2.823a1.784 1.784 0 00-.013-.292A6.47 6.47 0 018 1.5zM4.094 4.309c.957 2.878 1.371 5.082 1.42 8.034 1.44-1.591 2.471-2.96 3.306-4.344.105-.174.208-.348.307-.524-1.41-1.072-2.989-2.056-5.033-3.166z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-mesh-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M22.56 15.09c.286-.98.44-2.017.44-3.09 0-3.075-1.262-5.855-3.296-7.851A1.75 1.75 0 0018 2h-.01c-.328 0-.635.09-.897.247A10.953 10.953 0 0012 1c-2.448 0-4.709.8-6.536 2.152A1.744 1.744 0 004.75 3h-.01a1.75 1.75 0 00-1.595 2.472A10.95 10.95 0 001 12a10.99 10.99 0 004.99 9.215v.035c0 .966.784 1.75 1.75 1.75h.01c.445 0 .851-.166 1.16-.44.98.286 2.017.44 3.09.44a10.99 10.99 0 009.221-5H21.25a1.75 1.75 0 001.31-2.91zM4.603 6.495a1.745 1.745 0 01-.309-.052A9.457 9.457 0 002.5 12a9.49 9.49 0 004.17 7.865c.106-.082.222-.152.345-.208-.012-4.964-.626-8.255-2.412-13.162zm4.74 14.03c.09.198.144.414.155.642A9.513 9.513 0 0012 21.5a9.49 9.49 0 007.864-4.169 1.743 1.743 0 01-.262-1.697c-1.477-1.49-2.83-2.747-4.193-3.859-1.514 2.857-3.359 5.497-6.065 8.75zm11.824-6.023c-.17.006-.333.037-.487.09-1.61-1.626-3.083-2.986-4.578-4.186.729-1.509 1.393-3.11 2.064-4.914.212-.02.412-.077.595-.166A9.47 9.47 0 0121.5 12a9.51 9.51 0 01-.333 2.502zM12 2.5a9.46 9.46 0 014.257 1.005 1.745 1.745 0 00.496 1.483 55.99 55.99 0 01-1.866 4.483c-2.418-1.785-5-3.234-8.388-4.768a1.75 1.75 0 00-.059-.407A9.457 9.457 0 0112 2.5zM6.077 6.159c1.737 4.813 2.384 8.186 2.435 13.02 2.538-3.084 4.267-5.6 5.697-8.343-2.352-1.763-4.843-3.177-8.132-4.677z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-mesh {
  100% {
    -webkit-mask-image: var(--icon-mesh-16);
    mask-image: var(--icon-mesh-16);
    background-color: var(--icon-color, var(--color-mesh-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#docfy-demo-preview-icon-definition dl.mesh dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.mesh dt::before, .consul-exposed-path-list > ul > li > .detail dl.mesh dt::before, .consul-upstream-instance-list li > .detail dl.mesh dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.mesh dt::before {
  --icon-name: icon-mesh;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-port-16: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.35 3.00001C8.35 2.08874 9.08873 1.35001 10 1.35001H14C14.9113 1.35001 15.65 2.08874 15.65 3.00001V7.00001C15.65 7.91128 14.9113 8.65001 14 8.65001H12.5834C12.5836 8.66071 12.5836 8.67147 12.5833 8.68229L12.5329 10.7L21.35 10.7C21.709 10.7 22 10.991 22 11.35C22 11.709 21.709 12 21.35 12H17.5826C17.594 12.0482 17.6 12.0984 17.6 12.15V14.35H19C19.9113 14.35 20.65 15.0887 20.65 16V20C20.65 20.9113 19.9113 21.65 19 21.65H15C14.0887 21.65 13.35 20.9113 13.35 20V16C13.35 15.0887 14.0887 14.35 15 14.35H16.3V12.15C16.3 12.0984 16.306 12.0482 16.3174 12H12.012C11.96 12.012 11.9056 12.0176 11.8498 12.0162C11.8053 12.0151 11.762 12.0096 11.7202 12H7.58261C7.59398 12.0482 7.6 12.0984 7.6 12.15V14.35H9C9.91127 14.35 10.65 15.0887 10.65 16V20C10.65 20.9113 9.91127 21.65 9 21.65H5C4.08873 21.65 3.35 20.9113 3.35 20V16C3.35 15.0887 4.08873 14.35 5 14.35H6.3V12.15C6.3 12.0984 6.30602 12.0482 6.31739 12H2.65C2.29102 12 2 11.709 2 11.35C2 10.991 2.29101 10.7 2.65 10.7L11.2325 10.7L11.2838 8.65001H10C9.08873 8.65001 8.35 7.91128 8.35 7.00001V3.00001ZM10 2.65001C9.8067 2.65001 9.65 2.80671 9.65 3.00001V7.00001C9.65 7.19331 9.8067 7.35001 10 7.35001H14C14.1933 7.35001 14.35 7.19331 14.35 7.00001V3.00001C14.35 2.80671 14.1933 2.65001 14 2.65001H10ZM5 15.65C4.8067 15.65 4.65 15.8067 4.65 16V20C4.65 20.1933 4.8067 20.35 5 20.35H9C9.1933 20.35 9.35 20.1933 9.35 20V16C9.35 15.8067 9.1933 15.65 9 15.65H5ZM14.65 16C14.65 15.8067 14.8067 15.65 15 15.65H19C19.1933 15.65 19.35 15.8067 19.35 16V20C19.35 20.1933 19.1933 20.35 19 20.35H15C14.8067 20.35 14.65 20.1933 14.65 20V16Z" fill="%236F7682"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-port {
  100% {
    -webkit-mask-image: var(--icon-port-16);
    mask-image: var(--icon-port-16);
    background-color: var(--icon-color, var(--color-port-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#docfy-demo-preview-icon-definition dl.port dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.port dt::before, .consul-exposed-path-list > ul > li > .detail dl.port dt::before, .consul-upstream-instance-list li > .detail dl.port dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.port dt::before {
  --icon-name: icon-port;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-protocol-16: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM11.8104 19.9978C11.9269 19.8258 12.0639 19.6117 12.212 19.3572C12.5111 18.8431 12.8544 18.1657 13.1663 17.3382C12.9879 17.3233 12.8084 17.3101 12.6278 17.2987C11.9536 17.2562 11.2715 17.2398 10.5929 17.2563C10.8669 18.1335 11.2168 19.0463 11.6554 19.9927C11.7069 19.9949 11.7586 19.9966 11.8104 19.9978ZM9.897 19.7207C9.55842 18.9089 9.28019 18.1195 9.05511 17.354C8.53381 17.4089 8.01993 17.4871 7.51892 17.5915C7.73118 18.0727 7.97418 18.5653 8.25086 19.0689C8.7684 19.344 9.31972 19.5638 9.897 19.7207ZM5.45938 16.6077C5.48104 16.6001 5.50273 16.5925 5.52445 16.585C4.46623 13.3833 4.62347 10.6454 5.21707 8.50224C5.09245 8.46738 4.97167 8.43251 4.85496 8.39777C4.30807 9.4804 4 10.7042 4 12C4 13.7156 4.54003 15.3051 5.45938 16.6077ZM5.69311 7.07772C5.69614 7.07856 5.69918 7.07939 5.70221 7.08023C5.70623 7.07039 5.71025 7.06056 5.71427 7.05076C5.7072 7.05973 5.70015 7.06872 5.69311 7.07772ZM8.96894 4.59417C8.93129 4.63447 8.8765 4.69478 8.80813 4.77455C8.66145 4.94568 8.45292 5.20563 8.21744 5.5491C7.8904 6.02611 7.51351 6.66107 7.17773 7.44022C7.68086 7.54828 8.21954 7.64986 8.78391 7.73875L8.79848 7.68326C9.18148 6.23496 9.70589 5.06597 10.1744 4.20925C9.75921 4.30615 9.35646 4.43539 8.96894 4.59417ZM12.0548 4.00018C11.938 4.17254 11.8005 4.38729 11.6519 4.64277C11.2113 5.40008 10.6747 6.5116 10.2841 7.93527C10.6414 7.97247 11.0048 8.00331 11.3722 8.02649C12.1215 8.07374 12.8805 8.08863 13.6336 8.06207C13.3315 6.79045 12.8705 5.435 12.2062 4.00261C12.1559 4.00133 12.1054 4.00052 12.0548 4.00018ZM15.0311 19.4058C14.5954 19.5843 14.1406 19.7255 13.6705 19.8253C14.0078 19.2125 14.3757 18.4365 14.6998 17.5098C15.227 17.5833 15.7354 17.6688 16.2175 17.7617C16.0682 18.019 15.9209 18.2491 15.7826 18.4509C15.5471 18.7944 15.3386 19.0543 15.1919 19.2255C15.1235 19.3052 15.0687 19.3655 15.0311 19.4058ZM18.4508 16.7325C19.4247 15.4072 20 13.7708 20 12C20 10.7332 19.7056 9.53525 19.1814 8.47072C19.0626 8.52056 18.9428 8.56843 18.8221 8.61438C19.5339 11.495 19.2703 13.9558 18.6676 15.8898C18.5781 16.1768 18.4814 16.4516 18.3797 16.7138C18.4035 16.72 18.4272 16.7262 18.4508 16.7325ZM15.7491 4.93109C16.2637 5.8677 16.6617 6.76614 16.9623 7.6241C16.3749 7.76946 15.7668 7.87585 15.147 7.94868C14.8822 6.77294 14.493 5.53469 13.9502 4.23938C14.5831 4.39792 15.1861 4.63186 15.7491 4.93109ZM6.67301 8.86539C7.23389 8.98964 7.83778 9.10647 8.47251 9.20809C8.16114 11.101 8.13055 13.3457 8.68042 15.8864C8.10403 15.9541 7.53135 16.0491 6.96921 16.176C5.97706 13.2159 6.14482 10.7469 6.67301 8.86539ZM9.9596 9.4091C9.66322 11.1785 9.63171 13.3152 10.1908 15.7687C11.047 15.7336 11.8982 15.7497 12.7222 15.8017C13.0281 15.8209 13.3313 15.8453 13.6308 15.8739C14.0706 14.1822 14.3018 12.0541 13.9234 9.55152C13.0288 9.59288 12.1384 9.57779 11.2778 9.52351C10.8317 9.49538 10.3912 9.45656 9.9596 9.4091ZM16.9025 16.3689C16.3454 16.2539 15.7517 16.1474 15.1319 16.0564C15.5821 14.232 15.7965 12.0001 15.4213 9.42649C16.0858 9.3447 16.7447 9.22621 17.3877 9.06387C18.0053 11.6354 17.7519 13.7864 17.2355 15.4435C17.1337 15.7703 17.0212 16.0789 16.9025 16.3689Z" fill="%236F7682"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-protocol {
  100% {
    -webkit-mask-image: var(--icon-protocol-16);
    mask-image: var(--icon-protocol-16);
    background-color: var(--icon-color, var(--color-protocol-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#docfy-demo-preview-icon-definition dl.protocol dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.protocol dt::before, .consul-exposed-path-list > ul > li > .detail dl.protocol dt::before, .consul-upstream-instance-list li > .detail dl.protocol dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.protocol dt::before {
  --icon-name: icon-protocol;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-redirect-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="%23000" fill-rule="evenodd" d="M8 3.517a1 1 0 011.62-.784l5.348 4.233a1 1 0 010 1.568l-5.347 4.233A1 1 0 018 11.983v-1.545c-.76-.043-1.484.003-2.254.218-.994.279-2.118.857-3.506 1.99a.993.993 0 01-1.129.096.962.962 0 01-.445-1.099c.415-1.5 1.425-3.141 2.808-4.412C4.69 6.114 6.244 5.241 8 5.042V3.517zm1.5 1.034v1.2a.75.75 0 01-.75.75c-1.586 0-3.066.738-4.261 1.835a8.996 8.996 0 00-1.635 2.014c.878-.552 1.695-.916 2.488-1.138 1.247-.35 2.377-.33 3.49-.207a.75.75 0 01.668.745v1.2l4.042-3.2L9.5 4.55z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-redirect-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M12 5.786c0-1.046 1.209-1.63 2.028-.978l7.45 5.922c.627.498.63 1.45.005 1.952l-7.45 5.997c-.817.659-2.033.077-2.033-.973v-2.754a7.316 7.316 0 00-2.824.427c-1.306.456-2.918 1.342-5.295 2.981-.436.3-.973.287-1.37.029a1.168 1.168 0 01-.479-1.326c.59-2 1.91-4.124 3.743-5.755C7.444 9.824 9.571 8.72 12 8.529V5.786zm1.5.518V9.25a.75.75 0 01-.75.75c-2.296 0-4.35.98-5.978 2.428-1.36 1.21-2.393 2.723-2.994 4.189 2.03-1.357 3.565-2.187 4.903-2.654 1.53-.535 2.769-.584 4.137-.46a.75.75 0 01.682.747v2.933l6.8-5.473-6.8-5.406z" clip-rule="evenodd"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-redirect {
  100% {
    -webkit-mask-image: var(--icon-redirect-16);
    mask-image: var(--icon-redirect-16);
    background-color: var(--icon-color, var(--color-redirect-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-search-color-16: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" fill="%231563ff"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-search-color {
  100% {
    background-image: var(--icon-search-color-16);
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
[for=toolbar-toggle] {
  --icon-name: icon-search-color;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-sort-desc-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g fill="%23000"><path d="M2.25 3.75A.75.75 0 013 3h10a.75.75 0 010 1.5H3a.75.75 0 01-.75-.75zM3 6a.75.75 0 000 1.5h6A.75.75 0 009 6H3zM11.963 13.943a.747.747 0 00.817-.163l3-3a.75.75 0 10-1.06-1.06L13 11.44V6.75a.75.75 0 00-1.5 0v4.69L9.78 9.72a.75.75 0 00-1.06 1.06l3 3a.748.748 0 00.243.163zM3 9a.75.75 0 000 1.5h3A.75.75 0 006 9H3zM2.25 12.75A.75.75 0 013 12h3a.75.75 0 010 1.5H3a.75.75 0 01-.75-.75z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-sort-desc-24: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="%23000"><path d="M3 5.75A.75.75 0 013.75 5h16.5a.75.75 0 010 1.5H3.75A.75.75 0 013 5.75zM3.75 9a.75.75 0 000 1.5h9.5a.75.75 0 000-1.5h-9.5zM16.963 20.443a.747.747 0 00.817-.163l4-4a.75.75 0 10-1.06-1.06L18 17.94V9.75a.75.75 0 00-1.5 0v8.19l-2.72-2.72a.75.75 0 10-1.06 1.06l4 4a.748.748 0 00.243.163zM3.75 13a.75.75 0 000 1.5h5.5a.75.75 0 000-1.5h-5.5zM3 17.75a.75.75 0 01.75-.75h3.5a.75.75 0 010 1.5h-3.5a.75.75 0 01-.75-.75z"/></g></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-sort {
  100% {
    -webkit-mask-image: var(--icon-sort-desc-16);
    mask-image: var(--icon-sort-desc-16);
    background-color: var(--icon-color, var(--color-sort-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.type-sort.popover-select label > ::before {
  --icon-name: icon-sort;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-union-16: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V9V10H1H9V9H1L1 0H0Z" fill="%23000"/></svg>');
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@keyframes icon-union {
  100% {
    -webkit-mask-image: var(--icon-union-16);
    mask-image: var(--icon-union-16);
    background-color: var(--icon-color, var(--color-union-500, currentColor));
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#upstream-container .topology-metrics-card .details .group span::before,
#downstream-container .topology-metrics-card .details .group span::before {
  --icon-name: icon-union;
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/* If these are needed for usage on the same table */
/* they will need re-figuring out */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --chrome-width: 280px;
  --chrome-height: 64px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/* If these are needed for usage on the same table */
/* they will need re-figuring out */
:root {
  --typo-action: var(--token-color-foreground-action);
  --decor-error: var(--token-color-foreground-critical);
  --typo-contrast: var(--token-color-hashicorp-brand);
}

/* all components including generic base components */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-power-select-dropdown * {
  box-sizing: border-box;
}

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */
}

.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}

.ember-power-select-trigger:not(.ember-power-select-multiple-trigger) .ember-power-select-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #aaaaaa transparent transparent transparent;
}

.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon {
  transform: rotate(180deg);
}

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}

.ember-power-select-multiple-options {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
}

.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container {
  flex-grow: 1;
  display: flex;
}

.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container input {
  flex-grow: 1;
}

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  text-indent: 2px;
}

.ember-power-select-trigger-multiple-input:disabled {
  background-color: #eeeeee;
}

.ember-power-select-trigger-multiple-input {
  /* There's a browser bug where this selectos cannot be chained with commas */
}

.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  line-height: 1.45;
  margin: 2px 0 2px 3px;
}

.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}

.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}

.ember-power-select-search {
  padding: 4px;
}

.ember-power-select-search-input {
  border: 1px solid #aaaaaa;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}

.ember-power-select-search-input:focus {
  border: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-power-select-search-input-field {
  width: 100%;
  height: 100%;
  padding: 0 8px;
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  background-color: transparent;
}

.ember-power-select-dropdown {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #aaaaaa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.ember-power-select-options[role=listbox] {
  overflow-y: auto; /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
  -webkit-overflow-scrolling: touch;
  max-height: 12.25em;
}

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px;
}

.ember-power-select-group[aria-disabled=true] {
  color: #999999;
  cursor: not-allowed;
}

.ember-power-select-group[aria-disabled=true] .ember-power-select-option,
.ember-power-select-option[aria-disabled=true] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}

.ember-power-select-option[aria-selected=true] {
  background-color: #dddddd;
}

.ember-power-select-option[aria-current=true] {
  background-color: #5897fb;
  color: #ffffff;
}

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
}

.ember-power-select-trigger {
  padding: 0 16px 0 0;
}

.ember-power-select-selected-item,
.ember-power-select-placeholder {
  margin-left: 8px;
}

.ember-power-select-status-icon {
  right: 5px;
}

.ember-power-select-clear-btn {
  right: 25px;
}

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px;
}

.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px;
}

.ember-power-select-group .ember-power-select-option {
  padding-left: 24px;
}

.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px;
}

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}

.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item,
.ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}

.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}

.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}

.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}

.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}

.ember-power-select-visually-hidden {
  height: 1px;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-intention-fieldsets .permissions > button, .search-bar-status .remove-all button, .oidc-select button.reset, .empty-state > ul > li > *,
.empty-state > ul > li > label > button, #login-toggle + div footer button, .app-shell__main p a,
.modal-dialog [role=document] p a,
.app-shell__main dd a,
.modal-dialog [role=document] dd a,
.empty-state > ul > li > :active,
.empty-state > ul > li > label > button:active,
.app-shell__main p a:active,
.app-shell__main dd a:active {
  text-decoration: none;
}

.consul-intention-fieldsets .permissions > button:hover, .search-bar-status .remove-all button:hover, .oidc-select button.reset:hover, .empty-state > ul > li > :hover,
.empty-state > ul > li > label > button:hover, #login-toggle + div footer button:hover, .app-shell__main p a:hover,
.modal-dialog [role=document] p a:hover,
.app-shell__main dd a:hover,
.modal-dialog [role=document] dd a:hover,
.consul-intention-fieldsets .permissions > button:focus,
.search-bar-status .remove-all button:focus,
.oidc-select button.reset:focus,
.empty-state > ul > li > :focus,
.empty-state > ul > li > label > button:focus,
#login-toggle + div footer button:focus,
.app-shell__main p a:focus,
.modal-dialog [role=document] p a:focus,
.app-shell__main dd a:focus,
.modal-dialog [role=document] dd a:focus {
  text-decoration: underline;
}

.consul-intention-fieldsets .permissions > button, .search-bar-status .remove-all button, .oidc-select button.reset, .empty-state > ul > li > *,
.empty-state > ul > li > label > button, #login-toggle + div footer button, .app-shell__main p a,
.modal-dialog [role=document] p a,
.app-shell__main dd a,
.modal-dialog [role=document] dd a,
.empty-state > ul > li > :hover,
.empty-state > ul > li > label > button:hover,
.app-shell__main p a:hover,
.app-shell__main dd a:hover,
.empty-state > ul > li > :focus,
.empty-state > ul > li > label > button:focus,
.app-shell__main p a:focus,
.app-shell__main dd a:focus,
.empty-state > ul > li > :active,
.empty-state > ul > li > label > button:active,
.app-shell__main p a:active,
.app-shell__main dd a:active {
  color: var(--token-color-foreground-action);
}

.consul-intention-fieldsets .permissions > button, .search-bar-status .remove-all button, .oidc-select button.reset, .empty-state > ul > li > *,
.empty-state > ul > li > label > button, #login-toggle + div footer button, .app-shell__main p a,
.modal-dialog [role=document] p a,
.app-shell__main dd a,
.modal-dialog [role=document] dd a {
  cursor: pointer;
  background-color: transparent;
}

.consul-intention-fieldsets .permissions > button:active, .search-bar-status .remove-all button:active, .oidc-select button.reset:active, .empty-state > ul > li > :active,
.empty-state > ul > li > label > button:active, #login-toggle + div footer button:active, .app-shell__main p a:active,
.modal-dialog [role=document] p a:active,
.app-shell__main dd a:active,
.modal-dialog [role=document] dd a:active {
  outline: 0;
}

a[rel*=external]::after {
  margin-left: 8px;
}

.app-shell__main label a[rel*=help],
.modal-dialog [role=document] label a[rel*=help] {
  color: var(--token-color-foreground-faint);
}

.app-shell__main a[rel*=help]::after,
.modal-dialog [role=document] a[rel*=help]::after {
  opacity: 0.4;
}

.app-shell__main h2 a,
.modal-dialog [role=document] h2 a {
  color: var(--token-color-foreground-strong);
}

.app-shell__main h2 a[rel*=help]::after,
.modal-dialog [role=document] h2 a[rel*=help]::after {
  font-size: 0.65em;
  margin-top: 0.2em;
  margin-left: 0.2em;
}

.tab-section > p:only-child [rel*=help]::after {
  content: none;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.auth-form em {
  color: var(--token-color-foreground-faint);
  font-style: normal;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.auth-form {
  width: 320px;
  margin: 0 25px;
  margin-top: -20px;
}

.auth-form em {
  display: inline-block;
  margin-top: 1em;
}

.auth-form form,
.auth-form .oidc-select {
  padding-top: 1em;
}

.auth-form form {
  margin-bottom: 0 !important;
}

.auth-form .ember-basic-dropdown-trigger,
.auth-form button:not(.reset) {
  width: 100%;
}

.auth-form .progress {
  margin: 0 auto;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/*TODO: This is a different style of modal dialog */
/* and should probably be part of that, offering different styles*/
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#login-toggle + div footer button::after {
  font-size: 120%;
  position: relative;
  top: -1px;
  left: -3px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#login-toggle + div footer {
  border-top: 0;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 42px;
  padding-right: 42px;
}

#login-toggle + div footer {
  background-color: transparent;
}

#login-toggle + div > div > div > div {
  padding-bottom: 0;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/* Breadcrumb container positioning */
.app-view-breadcrumbs {
  position: absolute;
  top: -38px;
  left: 0;
  right: 0;
  margin-bottom: 0;
}

@media (max-width: 849px) {
  .app-view-breadcrumbs {
    top: -32px;
  }
}
/* HDS Breadcrumb styling */
.app-view-breadcrumbs .hds-breadcrumb .hds-breadcrumb__link {
  color: var(--token-color-foreground-faint);
  text-decoration: none;
}
.app-view-breadcrumbs .hds-breadcrumb .hds-breadcrumb__link,
.app-view-breadcrumbs .hds-breadcrumb .hds-breadcrumb__link .hds-breadcrumb__text {
  font-size: 0.875rem;
}
.app-view-breadcrumbs .hds-breadcrumb .hds-breadcrumb__link:hover {
  color: var(--token-color-foreground-action);
  text-decoration: underline;
}

/* Chevron icon before first breadcrumb item */
.app-view-breadcrumbs .hds-breadcrumb .hds-breadcrumb__item:first-child .hds-breadcrumb__link::before {
  background-color: var(--token-color-foreground-faint);
  margin-right: 4px;
  display: inline-block;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/* decor */
.topology-notices button, .popover-select label > *, .copy-button button, .type-sort.popover-select label > *,
.consul-intention-action-warn-modal button.dangerous,
.informed-action > ul > li > *,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem],
.more-popover-menu > [type=checkbox] + label + div > ul > [role=treeitem],
.popover-menu > [type=checkbox] + label + div > ul > [role=treeitem],
.disclosure-menu [aria-expanded] ~ * > ul > [role=treeitem],
.menu-panel > ul > [role=treeitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=menuitem],
.menu-panel > ul > li > [role=menuitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=option],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=option],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=option],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=option],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=option],
.menu-panel > ul > li > [role=option] {
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
}

.topology-notices button:disabled, .popover-select label > :disabled, .copy-button button:disabled,
.consul-intention-action-warn-modal button.dangerous:disabled,
.informed-action > ul > li > :disabled,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem]:disabled,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem]:disabled,
.more-popover-menu > [type=checkbox] + label + div > ul > [role=treeitem]:disabled,
.popover-menu > [type=checkbox] + label + div > ul > [role=treeitem]:disabled,
.disclosure-menu [aria-expanded] ~ * > ul > [role=treeitem]:disabled,
.menu-panel > ul > [role=treeitem]:disabled,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem]:disabled,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem]:disabled,
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem]:disabled,
.popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem]:disabled,
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=menuitem]:disabled,
.menu-panel > ul > li > [role=menuitem]:disabled,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=option]:disabled,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=option]:disabled,
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=option]:disabled,
.popover-menu > [type=checkbox] + label + div > ul > li > [role=option]:disabled,
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=option]:disabled,
.menu-panel > ul > li > [role=option]:disabled {
  cursor: default;
  box-shadow: none;
}

.consul-intention-action-warn-modal button.dangerous {
  border-width: 1px;
  border-radius: var(--decor-radius-100);
  box-shadow: var(--token-elevation-high-box-shadow);
}

/**/
/**/
.informed-action > ul > li > *, table.with-details tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem], table.has-actions tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem], .more-popover-menu > [type=checkbox] + label + div > ul > [role=treeitem], .popover-menu > [type=checkbox] + label + div > ul > [role=treeitem], .disclosure-menu [aria-expanded] ~ * > ul > [role=treeitem], .menu-panel > ul > [role=treeitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=menuitem],
.menu-panel > ul > li > [role=menuitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=option],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=option],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=option],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=option],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=option],
.menu-panel > ul > li > [role=option] {
  color: var(--token-color-foreground-strong);
  background-color: var(--token-color-surface-primary);
}

.informed-action > ul > li > :focus, table.with-details tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem]:focus, table.has-actions tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem]:focus, .more-popover-menu > [type=checkbox] + label + div > ul > [role=treeitem]:focus, .popover-menu > [type=checkbox] + label + div > ul > [role=treeitem]:focus, .disclosure-menu [aria-expanded] ~ * > ul > [role=treeitem]:focus, .menu-panel > ul > [role=treeitem]:focus,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem]:focus,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem]:focus,
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem]:focus,
.popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem]:focus,
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=menuitem]:focus,
.menu-panel > ul > li > [role=menuitem]:focus,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=option]:focus,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=option]:focus,
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=option]:focus,
.popover-menu > [type=checkbox] + label + div > ul > li > [role=option]:focus,
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=option]:focus,
.menu-panel > ul > li > [role=option]:focus,
.informed-action > ul > li > :hover,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem]:hover,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem]:hover,
.more-popover-menu > [type=checkbox] + label + div > ul > [role=treeitem]:hover,
.popover-menu > [type=checkbox] + label + div > ul > [role=treeitem]:hover,
.disclosure-menu [aria-expanded] ~ * > ul > [role=treeitem]:hover,
.menu-panel > ul > [role=treeitem]:hover,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem]:hover,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem]:hover,
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem]:hover,
.popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem]:hover,
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=menuitem]:hover,
.menu-panel > ul > li > [role=menuitem]:hover,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=option]:hover,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=option]:hover,
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=option]:hover,
.popover-menu > [type=checkbox] + label + div > ul > li > [role=option]:hover,
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=option]:hover,
.menu-panel > ul > li > [role=option]:hover {
  background-color: var(--token-color-surface-strong);
}

.type-sort.popover-select label > ::before {
  position: relative;
  width: 16px;
  height: 16px;
}

.type-sort.popover-select label > ::after {
  top: 0 !important;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.topology-notices button, .popover-select label > *, .copy-button button, .type-sort.popover-select label > *,
.consul-intention-action-warn-modal button.dangerous {
  position: relative;
}

.topology-notices button .progress.indeterminate, .popover-select label > * .progress.indeterminate, .copy-button button .progress.indeterminate,
.consul-intention-action-warn-modal button.dangerous .progress.indeterminate {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -12px;
  margin-top: -12px;
}

.topology-notices button:disabled .progress + *, .popover-select label > :disabled .progress + *, .copy-button button:disabled .progress + *,
.consul-intention-action-warn-modal button.dangerous:disabled .progress + * {
  visibility: hidden;
}

.topology-notices button:empty, .popover-select label > :empty, .copy-button button:empty,
.consul-intention-action-warn-modal button.dangerous:empty {
  padding-right: 0 !important;
  padding-left: 18px !important;
  margin-right: 5px;
}

.topology-notices button:empty::before, .popover-select label > :empty::before, .copy-button button:empty::before,
.consul-intention-action-warn-modal button.dangerous:empty::before {
  left: 1px;
}

.topology-notices button:not(:empty), .popover-select label > :not(:empty), .copy-button button:not(:empty),
.consul-intention-action-warn-modal button.dangerous:not(:empty) {
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: calc(0.5em - 1px) calc(2.2em - 1px);
  min-width: 100px;
}

.topology-notices button:not(:last-child), .popover-select label > :not(:last-child), .copy-button button:not(:last-child),
.consul-intention-action-warn-modal button.dangerous:not(:last-child) {
  margin-right: 8px;
}

.app-view > header .actions a {
  padding-top: calc(0.4em - 1px) !important;
  padding-bottom: calc(0.4em - 1px) !important;
}

.informed-action > ul > li > *, table.with-details tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem], table.has-actions tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem], .more-popover-menu > [type=checkbox] + label + div > ul > [role=treeitem], .popover-menu > [type=checkbox] + label + div > ul > [role=treeitem], .disclosure-menu [aria-expanded] ~ * > ul > [role=treeitem], .menu-panel > ul > [role=treeitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=menuitem],
.menu-panel > ul > li > [role=menuitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=option],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=option],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=option],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=option],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=option],
.menu-panel > ul > li > [role=option] {
  padding: 0.9em 1em;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
}

.type-sort.popover-select label > * {
  height: 35px !important;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.discovery-chain .route-card,
.discovery-chain .splitter-card,
.discovery-chain .resolver-card {
  border: var(--decor-border-100);
  border-radius: var(--decor-radius-100);
  background-color: var(--token-color-surface-faint);
}

.discovery-chain .route-card > section,
.discovery-chain .splitter-card > section,
.discovery-chain .resolver-card > section,
.discovery-chain .route-card > ul > li,
.discovery-chain .splitter-card > ul > li,
.discovery-chain .resolver-card > ul > li {
  border-top: var(--decor-border-100);
}

.discovery-chain .route-card,
.discovery-chain .splitter-card,
.discovery-chain .resolver-card,
.discovery-chain .route-card > section,
.discovery-chain .splitter-card > section,
.discovery-chain .resolver-card > section,
.discovery-chain .route-card > ul > li,
.discovery-chain .splitter-card > ul > li,
.discovery-chain .resolver-card > ul > li {
  border-color: var(--token-color-surface-interactive-active);
}

.discovery-chain .route-card ul,
.discovery-chain .splitter-card ul,
.discovery-chain .resolver-card ul {
  /*TODO: %list-style-none?*/
  list-style-type: none;
}

.discovery-chain .route-card:hover,
.discovery-chain .splitter-card:hover,
.discovery-chain .resolver-card:hover,
.discovery-chain .route-card:focus,
.discovery-chain .splitter-card:focus,
.discovery-chain .resolver-card:focus {
  box-shadow: var(--token-surface-mid-box-shadow);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.discovery-chain .route-card,
.discovery-chain .splitter-card,
.discovery-chain .resolver-card {
  display: block;
  position: relative;
}

.discovery-chain .route-card > header,
.discovery-chain .splitter-card > header,
.discovery-chain .resolver-card > header {
  padding: 10px;
}

.discovery-chain .route-card > section,
.discovery-chain .splitter-card > section,
.discovery-chain .resolver-card > section,
.discovery-chain .route-card > ul > li,
.discovery-chain .splitter-card > ul > li,
.discovery-chain .resolver-card > ul > li {
  padding: 5px 10px;
}

.discovery-chain .route-card ul,
.discovery-chain .splitter-card ul,
.discovery-chain .resolver-card ul {
  margin: 0;
  padding: 0;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.checkbox-group label {
  cursor: pointer;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/* TODO: This is positioning the group */
/* probably should be in a special %form class*/
.checkbox-group span {
  display: inline-block;
  margin-left: 10px;
  min-width: 50px;
}

.checkbox-group label {
  margin-right: 10px;
  white-space: nowrap;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-lock-session-list ul > li:not(:first-child), .consul-exposed-path-list > ul > li, .consul-upstream-instance-list li, .list-collection > ul > li:not(:first-child) {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 50% 50%;
  grid-template-areas: "header actions" "detail actions";
}

.consul-lock-session-list ul > li:not(:first-child) > .header, .consul-exposed-path-list > ul > li > .header, .consul-upstream-instance-list li > .header, .list-collection > ul > li:not(:first-child) > .header {
  grid-area: header;
  align-self: start;
}

.consul-lock-session-list ul > li:not(:first-child) > .detail, .consul-exposed-path-list > ul > li > .detail, .consul-upstream-instance-list li > .detail, .list-collection > ul > li:not(:first-child) > .detail {
  grid-area: detail;
  align-self: end;
}

.consul-lock-session-list ul > li:not(:first-child) > .detail *, .consul-exposed-path-list > ul > li > .detail *, .consul-upstream-instance-list li > .detail *, .list-collection > ul > li:not(:first-child) > .detail * {
  flex-wrap: nowrap !important;
}

.consul-lock-session-list ul > li:not(:first-child) > .actions, .consul-exposed-path-list > ul > li > .actions, .consul-upstream-instance-list li > .actions, .list-collection > ul > li:not(:first-child) > .actions {
  grid-area: actions;
  display: inline-flex;
}

.consul-lock-session-list ul > li:not(:first-child) > .header:nth-last-child(2), .consul-exposed-path-list > ul > li > .header:nth-last-child(2), .consul-upstream-instance-list li > .header:nth-last-child(2), .list-collection > ul > li:not(:first-child) > .header:nth-last-child(2) {
  grid-column-start: header;
  grid-column-end: actions;
}

.consul-lock-session-list ul > li:not(:first-child) > .detail:last-child, .consul-exposed-path-list > ul > li > .detail:last-child, .consul-upstream-instance-list li > .detail:last-child, .list-collection > ul > li:not(:first-child) > .detail:last-child {
  grid-column-start: detail;
  grid-column-end: actions;
}

/* project level */
/* hoverable rows */
.consul-nspace-list > ul > li:not(:first-child) dt,
.consul-token-list > ul > li:not(:first-child) dt,
.consul-policy-list > ul li:not(:first-child) dl:not(.datacenter) dt,
.consul-role-list > ul > li:not(:first-child) dt {
  display: none;
}

.consul-nspace-list > ul > li:not(:first-child) dt + dd,
.consul-token-list > ul > li:not(:first-child) dt + dd,
.consul-policy-list > ul li:not(:first-child) dl:not(.datacenter) dt + dd,
.consul-role-list > ul > li:not(:first-child) dt + dd {
  margin-left: 0 !important;
}

/* TODO: the service list has a 1px offset */
.consul-policy-list dl.datacenter dt,
.consul-service-list li > div:first-child > dl:first-child dd {
  margin-top: 1px;
}

.consul-service-list .detail,
.consul-service-instance-list .detail {
  overflow-x: visible !important;
}

.consul-service-list .mesh,
.consul-service-instance-list .mesh {
  gap: 8px;
}

.consul-service-list .mesh dt + dd,
.consul-service-instance-list .mesh dt + dd {
  margin-left: 0;
}

.consul-intention-permission-list > ul {
  border-top: 1px solid var(--token-color-surface-interactive-active);
}

.consul-service-instance-list .port dt,
.consul-service-instance-list .port dt::before {
  display: none;
}

.consul-service-instance-list .port .copy-button {
  margin-right: 0;
}

.consul-lock-session-list ul > li:not(:first-child) .copy-button, .consul-exposed-path-list > ul > li .copy-button, .consul-upstream-instance-list li .copy-button, .list-collection > ul > li:not(:first-child) .copy-button {
  display: inline-flex;
}

.consul-lock-session-list ul > li:not(:first-child) > .header .copy-button, .consul-exposed-path-list > ul > li > .header .copy-button, .consul-upstream-instance-list li > .header .copy-button, .list-collection > ul > li:not(:first-child) > .header .copy-button {
  margin-left: 4px;
}

.consul-lock-session-list ul > li:not(:first-child) > .detail .copy-button, .consul-exposed-path-list > ul > li > .detail .copy-button, .consul-upstream-instance-list li > .detail .copy-button, .list-collection > ul > li:not(:first-child) > .detail .copy-button {
  margin-top: 2px;
}

.consul-lock-session-list ul > li:not(:first-child) .copy-button button, .consul-exposed-path-list > ul > li .copy-button button, .consul-upstream-instance-list li .copy-button button, .list-collection > ul > li:not(:first-child) .copy-button button {
  padding: 0 !important;
  margin: 0 !important;
}

.consul-lock-session-list ul > li:not(:first-child) > .header .copy-button button, .consul-exposed-path-list > ul > li > .header .copy-button button, .consul-upstream-instance-list li > .header .copy-button button, .list-collection > ul > li:not(:first-child) > .header .copy-button button {
  display: none;
}

.consul-lock-session-list ul > li:not(:first-child) > .header:hover .copy-button button, .consul-exposed-path-list > ul > li > .header:hover .copy-button button, .consul-upstream-instance-list li > .header:hover .copy-button button, .list-collection > ul > li:not(:first-child) > .header:hover .copy-button button {
  display: block;
}

.consul-lock-session-list ul > li:not(:first-child) .copy-button button:hover, .consul-exposed-path-list > ul > li .copy-button button:hover, .consul-upstream-instance-list li .copy-button button:hover, .list-collection > ul > li:not(:first-child) .copy-button button:hover {
  background-color: transparent !important;
}

.consul-lock-session-list ul > li:not(:first-child) > .detail > .consul-kind:first-child, .consul-exposed-path-list > ul > li > .detail > .consul-kind:first-child, .consul-upstream-instance-list li > .detail > .consul-kind:first-child, .list-collection > ul > li:not(:first-child) > .detail > .consul-kind:first-child,
.consul-lock-session-list ul > li:not(:first-child) > .detail > .consul-external-source:first-child,
.consul-exposed-path-list > ul > li > .detail > .consul-external-source:first-child,
.consul-upstream-instance-list li > .detail > .consul-external-source:first-child,
.list-collection > ul > li:not(:first-child) > .detail > .consul-external-source:first-child {
  margin-left: -5px;
}

.consul-lock-session-list ul > li:not(:first-child) > .detail .policy::before, .consul-exposed-path-list > ul > li > .detail .policy::before, .consul-upstream-instance-list li > .detail .policy::before, .list-collection > ul > li:not(:first-child) > .detail .policy::before {
  margin-right: 3px;
}

.consul-lock-session-list ul > li:not(:first-child) > .detail .role::before, .consul-exposed-path-list > ul > li > .detail .role::before, .consul-upstream-instance-list li > .detail .role::before, .list-collection > ul > li:not(:first-child) > .detail .role::before {
  margin-right: 3px;
}

.consul-lock-session-list ul > li:not(:first-child) > .detail .policy-management::before, .consul-exposed-path-list > ul > li > .detail .policy-management::before, .consul-upstream-instance-list li > .detail .policy-management::before, .list-collection > ul > li:not(:first-child) > .detail .policy-management::before {
  margin-right: 3px;
}

.consul-lock-session-list ul > li:not(:first-child) > .header .policy-management dd::before, .consul-exposed-path-list > ul > li > .header .policy-management dd::before, .consul-upstream-instance-list li > .header .policy-management dd::before, .list-collection > ul > li:not(:first-child) > .header .policy-management dd::before,
.consul-lock-session-list ul > li:not(:first-child) > .detail .policy-management::before,
.consul-exposed-path-list > ul > li > .detail .policy-management::before,
.consul-upstream-instance-list li > .detail .policy-management::before,
.list-collection > ul > li:not(:first-child) > .detail .policy-management::before {
  --icon-color: var(--token-color-consul-brand);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
table div.with-confirmation.confirming {
  background-color: var(--token-color-surface-primary);
}

div.with-confirmation p {
  color: var(--token-color-foreground-faint);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
div.with-confirmation {
  justify-content: end;
  width: 100%;
}

div.with-confirmation p {
  margin-right: 12px;
  padding-left: 12px;
  margin-bottom: 0 !important;
}

div.with-confirmation {
  display: flex;
  align-items: center;
}

table td > div.with-confirmation.confirming {
  position: absolute;
  right: 0;
}

@media (max-width: 420px) {
  div.with-confirmation {
    float: none;
    margin-top: 1em;
  }
  div.with-confirmation {
    display: block;
  }
  div.with-confirmation p {
    margin-bottom: 1em;
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.copy-button button {
  color: var(--token-color-foreground-action);
  --icon-color: transparent;
}

.copy-button button::before {
  --icon-color: var(--token-color-foreground-faint);
}

.copy-button button::after {
  --icon-color: var(--token-color-surface-strong);
}

.copy-button button:hover:not(:disabled):not(:active),
.copy-button button:focus {
  color: var(--token-color-foreground-action);
  --icon-color: var(--token-color-surface-strong);
}

.copy-button button:hover::before {
  --icon-color: var(--token-color-foreground-action);
}

.copy-button button:active {
  --icon-color: var(--token-color-surface-interactive-active);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.copy-button button {
  min-height: 17px;
}

.copy-button button:empty {
  padding: 0px !important;
  margin-right: 0;
  top: -1px;
}

/* this is used to provide a small background to the icon only buttons */
/* without knocking out any positioning when you hover over */
.copy-button button:empty::after {
  content: "";
  display: none;
  position: absolute;
  top: -2px;
  left: -3px;
  width: 20px;
  height: 22px;
}

.copy-button button:empty:hover::after {
  display: block;
}

.copy-button button:empty::before {
  position: relative;
  z-index: 1;
}

.copy-button button:not(:empty)::before {
  margin-right: 4px;
}

/* Temporary tweak for copy-buttons in kv-lists */
/* once someone gets round to re-doing copy buttons */
/* hopefully this little tweak can go */
[id^=docfy-demo-preview-horizontal-kv-list] dl .copy-button, #docfy-demo-preview-badge dl .copy-button, section[data-route="dc.show.license"] .validity dl .copy-button, section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl .copy-button, .consul-lock-session-list dl .copy-button, .consul-instance-checks .copy-button, .consul-upstream-instance-list dl .copy-button, .consul-bucket-list .copy-button, [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway .copy-button, [id^=docfy-demo-preview-horizontal-kv-list] .service-identity .copy-button, #docfy-demo-preview-badge dl.kind-terminating-gateway dt .copy-button, #docfy-demo-preview-badge dl.service-identity dt .copy-button, #docfy-demo-preview-badge dt.kind-terminating-gateway .copy-button, #docfy-demo-preview-badge dt.service-identity .copy-button, .tag-list .copy-button,
td.tags .copy-button, #docfy-demo-preview-icon-definition dl .copy-button, .consul-lock-session-list ul > li:not(:first-child) > .detail dl .copy-button, .consul-exposed-path-list > ul > li > .detail dl .copy-button, .list-collection > ul > li:not(:first-child) > .detail dl .copy-button {
  margin-top: 0 !important;
}

[id^=docfy-demo-preview-horizontal-kv-list] dl .copy-btn, #docfy-demo-preview-badge dl .copy-btn, section[data-route="dc.show.license"] .validity dl .copy-btn, section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl .copy-btn, .consul-lock-session-list dl .copy-btn, .consul-instance-checks .copy-btn, .consul-upstream-instance-list dl .copy-btn, .consul-bucket-list .copy-btn, [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway .copy-btn, [id^=docfy-demo-preview-horizontal-kv-list] .service-identity .copy-btn, #docfy-demo-preview-badge dl.kind-terminating-gateway dt .copy-btn, #docfy-demo-preview-badge dl.service-identity dt .copy-btn, #docfy-demo-preview-badge dt.kind-terminating-gateway .copy-btn, #docfy-demo-preview-badge dt.service-identity .copy-btn, .tag-list .copy-btn,
td.tags .copy-btn, #docfy-demo-preview-icon-definition dl .copy-btn, .consul-lock-session-list ul > li:not(:first-child) > .detail dl .copy-btn, .consul-exposed-path-list > ul > li > .detail dl .copy-btn, .list-collection > ul > li:not(:first-child) > .detail dl .copy-btn {
  top: 0 !important;
}

[id^=docfy-demo-preview-horizontal-kv-list] dl .copy-btn:empty::before, #docfy-demo-preview-badge dl .copy-btn:empty::before, section[data-route="dc.show.license"] .validity dl .copy-btn:empty::before, section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl .copy-btn:empty::before, .consul-lock-session-list dl .copy-btn:empty::before, .consul-instance-checks .copy-btn:empty::before, .consul-upstream-instance-list dl .copy-btn:empty::before, .consul-bucket-list .copy-btn:empty::before, [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway .copy-btn:empty::before, [id^=docfy-demo-preview-horizontal-kv-list] .service-identity .copy-btn:empty::before, #docfy-demo-preview-badge dt.kind-terminating-gateway .copy-btn:empty::before, #docfy-demo-preview-badge dt.service-identity .copy-btn:empty::before, .tag-list .copy-btn:empty::before,
td.tags .copy-btn:empty::before, #docfy-demo-preview-icon-definition dl .copy-btn:empty::before, .consul-exposed-path-list > ul > li > .detail dl .copy-btn:empty::before, .list-collection > ul > li:not(:first-child) > .detail dl .copy-btn:empty::before {
  left: 0 !important;
}

/**/
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
[id^=docfy-demo-preview-definition-table] .definition-table > dl, .definition-table > dl {
  display: grid;
  grid-template-columns: 140px auto;
  grid-gap: 0.4em 20px;
}

[id^=docfy-demo-preview-definition-table] .definition-table > dl, .definition-table > dl {
  margin-bottom: 1.4em;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.disclosure-menu {
  position: relative;
}

.disclosure-menu [aria-expanded] ~ * {
  overflow-y: auto !important;
  will-change: scrollPosition;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
table.with-details tr > .actions > [type=checkbox] ~ label, table.has-actions tr > .actions > [type=checkbox] ~ label, .more-popover-menu > [type=checkbox] ~ label, .popover-menu > [type=checkbox] ~ label {
  cursor: pointer;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
table.with-details tr > .actions > [type=checkbox], table.has-actions tr > .actions > [type=checkbox], .more-popover-menu > [type=checkbox], .popover-menu > [type=checkbox],
table.with-details tr > .actions > [type=checkbox] ~ *:not(.animating):not(label),
table.has-actions tr > .actions > [type=checkbox] ~ *:not(.animating):not(label),
.more-popover-menu > [type=checkbox] ~ *:not(.animating):not(label),
.popover-menu > [type=checkbox] ~ *:not(.animating):not(label) {
  display: none;
}

table.with-details tr > .actions > [type=checkbox]:checked ~ *:not(label), table.has-actions tr > .actions > [type=checkbox]:checked ~ *:not(label), .more-popover-menu > [type=checkbox]:checked ~ *:not(label), .popover-menu > [type=checkbox]:checked ~ *:not(label) {
  display: block;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
table.dom-recycling {
  position: relative;
}

table.dom-recycling tr {
  display: flex;
}

table.dom-recycling tr > * {
  flex: 1 0 auto;
  /* this means no simple CSS driven tooltips in dom-recycling tables */
  /* ideally the thing inside the td should be overflow hidden */
  overflow: hidden;
}

table.dom-recycling tbody {
  /* important required as ember-collection will inline an overflow: visible*/
  overflow-x: hidden !important;
}

table.dom-recycling dd {
  flex-wrap: nowrap;
}

table.dom-recycling dd > * {
  margin-bottom: 0;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.empty-state,
.empty-state > div {
  display: flex;
  flex-direction: column;
}

.empty-state header :first-child {
  padding: 0;
  margin: 0;
}

.empty-state {
  margin-top: 0 !important;
  padding-bottom: 2.8em;
}

.empty-state > * {
  width: 370px;
  margin: 0 auto;
}

.empty-state button {
  margin: 0 auto;
  display: inline;
}

.empty-state header :first-child {
  margin-bottom: -3px;
}

.empty-state header {
  margin-top: 1.8em;
  margin-bottom: 0.5em;
}

.empty-state > ul {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
}

.empty-state > ul > li > *,
.empty-state > ul > li > label > button {
  display: inline-flex;
  align-items: center;
}

.empty-state > ul > li > ::before,
.empty-state > ul > li > label > button::before {
  margin-top: -1px;
}

.empty-state > div:only-child {
  padding: 50px 0 10px 0;
  text-align: center;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.empty-state {
  color: var(--token-color-foreground-faint);
  background-color: var(--token-color-surface-faint);
}

.empty-state header :first-child {
  border-bottom: none;
}

/* Icons */
.empty-state header::before {
  font-size: 2.6em;
  position: relative;
  top: -3px;
  float: left;
  margin-right: 10px;
}

.empty-state > ul > li > ::before,
.empty-state > ul > li > label > button::before {
  margin-right: 0.5em;
}

.empty-state li[class*=-link] > *::after {
  margin-left: 5px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
html[data-route^="dc.acls.index"] .filter-bar [role=radiogroup] {
  border: var(--decor-border-100);
  border-color: var(--token-color-palette-neutral-300);
  border-radius: var(--decor-radius-100);
}

html[data-route^="dc.acls.index"] .filter-bar [role=radiogroup] label {
  cursor: pointer;
}

html[data-route^="dc.acls.index"] .filter-bar [role=radiogroup] input[type=radio]:checked + *,
html[data-route^="dc.acls.index"] .filter-bar [role=radiogroup] input[type=radio]:hover + *,
html[data-route^="dc.acls.index"] .filter-bar [role=radiogroup] input[type=radio]:focus + * {
  box-shadow: var(--token-elevation-high-box-shadow);
}

html[data-route^="dc.acls.index"] .filter-bar [role=radiogroup] input[type=radio]:checked + *,
html[data-route^="dc.acls.index"] .filter-bar [role=radiogroup] input[type=radio]:hover + *,
html[data-route^="dc.acls.index"] .filter-bar [role=radiogroup] input[type=radio]:focus + * {
  background-color: var(--token-color-surface-primary);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
@media (min-width: 996px) {
  html[data-route^="dc.acls.index"] .filter-bar [role=radiogroup] {
    display: flex;
  }
  html[data-route^="dc.acls.index"] .filter-bar [role=radiogroup] label {
    flex-grow: 1;
  }
}
html[data-route^="dc.acls.index"] .filter-bar [role=radiogroup] input[type=radio] {
  display: none;
}

html[data-route^="dc.acls.index"] .filter-bar [role=radiogroup] label,
html[data-route^="dc.acls.index"] .filter-bar [role=radiogroup] label span {
  display: block;
}

html[data-route^="dc.acls.index"] .filter-bar [role=radiogroup],
html[data-route^="dc.acls.index"] .filter-bar [role=radiogroup] label,
html[data-route^="dc.acls.index"] .filter-bar [role=radiogroup] label span {
  height: 100%;
}

html[data-route^="dc.acls.index"] .filter-bar [role=radiogroup] label span {
  padding: 5px 14px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.oidc-select label [type=text], .app-view > div form:not(.filter-bar) [role=radiogroup] label [type=text],
.modal-dialog [role=document] [role=radiogroup] label [type=text],
.app-shell__main .type-select [type=text],
.modal-dialog [role=document] .type-select [type=text],
.app-shell__main .type-password [type=text],
.modal-dialog [role=document] .type-password [type=text],
.app-shell__main .type-text [type=text],
.modal-dialog [role=document] .type-text [type=text], .type-toggle [type=text],
.oidc-select label [type=password],
.app-view > div form:not(.filter-bar) [role=radiogroup] label [type=password],
.modal-dialog [role=document] [role=radiogroup] label [type=password],
.app-shell__main .type-select [type=password],
.modal-dialog [role=document] .type-select [type=password],
.app-shell__main .type-password [type=password],
.modal-dialog [role=document] .type-password [type=password],
.app-shell__main .type-text [type=password],
.modal-dialog [role=document] .type-text [type=password],
.type-toggle [type=password],
.oidc-select label textarea,
.app-view > div form:not(.filter-bar) [role=radiogroup] label textarea,
.modal-dialog [role=document] [role=radiogroup] label textarea,
.app-shell__main .type-select textarea,
.modal-dialog [role=document] .type-select textarea,
.app-shell__main .type-password textarea,
.modal-dialog [role=document] .type-password textarea,
.app-shell__main .type-text textarea,
.modal-dialog [role=document] .type-text textarea,
.type-toggle textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  box-shadow: var(--token-surface-inset-box-shadow);
  border-radius: var(--decor-radius-100);
  border: var(--decor-border-100);
  outline: none;
}

textarea:disabled + .CodeMirror,
.oidc-select label [type=text]:disabled,
.app-view > div form:not(.filter-bar) [role=radiogroup] label [type=text]:disabled,
.modal-dialog [role=document] [role=radiogroup] label [type=text]:disabled,
.app-shell__main .type-select [type=text]:disabled,
.modal-dialog [role=document] .type-select [type=text]:disabled,
.app-shell__main .type-password [type=text]:disabled,
.modal-dialog [role=document] .type-password [type=text]:disabled,
.app-shell__main .type-text [type=text]:disabled,
.modal-dialog [role=document] .type-text [type=text]:disabled,
.type-toggle [type=text]:disabled,
.oidc-select label [type=password]:disabled,
.app-view > div form:not(.filter-bar) [role=radiogroup] label [type=password]:disabled,
.modal-dialog [role=document] [role=radiogroup] label [type=password]:disabled,
.app-shell__main .type-select [type=password]:disabled,
.modal-dialog [role=document] .type-select [type=password]:disabled,
.app-shell__main .type-password [type=password]:disabled,
.modal-dialog [role=document] .type-password [type=password]:disabled,
.app-shell__main .type-text [type=password]:disabled,
.modal-dialog [role=document] .type-text [type=password]:disabled,
.type-toggle [type=password]:disabled,
.oidc-select label textarea:disabled,
.app-view > div form:not(.filter-bar) [role=radiogroup] label textarea:disabled,
.modal-dialog [role=document] [role=radiogroup] label textarea:disabled,
.app-shell__main .type-select textarea:disabled,
.modal-dialog [role=document] .type-select textarea:disabled,
.app-shell__main .type-password textarea:disabled,
.modal-dialog [role=document] .type-password textarea:disabled,
.app-shell__main .type-text textarea:disabled,
.modal-dialog [role=document] .type-text textarea:disabled,
.type-toggle textarea:disabled,
.oidc-select label [type=text]:read-only,
.app-view > div form:not(.filter-bar) [role=radiogroup] label [type=text]:read-only,
.modal-dialog [role=document] [role=radiogroup] label [type=text]:read-only,
.app-shell__main .type-select [type=text]:read-only,
.modal-dialog [role=document] .type-select [type=text]:read-only,
.app-shell__main .type-password [type=text]:read-only,
.modal-dialog [role=document] .type-password [type=text]:read-only,
.app-shell__main .type-text [type=text]:read-only,
.modal-dialog [role=document] .type-text [type=text]:read-only,
.type-toggle [type=text]:read-only,
.oidc-select label [type=password]:read-only,
.app-view > div form:not(.filter-bar) [role=radiogroup] label [type=password]:read-only,
.modal-dialog [role=document] [role=radiogroup] label [type=password]:read-only,
.app-shell__main .type-select [type=password]:read-only,
.modal-dialog [role=document] .type-select [type=password]:read-only,
.app-shell__main .type-password [type=password]:read-only,
.modal-dialog [role=document] .type-password [type=password]:read-only,
.app-shell__main .type-text [type=password]:read-only,
.modal-dialog [role=document] .type-text [type=password]:read-only,
.type-toggle [type=password]:read-only,
.oidc-select label textarea:read-only,
.app-view > div form:not(.filter-bar) [role=radiogroup] label textarea:read-only,
.modal-dialog [role=document] [role=radiogroup] label textarea:read-only,
.app-shell__main .type-select textarea:read-only,
.modal-dialog [role=document] .type-select textarea:read-only,
.app-shell__main .type-password textarea:read-only,
.modal-dialog [role=document] .type-password textarea:read-only,
.app-shell__main .type-text textarea:read-only,
.modal-dialog [role=document] .type-text textarea:read-only,
.type-toggle textarea:read-only {
  cursor: not-allowed;
}

.app-shell__main form fieldset > p,
.modal-dialog [role=document] form fieldset > p,
.app-shell__main form button + em,
.modal-dialog [role=document] form button + em,
.oidc-select label > em,
.app-view > div form:not(.filter-bar) [role=radiogroup] label > em,
.modal-dialog [role=document] [role=radiogroup] label > em,
.app-shell__main .type-select > em,
.modal-dialog [role=document] .type-select > em,
.app-shell__main .type-password > em,
.modal-dialog [role=document] .type-password > em,
.app-shell__main .type-text > em,
.modal-dialog [role=document] .type-text > em,
.type-toggle > em,
.oidc-select label [type=text]::placeholder,
.app-view > div form:not(.filter-bar) [role=radiogroup] label [type=text]::placeholder,
.modal-dialog [role=document] [role=radiogroup] label [type=text]::placeholder,
.app-shell__main .type-select [type=text]::placeholder,
.modal-dialog [role=document] .type-select [type=text]::placeholder,
.app-shell__main .type-password [type=text]::placeholder,
.modal-dialog [role=document] .type-password [type=text]::placeholder,
.app-shell__main .type-text [type=text]::placeholder,
.modal-dialog [role=document] .type-text [type=text]::placeholder,
.type-toggle [type=text]::placeholder,
.oidc-select label [type=password]::placeholder,
.app-view > div form:not(.filter-bar) [role=radiogroup] label [type=password]::placeholder,
.modal-dialog [role=document] [role=radiogroup] label [type=password]::placeholder,
.app-shell__main .type-select [type=password]::placeholder,
.modal-dialog [role=document] .type-select [type=password]::placeholder,
.app-shell__main .type-password [type=password]::placeholder,
.modal-dialog [role=document] .type-password [type=password]::placeholder,
.app-shell__main .type-text [type=password]::placeholder,
.modal-dialog [role=document] .type-text [type=password]::placeholder,
.type-toggle [type=password]::placeholder,
.oidc-select label textarea::placeholder,
.app-view > div form:not(.filter-bar) [role=radiogroup] label textarea::placeholder,
.modal-dialog [role=document] [role=radiogroup] label textarea::placeholder,
.app-shell__main .type-select textarea::placeholder,
.modal-dialog [role=document] .type-select textarea::placeholder,
.app-shell__main .type-password textarea::placeholder,
.modal-dialog [role=document] .type-password textarea::placeholder,
.app-shell__main .type-text textarea::placeholder,
.modal-dialog [role=document] .type-text textarea::placeholder,
.type-toggle textarea::placeholder {
  color: var(--token-color-foreground-faint);
}

.has-error > input,
.has-error > textarea {
  border-color: var(--decor-error, var(--token-color-foreground-critical)) !important;
}

.oidc-select label [type=text], .app-view > div form:not(.filter-bar) [role=radiogroup] label [type=text],
.modal-dialog [role=document] [role=radiogroup] label [type=text],
.app-shell__main .type-select [type=text],
.modal-dialog [role=document] .type-select [type=text],
.app-shell__main .type-password [type=text],
.modal-dialog [role=document] .type-password [type=text],
.app-shell__main .type-text [type=text],
.modal-dialog [role=document] .type-text [type=text], .type-toggle [type=text],
.oidc-select label [type=password],
.app-view > div form:not(.filter-bar) [role=radiogroup] label [type=password],
.modal-dialog [role=document] [role=radiogroup] label [type=password],
.app-shell__main .type-select [type=password],
.modal-dialog [role=document] .type-select [type=password],
.app-shell__main .type-password [type=password],
.modal-dialog [role=document] .type-password [type=password],
.app-shell__main .type-text [type=password],
.modal-dialog [role=document] .type-text [type=password],
.type-toggle [type=password],
.oidc-select label textarea,
.app-view > div form:not(.filter-bar) [role=radiogroup] label textarea,
.modal-dialog [role=document] [role=radiogroup] label textarea,
.app-shell__main .type-select textarea,
.modal-dialog [role=document] .type-select textarea,
.app-shell__main .type-password textarea,
.modal-dialog [role=document] .type-password textarea,
.app-shell__main .type-text textarea,
.modal-dialog [role=document] .type-text textarea,
.type-toggle textarea {
  color: var(--token-color-foreground-faint);
  border-color: var(--token-color-palette-neutral-300);
}

.oidc-select label [type=text]:hover, .app-view > div form:not(.filter-bar) [role=radiogroup] label [type=text]:hover,
.modal-dialog [role=document] [role=radiogroup] label [type=text]:hover,
.app-shell__main .type-select [type=text]:hover,
.modal-dialog [role=document] .type-select [type=text]:hover,
.app-shell__main .type-password [type=text]:hover,
.modal-dialog [role=document] .type-password [type=text]:hover,
.app-shell__main .type-text [type=text]:hover,
.modal-dialog [role=document] .type-text [type=text]:hover, .type-toggle [type=text]:hover,
.oidc-select label [type=password]:hover,
.app-view > div form:not(.filter-bar) [role=radiogroup] label [type=password]:hover,
.modal-dialog [role=document] [role=radiogroup] label [type=password]:hover,
.app-shell__main .type-select [type=password]:hover,
.modal-dialog [role=document] .type-select [type=password]:hover,
.app-shell__main .type-password [type=password]:hover,
.modal-dialog [role=document] .type-password [type=password]:hover,
.app-shell__main .type-text [type=password]:hover,
.modal-dialog [role=document] .type-text [type=password]:hover,
.type-toggle [type=password]:hover,
.oidc-select label textarea:hover,
.app-view > div form:not(.filter-bar) [role=radiogroup] label textarea:hover,
.modal-dialog [role=document] [role=radiogroup] label textarea:hover,
.app-shell__main .type-select textarea:hover,
.modal-dialog [role=document] .type-select textarea:hover,
.app-shell__main .type-password textarea:hover,
.modal-dialog [role=document] .type-password textarea:hover,
.app-shell__main .type-text textarea:hover,
.modal-dialog [role=document] .type-text textarea:hover,
.type-toggle textarea:hover {
  border-color: var(--token-color-foreground-faint);
}

.oidc-select label [type=text]:focus, .app-view > div form:not(.filter-bar) [role=radiogroup] label [type=text]:focus,
.modal-dialog [role=document] [role=radiogroup] label [type=text]:focus,
.app-shell__main .type-select [type=text]:focus,
.modal-dialog [role=document] .type-select [type=text]:focus,
.app-shell__main .type-password [type=text]:focus,
.modal-dialog [role=document] .type-password [type=text]:focus,
.app-shell__main .type-text [type=text]:focus,
.modal-dialog [role=document] .type-text [type=text]:focus, .type-toggle [type=text]:focus,
.oidc-select label [type=password]:focus,
.app-view > div form:not(.filter-bar) [role=radiogroup] label [type=password]:focus,
.modal-dialog [role=document] [role=radiogroup] label [type=password]:focus,
.app-shell__main .type-select [type=password]:focus,
.modal-dialog [role=document] .type-select [type=password]:focus,
.app-shell__main .type-password [type=password]:focus,
.modal-dialog [role=document] .type-password [type=password]:focus,
.app-shell__main .type-text [type=password]:focus,
.modal-dialog [role=document] .type-text [type=password]:focus,
.type-toggle [type=password]:focus,
.oidc-select label textarea:focus,
.app-view > div form:not(.filter-bar) [role=radiogroup] label textarea:focus,
.modal-dialog [role=document] [role=radiogroup] label textarea:focus,
.app-shell__main .type-select textarea:focus,
.modal-dialog [role=document] .type-select textarea:focus,
.app-shell__main .type-password textarea:focus,
.modal-dialog [role=document] .type-password textarea:focus,
.app-shell__main .type-text textarea:focus,
.modal-dialog [role=document] .type-text textarea:focus,
.type-toggle textarea:focus {
  border-color: var(--typo-action, var(--token-color-foreground-action));
}

span.label, .oidc-select label > span, .app-view > div form:not(.filter-bar) [role=radiogroup] label > span,
.modal-dialog [role=document] [role=radiogroup] label > span,
.app-shell__main .type-select > span,
.modal-dialog [role=document] .type-select > span,
.app-shell__main .type-password > span,
.modal-dialog [role=document] .type-password > span,
.app-shell__main .type-text > span,
.modal-dialog [role=document] .type-text > span, .type-toggle > span {
  color: var(--typo-contrast, inherit);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.oidc-select label, .app-view > div form:not(.filter-bar) [role=radiogroup] label,
.modal-dialog [role=document] [role=radiogroup] label,
.app-shell__main .type-select,
.modal-dialog [role=document] .type-select,
.app-shell__main .type-password,
.modal-dialog [role=document] .type-password,
.app-shell__main .type-text,
.modal-dialog [role=document] .type-text, .type-toggle,
span.label,
.oidc-select label > span,
.app-view > div form:not(.filter-bar) [role=radiogroup] label > span,
.modal-dialog [role=document] [role=radiogroup] label > span,
.app-shell__main .type-select > span,
.modal-dialog [role=document] .type-select > span,
.app-shell__main .type-password > span,
.modal-dialog [role=document] .type-password > span,
.app-shell__main .type-text > span,
.modal-dialog [role=document] .type-text > span,
.type-toggle > span,
.app-shell__main form button + em,
.modal-dialog [role=document] form button + em,
.oidc-select label > em,
.app-view > div form:not(.filter-bar) [role=radiogroup] label > em,
.modal-dialog [role=document] [role=radiogroup] label > em,
.app-shell__main .type-select > em,
.modal-dialog [role=document] .type-select > em,
.app-shell__main .type-password > em,
.modal-dialog [role=document] .type-password > em,
.app-shell__main .type-text > em,
.modal-dialog [role=document] .type-text > em,
.type-toggle > em,
.oidc-select label textarea,
.app-view > div form:not(.filter-bar) [role=radiogroup] label textarea,
.modal-dialog [role=document] [role=radiogroup] label textarea,
.app-shell__main .type-select textarea,
.modal-dialog [role=document] .type-select textarea,
.app-shell__main .type-password textarea,
.modal-dialog [role=document] .type-password textarea,
.app-shell__main .type-text textarea,
.modal-dialog [role=document] .type-text textarea,
.type-toggle textarea {
  display: block;
}

.oidc-select label a, .app-view > div form:not(.filter-bar) [role=radiogroup] label a,
.modal-dialog [role=document] [role=radiogroup] label a,
.app-shell__main .type-select a,
.modal-dialog [role=document] .type-select a,
.app-shell__main .type-password a,
.modal-dialog [role=document] .type-password a,
.app-shell__main .type-text a,
.modal-dialog [role=document] .type-text a, .type-toggle a {
  display: inline;
}

.oidc-select label [type=text], .app-view > div form:not(.filter-bar) [role=radiogroup] label [type=text],
.modal-dialog [role=document] [role=radiogroup] label [type=text],
.app-shell__main .type-select [type=text],
.modal-dialog [role=document] .type-select [type=text],
.app-shell__main .type-password [type=text],
.modal-dialog [role=document] .type-password [type=text],
.app-shell__main .type-text [type=text],
.modal-dialog [role=document] .type-text [type=text], .type-toggle [type=text],
.oidc-select label [type=password],
.app-view > div form:not(.filter-bar) [role=radiogroup] label [type=password],
.modal-dialog [role=document] [role=radiogroup] label [type=password],
.app-shell__main .type-select [type=password],
.modal-dialog [role=document] .type-select [type=password],
.app-shell__main .type-password [type=password],
.modal-dialog [role=document] .type-password [type=password],
.app-shell__main .type-text [type=password],
.modal-dialog [role=document] .type-text [type=password],
.type-toggle [type=password] {
  display: inline-flex;
  justify-content: flex-start;
}

.oidc-select label textarea, .app-view > div form:not(.filter-bar) [role=radiogroup] label textarea,
.modal-dialog [role=document] [role=radiogroup] label textarea,
.app-shell__main .type-select textarea,
.modal-dialog [role=document] .type-select textarea,
.app-shell__main .type-password textarea,
.modal-dialog [role=document] .type-password textarea,
.app-shell__main .type-text textarea,
.modal-dialog [role=document] .type-text textarea, .type-toggle textarea {
  resize: vertical;
}

.app-shell__main form table,
.modal-dialog [role=document] form table,
.app-view > div form:not(.filter-bar) [role=radiogroup],
.modal-dialog [role=document] [role=radiogroup], .oidc-select label, .app-view > div form:not(.filter-bar) [role=radiogroup] label,
.modal-dialog [role=document] [role=radiogroup] label,
.app-shell__main .type-select,
.modal-dialog [role=document] .type-select,
.app-shell__main .type-password,
.modal-dialog [role=document] .type-password,
.app-shell__main .type-text,
.modal-dialog [role=document] .type-text, .type-toggle, .checkbox-group {
  margin-bottom: 1.4em;
}

span.label, .oidc-select label > span, .app-view > div form:not(.filter-bar) [role=radiogroup] label > span,
.modal-dialog [role=document] [role=radiogroup] label > span,
.app-shell__main .type-select > span,
.modal-dialog [role=document] .type-select > span,
.app-shell__main .type-password > span,
.modal-dialog [role=document] .type-password > span,
.app-shell__main .type-text > span,
.modal-dialog [role=document] .type-text > span, .type-toggle > span {
  margin-bottom: 0.3em;
}

.oidc-select label [type=text], .app-view > div form:not(.filter-bar) [role=radiogroup] label [type=text],
.modal-dialog [role=document] [role=radiogroup] label [type=text],
.app-shell__main .type-select [type=text],
.modal-dialog [role=document] .type-select [type=text],
.app-shell__main .type-password [type=text],
.modal-dialog [role=document] .type-password [type=text],
.app-shell__main .type-text [type=text],
.modal-dialog [role=document] .type-text [type=text], .type-toggle [type=text],
.oidc-select label [type=password],
.app-view > div form:not(.filter-bar) [role=radiogroup] label [type=password],
.modal-dialog [role=document] [role=radiogroup] label [type=password],
.app-shell__main .type-select [type=password],
.modal-dialog [role=document] .type-select [type=password],
.app-shell__main .type-password [type=password],
.modal-dialog [role=document] .type-password [type=password],
.app-shell__main .type-text [type=password],
.modal-dialog [role=document] .type-text [type=password],
.type-toggle [type=password] {
  max-width: 100%;
  width: 100%;
  /* height: 2.25em; */
  height: 0;
  padding: 17px 13px;
}

.oidc-select label textarea, .app-view > div form:not(.filter-bar) [role=radiogroup] label textarea,
.modal-dialog [role=document] [role=radiogroup] label textarea,
.app-shell__main .type-select textarea,
.modal-dialog [role=document] .type-select textarea,
.app-shell__main .type-password textarea,
.modal-dialog [role=document] .type-password textarea,
.app-shell__main .type-text textarea,
.modal-dialog [role=document] .type-text textarea, .type-toggle textarea {
  max-width: 100%;
  min-width: 100%;
  min-height: 70px;
  padding: 6px 13px;
}

/* TODO: notes after buttons need less space, ideally they'd be the same */
.app-shell__main form button + em,
.modal-dialog [role=document] form button + em {
  margin-top: 0.5em;
}

.app-shell__main form button + em,
.modal-dialog [role=document] form button + em,
.oidc-select label > em,
.app-view > div form:not(.filter-bar) [role=radiogroup] label > em,
.modal-dialog [role=document] [role=radiogroup] label > em,
.app-shell__main .type-select > em,
.modal-dialog [role=document] .type-select > em,
.app-shell__main .type-password > em,
.modal-dialog [role=document] .type-password > em,
.app-shell__main .type-text > em,
.modal-dialog [role=document] .type-text > em,
.type-toggle > em {
  margin-top: 2px;
}

/* this is for label span em input */
span.label + em, .oidc-select label > span + em, .app-view > div form:not(.filter-bar) [role=radiogroup] label > span + em,
.modal-dialog [role=document] [role=radiogroup] label > span + em,
.app-shell__main .type-select > span + em,
.modal-dialog [role=document] .type-select > span + em,
.app-shell__main .type-password > span + em,
.modal-dialog [role=document] .type-password > span + em,
.app-shell__main .type-text > span + em,
.modal-dialog [role=document] .type-text > span + em, .type-toggle > span + em {
  margin-top: -0.5em;
  margin-bottom: 0.5em;
}

/* TODO: This is positioning the element */
/* probably should be in a special %form class*/
/* project level*/
.type-dialog {
  float: right;
}

.app-shell__main .type-select > span,
.modal-dialog [role=document] .type-select > span,
.app-shell__main .type-password > span,
.modal-dialog [role=document] .type-password > span,
.app-shell__main label.type-text > span,
.modal-dialog [role=document] label.type-text > span {
  line-height: 2.2em;
}

.type-toggle + .checkbox-group {
  margin-top: -1em;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#docfy-demo-preview-icon-definition dl > dt > *, .consul-lock-session-list ul > li:not(:first-child) > .detail dl > dt > *, .consul-exposed-path-list > ul > li > .detail dl > dt > *, .consul-upstream-instance-list li > .detail dl > dt > *, .list-collection > ul > li:not(:first-child) > .detail dl > dt > * {
  display: none;
}

#docfy-demo-preview-icon-definition dl.passing dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.passing dt::before, .consul-exposed-path-list > ul > li > .detail dl.passing dt::before, .consul-upstream-instance-list li > .detail dl.passing dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.passing dt::before,
.consul-lock-session-list ul > li:not(:first-child) > .header .passing dd::before,
.consul-exposed-path-list > ul > li > .header .passing dd::before,
.consul-upstream-instance-list li > .header .passing dd::before,
.list-collection > ul > li:not(:first-child) > .header .passing dd::before {
  color: var(--token-color-foreground-success);
}

#docfy-demo-preview-icon-definition dl.warning dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.warning dt::before, .consul-exposed-path-list > ul > li > .detail dl.warning dt::before, .consul-upstream-instance-list li > .detail dl.warning dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.warning dt::before,
.consul-lock-session-list ul > li:not(:first-child) > .header .warning dd::before,
.consul-exposed-path-list > ul > li > .header .warning dd::before,
.consul-upstream-instance-list li > .header .warning dd::before,
.list-collection > ul > li:not(:first-child) > .header .warning dd::before {
  color: var(--token-color-foreground-warning);
}

#docfy-demo-preview-icon-definition dl.critical dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.critical dt::before, .consul-exposed-path-list > ul > li > .detail dl.critical dt::before, .consul-upstream-instance-list li > .detail dl.critical dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.critical dt::before,
.consul-lock-session-list ul > li:not(:first-child) > .header .critical dd::before,
.consul-exposed-path-list > ul > li > .header .critical dd::before,
.consul-upstream-instance-list li > .header .critical dd::before,
.list-collection > ul > li:not(:first-child) > .header .critical dd::before {
  color: var(--token-color-foreground-critical);
}

#docfy-demo-preview-icon-definition dl.empty dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.empty dt::before, .consul-exposed-path-list > ul > li > .detail dl.empty dt::before, .consul-upstream-instance-list li > .detail dl.empty dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.empty dt::before,
.consul-lock-session-list ul > li:not(:first-child) > .header .empty dd::before,
.consul-exposed-path-list > ul > li > .header .empty dd::before,
.consul-upstream-instance-list li > .header .empty dd::before,
.list-collection > ul > li:not(:first-child) > .header .empty dd::before {
  color: var(--token-color-foreground-faint);
}

#docfy-demo-preview-icon-definition dl.unknown dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.unknown dt::before, .consul-exposed-path-list > ul > li > .detail dl.unknown dt::before, .consul-upstream-instance-list li > .detail dl.unknown dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.unknown dt::before,
.consul-lock-session-list ul > li:not(:first-child) > .header .unknown dd::before,
.consul-exposed-path-list > ul > li > .header .unknown dd::before,
.consul-upstream-instance-list li > .header .unknown dd::before,
.list-collection > ul > li:not(:first-child) > .header .unknown dd::before {
  color: var(--token-color-foreground-faint);
}

.consul-lock-session-list ul > li:not(:first-child) > .header [rel=me] dd::before, .consul-exposed-path-list > ul > li > .header [rel=me] dd::before, .consul-upstream-instance-list li > .header [rel=me] dd::before, .list-collection > ul > li:not(:first-child) > .header [rel=me] dd::before {
  color: var(--token-color-foreground-action);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-intention-permission-header-list > ul > li, .consul-intention-permission-list > ul > li, .consul-lock-session-list ul > li:not(:first-child), .consul-exposed-path-list > ul > li, .consul-upstream-instance-list li, .list-collection > ul > li:not(:first-child) {
  list-style-type: none;
  border: var(--decor-border-100);
  border-top-color: transparent;
  border-bottom-color: var(--token-color-surface-interactive-active);
  border-right-color: transparent;
  border-left-color: transparent;
}

.consul-intention-permission-list:not(.readonly) > ul > li:hover,
.consul-intention-permission-list:not(.readonly) > ul > li:focus,
.consul-intention-permission-list:not(.readonly) > ul > li:active, .consul-lock-session-list ul > li.linkable:hover:not(:first-child), .consul-exposed-path-list > ul > li.linkable:hover, .consul-upstream-instance-list li.linkable:hover, .list-collection > ul > li.linkable:hover:not(:first-child),
.consul-service-instance-list > ul > li:hover:not(:first-child),
.consul-node-list > ul > li:hover:not(:first-child),
.consul-token-list > ul > li:hover:not(:first-child),
.consul-policy-list > ul > li:hover:not(:first-child),
.consul-role-list > ul > li:hover:not(:first-child),
.consul-auth-method-list > ul > li:hover:not(:first-child),
.consul-lock-session-list ul > li.linkable:focus:not(:first-child),
.consul-exposed-path-list > ul > li.linkable:focus,
.consul-upstream-instance-list li.linkable:focus,
.list-collection > ul > li.linkable:focus:not(:first-child),
.consul-service-instance-list > ul > li:focus:not(:first-child),
.consul-node-list > ul > li:focus:not(:first-child),
.consul-token-list > ul > li:focus:not(:first-child),
.consul-policy-list > ul > li:focus:not(:first-child),
.consul-role-list > ul > li:focus:not(:first-child),
.consul-auth-method-list > ul > li:focus:not(:first-child),
.consul-lock-session-list ul > li.linkable:active:not(:first-child),
.consul-exposed-path-list > ul > li.linkable:active,
.consul-upstream-instance-list li.linkable:active,
.list-collection > ul > li.linkable:active:not(:first-child),
.consul-service-instance-list > ul > li:active:not(:first-child),
.consul-node-list > ul > li:active:not(:first-child),
.consul-token-list > ul > li:active:not(:first-child),
.consul-policy-list > ul > li:active:not(:first-child),
.consul-role-list > ul > li:active:not(:first-child),
.consul-auth-method-list > ul > li:active:not(:first-child) {
  border-color: var(--token-color-surface-interactive-active);
  box-shadow: var(--token-elevation-high-box-shadow);
  border-top-color: transparent;
  cursor: pointer;
}

.consul-lock-session-list ul > li:not(:first-child) > .header, .consul-exposed-path-list > ul > li > .header, .consul-upstream-instance-list li > .header, .list-collection > ul > li:not(:first-child) > .header {
  color: var(--token-color-hashicorp-brand);
}

.consul-lock-session-list ul > li:not(:first-child) > .header *, .consul-exposed-path-list > ul > li > .header *, .consul-upstream-instance-list li > .header *, .list-collection > ul > li:not(:first-child) > .header * {
  color: inherit;
}

.consul-lock-session-list ul > li:not(:first-child) > .detail, .consul-exposed-path-list > ul > li > .detail, .consul-upstream-instance-list li > .detail, .list-collection > ul > li:not(:first-child) > .detail {
  color: var(--token-color-foreground-faint);
}

.consul-lock-session-list ul > li:not(:first-child) > .detail a, .consul-exposed-path-list > ul > li > .detail a, .consul-upstream-instance-list li > .detail a, .list-collection > ul > li:not(:first-child) > .detail a {
  color: inherit;
}

.consul-lock-session-list ul > li:not(:first-child) > .detail a:hover, .consul-exposed-path-list > ul > li > .detail a:hover, .consul-upstream-instance-list li > .detail a:hover, .list-collection > ul > li:not(:first-child) > .detail a:hover {
  color: var(--token-color-foreground-action);
  text-decoration: underline;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-intention-permission-header-list > ul > li, .consul-intention-permission-list > ul > li, .consul-lock-session-list ul > li:not(:first-child), .consul-exposed-path-list > ul > li, .consul-upstream-instance-list li, .list-collection > ul > li:not(:first-child) {
  /* this can be reused by internal components */
  /* for positioning if required */
  --horizontal-padding: 12px;
  --vertical-padding: 10px;
  padding: var(--vertical-padding) 0;
  /* whilst this isn't in the designs this makes our temporary rollover look better */
  /* it doesn't happen on the right as we use a larger hit area with our */
  /* meatball menu which would overlap this and the meatball is the most */
  /* right hand 'action' button */
  padding-left: var(--horizontal-padding);
  /* once we have our scroll pane refresh we no longer need a padding for */
  /* shadowing/rollover purposes so a lot of that ^ can go */
}

.consul-lock-session-list ul > li:not(:first-child) > .detail, .consul-exposed-path-list > ul > li > .detail, .consul-upstream-instance-list li > .detail, .list-collection > ul > li:not(:first-child) > .detail,
.consul-lock-session-list ul > li:not(:first-child) > .header > dl:first-child,
.consul-exposed-path-list > ul > li > .header > dl:first-child,
.consul-upstream-instance-list li > .header > dl:first-child,
.list-collection > ul > li:not(:first-child) > .header > dl:first-child {
  margin-right: 6px;
}

.consul-lock-session-list ul > li:not(:first-child) > .header dt, .consul-exposed-path-list > ul > li > .header dt, .consul-upstream-instance-list li > .header dt, .list-collection > ul > li:not(:first-child) > .header dt {
  display: none;
}

.consul-lock-session-list ul > li:not(:first-child) > .header dd::before, .consul-exposed-path-list > ul > li > .header dd::before, .consul-upstream-instance-list li > .header dd::before, .list-collection > ul > li:not(:first-child) > .header dd::before {
  font-size: 0.9em;
}

.consul-lock-session-list ul > li:not(:first-child) > .detail, .consul-exposed-path-list > ul > li > .detail, .consul-upstream-instance-list li > .detail, .list-collection > ul > li:not(:first-child) > .detail,
.consul-lock-session-list ul > li:not(:first-child) > .header,
.consul-exposed-path-list > ul > li > .header,
.consul-upstream-instance-list li > .header,
.list-collection > ul > li:not(:first-child) > .header {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: hidden;
}

.consul-lock-session-list ul > li:not(:first-child) > .header *, .consul-exposed-path-list > ul > li > .header *, .consul-upstream-instance-list li > .header *, .list-collection > ul > li:not(:first-child) > .header *,
.consul-lock-session-list ul > li:not(:first-child) > .detail *,
.consul-exposed-path-list > ul > li > .detail *,
.consul-upstream-instance-list li > .detail *,
.list-collection > ul > li:not(:first-child) > .detail * {
  white-space: nowrap;
  flex-wrap: nowrap;
}

.consul-lock-session-list ul > li:not(:first-child) > .detail > span, .consul-exposed-path-list > ul > li > .detail > span, .consul-upstream-instance-list li > .detail > span, .list-collection > ul > li:not(:first-child) > .detail > span {
  margin-right: 18px;
}

.consul-intention-permission-header-list > ul > li, .consul-intention-permission-list > ul > li {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.consul-intention-permission-header-list > ul > li .detail, .consul-intention-permission-list > ul > li .detail {
  grid-row-start: header !important;
  grid-row-end: detail !important;
  align-self: center !important;
  padding: 5px 0;
}

.consul-intention-permission-header-list > ul > li .popover-menu > [type=checkbox] + label, .consul-intention-permission-list > ul > li .popover-menu > [type=checkbox] + label {
  padding: 0;
}

.consul-intention-permission-header-list > ul > li .popover-menu > [type=checkbox] + label + div:not(.above), .consul-intention-permission-list > ul > li .popover-menu > [type=checkbox] + label + div:not(.above) {
  top: 30px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
[id^=docfy-demo-preview-inline-alert] strong.success,
[id^=docfy-demo-preview-inline-alert] strong.info,
[id^=docfy-demo-preview-inline-alert] strong.error,
.has-error > strong,
[id^=docfy-demo-preview-inline-alert] strong.warning {
  font-style: normal;
  font-weight: var(--token-typography-font-weight-regular);
}

[id^=docfy-demo-preview-inline-alert] strong.success,
[id^=docfy-demo-preview-inline-alert] strong.info,
[id^=docfy-demo-preview-inline-alert] strong.error,
.has-error > strong,
[id^=docfy-demo-preview-inline-alert] strong.warning {
  color: inherit;
}

[id^=docfy-demo-preview-inline-alert] strong.error, .has-error > strong {
  color: var(--token-color-foreground-critical);
}

[id^=docfy-demo-preview-inline-alert] strong.success::before {
  color: var(--token-color-foreground-success);
}

[id^=docfy-demo-preview-inline-alert] strong.error::before, .has-error > strong::before {
  color: var(--token-color-foreground-critical);
}

[id^=docfy-demo-preview-inline-alert] strong.warning::before {
  color: var(--token-color-foreground-warning);
  /* the warning triangle always looks */
  /* too low just because its a triangle */
  /* this tweak make it look better */
  margin-top: -9px;
}

[id^=docfy-demo-preview-inline-alert] strong.info::before {
  color: var(--token-color-foreground-action);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
[id^=docfy-demo-preview-inline-alert] strong.success,
[id^=docfy-demo-preview-inline-alert] strong.info,
[id^=docfy-demo-preview-inline-alert] strong.error,
.has-error > strong,
[id^=docfy-demo-preview-inline-alert] strong.warning {
  position: relative;
  padding-left: 20px;
}

[id^=docfy-demo-preview-inline-alert] strong.success::before,
[id^=docfy-demo-preview-inline-alert] strong.info::before,
[id^=docfy-demo-preview-inline-alert] strong.error::before,
.has-error > strong::before,
[id^=docfy-demo-preview-inline-alert] strong.warning::before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
table.with-details tr > .actions > [type=checkbox] + label + div > div + ul, table.has-actions tr > .actions > [type=checkbox] + label + div > div + ul, .more-popover-menu > [type=checkbox] + label + div > div + ul, .popover-menu > [type=checkbox] + label + div > div + ul, .disclosure-menu [aria-expanded] ~ * > div + ul, .menu-panel > div + ul {
  border-top: var(--decor-border-100);
  border-color: var(--token-form--base-border-color-default);
}

/* if the first item is a separator and it */
/* contains text don't add a line */
table.with-details tr > .actions > [type=checkbox] + label + div [role=separator]:first-child:not(:empty), table.has-actions tr > .actions > [type=checkbox] + label + div [role=separator]:first-child:not(:empty), .more-popover-menu > [type=checkbox] + label + div [role=separator]:first-child:not(:empty), .popover-menu > [type=checkbox] + label + div [role=separator]:first-child:not(:empty), .disclosure-menu [aria-expanded] ~ * [role=separator]:first-child:not(:empty), .menu-panel [role=separator]:first-child:not(:empty) {
  border: none;
}

table.with-details tr > .actions > [type=checkbox] + label + div [role=separator], table.has-actions tr > .actions > [type=checkbox] + label + div [role=separator], .more-popover-menu > [type=checkbox] + label + div [role=separator], .popover-menu > [type=checkbox] + label + div [role=separator], .disclosure-menu [aria-expanded] ~ * [role=separator], .menu-panel [role=separator] {
  text-transform: uppercase;
  color: var(--token-color-foreground-faint);
}

table.with-details tr > .actions > [type=checkbox] + label + div > ul > li, table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li, .more-popover-menu > [type=checkbox] + label + div > ul > li, .popover-menu > [type=checkbox] + label + div > ul > li, .disclosure-menu [aria-expanded] ~ * > ul > li, .menu-panel > ul > li {
  list-style-type: none;
}

table.with-details tr > .actions > [type=checkbox] + label + div > ul .informed-action, table.has-actions tr > .actions > [type=checkbox] + label + div > ul .informed-action, .more-popover-menu > [type=checkbox] + label + div > ul .informed-action, .popover-menu > [type=checkbox] + label + div > ul .informed-action, .disclosure-menu [aria-expanded] ~ * > ul .informed-action, .menu-panel > ul .informed-action {
  border: 0 !important;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
table.with-details tr > .actions > [type=checkbox] + label + div > div, table.has-actions tr > .actions > [type=checkbox] + label + div > div, .more-popover-menu > [type=checkbox] + label + div > div, .popover-menu > [type=checkbox] + label + div > div, .disclosure-menu [aria-expanded] ~ * > div, .menu-panel > div {
  padding: 0.625rem var(--padding-x); /* 10px */
  white-space: normal;
}

table.with-details tr > .actions > [type=checkbox] + label + div > div, table.has-actions tr > .actions > [type=checkbox] + label + div > div, .more-popover-menu > [type=checkbox] + label + div > div, .popover-menu > [type=checkbox] + label + div > div, .disclosure-menu [aria-expanded] ~ * > div, .menu-panel > div {
  max-width: fit-content;
}

@supports not (max-width: fit-content) {
  table.with-details tr > .actions > [type=checkbox] + label + div > div, table.has-actions tr > .actions > [type=checkbox] + label + div > div, .more-popover-menu > [type=checkbox] + label + div > div, .popover-menu > [type=checkbox] + label + div > div, .disclosure-menu [aria-expanded] ~ * > div, .menu-panel > div {
    max-width: 200px;
  }
}
table.with-details tr > .actions > [type=checkbox] + label + div > div::before, table.has-actions tr > .actions > [type=checkbox] + label + div > div::before, .more-popover-menu > [type=checkbox] + label + div > div::before, .popover-menu > [type=checkbox] + label + div > div::before, .disclosure-menu [aria-expanded] ~ * > div::before, .menu-panel > div::before {
  position: absolute;
  left: 15px;
  top: calc(10px + 0.1em);
}

table.with-details tr > .actions > [type=checkbox] + label + div > ul, table.has-actions tr > .actions > [type=checkbox] + label + div > ul, .more-popover-menu > [type=checkbox] + label + div > ul, .popover-menu > [type=checkbox] + label + div > ul, .disclosure-menu [aria-expanded] ~ * > ul, .menu-panel > ul {
  margin: 0;
  padding: calc(var(--padding-y) - 0.625rem) 0; /* 10px */
}

table.with-details tr > .actions > [type=checkbox] + label + div > ul, table.has-actions tr > .actions > [type=checkbox] + label + div > ul, .more-popover-menu > [type=checkbox] + label + div > ul, .popover-menu > [type=checkbox] + label + div > ul, .disclosure-menu [aria-expanded] ~ * > ul, .menu-panel > ul,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li,
.more-popover-menu > [type=checkbox] + label + div > ul > li,
.popover-menu > [type=checkbox] + label + div > ul > li,
.disclosure-menu [aria-expanded] ~ * > ul > li,
.menu-panel > ul > li,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > *,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > *,
.more-popover-menu > [type=checkbox] + label + div > ul > li > *,
.popover-menu > [type=checkbox] + label + div > ul > li > *,
.disclosure-menu [aria-expanded] ~ * > ul > li > *,
.menu-panel > ul > li > * {
  width: 100%;
}

table.with-details tr > .actions > [type=checkbox] + label + div > ul > li, table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li, .more-popover-menu > [type=checkbox] + label + div > ul > li, .popover-menu > [type=checkbox] + label + div > ul > li, .disclosure-menu [aria-expanded] ~ * > ul > li, .menu-panel > ul > li,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem],
.more-popover-menu > [type=checkbox] + label + div > ul > [role=treeitem],
.popover-menu > [type=checkbox] + label + div > ul > [role=treeitem],
.disclosure-menu [aria-expanded] ~ * > ul > [role=treeitem],
.menu-panel > ul > [role=treeitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=menuitem],
.menu-panel > ul > li > [role=menuitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=option],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=option],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=option],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=option],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=option],
.menu-panel > ul > li > [role=option] {
  text-align: left;
}

table.with-details tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem], table.has-actions tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem], .more-popover-menu > [type=checkbox] + label + div > ul > [role=treeitem], .popover-menu > [type=checkbox] + label + div > ul > [role=treeitem], .disclosure-menu [aria-expanded] ~ * > ul > [role=treeitem], .menu-panel > ul > [role=treeitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=menuitem],
.menu-panel > ul > li > [role=menuitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=option],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=option],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=option],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=option],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=option],
.menu-panel > ul > li > [role=option] {
  display: flex;
}

table.with-details tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem]::after, table.has-actions tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem]::after, .more-popover-menu > [type=checkbox] + label + div > ul > [role=treeitem]::after, .popover-menu > [type=checkbox] + label + div > ul > [role=treeitem]::after, .disclosure-menu [aria-expanded] ~ * > ul > [role=treeitem]::after, .menu-panel > ul > [role=treeitem]::after,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem]::after,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem]::after,
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem]::after,
.popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem]::after,
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=menuitem]::after,
.menu-panel > ul > li > [role=menuitem]::after,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=option]::after,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=option]::after,
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=option]::after,
.popover-menu > [type=checkbox] + label + div > ul > li > [role=option]::after,
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=option]::after,
.menu-panel > ul > li > [role=option]::after {
  margin-left: auto;
  /* as we are using margin-left for right align */
  /* we can't use it for an absolute margin-left */
  /* so cheat with a bit of padding/translate */
  padding-right: var(--padding-x);
  transform: translate(calc(var(--padding-x) / 2), 0);
}

table.with-details tr > .actions > [type=checkbox] + label + div [role=separator], table.has-actions tr > .actions > [type=checkbox] + label + div [role=separator], .more-popover-menu > [type=checkbox] + label + div [role=separator], .popover-menu > [type=checkbox] + label + div [role=separator], .disclosure-menu [aria-expanded] ~ * [role=separator], .menu-panel [role=separator] {
  padding-top: 0.375rem; /* 6px */
}

table.with-details tr > .actions > [type=checkbox] + label + div [role=separator]:not(:first-child), table.has-actions tr > .actions > [type=checkbox] + label + div [role=separator]:not(:first-child), .more-popover-menu > [type=checkbox] + label + div [role=separator]:not(:first-child), .popover-menu > [type=checkbox] + label + div [role=separator]:not(:first-child), .disclosure-menu [aria-expanded] ~ * [role=separator]:not(:first-child), .menu-panel [role=separator]:not(:first-child) {
  margin-top: 0.275rem; /* 6px */
}

table.with-details tr > .actions > [type=checkbox] + label + div [role=separator]:not(:empty), table.has-actions tr > .actions > [type=checkbox] + label + div [role=separator]:not(:empty), .more-popover-menu > [type=checkbox] + label + div [role=separator]:not(:empty), .popover-menu > [type=checkbox] + label + div [role=separator]:not(:empty), .disclosure-menu [aria-expanded] ~ * [role=separator]:not(:empty), .menu-panel [role=separator]:not(:empty) {
  padding-left: var(--padding-x);
  padding-right: var(--padding-x);
  padding-bottom: 0.125rem; /* 2px */
}

table.with-details tr > .actions > [type=checkbox] + label + div.menu-panel-confirming, table.has-actions tr > .actions > [type=checkbox] + label + div.menu-panel-confirming, .more-popover-menu > [type=checkbox] + label + div.menu-panel-confirming, .popover-menu > [type=checkbox] + label + div.menu-panel-confirming, .menu-panel-confirming.menu-panel, .disclosure-menu [aria-expanded] ~ .menu-panel-confirming {
  overflow: hidden;
}

table.with-details tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem] + *, table.has-actions tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem] + *, .more-popover-menu > [type=checkbox] + label + div > ul > [role=treeitem] + *, .popover-menu > [type=checkbox] + label + div > ul > [role=treeitem] + *, .disclosure-menu [aria-expanded] ~ * > ul > [role=treeitem] + *, .menu-panel > ul > [role=treeitem] + *,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem] + *,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem] + *,
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem] + *,
.popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem] + *,
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=menuitem] + *,
.menu-panel > ul > li > [role=menuitem] + *,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=option] + *,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=option] + *,
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=option] + *,
.popover-menu > [type=checkbox] + label + div > ul > li > [role=option] + *,
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=option] + *,
.menu-panel > ul > li > [role=option] + * {
  position: absolute;
  top: 0;
  left: calc(100% + 10px);
}

table.with-details tr > .actions > [type=checkbox] + label + div > ul, table.has-actions tr > .actions > [type=checkbox] + label + div > ul, .more-popover-menu > [type=checkbox] + label + div > ul, .popover-menu > [type=checkbox] + label + div > ul, .disclosure-menu [aria-expanded] ~ * > ul, .menu-panel > ul {
  transition: transform 150ms;
}

table.with-details tr > .actions > [type=checkbox] + label + div.menu-panel-confirming > ul, table.has-actions tr > .actions > [type=checkbox] + label + div.menu-panel-confirming > ul, .more-popover-menu > [type=checkbox] + label + div.menu-panel-confirming > ul, .popover-menu > [type=checkbox] + label + div.menu-panel-confirming > ul, .menu-panel-confirming.menu-panel > ul, .disclosure-menu [aria-expanded] ~ .menu-panel-confirming > ul {
  transform: translateX(calc(-100% - 10px));
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/* old stuff */
table.with-details tr > .actions > [type=checkbox] + label + div, table.has-actions tr > .actions > [type=checkbox] + label + div, .more-popover-menu > [type=checkbox] + label + div, .popover-menu > [type=checkbox] + label + div, .menu-panel, .disclosure-menu [aria-expanded] ~ * {
  overflow: hidden;
}

.menu-panel-deprecated {
  position: absolute;
}

.menu-panel-deprecated [type=checkbox] {
  display: none;
}

.menu-panel-deprecated {
  transition: max-height 150ms;
}

.menu-panel-deprecated {
  transition: min-height 150ms, max-height 150ms;
  min-height: 0;
}

.menu-panel-deprecated > ul > li > *:not(div[role=menu]) {
  position: relative;
}

.menu-panel-deprecated:not(.left) {
  right: 0px !important;
  left: auto !important;
}

.left.menu-panel-deprecated {
  left: 0px;
}

.menu-panel-deprecated:not(.above) {
  top: 28px;
}

.above.menu-panel-deprecated {
  bottom: 42px;
}

/* first-child is highly likely to be the button/or anchor*/
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/* using the inut in the selector here means it won't */
/* take on the default :checked chevron icon */
/* This gives the trigger a slightly larger invisible hit area */
table.with-details tr > .actions .popover-menu > [type=checkbox] + label, table.has-actions tr > .actions .popover-menu > [type=checkbox] + label, .more-popover-menu .popover-menu > [type=checkbox] + label {
  padding: 7px;
}

table.with-details tr > .actions .popover-menu > [type=checkbox] + label > *, table.has-actions tr > .actions .popover-menu > [type=checkbox] + label > *, .more-popover-menu .popover-menu > [type=checkbox] + label > * {
  background-color: transparent;
  border-radius: var(--decor-radius-100);
  width: 30px;
  height: 30px;
  font-size: 0;
}

table.with-details tr > .actions .popover-menu > [type=checkbox] + label > *::after, table.has-actions tr > .actions .popover-menu > [type=checkbox] + label > *::after, .more-popover-menu .popover-menu > [type=checkbox] + label > *::after {
  --icon-name: icon-more-horizontal;
  --icon-color: var(--token-color-foreground-strong);
  --icon-size: icon-300;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

table.with-details tr > .actions .popover-menu > [type=checkbox] + label > *:active, table.has-actions tr > .actions .popover-menu > [type=checkbox] + label > *:active, .more-popover-menu .popover-menu > [type=checkbox] + label > *:active {
  background-color: var(--token-color-surface-strong);
}

table.with-details tr > .actions .popover-menu > [type=checkbox] + label > *:hover, table.has-actions tr > .actions .popover-menu > [type=checkbox] + label > *:hover, .more-popover-menu .popover-menu > [type=checkbox] + label > *:hover,
table.with-details tr > .actions .popover-menu > [type=checkbox] + label > *:focus,
table.has-actions tr > .actions .popover-menu > [type=checkbox] + label > *:focus,
.more-popover-menu .popover-menu > [type=checkbox] + label > *:focus {
  background-color: var(--token-color-surface-strong);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.oidc-select [class$=-oidc-provider]::before {
  width: 22px;
  height: 22px;
  /* this is to prevent resizing in an inline-flex context */
  /* and should probably be moved to the parent*/
  flex: 0 0 auto;
  margin-right: 10px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.oidc-select li,
.oidc-select .ember-power-select-trigger {
  margin-bottom: 1em;
}

.oidc-select .ember-power-select-trigger {
  width: 100%;
}

.oidc-select button.reset {
  float: right;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.radio-card {
  border: var(--decor-border-100);
  border-radius: var(--decor-radius-100);
  border-color: var(--token-color-surface-interactive-active);
  box-shadow: var(--token-surface-mid-box-shadow);
  color: var(--token-color-foreground-faint);
  cursor: pointer;
}

.checked.radio-card {
  border-color: var(--token-color-foreground-action);
}

.radio-card > :first-child {
  background-color: var(--token-color-surface-strong);
}

.checked.radio-card > :first-child {
  background-color: var(--token-color-surface-action);
}

.radio-card header {
  margin-bottom: 0.5em;
}

.radio-card header {
  color: var(--token-color-hashicorp-brand);
}

.consul-intention-fieldsets .radio-card > :last-child {
  padding-left: 47px;
  position: relative;
}

.consul-intention-fieldsets .radio-card > :last-child::before {
  position: absolute;
  left: 14px;
  font-size: 1rem;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.radio-card {
  float: none !important;
  margin-right: 0 !important;
}

.radio-card {
  display: flex !important;
}

.radio-card > :first-child {
  padding: 10px;
  display: grid;
  align-items: center;
  justify-items: center;
}

.radio-card > :last-child {
  padding: 18px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#docfy-demo-preview-panel .panel, section[data-route="dc.show.license"] aside, section[data-route="dc.show.serverstatus"] .server-failure-tolerance, table.with-details tr > .actions > [type=checkbox] + label + div, table.has-actions tr > .actions > [type=checkbox] + label + div, .more-popover-menu > [type=checkbox] + label + div, .popover-menu > [type=checkbox] + label + div, .disclosure-menu [aria-expanded] ~ *, .menu-panel {
  --tone-border: var(--token-color-palette-neutral-300);
  border: var(--decor-border-100);
  border-radius: var(--decor-radius-200);
  box-shadow: var(--token-surface-high-box-shadow);
}

#docfy-demo-preview-panel .panel hr, table.with-details tr > .actions > [type=checkbox] + label + div [role=separator], table.has-actions tr > .actions > [type=checkbox] + label + div [role=separator], .more-popover-menu > [type=checkbox] + label + div [role=separator], .popover-menu > [type=checkbox] + label + div [role=separator], .disclosure-menu [aria-expanded] ~ * [role=separator], .menu-panel [role=separator] {
  border-top: var(--decor-border-100);
}

#docfy-demo-preview-panel .panel, section[data-route="dc.show.license"] aside, section[data-route="dc.show.serverstatus"] .server-failure-tolerance, table.with-details tr > .actions > [type=checkbox] + label + div, table.has-actions tr > .actions > [type=checkbox] + label + div, .more-popover-menu > [type=checkbox] + label + div, .popover-menu > [type=checkbox] + label + div, .disclosure-menu [aria-expanded] ~ *, .menu-panel {
  color: var(--token-color-foreground-strong);
  background-color: var(--token-color-surface-primary);
}

#docfy-demo-preview-panel .panel, section[data-route="dc.show.license"] aside, section[data-route="dc.show.serverstatus"] .server-failure-tolerance, table.with-details tr > .actions > [type=checkbox] + label + div, table.has-actions tr > .actions > [type=checkbox] + label + div, .more-popover-menu > [type=checkbox] + label + div, .popover-menu > [type=checkbox] + label + div, .disclosure-menu [aria-expanded] ~ *, .menu-panel,
#docfy-demo-preview-panel .panel hr,
table.with-details tr > .actions > [type=checkbox] + label + div [role=separator],
table.has-actions tr > .actions > [type=checkbox] + label + div [role=separator],
.more-popover-menu > [type=checkbox] + label + div [role=separator],
.popover-menu > [type=checkbox] + label + div [role=separator],
.disclosure-menu [aria-expanded] ~ * [role=separator],
.menu-panel [role=separator] {
  border-color: var(--tone-border);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#docfy-demo-preview-panel .panel, section[data-route="dc.show.license"] aside, section[data-route="dc.show.serverstatus"] .server-failure-tolerance, table.with-details tr > .actions > [type=checkbox] + label + div, table.has-actions tr > .actions > [type=checkbox] + label + div, .more-popover-menu > [type=checkbox] + label + div, .popover-menu > [type=checkbox] + label + div, .disclosure-menu [aria-expanded] ~ *, .menu-panel {
  --padding-x: 14px;
  --padding-y: 14px;
  /* max-height: var(--panel-height, auto); */
}

#docfy-demo-preview-panel .panel, section[data-route="dc.show.license"] aside, section[data-route="dc.show.serverstatus"] .server-failure-tolerance, table.with-details tr > .actions > [type=checkbox] + label + div, table.has-actions tr > .actions > [type=checkbox] + label + div, .more-popover-menu > [type=checkbox] + label + div, .popover-menu > [type=checkbox] + label + div, .disclosure-menu [aria-expanded] ~ *, .menu-panel {
  position: relative;
}

#docfy-demo-preview-panel .panel hr, table.with-details tr > .actions > [type=checkbox] + label + div [role=separator], table.has-actions tr > .actions > [type=checkbox] + label + div [role=separator], .more-popover-menu > [type=checkbox] + label + div [role=separator], .popover-menu > [type=checkbox] + label + div [role=separator], .disclosure-menu [aria-expanded] ~ * [role=separator], .menu-panel [role=separator] {
  margin: 0;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
[style*="--paged-row-height"], .paged-collection-scroll {
  overflow-y: auto !important;
  will-change: scrollPosition;
}

[style*="--paged-start"]::before {
  content: "";
  display: block;
  height: var(--paged-start);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway, [id^=docfy-demo-preview-horizontal-kv-list] .service-identity, #docfy-demo-preview-badge dl.kind-terminating-gateway dt, #docfy-demo-preview-badge dl.service-identity dt, #docfy-demo-preview-badge dt.kind-terminating-gateway, #docfy-demo-preview-badge dt.service-identity,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt + dd,
#docfy-demo-preview-badge dl.service-identity dt + dd,
#docfy-demo-preview-badge dt.kind-terminating-gateway + dd,
#docfy-demo-preview-badge dt.service-identity + dd, .consul-intention-search-bar li button span, section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl, html[data-route^="dc.acls.index"] main td strong, .consul-peer-search-bar li button span, section[data-route="dc.show.serverstatus"] .server-failure-tolerance header em, .consul-kind, .consul-external-source, .search-bar-status li:not(.remove-all), .leader,
.topology-metrics-source-type,
.consul-transparent-proxy {
  border-radius: var(--decor-radius-100);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway, [id^=docfy-demo-preview-horizontal-kv-list] .service-identity, #docfy-demo-preview-badge dl.kind-terminating-gateway dt, #docfy-demo-preview-badge dl.service-identity dt, #docfy-demo-preview-badge dt.kind-terminating-gateway, #docfy-demo-preview-badge dt.service-identity,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt + dd,
#docfy-demo-preview-badge dl.service-identity dt + dd,
#docfy-demo-preview-badge dt.kind-terminating-gateway + dd,
#docfy-demo-preview-badge dt.service-identity + dd, .consul-intention-search-bar li button span, section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl, html[data-route^="dc.acls.index"] main td strong, .consul-peer-search-bar li button span, section[data-route="dc.show.serverstatus"] .server-failure-tolerance header em, .consul-kind, .consul-external-source, .search-bar-status li:not(.remove-all), .leader,
.topology-metrics-source-type,
.consul-transparent-proxy {
  display: inline-flex;
  position: relative;
  align-items: center;
  white-space: nowrap;
}

[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway::before, [id^=docfy-demo-preview-horizontal-kv-list] .service-identity::before, #docfy-demo-preview-badge dl.kind-terminating-gateway dt::before, #docfy-demo-preview-badge dl.service-identity dt::before, #docfy-demo-preview-badge dt.kind-terminating-gateway::before, #docfy-demo-preview-badge dt.service-identity::before,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dd::before,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dd::before,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt + dd::before,
#docfy-demo-preview-badge dl.service-identity dt + dd::before,
#docfy-demo-preview-badge dt.kind-terminating-gateway + dd::before,
#docfy-demo-preview-badge dt.service-identity + dd::before, .consul-intention-search-bar li button span::before, section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl::before, html[data-route^="dc.acls.index"] main td strong::before, .consul-peer-search-bar li button span::before, section[data-route="dc.show.serverstatus"] .server-failure-tolerance header em::before, .consul-kind::before, .consul-external-source::before, .search-bar-status li:not(.remove-all)::before, .leader::before,
.topology-metrics-source-type::before,
.consul-transparent-proxy::before {
  margin-right: 4px;
}

section[data-route="dc.show.serverstatus"] .server-failure-tolerance header em, .consul-kind, .consul-external-source, .search-bar-status li:not(.remove-all), .leader,
.topology-metrics-source-type,
.consul-transparent-proxy {
  padding: 0 8px;
  --icon-size: icon-200;
}

section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl, html[data-route^="dc.acls.index"] main td strong, .consul-peer-search-bar li button span {
  padding: 1px 5px;
}

.consul-intention-search-bar li button span {
  padding: 4px 8px;
}

[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway::before, [id^=docfy-demo-preview-horizontal-kv-list] .service-identity::before, #docfy-demo-preview-badge dl.kind-terminating-gateway dt::before, #docfy-demo-preview-badge dl.service-identity dt::before, #docfy-demo-preview-badge dt.kind-terminating-gateway::before, #docfy-demo-preview-badge dt.service-identity::before,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dd::before,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dd::before,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt + dd::before,
#docfy-demo-preview-badge dl.service-identity dt + dd::before,
#docfy-demo-preview-badge dt.kind-terminating-gateway + dd::before,
#docfy-demo-preview-badge dt.service-identity + dd::before, section[data-route="dc.show.serverstatus"] .server-failure-tolerance header em::before, .consul-kind::before, .consul-external-source::before, .search-bar-status li:not(.remove-all)::before, section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl::before, html[data-route^="dc.acls.index"] main td strong::before, .consul-peer-search-bar li button span::before, .consul-intention-search-bar li button span::before, .leader::before,
.topology-metrics-source-type::before,
.consul-transparent-proxy::before {
  --icon-size: icon-300;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
table.with-details tr > .actions > [type=checkbox] + label > *, table.has-actions tr > .actions > [type=checkbox] + label > *, .more-popover-menu > [type=checkbox] + label > *, .popover-menu > [type=checkbox] + label > * {
  cursor: pointer;
}

table.with-details tr > .actions > [type=checkbox] + label > *::after, table.has-actions tr > .actions > [type=checkbox] + label > *::after, .more-popover-menu > [type=checkbox] + label > *::after, .popover-menu > [type=checkbox] + label > *::after {
  width: 16px;
  height: 16px;
  position: relative;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.popover-menu, table.with-details tr > .actions, table.has-actions tr > .actions, .more-popover-menu {
  position: relative;
}

table.with-details tr > .actions > [type=checkbox] + label, table.has-actions tr > .actions > [type=checkbox] + label, .more-popover-menu > [type=checkbox] + label, .popover-menu > [type=checkbox] + label {
  display: block;
}

table.with-details tr > .actions > [type=checkbox] + label + div, table.has-actions tr > .actions > [type=checkbox] + label + div, .more-popover-menu > [type=checkbox] + label + div, .popover-menu > [type=checkbox] + label + div {
  min-width: 192px;
}

table.with-details tr > .actions > [type=checkbox] + label + div:not(.above), table.has-actions tr > .actions > [type=checkbox] + label + div:not(.above), .more-popover-menu > [type=checkbox] + label + div:not(.above), .popover-menu > [type=checkbox] + label + div:not(.above) {
  top: 38px;
}

table.with-details tr > .actions > [type=checkbox] + label + div:not(.left), table.has-actions tr > .actions > [type=checkbox] + label + div:not(.left), .more-popover-menu > [type=checkbox] + label + div:not(.left), .popover-menu > [type=checkbox] + label + div:not(.left) {
  right: 5px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.popover-menu .menu-panel {
  position: absolute !important;
}

.popover-select label {
  height: 100%;
}

.popover-select label > * {
  padding: 0 8px !important;
  height: 100% !important;
  justify-content: space-between !important;
  min-width: auto !important;
}

.popover-select label > *::after {
  margin-left: 6px;
}

.popover-select button::before {
  margin-right: 10px;
}

/* TODO: Consider moving these to their specific search bard componets or */
/* even their own search bar sub menu components */
.popover-select .value-passing button::before {
  color: var(--token-color-foreground-success);
}

.popover-select .value-warning button::before {
  color: var(--token-color-foreground-warning);
}

.popover-select .value-critical button::before {
  color: var(--token-color-foreground-critical);
}

.popover-select .value-empty button::before {
  color: var(--token-color-foreground-faint);
}

.popover-select .value-unknown button::before {
  color: var(--token-color-foreground-faint);
}

.type-source.popover-select li:not(.partition) button {
  text-transform: capitalize;
}

.type-source.popover-select li.aws button {
  text-transform: uppercase;
}

.type-source.popover-select li.partition button::before {
  color: var(--token-color-foreground-faint);
}

/**/
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.progress.indeterminate {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  --icon-size: icon-700; /* 24px */
  --icon-name: var(--icon-loading);
  --icon-color: var(--token-color-foreground-faint);
}

.progress.indeterminate::before {
  content: "";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.app-view > div form:not(.filter-bar) [role=radiogroup],
.modal-dialog [role=document] [role=radiogroup] {
  overflow: hidden;
}

.app-view > div form:not(.filter-bar) [role=radiogroup] label,
.modal-dialog [role=document] [role=radiogroup] label {
  float: left;
}

.app-view > div form:not(.filter-bar) [role=radiogroup] label > span,
.modal-dialog [role=document] [role=radiogroup] label > span {
  float: right;
}

.app-view > div form:not(.filter-bar) [role=radiogroup],
.modal-dialog [role=document] [role=radiogroup] {
  padding-left: 1px;
}

.app-view > div form:not(.filter-bar) [role=radiogroup] label:not(:last-child),
.modal-dialog [role=document] [role=radiogroup] label:not(:last-child) {
  margin-right: 25px;
}

.app-view > div form:not(.filter-bar) [role=radiogroup] label > span,
.modal-dialog [role=document] [role=radiogroup] label > span {
  margin-left: 1em;
}

.app-view > div form:not(.filter-bar) [role=radiogroup] label,
.modal-dialog [role=document] [role=radiogroup] label,
.app-view > div form:not(.filter-bar) [role=radiogroup] label > span,
.modal-dialog [role=document] [role=radiogroup] label > span {
  margin-bottom: 0 !important;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/* TODO: Maybe move this to reset? */
.type-toggle label span {
  cursor: pointer;
}

.type-toggle label span::after {
  border-radius: var(--decor-radius-full);
}

.type-toggle label span::before {
  border-radius: 7px;
}

.type-negative.type-toggle {
  border: 0;
}

.type-toggle label span {
  color: var(--token-color-foreground-strong);
}

.type-toggle label span::after {
  background-color: var(--token-color-surface-primary);
}

.type-toggle label input:checked + span::before,
.type-negative.type-toggle label input + span::before {
  background-color: var(--token-color-foreground-action);
}

.type-toggle label span::before,
.type-negative.type-toggle label input:checked + span::before {
  background-color: var(--token-color-palette-neutral-300);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.type-toggle label {
  position: relative;
}

.type-toggle input {
  display: none;
}

.type-toggle label span {
  display: inline-block;
  padding-left: 34px;
}

.type-toggle label span::before,
.type-toggle label span::after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
}

.type-toggle label span::before {
  left: 0px;
  width: 24px;
  height: 12px;
  margin-top: -5px;
}

.type-toggle label span::after {
  margin-top: -3px;
  width: 8px;
  height: 8px;
}

.type-toggle label input:checked + span::after,
.type-negative.type-toggle label input + span::after {
  left: 14px;
}

.type-toggle label span::after,
.type-negative.type-toggle label input:checked + span::after {
  left: 2px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.app-shell__main table th,
.modal-dialog [role=document] table th,
.app-shell__main table td,
.modal-dialog [role=document] table td {
  border-bottom: var(--decor-border-100);
}

.app-shell__main table th,
.modal-dialog [role=document] table th,
.consul-intention-list td.source,
.consul-intention-list td.destination {
  border-color: var(--token-color-palette-neutral-300);
}

.app-shell__main table td,
.modal-dialog [role=document] table td {
  border-color: var(--token-color-palette-neutral-300);
  color: var(--token-color-foreground-faint);
}

.app-shell__main table th,
.modal-dialog [role=document] table th,
.app-shell__main table td strong,
.modal-dialog [role=document] table td strong {
  color: var(--token-color-foreground-faint);
}

/* TODO: Add to native selector `tbody th` - will involve moving all
 * current th's to `thead th` and changing the templates
 * at whichpoint we can probably remove the %table a selector from here
 */
.app-shell__main table a,
.modal-dialog [role=document] table a {
  color: var(--token-color-foreground-strong);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.app-shell__main table,
.modal-dialog [role=document] table {
  width: 100%;
  border-collapse: collapse;
}

table.dom-recycling tr {
  display: flex;
}

table.dom-recycling tr > * {
  flex: 1 1 auto;
  display: inline-flex;
  align-items: center;
}

.app-shell__main table caption,
.modal-dialog [role=document] table caption,
.app-shell__main table thead th,
.modal-dialog [role=document] table thead th {
  text-align: left;
}

table.with-details tr > .actions, table.has-actions tr > .actions {
  width: 60px !important;
}

.app-shell__main table th.actions input,
.modal-dialog [role=document] table th.actions input {
  display: none;
}

.app-shell__main table th.actions,
.modal-dialog [role=document] table th.actions {
  text-align: right;
}

.app-shell__main table td a,
.modal-dialog [role=document] table td a {
  display: block;
}

.app-shell__main table td.no-actions ~ .actions,
.modal-dialog [role=document] table td.no-actions ~ .actions {
  display: none;
}

.app-shell__main table td:not(.actions) > *:only-child,
.modal-dialog [role=document] table td:not(.actions) > *:only-child {
  overflow: hidden;
}

.app-shell__main table td:not(.actions) > *,
.modal-dialog [role=document] table td:not(.actions) > * {
  white-space: nowrap;
}

.app-shell__main table td:not(.actions) > *:only-child,
.modal-dialog [role=document] table td:not(.actions) > *:only-child {
  text-overflow: ellipsis;
}

.app-shell__main table td,
.modal-dialog [role=document] table td {
  height: 50px;
  vertical-align: middle;
}

.app-shell__main table caption,
.modal-dialog [role=document] table caption {
  margin-bottom: 0.8em;
}

.app-shell__main table th,
.modal-dialog [role=document] table th {
  padding: 0.6em 0;
}

.app-shell__main table th:not(.actions),
.modal-dialog [role=document] table th:not(.actions),
.app-shell__main table td:not(.actions),
.modal-dialog [role=document] table td:not(.actions),
.app-shell__main table td a,
.modal-dialog [role=document] table td a {
  padding-right: 0.9em;
}

.app-shell__main table tbody td em,
.modal-dialog [role=document] table tbody td em {
  display: block;
  font-style: normal;
  font-weight: var(--token-typography-font-weight-regular);
}

.app-shell__main table tbody td em,
.modal-dialog [role=document] table tbody td em {
  color: var(--token-color-foreground-faint);
}

table.with-details tr > .actions, table.has-actions tr > .actions {
  overflow: visible;
}

table.with-details tr > .actions > [type=checkbox] + label, table.has-actions tr > .actions > [type=checkbox] + label {
  position: absolute;
  right: 5px;
}

table.consul-metadata-list tbody tr {
  cursor: default;
}

table.consul-metadata-list tbody tr:hover {
  box-shadow: none;
}

.app-shell__main table th span::after,
.modal-dialog [role=document] table th span::after {
  color: var(--token-color-foreground-faint);
  margin-left: 4px;
}

.app-shell__main table tbody tr,
.modal-dialog [role=document] table tbody tr {
  cursor: pointer;
}

.app-shell__main table td:first-child,
.modal-dialog [role=document] table td:first-child {
  padding: 0;
}

.app-shell__main table tbody tr:hover,
.modal-dialog [role=document] table tbody tr:hover {
  box-shadow: var(--token-elevation-high-box-shadow);
}

.app-shell__main table td.folder::before,
.modal-dialog [role=document] table td.folder::before {
  background-color: var(--token-color-palette-neutral-300);
  margin-top: 1px;
  margin-right: 5px;
}

/**/
@media (max-width: 420px) {
  /* hide actions on narrow screens, you can always click in do everything from there */
  .app-shell__main table tr > .actions,
  .modal-dialog [role=document] table tr > .actions {
    display: none;
  }
  .consul-intention-list tr > :nth-last-child(2) {
    display: none;
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#docfy-demo-preview-tile .tile, #docfy-demo-preview-tile .tile {
  position: relative;
  width: var(--tile-size, 3rem);
  height: var(--tile-size, 3rem);
}

#docfy-demo-preview-tile .tile::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: var(--decor-radius-250);
  border: var(--decor-border-100);
}

#docfy-demo-preview-tile .tile::after {
  content: "";
  position: absolute;
  top: calc(var(--tile-size, 3rem) / 4);
  left: calc(var(--tile-size, 3rem) / 4);
}

#docfy-demo-preview-tile .tile::before {
  background-image: linear-gradient(135deg, var(--token-color-consul-surface) 0%, var(--token-color-consul-border) 100%);
  border-color: var(--token-color-border-faint);
}

#docfy-demo-preview-tile .tile::after {
  --icon-name: icon-star-fill;
  --icon-size: icon-700;
  color: var(--token-color-consul-brand);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
table.with-details td:only-child > div > label, table.with-details td > label {
  border-radius: var(--decor-radius-100);
  cursor: pointer;
}

table.with-details td:only-child > div > label:hover, table.with-details td > label:hover,
table.with-details td:only-child > div > label:focus,
table.with-details td > label:focus {
  background-color: var(--token-color-surface-strong);
}

table.with-details td:only-child > div > label:active, table.with-details td > label:active {
  background-color: var(--token-color-surface-strong);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/* TODO: This should be merged with ghost-button*/
table.with-details td:only-child > div > label, table.with-details td > label {
  min-width: 30px;
  min-height: 30px;
  /* center */
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/* project specific */
table.dom-recycling tbody {
  /* tbodys are all absolute so,*/
  /* make room for the header */
  top: 33px !important;
  /* Make room for the header, plus 20px for a margin on the bottom */
  width: 100%;
}

table.dom-recycling caption ~ tbody {
  /* tbodys are all absolute so,*/
  /* make room for the header */
  top: 57px !important;
  /* Make room for the header, plus 20px for a margin on the bottom */
}

/* TODO: putting this here is less than ideal */
/* but this is another area where I am specifically */
/* targetting table-like things. This is now a prime */
/* area for a bit of refactoring/reorganizing */
/* Every type of 'row' is given a placeholder which */
/* can apply to all th's and td's in the table */
/* (the placeholders refer to a tf so `> *` will get you */
/* both th and td).
/* Next, all the below calculations let you fix a width of */
/* any number of cells, then size the remaining cells */
/* using: */
/* calc(<100% divided by number of non-fixed width cells> - <sum of widths of fixed cells divided by number of non-fixed width cells>) */
table tr > *:nth-last-child(2):first-child,
table tr > *:nth-last-child(2):first-child ~ * {
  width: 50%;
}

table tr > *:nth-last-child(3):first-child,
table tr > *:nth-last-child(3):first-child ~ * {
  width: 33.3333333333%;
}

table tr > *:nth-last-child(4):first-child,
table tr > *:nth-last-child(4):first-child ~ * {
  width: 25%;
}

table tr > *:nth-last-child(5):first-child,
table tr > *:nth-last-child(5):first-child ~ * {
  width: 20%;
}

table.has-actions tr > *:nth-last-child(2):first-child,
table.has-actions tr > *:nth-last-child(2):first-child ~ * {
  width: calc(100% - 60px);
}

table.has-actions tr > *:nth-last-child(3):first-child,
table.has-actions tr > *:nth-last-child(3):first-child ~ * {
  width: calc(50% - 30px);
}

table.has-actions tr > *:nth-last-child(4):first-child,
table.has-actions tr > *:nth-last-child(4):first-child ~ * {
  width: calc(33% - 20px);
}

table.has-actions tr > *:nth-last-child(5):first-child,
table.has-actions tr > *:nth-last-child(5):first-child ~ * {
  width: calc(25% - 15px);
}

/*TODO: trs only live in tables, get rid of table */
html[data-route^="dc.acls.policies"] [role=dialog] table tr > *:not(last-child),
html[data-route^="dc.acls.policies"] table tr > *:not(last-child),
html[data-route^="dc.acls.roles"] [role=dialog] table tr > *:not(last-child),
html[data-route^="dc.acls.roles"] main table.token-list tr > *:not(last-child) {
  width: 120px;
}

html[data-route^="dc.acls.policies"] table tr > *:last-child,
html[data-route^="dc.acls.roles"] [role=dialog] table tr > *:last-child,
html[data-route^="dc.acls.roles"] main table.token-list tr > *:last-child {
  width: calc(100% - 240px) !important;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
table.with-details td:only-child {
  cursor: default;
  border: 0;
}

table.with-details td:only-child > div {
  border: 1px solid var(--token-color-palette-neutral-300);
  border-radius: var(--decor-radius-100);
  box-shadow: var(--token-surface-high-box-shadow);
  margin-bottom: 20px;
}

table.with-details td:only-child > div::before,
table.with-details td:only-child > div > div,
table.with-details td:only-child > div > label {
  background-color: var(--token-color-surface-primary);
}

table.with-details td:only-child > div > label::before {
  transform: rotate(180deg);
}

table.with-details td:only-child > div::before {
  background: var(--token-color-surface-interactive-active);
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  bottom: -20px;
  left: 10px;
  width: calc(100% - 20px);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/* TODO: rename: %details-table */
table.with-details tr > .actions {
  position: relative;
}

table.with-details td:only-child > div > label, table.with-details td > label {
  pointer-events: auto;
  position: absolute;
  top: 8px;
}

table.with-details td:only-child > div > label span, table.with-details td > label span {
  display: none;
}

table.with-details td > label {
  right: 2px;
}

table.with-details tr:nth-child(even) td {
  height: auto;
  position: relative;
  display: table-cell;
}

table.with-details tr:nth-child(even) td > * {
  display: none;
}

table.with-details td:only-child > div > label {
  right: 11px;
}

table.with-details tr:nth-child(even) td > input:checked + * {
  display: block;
}

table.with-details td:only-child {
  overflow: visible;
  width: 100%;
}

table.with-details td:only-child > div {
  position: relative;
  left: -10px;
  right: -10px;
  width: calc(100% + 20px);
  margin-top: -51px;
  pointer-events: none;
}

table.with-details td:only-child > div {
  padding: 10px;
}

table.with-details td:only-child > div::after {
  content: "";
  display: block;
  clear: both;
}

table.with-details td:only-child > div > div {
  pointer-events: auto;
  margin-top: 36px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-auth-method-binding-list dl, .consul-auth-method-view dl,
.consul-auth-method-view section dl {
  display: flex;
  flex-wrap: wrap;
}
.consul-auth-method-binding-list dl > dt:last-of-type, .consul-auth-method-view dl > dt:last-of-type,
.consul-auth-method-binding-list dl > dd:last-of-type,
.consul-auth-method-view dl > dd:last-of-type {
  border-bottom: 1px solid !important;
}
.consul-auth-method-binding-list dl dt, .consul-auth-method-view dl dt,
.consul-auth-method-binding-list dl dd,
.consul-auth-method-view dl dd {
  padding: 12px 0;
  margin: 0;
  border-top: 1px solid !important;
}
.consul-auth-method-binding-list dl dt, .consul-auth-method-view dl dt {
  width: 20%;
}
.consul-auth-method-binding-list dl dd, .consul-auth-method-view dl dd {
  margin-left: auto;
  width: 80%;
  display: flex;
}
.consul-auth-method-binding-list dl dd > ul li, .consul-auth-method-view dl dd > ul li {
  display: flex;
}
.consul-auth-method-binding-list dl dd > ul li:not(:last-of-type), .consul-auth-method-view dl dd > ul li:not(:last-of-type) {
  padding-bottom: 12px;
}
.consul-auth-method-binding-list dl dt.check + dd, .consul-auth-method-view dl dt.check + dd {
  padding-top: 16px;
}
.consul-auth-method-binding-list dl dt.type + dd span::before, .consul-auth-method-view dl dt.type + dd span::before {
  margin-left: 4px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-auth-method-binding-list dl > dt:last-of-type, .consul-auth-method-view dl > dt:last-of-type,
.consul-auth-method-binding-list dl > dd:last-of-type,
.consul-auth-method-view dl > dd:last-of-type {
  border-color: var(--token-color-palette-neutral-300) !important;
}
.consul-auth-method-binding-list dl dt, .consul-auth-method-view dl dt,
.consul-auth-method-binding-list dl dd,
.consul-auth-method-view dl dd {
  border-color: var(--token-color-palette-neutral-300) !important;
  color: var(--token-color-hashicorp-brand) !important;
}
.consul-auth-method-binding-list dl dt, .consul-auth-method-view dl dt {
  font-weight: var(--token-typography-font-weight-bold);
}
.consul-auth-method-binding-list dl dd .copy-button button::before, .consul-auth-method-view dl dd .copy-button button::before {
  background-color: var(--token-color-hashicorp-brand);
}
.consul-auth-method-binding-list dl dt.type + dd span::before, .consul-auth-method-view dl dt.type + dd span::before {
  background-color: var(--token-color-foreground-faint);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.tag-list dt::before,
td.tags dt::before {
  color: inherit;
  color: var(--token-color-foreground-faint);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.tooltip-panel dt {
  cursor: pointer;
}

/* This is the top chevron */
.tooltip-panel dd > div::before {
  width: 12px;
  height: 12px;
  background-color: var(--token-color-surface-primary);
  border-top: 1px solid var(--token-color-palette-neutral-300);
  border-right: 1px solid var(--token-color-palette-neutral-300);
  transform: rotate(-45deg);
  position: absolute;
  left: 16px;
  top: -7px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.tooltip-panel,
.tooltip-panel dt {
  display: flex;
  flex-direction: column;
}

.tooltip-panel dd > div.menu-panel {
  top: auto;
  overflow: visible;
}

.tooltip-panel dd {
  display: none;
  position: relative;
  z-index: 1;
  padding-top: 10px;
  margin-bottom: -10px;
}

.tooltip-panel:hover dd {
  display: block;
}

.tooltip-panel dd > div {
  width: 250px;
}

/**/
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.app-view > header .title {
  border-bottom: var(--decor-border-100);
}

.app-view > div form:not(.filter-bar) fieldset {
  border-bottom: var(--decor-border-200);
}

.app-view > header h1 > em {
  color: var(--token-color-foreground-faint);
}

.app-view > header dd > a {
  color: var(--token-color-hashicorp-brand);
}

.app-view > div div > dl > dd {
  color: var(--token-color-foreground-faint);
}

.app-view > header .title,
.app-view > div form:not(.filter-bar) fieldset {
  border-color: var(--token-color-surface-interactive-active);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/* layout */
.app-view > header .title {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "title actions";
  position: relative;
  z-index: 5;
}

.app-view > header .title .title-left-container {
  grid-area: title;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  white-space: normal;
}

.app-view > header .title .title-left-container > :first-child {
  flex-basis: 100%;
}

.app-view > header .title .title-left-container > :not(:first-child) {
  margin-right: 8px;
}

.app-view > header .actions {
  grid-area: actions;
  align-self: end;
  display: flex;
  align-items: flex-start;
  margin-left: auto;
  margin-top: 9px;
}

/* units */
.app-view > header .title {
  padding-bottom: 1.4em;
}

/* content */
/* TODO: Think about an %app-form or similar */
.app-view > div form:not(.filter-bar) fieldset {
  padding-bottom: 0.3em;
  margin-bottom: 2em;
}

.app-view {
  position: relative;
}

/* toggleable toolbar for short  screens */
[for=toolbar-toggle] {
  background-position: 0 4px;
  display: inline-block;
  width: 26px;
  height: 26px;
  cursor: pointer;
  color: var(--token-color-foreground-action);
}

#toolbar-toggle {
  display: none;
}

@media (max-width: 849px) {
  .app-view > header .actions {
    margin-top: 9px;
  }
}
@media (min-width: 996px) {
  [for=toolbar-toggle] {
    display: none;
  }
}
@media (max-width: 995px) {
  .app-view > header h1 {
    display: inline-block;
  }
  html[data-route$="dc.services.instance.show"] h1 {
    display: block;
  }
  #toolbar-toggle + * {
    display: none;
  }
  #toolbar-toggle:checked + * {
    display: flex;
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.brand-loader {
  position: absolute;
  top: 50%;
  margin-top: -26px;
  left: 50%;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.app .app-shell {
  flex: 1;
  min-width: 0;
}

.app .hds-app-frame__modals .modal-dialog {
  pointer-events: auto;
}

.app .notifications {
  position: fixed;
  z-index: 100;
  bottom: 2rem;
  left: 1.5rem;
  pointer-events: none;
}

.app .notifications .app-notification > * {
  min-width: 400px;
}

.app .notifications .app-notification {
  transition-property: opacity;
  width: fit-content;
  max-width: 80%;
  pointer-events: auto;
}

/* app chrome */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.hashicorp-consul .hds-app-side-nav {
  height: 100%;
  min-height: 100%;
}
.hashicorp-consul .consul-side-nav {
  --token-app-side-nav-wrapper-border-color: #656a76;
  --token-app-side-nav-color-foreground-primary: #dedfe3;
  --token-app-side-nav-color-foreground-strong: #ffffff;
  --token-app-side-nav-color-foreground-faint: #8c909c;
  --token-app-side-nav-color-surface-primary: #0c0c0e;
  --token-app-side-nav-color-surface-interactive-hover: #3b3d45;
  --token-app-side-nav-color-surface-interactive-active: #656a76;
}
.hashicorp-consul .consul-side-nav .consul-side-nav__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.5rem var(--token-app-side-nav-body-list-item-padding-horizontal);
}
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-icon,
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-button {
  background-color: var(--token-app-side-nav-color-surface-primary) !important;
  border-color: var(--token-app-side-nav-wrapper-border-color) !important;
  color: var(--token-app-side-nav-color-foreground-primary) !important;
}
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-icon .hds-icon,
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-icon svg,
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-button .hds-icon,
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-button svg {
  color: var(--token-app-side-nav-color-foreground-primary) !important;
}
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-icon:hover, .hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-icon:focus, .hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-icon:focus-visible, .hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-icon:active, .hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-icon[aria-expanded=true],
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-button:hover,
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-button:focus,
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-button:focus-visible,
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-button:active,
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-button[aria-expanded=true] {
  background-color: var(--token-app-side-nav-color-surface-interactive-hover) !important;
  border-color: var(--token-app-side-nav-wrapper-border-color) !important;
  color: var(--token-app-side-nav-color-foreground-strong) !important;
  box-shadow: none !important;
  outline: none !important;
}
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-icon:hover .hds-icon,
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-icon:hover svg, .hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-icon:focus .hds-icon,
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-icon:focus svg, .hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-icon:focus-visible .hds-icon,
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-icon:focus-visible svg, .hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-icon:active .hds-icon,
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-icon:active svg, .hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-icon[aria-expanded=true] .hds-icon,
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-icon[aria-expanded=true] svg,
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-button:hover .hds-icon,
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-button:hover svg,
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-button:focus .hds-icon,
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-button:focus svg,
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-button:focus-visible .hds-icon,
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-button:focus-visible svg,
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-button:active .hds-icon,
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-button:active svg,
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-button[aria-expanded=true] .hds-icon,
.hashicorp-consul .consul-side-nav .consul-side-nav__header-actions .hds-dropdown-toggle-button[aria-expanded=true] svg {
  color: var(--token-app-side-nav-color-foreground-strong) !important;
}
.hashicorp-consul .consul-side-nav .consul-side-nav__home-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--token-app-side-nav-header-home-link-logo-size);
  height: var(--token-app-side-nav-header-home-link-logo-size);
  padding: var(--token-app-side-nav-header-home-link-padding);
  border-radius: var(--token-app-side-nav-body-list-item-border-radius);
  flex: none;
}
.hashicorp-consul .consul-side-nav .consul-side-nav__home-link .hds-icon {
  width: 100%;
  height: 100%;
}
.hashicorp-consul .consul-side-nav .hds-app-side-nav__list-item-text,
.hashicorp-consul .consul-side-nav .hds-app-side-nav__list-item-icon-leading,
.hashicorp-consul .consul-side-nav .hds-app-side-nav__list-item-icon-trailing {
  color: var(--token-app-side-nav-color-foreground-primary);
}
.hashicorp-consul .consul-side-nav .hds-app-side-nav__list-item-link:hover .hds-app-side-nav__list-item-text,
.hashicorp-consul .consul-side-nav .hds-app-side-nav__list-item-link:hover .hds-app-side-nav__list-item-icon-leading,
.hashicorp-consul .consul-side-nav .hds-app-side-nav__list-item-link:hover .hds-app-side-nav__list-item-icon-trailing {
  color: var(--token-app-side-nav-color-foreground-strong);
}
.hashicorp-consul .consul-side-nav .hds-app-side-nav__list-item-link.active .hds-app-side-nav__list-item-text,
.hashicorp-consul .consul-side-nav .hds-app-side-nav__list-item-link.active .hds-app-side-nav__list-item-icon-leading,
.hashicorp-consul .consul-side-nav .hds-app-side-nav__list-item-link.active .hds-app-side-nav__list-item-icon-trailing {
  color: var(--token-color-foreground-strong);
}
.hashicorp-consul .consul-side-nav .hds-app-side-nav__list-title {
  font-weight: 700;
}
.hashicorp-consul .consul-side-nav li.consul-disabled-nav {
  width: 100%;
  min-height: var(--token-app-side-nav-body-list-item-height);
  padding: var(--token-app-side-nav-body-list-item-padding-vertical) var(--token-app-side-nav-body-list-item-padding-horizontal);
  color: var(--token-color-foreground-faint);
}
.hashicorp-consul .consul-side-nav li.consul-side-nav__selector .hds-dropdown-toggle-button,
.hashicorp-consul .consul-side-nav li.consul-side-nav__selector .consul-side-nav__selector-toggle {
  min-width: 15.5rem;
  background-color: transparent;
  border-color: var(--token-app-side-nav-wrapper-border-color);
  border-width: 1px;
  border-style: solid;
}
.hashicorp-consul .consul-side-nav li.consul-side-nav__selector .hds-dropdown-toggle-button:disabled,
.hashicorp-consul .consul-side-nav li.consul-side-nav__selector .consul-side-nav__selector-toggle:disabled {
  color: var(--token-color-foreground-faint);
  border-color: var(--token-color-border-primary);
}
.hashicorp-consul .consul-side-nav li.consul-side-nav__selector .hds-dropdown-toggle-button:disabled:hover,
.hashicorp-consul .consul-side-nav li.consul-side-nav__selector .consul-side-nav__selector-toggle:disabled:hover {
  background-color: transparent;
}
.hashicorp-consul .consul-side-nav li.consul-side-nav__selector .hds-dropdown-toggle-button,
.hashicorp-consul .consul-side-nav li.consul-side-nav__selector .consul-side-nav__selector-toggle {
  background-color: transparent !important;
  border-color: var(--token-app-side-nav-wrapper-border-color) !important;
  border-width: 1px !important;
  box-shadow: none !important;
  outline: none !important;
  outline-width: 0 !important;
  outline-offset: 0 !important;
}
.hashicorp-consul .consul-side-nav li.consul-side-nav__selector .hds-dropdown-toggle-button:hover:not(:disabled),
.hashicorp-consul .consul-side-nav li.consul-side-nav__selector .consul-side-nav__selector-toggle:hover:not(:disabled) {
  background-color: var(--token-app-side-nav-color-surface-interactive-hover) !important;
}
.hashicorp-consul .consul-side-nav li.consul-side-nav__selector .hds-dropdown .hds-dropdown-toggle-button:focus, .hashicorp-consul .consul-side-nav li.consul-side-nav__selector .hds-dropdown .hds-dropdown-toggle-button:focus-visible, .hashicorp-consul .consul-side-nav li.consul-side-nav__selector .hds-dropdown .hds-dropdown-toggle-button[aria-expanded=true],
.hashicorp-consul .consul-side-nav li.consul-side-nav__selector .hds-dropdown button:focus,
.hashicorp-consul .consul-side-nav li.consul-side-nav__selector .hds-dropdown button:focus-visible,
.hashicorp-consul .consul-side-nav li.consul-side-nav__selector .hds-dropdown button[aria-expanded=true] {
  border-color: var(--token-app-side-nav-wrapper-border-color) !important;
  box-shadow: none !important;
  outline: none !important;
}
.hashicorp-consul .consul-side-nav li.consul-side-nav__selector .hds-dropdown__content {
  min-width: 15.5rem;
  max-height: 500px;
}
.hashicorp-consul .consul-side-nav .hds-app-side-nav__wrapper-body {
  display: flex;
  flex-direction: column;
  overflow-y: unset;
  overflow-x: unset;
}
.hashicorp-consul .consul-side-nav [data-test-footer] {
  margin-top: auto;
  padding-top: 1rem;
}
.hashicorp-consul .consul-side-nav li.consul-side-nav__datacenter {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding-left: 0.5rem;
}
.hashicorp-consul .consul-side-nav .consul-side-nav__selector-group {
  margin-bottom: 1.5rem;
}
.hashicorp-consul .consul-side-nav .consul-datacenter-selector__dc-name {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.hashicorp-consul .consul-side-nav .consul-datacenter-selector__dc-name .consul-datacenter-selector__badges {
  display: flex;
  gap: 0.25rem;
}
.hashicorp-consul .consul-side-nav .consul-side-nav__selector-title {
  margin-top: 0.5rem;
}
.hashicorp-consul .consul-side-nav .consul-side-nav__selector-description {
  padding-top: 0.5rem;
}

/**/
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.disclosure-menu [aria-expanded] ~ * > div + ul, .menu-panel > div + ul, .more-popover-menu > [type=checkbox] + label + div > div + ul, .popover-menu > [type=checkbox] + label + div > div + ul, table.has-actions tr > .actions > [type=checkbox] + label + div > div + ul, table.with-details tr > .actions > [type=checkbox] + label + div > div + ul {
  border-top: var(--decor-border-100);
  border-color: var(--token-form--base-border-color-default);
}

/* if the first item is a separator and it */
/* contains text don't add a line */
.disclosure-menu [aria-expanded] ~ * [role=separator]:first-child:not(:empty), .menu-panel [role=separator]:first-child:not(:empty), .more-popover-menu > [type=checkbox] + label + div [role=separator]:first-child:not(:empty), .popover-menu > [type=checkbox] + label + div [role=separator]:first-child:not(:empty), table.has-actions tr > .actions > [type=checkbox] + label + div [role=separator]:first-child:not(:empty), table.with-details tr > .actions > [type=checkbox] + label + div [role=separator]:first-child:not(:empty) {
  border: none;
}

.disclosure-menu [aria-expanded] ~ * [role=separator], .menu-panel [role=separator], .more-popover-menu > [type=checkbox] + label + div [role=separator], .popover-menu > [type=checkbox] + label + div [role=separator], table.has-actions tr > .actions > [type=checkbox] + label + div [role=separator], table.with-details tr > .actions > [type=checkbox] + label + div [role=separator] {
  text-transform: uppercase;
  color: var(--token-color-foreground-faint);
}

.disclosure-menu [aria-expanded] ~ * > ul > li, .menu-panel > ul > li, .more-popover-menu > [type=checkbox] + label + div > ul > li, .popover-menu > [type=checkbox] + label + div > ul > li, table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li, table.with-details tr > .actions > [type=checkbox] + label + div > ul > li {
  list-style-type: none;
}

.disclosure-menu [aria-expanded] ~ * > ul .informed-action, .menu-panel > ul .informed-action, .more-popover-menu > [type=checkbox] + label + div > ul .informed-action, .popover-menu > [type=checkbox] + label + div > ul .informed-action, table.has-actions tr > .actions > [type=checkbox] + label + div > ul .informed-action, table.with-details tr > .actions > [type=checkbox] + label + div > ul .informed-action {
  border: 0 !important;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.disclosure-menu [aria-expanded] ~ * > div, .menu-panel > div, .more-popover-menu > [type=checkbox] + label + div > div, .popover-menu > [type=checkbox] + label + div > div, table.has-actions tr > .actions > [type=checkbox] + label + div > div, table.with-details tr > .actions > [type=checkbox] + label + div > div {
  padding: 0.625rem var(--padding-x); /* 10px */
  white-space: normal;
}

.disclosure-menu [aria-expanded] ~ * > div, .menu-panel > div, .more-popover-menu > [type=checkbox] + label + div > div, .popover-menu > [type=checkbox] + label + div > div, table.has-actions tr > .actions > [type=checkbox] + label + div > div, table.with-details tr > .actions > [type=checkbox] + label + div > div {
  max-width: fit-content;
}

@supports not (max-width: fit-content) {
  .disclosure-menu [aria-expanded] ~ * > div, .menu-panel > div, .more-popover-menu > [type=checkbox] + label + div > div, .popover-menu > [type=checkbox] + label + div > div, table.has-actions tr > .actions > [type=checkbox] + label + div > div, table.with-details tr > .actions > [type=checkbox] + label + div > div {
    max-width: 200px;
  }
}
.disclosure-menu [aria-expanded] ~ * > div::before, .menu-panel > div::before, .more-popover-menu > [type=checkbox] + label + div > div::before, .popover-menu > [type=checkbox] + label + div > div::before, table.has-actions tr > .actions > [type=checkbox] + label + div > div::before, table.with-details tr > .actions > [type=checkbox] + label + div > div::before {
  position: absolute;
  left: 15px;
  top: calc(10px + 0.1em);
}

.disclosure-menu [aria-expanded] ~ * > ul, .menu-panel > ul, .more-popover-menu > [type=checkbox] + label + div > ul, .popover-menu > [type=checkbox] + label + div > ul, table.has-actions tr > .actions > [type=checkbox] + label + div > ul, table.with-details tr > .actions > [type=checkbox] + label + div > ul {
  margin: 0;
  padding: calc(var(--padding-y) - 0.625rem) 0; /* 10px */
}

.disclosure-menu [aria-expanded] ~ * > ul, .menu-panel > ul, .more-popover-menu > [type=checkbox] + label + div > ul, .popover-menu > [type=checkbox] + label + div > ul, table.has-actions tr > .actions > [type=checkbox] + label + div > ul, table.with-details tr > .actions > [type=checkbox] + label + div > ul,
.disclosure-menu [aria-expanded] ~ * > ul > li,
.menu-panel > ul > li,
.more-popover-menu > [type=checkbox] + label + div > ul > li,
.popover-menu > [type=checkbox] + label + div > ul > li,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li,
.disclosure-menu [aria-expanded] ~ * > ul > li > *,
.menu-panel > ul > li > *,
.more-popover-menu > [type=checkbox] + label + div > ul > li > *,
.popover-menu > [type=checkbox] + label + div > ul > li > *,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > *,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > * {
  width: 100%;
}

.disclosure-menu [aria-expanded] ~ * > ul > li, .menu-panel > ul > li, .more-popover-menu > [type=checkbox] + label + div > ul > li, .popover-menu > [type=checkbox] + label + div > ul > li, table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li, table.with-details tr > .actions > [type=checkbox] + label + div > ul > li,
.disclosure-menu [aria-expanded] ~ * > ul > [role=treeitem],
.menu-panel > ul > [role=treeitem],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=menuitem],
.menu-panel > ul > li > [role=menuitem],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=option],
.menu-panel > ul > li > [role=option],
.more-popover-menu > [type=checkbox] + label + div > ul > [role=treeitem],
.popover-menu > [type=checkbox] + label + div > ul > [role=treeitem],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=option],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=option],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=option],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=option] {
  text-align: left;
}

.disclosure-menu [aria-expanded] ~ * > ul > [role=treeitem], .menu-panel > ul > [role=treeitem],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=menuitem],
.menu-panel > ul > li > [role=menuitem],
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=option],
.menu-panel > ul > li > [role=option], .more-popover-menu > [type=checkbox] + label + div > ul > [role=treeitem], .popover-menu > [type=checkbox] + label + div > ul > [role=treeitem],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem],
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=option],
.popover-menu > [type=checkbox] + label + div > ul > li > [role=option], table.has-actions tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=option], table.with-details tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem],
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=option] {
  display: flex;
}

.disclosure-menu [aria-expanded] ~ * > ul > [role=treeitem]::after, .menu-panel > ul > [role=treeitem]::after,
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=menuitem]::after,
.menu-panel > ul > li > [role=menuitem]::after,
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=option]::after,
.menu-panel > ul > li > [role=option]::after, .more-popover-menu > [type=checkbox] + label + div > ul > [role=treeitem]::after, .popover-menu > [type=checkbox] + label + div > ul > [role=treeitem]::after,
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem]::after,
.popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem]::after,
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=option]::after,
.popover-menu > [type=checkbox] + label + div > ul > li > [role=option]::after, table.has-actions tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem]::after,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem]::after,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=option]::after, table.with-details tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem]::after,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem]::after,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=option]::after {
  margin-left: auto;
  /* as we are using margin-left for right align */
  /* we can't use it for an absolute margin-left */
  /* so cheat with a bit of padding/translate */
  padding-right: var(--padding-x);
  transform: translate(calc(var(--padding-x) / 2), 0);
}

.disclosure-menu [aria-expanded] ~ * [role=separator], .menu-panel [role=separator], .more-popover-menu > [type=checkbox] + label + div [role=separator], .popover-menu > [type=checkbox] + label + div [role=separator], table.has-actions tr > .actions > [type=checkbox] + label + div [role=separator], table.with-details tr > .actions > [type=checkbox] + label + div [role=separator] {
  padding-top: 0.375rem; /* 6px */
}

.disclosure-menu [aria-expanded] ~ * [role=separator]:not(:first-child), .menu-panel [role=separator]:not(:first-child), .more-popover-menu > [type=checkbox] + label + div [role=separator]:not(:first-child), .popover-menu > [type=checkbox] + label + div [role=separator]:not(:first-child), table.has-actions tr > .actions > [type=checkbox] + label + div [role=separator]:not(:first-child), table.with-details tr > .actions > [type=checkbox] + label + div [role=separator]:not(:first-child) {
  margin-top: 0.275rem; /* 6px */
}

.disclosure-menu [aria-expanded] ~ * [role=separator]:not(:empty), .menu-panel [role=separator]:not(:empty), .more-popover-menu > [type=checkbox] + label + div [role=separator]:not(:empty), .popover-menu > [type=checkbox] + label + div [role=separator]:not(:empty), table.has-actions tr > .actions > [type=checkbox] + label + div [role=separator]:not(:empty), table.with-details tr > .actions > [type=checkbox] + label + div [role=separator]:not(:empty) {
  padding-left: var(--padding-x);
  padding-right: var(--padding-x);
  padding-bottom: 0.125rem; /* 2px */
}

.disclosure-menu [aria-expanded] ~ .menu-panel-confirming, .menu-panel-confirming.menu-panel, .more-popover-menu > [type=checkbox] + label + div.menu-panel-confirming, .popover-menu > [type=checkbox] + label + div.menu-panel-confirming, table.has-actions tr > .actions > [type=checkbox] + label + div.menu-panel-confirming, table.with-details tr > .actions > [type=checkbox] + label + div.menu-panel-confirming {
  overflow: hidden;
}

.disclosure-menu [aria-expanded] ~ * > ul > [role=treeitem] + *, .menu-panel > ul > [role=treeitem] + *,
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=menuitem] + *,
.menu-panel > ul > li > [role=menuitem] + *,
.disclosure-menu [aria-expanded] ~ * > ul > li > [role=option] + *,
.menu-panel > ul > li > [role=option] + *, .more-popover-menu > [type=checkbox] + label + div > ul > [role=treeitem] + *, .popover-menu > [type=checkbox] + label + div > ul > [role=treeitem] + *,
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem] + *,
.popover-menu > [type=checkbox] + label + div > ul > li > [role=menuitem] + *,
.more-popover-menu > [type=checkbox] + label + div > ul > li > [role=option] + *,
.popover-menu > [type=checkbox] + label + div > ul > li > [role=option] + *, table.has-actions tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem] + *,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem] + *,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li > [role=option] + *, table.with-details tr > .actions > [type=checkbox] + label + div > ul > [role=treeitem] + *,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=menuitem] + *,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li > [role=option] + * {
  position: absolute;
  top: 0;
  left: calc(100% + 10px);
}

.disclosure-menu [aria-expanded] ~ * > ul, .menu-panel > ul, .more-popover-menu > [type=checkbox] + label + div > ul, .popover-menu > [type=checkbox] + label + div > ul, table.has-actions tr > .actions > [type=checkbox] + label + div > ul, table.with-details tr > .actions > [type=checkbox] + label + div > ul {
  transition: transform 150ms;
}

.disclosure-menu [aria-expanded] ~ .menu-panel-confirming > ul, .menu-panel-confirming.menu-panel > ul, .more-popover-menu > [type=checkbox] + label + div.menu-panel-confirming > ul, .popover-menu > [type=checkbox] + label + div.menu-panel-confirming > ul, table.has-actions tr > .actions > [type=checkbox] + label + div.menu-panel-confirming > ul, table.with-details tr > .actions > [type=checkbox] + label + div.menu-panel-confirming > ul {
  transform: translateX(calc(-100% - 10px));
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/* old stuff */
.disclosure-menu [aria-expanded] ~ *, .menu-panel, .more-popover-menu > [type=checkbox] + label + div, .popover-menu > [type=checkbox] + label + div, table.has-actions tr > .actions > [type=checkbox] + label + div, table.with-details tr > .actions > [type=checkbox] + label + div {
  overflow: hidden;
}

.menu-panel-deprecated {
  position: absolute;
}

.menu-panel-deprecated [type=checkbox] {
  display: none;
}

.menu-panel-deprecated {
  transition: max-height 150ms;
}

.menu-panel-deprecated {
  transition: min-height 150ms, max-height 150ms;
  min-height: 0;
}

.menu-panel-deprecated > ul > li > *:not(div[role=menu]) {
  position: relative;
}

.menu-panel-deprecated:not(.left) {
  right: 0px !important;
  left: auto !important;
}

.left.menu-panel-deprecated {
  left: 0px;
}

.menu-panel-deprecated:not(.above) {
  top: 28px;
}

.above.menu-panel-deprecated {
  bottom: 42px;
}

/* first-child is highly likely to be the button/or anchor*/
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-upstream-instance-list dl.local-bind-socket-mode dt::after {
  display: inline;
}

.consul-upstream-instance-list dl.local-bind-socket-mode dt::after {
  content: var(--horizontal-kv-list-key-separator);
}

[id^=docfy-demo-preview-horizontal-kv-list] .reversed > dl dt[class=""]::after, [id^=docfy-demo-preview-horizontal-kv-list] .reversed .kind-terminating-gateway dt[class=""]::after {
  content: var(--horizontal-kv-list-key-wrapper-end);
}

[id^=docfy-demo-preview-horizontal-kv-list] .reversed > dl dt[class=""]::before, [id^=docfy-demo-preview-horizontal-kv-list] .reversed .kind-terminating-gateway dt[class=""]::before {
  content: var(--horizontal-kv-list-key-wrapper-start);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
[id^=docfy-demo-preview-horizontal-kv-list] dl, #docfy-demo-preview-badge dl.service-identity,
#docfy-demo-preview-badge dl.kind-terminating-gateway, #docfy-demo-preview-badge dl, section[data-route="dc.show.license"] .validity dl, section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl, .consul-lock-session-list dl, .consul-instance-checks, .consul-upstream-instance-list dl, .consul-bucket-list, [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway, [id^=docfy-demo-preview-horizontal-kv-list] .service-identity, #docfy-demo-preview-badge dl.kind-terminating-gateway dt, #docfy-demo-preview-badge dl.service-identity dt, #docfy-demo-preview-badge dt.kind-terminating-gateway, #docfy-demo-preview-badge dt.service-identity, #docfy-demo-preview-icon-definition dl, .consul-lock-session-list ul > li:not(:first-child) > .detail dl, .consul-exposed-path-list > ul > li > .detail dl, .consul-upstream-instance-list li > .detail dl, .list-collection > ul > li:not(:first-child) > .detail dl, .tag-list,
td.tags {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
}

[id^=docfy-demo-preview-horizontal-kv-list] .reversed > dl, [id^=docfy-demo-preview-horizontal-kv-list] .reversed .kind-terminating-gateway {
  flex-direction: row-reverse;
}

[id^=docfy-demo-preview-horizontal-kv-list] dl:empty, #docfy-demo-preview-badge dl:empty, section[data-route="dc.show.license"] .validity dl:empty, section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl:empty, .consul-lock-session-list dl:empty, .consul-instance-checks:empty, .consul-upstream-instance-list dl:empty, .consul-bucket-list:empty, [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway:empty, [id^=docfy-demo-preview-horizontal-kv-list] .service-identity:empty, #docfy-demo-preview-badge dl.kind-terminating-gateway dt:empty, #docfy-demo-preview-badge dl.service-identity dt:empty, #docfy-demo-preview-badge dt.kind-terminating-gateway:empty, #docfy-demo-preview-badge dt.service-identity:empty, #docfy-demo-preview-icon-definition dl:empty, .consul-lock-session-list ul > li:not(:first-child) > .detail dl:empty, .consul-exposed-path-list > ul > li > .detail dl:empty, .list-collection > ul > li:not(:first-child) > .detail dl:empty, .tag-list:empty,
td.tags:empty {
  display: none;
}

[id^=docfy-demo-preview-horizontal-kv-list] dl > * > *, #docfy-demo-preview-badge dl.service-identity > * > *,
#docfy-demo-preview-badge dl.kind-terminating-gateway > * > *, #docfy-demo-preview-badge dl > * > *, section[data-route="dc.show.license"] .validity dl > * > *, section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl > * > *, .consul-lock-session-list dl > * > *, .consul-instance-checks > * > *, .consul-upstream-instance-list dl > * > *, .consul-bucket-list > * > *, [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway > * > *, [id^=docfy-demo-preview-horizontal-kv-list] .service-identity > * > *, #docfy-demo-preview-badge dl.kind-terminating-gateway dt > * > *, #docfy-demo-preview-badge dl.service-identity dt > * > *, #docfy-demo-preview-badge dt.kind-terminating-gateway > * > *, #docfy-demo-preview-badge dt.service-identity > * > *, #docfy-demo-preview-icon-definition dl > * > *, .consul-lock-session-list ul > li:not(:first-child) > .detail dl > * > *, .consul-exposed-path-list > ul > li > .detail dl > * > *, .consul-upstream-instance-list li > .detail dl > * > *, .list-collection > ul > li:not(:first-child) > .detail dl > * > *, .tag-list > * > *,
td.tags > * > * {
  display: inline-block;
}

[id^=docfy-demo-preview-horizontal-kv-list] dl > *, #docfy-demo-preview-badge dl.service-identity > *,
#docfy-demo-preview-badge dl.kind-terminating-gateway > *, #docfy-demo-preview-badge dl > *, section[data-route="dc.show.license"] .validity dl > *, section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl > *, .consul-lock-session-list dl > *, .consul-instance-checks > *, .consul-upstream-instance-list dl > *, .consul-bucket-list > *, [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway > *, [id^=docfy-demo-preview-horizontal-kv-list] .service-identity > *, #docfy-demo-preview-badge dl.kind-terminating-gateway dt > *, #docfy-demo-preview-badge dl.service-identity dt > *, #docfy-demo-preview-badge dt.kind-terminating-gateway > *, #docfy-demo-preview-badge dt.service-identity > *, #docfy-demo-preview-icon-definition dl > *, .consul-lock-session-list ul > li:not(:first-child) > .detail dl > *, .consul-exposed-path-list > ul > li > .detail dl > *, .consul-upstream-instance-list li > .detail dl > *, .list-collection > ul > li:not(:first-child) > .detail dl > *, .tag-list > *,
td.tags > * {
  white-space: nowrap;
}

[id^=docfy-demo-preview-horizontal-kv-list] dl > dd, #docfy-demo-preview-badge dl.service-identity > dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway > dd, #docfy-demo-preview-badge dl > dd, section[data-route="dc.show.license"] .validity dl > dd, section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl > dd, .consul-lock-session-list dl > dd, .consul-instance-checks > dd, .consul-upstream-instance-list dl > dd, .consul-bucket-list > dd, [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway > dd, [id^=docfy-demo-preview-horizontal-kv-list] .service-identity > dd, #docfy-demo-preview-badge dl.kind-terminating-gateway dt > dd, #docfy-demo-preview-badge dl.service-identity dt > dd, #docfy-demo-preview-badge dt.kind-terminating-gateway > dd, #docfy-demo-preview-badge dt.service-identity > dd, #docfy-demo-preview-icon-definition dl > dd, .consul-lock-session-list ul > li:not(:first-child) > .detail dl > dd, .consul-exposed-path-list > ul > li > .detail dl > dd, .consul-upstream-instance-list li > .detail dl > dd, .list-collection > ul > li:not(:first-child) > .detail dl > dd, .tag-list > dd,
td.tags > dd {
  flex-wrap: wrap;
}

.consul-upstream-instance-list dl.local-bind-socket-mode dt {
  display: inline-flex;
  min-width: 18px;
}

[id^=docfy-demo-preview-horizontal-kv-list] .reversed > dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .reversed .kind-terminating-gateway:not(:first-of-type),
[id^=docfy-demo-preview-horizontal-kv-list] dl dd + dt,
#docfy-demo-preview-badge dl.service-identity dd + dt,
#docfy-demo-preview-badge dl.kind-terminating-gateway dd + dt,
#docfy-demo-preview-badge dl dd + dt,
section[data-route="dc.show.license"] .validity dl dd + dt,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl dd + dt,
.consul-lock-session-list dl dd + dt,
.consul-instance-checks dd + dt,
.consul-upstream-instance-list dl dd + dt,
.consul-bucket-list dd + dt,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway dd + dt,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity dd + dt,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt dd + dt,
#docfy-demo-preview-badge dl.service-identity dt dd + dt,
#docfy-demo-preview-badge dt.kind-terminating-gateway dd + dt,
#docfy-demo-preview-badge dt.service-identity dd + dt,
#docfy-demo-preview-icon-definition dl dd + dt,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl dd + dt,
.consul-exposed-path-list > ul > li > .detail dl dd + dt,
.consul-upstream-instance-list li > .detail dl dd + dt,
.list-collection > ul > li:not(:first-child) > .detail dl dd + dt,
.tag-list dd + dt,
td.tags dd + dt,
[id^=docfy-demo-preview-horizontal-kv-list] dl .consul-upstream-instance-list dl.local-bind-socket-path dd + dt + dd,
#docfy-demo-preview-badge dl.service-identity .consul-upstream-instance-list dl.local-bind-socket-path dd + dt + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway .consul-upstream-instance-list dl.local-bind-socket-path dd + dt + dd,
#docfy-demo-preview-badge dl .consul-upstream-instance-list dl.local-bind-socket-path dd + dt + dd,
section[data-route="dc.show.license"] .validity dl .consul-upstream-instance-list dl.local-bind-socket-path dd + dt + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl .consul-upstream-instance-list dl.local-bind-socket-path dd + dt + dd,
.consul-lock-session-list dl .consul-upstream-instance-list dl.local-bind-socket-path dd + dt + dd,
.consul-instance-checks .consul-upstream-instance-list dl.local-bind-socket-path dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-socket-path [id^=docfy-demo-preview-horizontal-kv-list] dl dd + dt + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list dl.local-bind-socket-path dl dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-socket-path #docfy-demo-preview-badge dl.service-identity dd + dt + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list dl.local-bind-socket-path dl.service-identity dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-socket-path #docfy-demo-preview-badge dl.kind-terminating-gateway dd + dt + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list dl.local-bind-socket-path dl.kind-terminating-gateway dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-socket-path #docfy-demo-preview-badge dl dd + dt + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list dl.local-bind-socket-path dl dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-socket-path section[data-route="dc.show.license"] .validity dl dd + dt + dd,
section[data-route="dc.show.license"] .validity .consul-upstream-instance-list dl.local-bind-socket-path dl dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-socket-path section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl dd + dt + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-upstream-instance-list dl.local-bind-socket-path dl dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-socket-path .consul-lock-session-list dl dd + dt + dd,
.consul-lock-session-list .consul-upstream-instance-list dl.local-bind-socket-path dl dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-socket-path .consul-instance-checks dd + dt + dd,
[id^=docfy-demo-preview-horizontal-kv-list] dl .consul-upstream-instance-list dl.local-bind-address dd + dt + dd,
#docfy-demo-preview-badge dl.service-identity .consul-upstream-instance-list dl.local-bind-address dd + dt + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway .consul-upstream-instance-list dl.local-bind-address dd + dt + dd,
#docfy-demo-preview-badge dl .consul-upstream-instance-list dl.local-bind-address dd + dt + dd,
section[data-route="dc.show.license"] .validity dl .consul-upstream-instance-list dl.local-bind-address dd + dt + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl .consul-upstream-instance-list dl.local-bind-address dd + dt + dd,
.consul-lock-session-list dl .consul-upstream-instance-list dl.local-bind-address dd + dt + dd,
.consul-instance-checks .consul-upstream-instance-list dl.local-bind-address dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-address [id^=docfy-demo-preview-horizontal-kv-list] dl dd + dt + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list dl.local-bind-address dl dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-address #docfy-demo-preview-badge dl.service-identity dd + dt + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list dl.local-bind-address dl.service-identity dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-address #docfy-demo-preview-badge dl.kind-terminating-gateway dd + dt + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list dl.local-bind-address dl.kind-terminating-gateway dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-address #docfy-demo-preview-badge dl dd + dt + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list dl.local-bind-address dl dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-address section[data-route="dc.show.license"] .validity dl dd + dt + dd,
section[data-route="dc.show.license"] .validity .consul-upstream-instance-list dl.local-bind-address dl dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-address section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl dd + dt + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-upstream-instance-list dl.local-bind-address dl dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-address .consul-lock-session-list dl dd + dt + dd,
.consul-lock-session-list .consul-upstream-instance-list dl.local-bind-address dl dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-address .consul-instance-checks dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-socket-path dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-address dd + dt + dd,
.consul-bucket-list .consul-upstream-instance-list dl.local-bind-socket-path dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-socket-path .consul-bucket-list dd + dt + dd,
.consul-bucket-list .consul-upstream-instance-list dl.local-bind-address dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-address .consul-bucket-list dd + dt + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway .consul-upstream-instance-list dl.local-bind-socket-path dd + dt + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity .consul-upstream-instance-list dl.local-bind-socket-path dd + dt + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt .consul-upstream-instance-list dl.local-bind-socket-path dd + dt + dd,
#docfy-demo-preview-badge dl.service-identity dt .consul-upstream-instance-list dl.local-bind-socket-path dd + dt + dd,
#docfy-demo-preview-badge dt.kind-terminating-gateway .consul-upstream-instance-list dl.local-bind-socket-path dd + dt + dd,
#docfy-demo-preview-badge dt.service-identity .consul-upstream-instance-list dl.local-bind-socket-path dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-socket-path [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway dd + dt + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list dl.local-bind-socket-path .kind-terminating-gateway dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-socket-path [id^=docfy-demo-preview-horizontal-kv-list] .service-identity dd + dt + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list dl.local-bind-socket-path .service-identity dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-socket-path #docfy-demo-preview-badge dl.kind-terminating-gateway dt dd + dt + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway .consul-upstream-instance-list dl.local-bind-socket-path dt dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-socket-path #docfy-demo-preview-badge dl.service-identity dt dd + dt + dd,
#docfy-demo-preview-badge dl.service-identity .consul-upstream-instance-list dl.local-bind-socket-path dt dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-socket-path #docfy-demo-preview-badge dt.kind-terminating-gateway dd + dt + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list dl.local-bind-socket-path dt.kind-terminating-gateway dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-socket-path #docfy-demo-preview-badge dt.service-identity dd + dt + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list dl.local-bind-socket-path dt.service-identity dd + dt + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway .consul-upstream-instance-list dl.local-bind-address dd + dt + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity .consul-upstream-instance-list dl.local-bind-address dd + dt + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt .consul-upstream-instance-list dl.local-bind-address dd + dt + dd,
#docfy-demo-preview-badge dl.service-identity dt .consul-upstream-instance-list dl.local-bind-address dd + dt + dd,
#docfy-demo-preview-badge dt.kind-terminating-gateway .consul-upstream-instance-list dl.local-bind-address dd + dt + dd,
#docfy-demo-preview-badge dt.service-identity .consul-upstream-instance-list dl.local-bind-address dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-address [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway dd + dt + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list dl.local-bind-address .kind-terminating-gateway dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-address [id^=docfy-demo-preview-horizontal-kv-list] .service-identity dd + dt + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list dl.local-bind-address .service-identity dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-address #docfy-demo-preview-badge dl.kind-terminating-gateway dt dd + dt + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway .consul-upstream-instance-list dl.local-bind-address dt dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-address #docfy-demo-preview-badge dl.service-identity dt dd + dt + dd,
#docfy-demo-preview-badge dl.service-identity .consul-upstream-instance-list dl.local-bind-address dt dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-address #docfy-demo-preview-badge dt.kind-terminating-gateway dd + dt + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list dl.local-bind-address dt.kind-terminating-gateway dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-address #docfy-demo-preview-badge dt.service-identity dd + dt + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list dl.local-bind-address dt.service-identity dd + dt + dd,
[id^=docfy-demo-preview-horizontal-kv-list] dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list dl:not([class]) dd + dt:not([class]) + dd,
.consul-instance-checks:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list dl:not([class]) dd + dt:not([class]) + dd,
.consul-bucket-list:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity dt:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.service-identity:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] dl #docfy-demo-preview-icon-definition dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition [id^=docfy-demo-preview-horizontal-kv-list] dl dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity #docfy-demo-preview-icon-definition dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl.service-identity dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway #docfy-demo-preview-icon-definition dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl.kind-terminating-gateway dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl #docfy-demo-preview-icon-definition dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity dl #docfy-demo-preview-icon-definition dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition section[data-route="dc.show.license"] .validity dl dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl #docfy-demo-preview-icon-definition dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list dl #docfy-demo-preview-icon-definition dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .consul-lock-session-list dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-instance-checks #docfy-demo-preview-icon-definition dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .consul-instance-checks dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list dl #docfy-demo-preview-icon-definition dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .consul-upstream-instance-list dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-bucket-list #docfy-demo-preview-icon-definition dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .consul-bucket-list dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway #docfy-demo-preview-icon-definition dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity #docfy-demo-preview-icon-definition dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition [id^=docfy-demo-preview-horizontal-kv-list] .service-identity dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt #docfy-demo-preview-icon-definition dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl.kind-terminating-gateway dt dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity dt #docfy-demo-preview-icon-definition dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl.service-identity dt dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.kind-terminating-gateway #docfy-demo-preview-icon-definition dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dt.kind-terminating-gateway dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.service-identity #docfy-demo-preview-icon-definition dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dt.service-identity dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl:not([class]) [id^=docfy-demo-preview-horizontal-kv-list] dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-icon-definition dl:not([class]) dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition [id^=docfy-demo-preview-horizontal-kv-list] dl:not([class]) dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl:not([class]) #docfy-demo-preview-badge dl.service-identity dd + dt:not([class]) + dd,
#docfy-demo-preview-badge #docfy-demo-preview-icon-definition dl:not([class]) dl.service-identity dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl:not([class]) dl.service-identity dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl:not([class]) #docfy-demo-preview-badge dl.kind-terminating-gateway dd + dt:not([class]) + dd,
#docfy-demo-preview-badge #docfy-demo-preview-icon-definition dl:not([class]) dl.kind-terminating-gateway dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl:not([class]) dl.kind-terminating-gateway dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl:not([class]) #docfy-demo-preview-badge dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge #docfy-demo-preview-icon-definition dl:not([class]) dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl:not([class]) dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl:not([class]) section[data-route="dc.show.license"] .validity dl dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity #docfy-demo-preview-icon-definition dl:not([class]) dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition section[data-route="dc.show.license"] .validity dl:not([class]) dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl:not([class]) section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header #docfy-demo-preview-icon-definition dl:not([class]) dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl:not([class]) dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl:not([class]) .consul-lock-session-list dl dd + dt:not([class]) + dd,
.consul-lock-session-list #docfy-demo-preview-icon-definition dl:not([class]) dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .consul-lock-session-list dl:not([class]) dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl:not([class]) .consul-instance-checks dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl:not([class]) .consul-upstream-instance-list dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list #docfy-demo-preview-icon-definition dl:not([class]) dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .consul-upstream-instance-list dl:not([class]) dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl:not([class]) .consul-bucket-list dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl:not([class]) [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-icon-definition dl:not([class]) .kind-terminating-gateway dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition [id^=docfy-demo-preview-horizontal-kv-list] dl:not([class]) .kind-terminating-gateway dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl:not([class]) [id^=docfy-demo-preview-horizontal-kv-list] .service-identity dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-icon-definition dl:not([class]) .service-identity dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition [id^=docfy-demo-preview-horizontal-kv-list] dl:not([class]) .service-identity dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl:not([class]) #docfy-demo-preview-badge dl.kind-terminating-gateway dt dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway #docfy-demo-preview-icon-definition dl:not([class]) dt dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl.kind-terminating-gateway dl:not([class]) dt dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl:not([class]) #docfy-demo-preview-badge dl.service-identity dt dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity #docfy-demo-preview-icon-definition dl:not([class]) dt dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl.service-identity dl:not([class]) dt dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl:not([class]) #docfy-demo-preview-badge dt.kind-terminating-gateway dd + dt:not([class]) + dd,
#docfy-demo-preview-badge #docfy-demo-preview-icon-definition dl:not([class]) dt.kind-terminating-gateway dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl:not([class]) dt.kind-terminating-gateway dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl:not([class]) #docfy-demo-preview-badge dt.service-identity dd + dt:not([class]) + dd,
#docfy-demo-preview-badge #docfy-demo-preview-icon-definition dl:not([class]) dt.service-identity dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl:not([class]) dt.service-identity dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] dl .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity dl .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list dl .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list [id^=docfy-demo-preview-horizontal-kv-list] dl ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list dl ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list #docfy-demo-preview-badge dl.service-identity ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-lock-session-list dl.service-identity ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list #docfy-demo-preview-badge dl.kind-terminating-gateway ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-lock-session-list dl.kind-terminating-gateway ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list #docfy-demo-preview-badge dl ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-lock-session-list dl ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list section[data-route="dc.show.license"] .validity dl ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity .consul-lock-session-list dl ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-lock-session-list dl ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list dl ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] dl .consul-exposed-path-list > ul > li > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity .consul-exposed-path-list > ul > li > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway .consul-exposed-path-list > ul > li > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl .consul-exposed-path-list > ul > li > .detail dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity dl .consul-exposed-path-list > ul > li > .detail dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl .consul-exposed-path-list > ul > li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list dl .consul-exposed-path-list > ul > li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-instance-checks .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list .consul-instance-checks ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-instance-checks .consul-exposed-path-list > ul > li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list dl .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list .consul-upstream-instance-list dl ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list dl .consul-exposed-path-list > ul > li > .detail dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] dl .consul-upstream-instance-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity .consul-upstream-instance-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway .consul-upstream-instance-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl .consul-upstream-instance-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity dl .consul-upstream-instance-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl .consul-upstream-instance-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list dl .consul-upstream-instance-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-instance-checks .consul-upstream-instance-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list dl .consul-upstream-instance-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list [id^=docfy-demo-preview-horizontal-kv-list] dl li > .detail dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list dl li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list #docfy-demo-preview-badge dl.service-identity li > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list dl.service-identity li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list #docfy-demo-preview-badge dl.kind-terminating-gateway li > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list dl.kind-terminating-gateway li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list #docfy-demo-preview-badge dl li > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list dl li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list section[data-route="dc.show.license"] .validity dl li > .detail dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity .consul-upstream-instance-list dl li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl li > .detail dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-upstream-instance-list dl li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list .consul-lock-session-list dl li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list .consul-upstream-instance-list dl li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list .consul-instance-checks li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list dl li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-bucket-list .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list .consul-bucket-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-bucket-list .consul-exposed-path-list > ul > li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-bucket-list .consul-upstream-instance-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list .consul-bucket-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity dt .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.kind-terminating-gateway .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.service-identity .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list .kind-terminating-gateway ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list [id^=docfy-demo-preview-horizontal-kv-list] .service-identity ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list .service-identity ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list #docfy-demo-preview-badge dl.kind-terminating-gateway dt ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway .consul-lock-session-list dt ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list #docfy-demo-preview-badge dl.service-identity dt ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity .consul-lock-session-list dt ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list #docfy-demo-preview-badge dt.kind-terminating-gateway ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-lock-session-list dt.kind-terminating-gateway ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list #docfy-demo-preview-badge dt.service-identity ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-lock-session-list dt.service-identity ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway .consul-exposed-path-list > ul > li > .detail dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity .consul-exposed-path-list > ul > li > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt .consul-exposed-path-list > ul > li > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity dt .consul-exposed-path-list > ul > li > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.kind-terminating-gateway .consul-exposed-path-list > ul > li > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.service-identity .consul-exposed-path-list > ul > li > .detail dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway .consul-upstream-instance-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity .consul-upstream-instance-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt .consul-upstream-instance-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity dt .consul-upstream-instance-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.kind-terminating-gateway .consul-upstream-instance-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.service-identity .consul-upstream-instance-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway li > .detail dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list .kind-terminating-gateway li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list [id^=docfy-demo-preview-horizontal-kv-list] .service-identity li > .detail dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list .service-identity li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list #docfy-demo-preview-badge dl.kind-terminating-gateway dt li > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway .consul-upstream-instance-list dt li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list #docfy-demo-preview-badge dl.service-identity dt li > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity .consul-upstream-instance-list dt li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list #docfy-demo-preview-badge dt.kind-terminating-gateway li > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list dt.kind-terminating-gateway li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list #docfy-demo-preview-badge dt.service-identity li > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list dt.service-identity li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) [id^=docfy-demo-preview-horizontal-kv-list] dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) #docfy-demo-preview-badge dl.service-identity dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dl.service-identity dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) #docfy-demo-preview-badge dl.kind-terminating-gateway dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dl.kind-terminating-gateway dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) #docfy-demo-preview-badge dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) section[data-route="dc.show.license"] .validity dl dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl:not([class]) [id^=docfy-demo-preview-horizontal-kv-list] dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-exposed-path-list > ul > li > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl:not([class]) #docfy-demo-preview-badge dl.service-identity dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-exposed-path-list > ul > li > .detail dl:not([class]) dl.service-identity dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl:not([class]) #docfy-demo-preview-badge dl.kind-terminating-gateway dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-exposed-path-list > ul > li > .detail dl:not([class]) dl.kind-terminating-gateway dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl:not([class]) #docfy-demo-preview-badge dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-exposed-path-list > ul > li > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl:not([class]) section[data-route="dc.show.license"] .validity dl dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity .consul-exposed-path-list > ul > li > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl:not([class]) section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-exposed-path-list > ul > li > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl:not([class]) .consul-lock-session-list dl dd + dt:not([class]) + dd,
.consul-lock-session-list .consul-exposed-path-list > ul > li > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) .consul-instance-checks dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl:not([class]) .consul-instance-checks dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) .consul-upstream-instance-list dl dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl:not([class]) .consul-upstream-instance-list dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-lock-session-list .consul-upstream-instance-list ul > li:not(:first-child) > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list .consul-exposed-path-list > ul > li > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl:not([class]) [id^=docfy-demo-preview-horizontal-kv-list] dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list li > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl:not([class]) #docfy-demo-preview-badge dl.service-identity dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list li > .detail dl:not([class]) dl.service-identity dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl:not([class]) #docfy-demo-preview-badge dl.kind-terminating-gateway dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list li > .detail dl:not([class]) dl.kind-terminating-gateway dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl:not([class]) #docfy-demo-preview-badge dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list li > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl:not([class]) section[data-route="dc.show.license"] .validity dl dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity .consul-upstream-instance-list li > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl:not([class]) section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-upstream-instance-list li > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl:not([class]) .consul-lock-session-list dl dd + dt:not([class]) + dd,
.consul-lock-session-list .consul-upstream-instance-list li > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl:not([class]) .consul-instance-checks dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) .consul-bucket-list dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl:not([class]) .consul-bucket-list dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl:not([class]) .consul-bucket-list dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) .kind-terminating-gateway dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) [id^=docfy-demo-preview-horizontal-kv-list] .service-identity dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) .service-identity dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) #docfy-demo-preview-badge dl.kind-terminating-gateway dt dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dt dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) #docfy-demo-preview-badge dl.service-identity dt dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dt dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) #docfy-demo-preview-badge dt.kind-terminating-gateway dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dt.kind-terminating-gateway dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) #docfy-demo-preview-badge dt.service-identity dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dt.service-identity dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl:not([class]) [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-exposed-path-list > ul > li > .detail dl:not([class]) .kind-terminating-gateway dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl:not([class]) [id^=docfy-demo-preview-horizontal-kv-list] .service-identity dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-exposed-path-list > ul > li > .detail dl:not([class]) .service-identity dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl:not([class]) #docfy-demo-preview-badge dl.kind-terminating-gateway dt dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway .consul-exposed-path-list > ul > li > .detail dl:not([class]) dt dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl:not([class]) #docfy-demo-preview-badge dl.service-identity dt dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity .consul-exposed-path-list > ul > li > .detail dl:not([class]) dt dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl:not([class]) #docfy-demo-preview-badge dt.kind-terminating-gateway dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-exposed-path-list > ul > li > .detail dl:not([class]) dt.kind-terminating-gateway dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl:not([class]) #docfy-demo-preview-badge dt.service-identity dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-exposed-path-list > ul > li > .detail dl:not([class]) dt.service-identity dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl:not([class]) [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list li > .detail dl:not([class]) .kind-terminating-gateway dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl:not([class]) [id^=docfy-demo-preview-horizontal-kv-list] .service-identity dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list li > .detail dl:not([class]) .service-identity dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl:not([class]) #docfy-demo-preview-badge dl.kind-terminating-gateway dt dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway .consul-upstream-instance-list li > .detail dl:not([class]) dt dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl:not([class]) #docfy-demo-preview-badge dl.service-identity dt dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity .consul-upstream-instance-list li > .detail dl:not([class]) dt dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl:not([class]) #docfy-demo-preview-badge dt.kind-terminating-gateway dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list li > .detail dl:not([class]) dt.kind-terminating-gateway dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl:not([class]) #docfy-demo-preview-badge dt.service-identity dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list li > .detail dl:not([class]) dt.service-identity dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] dl .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity dl .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list dl .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-instance-checks .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list dl .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-bucket-list .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity dt .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.kind-terminating-gateway .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.service-identity .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl:not([class]) [id^=docfy-demo-preview-horizontal-kv-list] dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl:not([class]) #docfy-demo-preview-badge dl.service-identity dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dl.service-identity dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl:not([class]) #docfy-demo-preview-badge dl.kind-terminating-gateway dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dl.kind-terminating-gateway dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl:not([class]) #docfy-demo-preview-badge dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl:not([class]) section[data-route="dc.show.license"] .validity dl dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl:not([class]) section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl:not([class]) .consul-lock-session-list dl dd + dt:not([class]) + dd,
.consul-lock-session-list .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl:not([class]) .consul-instance-checks dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl:not([class]) .consul-upstream-instance-list dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl:not([class]) .consul-bucket-list dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl:not([class]) [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) .kind-terminating-gateway dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl:not([class]) [id^=docfy-demo-preview-horizontal-kv-list] .service-identity dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) .service-identity dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl:not([class]) #docfy-demo-preview-badge dl.kind-terminating-gateway dt dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dt dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl:not([class]) #docfy-demo-preview-badge dl.service-identity dt dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dt dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl:not([class]) #docfy-demo-preview-badge dt.kind-terminating-gateway dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dt.kind-terminating-gateway dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl:not([class]) #docfy-demo-preview-badge dt.service-identity dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dt.service-identity dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] dl .tag-list:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity .tag-list:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway .tag-list:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl .tag-list:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity dl .tag-list:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl .tag-list:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list dl .tag-list:not([class]) dd + dt:not([class]) + dd,
.consul-instance-checks .tag-list:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list dl .tag-list:not([class]) dd + dt:not([class]) + dd,
.consul-bucket-list .tag-list:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway .tag-list:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity .tag-list:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt .tag-list:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity dt .tag-list:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.kind-terminating-gateway .tag-list:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.service-identity .tag-list:not([class]) dd + dt:not([class]) + dd,
.tag-list:not([class]) [id^=docfy-demo-preview-horizontal-kv-list] dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .tag-list:not([class]) dl dd + dt:not([class]) + dd,
.tag-list:not([class]) #docfy-demo-preview-badge dl.service-identity dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .tag-list:not([class]) dl.service-identity dd + dt:not([class]) + dd,
.tag-list:not([class]) #docfy-demo-preview-badge dl.kind-terminating-gateway dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .tag-list:not([class]) dl.kind-terminating-gateway dd + dt:not([class]) + dd,
.tag-list:not([class]) #docfy-demo-preview-badge dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .tag-list:not([class]) dl dd + dt:not([class]) + dd,
.tag-list:not([class]) section[data-route="dc.show.license"] .validity dl dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity .tag-list:not([class]) dl dd + dt:not([class]) + dd,
.tag-list:not([class]) section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header .tag-list:not([class]) dl dd + dt:not([class]) + dd,
.tag-list:not([class]) .consul-lock-session-list dl dd + dt:not([class]) + dd,
.consul-lock-session-list .tag-list:not([class]) dl dd + dt:not([class]) + dd,
.tag-list:not([class]) .consul-instance-checks dd + dt:not([class]) + dd,
.tag-list:not([class]) .consul-upstream-instance-list dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list .tag-list:not([class]) dl dd + dt:not([class]) + dd,
.tag-list:not([class]) .consul-bucket-list dd + dt:not([class]) + dd,
.tag-list:not([class]) [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .tag-list:not([class]) .kind-terminating-gateway dd + dt:not([class]) + dd,
.tag-list:not([class]) [id^=docfy-demo-preview-horizontal-kv-list] .service-identity dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .tag-list:not([class]) .service-identity dd + dt:not([class]) + dd,
.tag-list:not([class]) #docfy-demo-preview-badge dl.kind-terminating-gateway dt dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway .tag-list:not([class]) dt dd + dt:not([class]) + dd,
.tag-list:not([class]) #docfy-demo-preview-badge dl.service-identity dt dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity .tag-list:not([class]) dt dd + dt:not([class]) + dd,
.tag-list:not([class]) #docfy-demo-preview-badge dt.kind-terminating-gateway dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .tag-list:not([class]) dt.kind-terminating-gateway dd + dt:not([class]) + dd,
.tag-list:not([class]) #docfy-demo-preview-badge dt.service-identity dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .tag-list:not([class]) dt.service-identity dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] dl td.tags:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity td.tags:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway td.tags:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl td.tags:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity dl td.tags:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl td.tags:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list dl td.tags:not([class]) dd + dt:not([class]) + dd,
.consul-instance-checks td.tags:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list dl td.tags:not([class]) dd + dt:not([class]) + dd,
.consul-bucket-list td.tags:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway td.tags:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity td.tags:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt td.tags:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity dt td.tags:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.kind-terminating-gateway td.tags:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.service-identity td.tags:not([class]) dd + dt:not([class]) + dd,
td.tags:not([class]) [id^=docfy-demo-preview-horizontal-kv-list] dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] td.tags:not([class]) dl dd + dt:not([class]) + dd,
td.tags:not([class]) #docfy-demo-preview-badge dl.service-identity dd + dt:not([class]) + dd,
#docfy-demo-preview-badge td.tags:not([class]) dl.service-identity dd + dt:not([class]) + dd,
td.tags:not([class]) #docfy-demo-preview-badge dl.kind-terminating-gateway dd + dt:not([class]) + dd,
#docfy-demo-preview-badge td.tags:not([class]) dl.kind-terminating-gateway dd + dt:not([class]) + dd,
td.tags:not([class]) #docfy-demo-preview-badge dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge td.tags:not([class]) dl dd + dt:not([class]) + dd,
td.tags:not([class]) section[data-route="dc.show.license"] .validity dl dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity td.tags:not([class]) dl dd + dt:not([class]) + dd,
td.tags:not([class]) section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header td.tags:not([class]) dl dd + dt:not([class]) + dd,
td.tags:not([class]) .consul-lock-session-list dl dd + dt:not([class]) + dd,
.consul-lock-session-list td.tags:not([class]) dl dd + dt:not([class]) + dd,
td.tags:not([class]) .consul-instance-checks dd + dt:not([class]) + dd,
td.tags:not([class]) .consul-upstream-instance-list dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list td.tags:not([class]) dl dd + dt:not([class]) + dd,
td.tags:not([class]) .consul-bucket-list dd + dt:not([class]) + dd,
td.tags:not([class]) [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] td.tags:not([class]) .kind-terminating-gateway dd + dt:not([class]) + dd,
td.tags:not([class]) [id^=docfy-demo-preview-horizontal-kv-list] .service-identity dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] td.tags:not([class]) .service-identity dd + dt:not([class]) + dd,
td.tags:not([class]) #docfy-demo-preview-badge dl.kind-terminating-gateway dt dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway td.tags:not([class]) dt dd + dt:not([class]) + dd,
td.tags:not([class]) #docfy-demo-preview-badge dl.service-identity dt dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity td.tags:not([class]) dt dd + dt:not([class]) + dd,
td.tags:not([class]) #docfy-demo-preview-badge dt.kind-terminating-gateway dd + dt:not([class]) + dd,
#docfy-demo-preview-badge td.tags:not([class]) dt.kind-terminating-gateway dd + dt:not([class]) + dd,
td.tags:not([class]) #docfy-demo-preview-badge dt.service-identity dd + dt:not([class]) + dd,
#docfy-demo-preview-badge td.tags:not([class]) dt.service-identity dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl .consul-upstream-instance-list dl.local-bind-socket-path dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-socket-path #docfy-demo-preview-icon-definition dl dd + dt + dd,
#docfy-demo-preview-icon-definition .consul-upstream-instance-list dl.local-bind-socket-path dl dd + dt + dd,
#docfy-demo-preview-icon-definition dl .consul-upstream-instance-list dl.local-bind-address dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-address #docfy-demo-preview-icon-definition dl dd + dt + dd,
#docfy-demo-preview-icon-definition .consul-upstream-instance-list dl.local-bind-address dl dd + dt + dd,
#docfy-demo-preview-icon-definition dl [id^=docfy-demo-preview-horizontal-kv-list] dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-icon-definition dl dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition [id^=docfy-demo-preview-horizontal-kv-list] dl dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl #docfy-demo-preview-badge dl.service-identity:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge #docfy-demo-preview-icon-definition dl dl.service-identity:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl dl.service-identity:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl #docfy-demo-preview-badge dl.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge #docfy-demo-preview-icon-definition dl dl.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl dl.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl #docfy-demo-preview-badge dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge #docfy-demo-preview-icon-definition dl dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl section[data-route="dc.show.license"] .validity dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity #docfy-demo-preview-icon-definition dl dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition section[data-route="dc.show.license"] .validity dl dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header #docfy-demo-preview-icon-definition dl dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl .consul-lock-session-list dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list #docfy-demo-preview-icon-definition dl dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .consul-lock-session-list dl dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl .consul-instance-checks:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl .consul-upstream-instance-list dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list #docfy-demo-preview-icon-definition dl dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .consul-upstream-instance-list dl dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl .consul-bucket-list:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-icon-definition dl .kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition [id^=docfy-demo-preview-horizontal-kv-list] dl .kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl [id^=docfy-demo-preview-horizontal-kv-list] .service-identity:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-icon-definition dl .service-identity:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition [id^=docfy-demo-preview-horizontal-kv-list] dl .service-identity:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl #docfy-demo-preview-badge dl.kind-terminating-gateway dt:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway #docfy-demo-preview-icon-definition dl dt:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl.kind-terminating-gateway dl dt:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl #docfy-demo-preview-badge dl.service-identity dt:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity #docfy-demo-preview-icon-definition dl dt:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl.service-identity dl dt:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl #docfy-demo-preview-badge dt.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge #docfy-demo-preview-icon-definition dl dt.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl dt.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl #docfy-demo-preview-badge dt.service-identity:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge #docfy-demo-preview-icon-definition dl dt.service-identity:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl dt.service-identity:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] dl:not([class]) #docfy-demo-preview-icon-definition dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition [id^=docfy-demo-preview-horizontal-kv-list] dl:not([class]) dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity:not([class]) #docfy-demo-preview-icon-definition dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl.service-identity:not([class]) dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway:not([class]) #docfy-demo-preview-icon-definition dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl.kind-terminating-gateway:not([class]) dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl:not([class]) #docfy-demo-preview-icon-definition dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl:not([class]) dl dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity dl:not([class]) #docfy-demo-preview-icon-definition dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition section[data-route="dc.show.license"] .validity dl:not([class]) dl dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl:not([class]) #docfy-demo-preview-icon-definition dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-lock-session-list dl:not([class]) #docfy-demo-preview-icon-definition dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .consul-lock-session-list dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-instance-checks:not([class]) #docfy-demo-preview-icon-definition dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .consul-instance-checks:not([class]) dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list dl:not([class]) #docfy-demo-preview-icon-definition dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .consul-upstream-instance-list dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-bucket-list:not([class]) #docfy-demo-preview-icon-definition dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .consul-bucket-list:not([class]) dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway:not([class]) #docfy-demo-preview-icon-definition dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway:not([class]) dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity:not([class]) #docfy-demo-preview-icon-definition dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition [id^=docfy-demo-preview-horizontal-kv-list] .service-identity:not([class]) dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt:not([class]) #docfy-demo-preview-icon-definition dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl.kind-terminating-gateway dt:not([class]) dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity dt:not([class]) #docfy-demo-preview-icon-definition dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl.service-identity dt:not([class]) dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.kind-terminating-gateway:not([class]) #docfy-demo-preview-icon-definition dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dt.kind-terminating-gateway:not([class]) dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.service-identity:not([class]) #docfy-demo-preview-icon-definition dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dt.service-identity:not([class]) dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list #docfy-demo-preview-icon-definition dl ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .consul-lock-session-list dl ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl .consul-exposed-path-list > ul > li > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl .consul-upstream-instance-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list #docfy-demo-preview-icon-definition dl li > .detail dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .consul-upstream-instance-list dl li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) #docfy-demo-preview-icon-definition dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl:not([class]) #docfy-demo-preview-icon-definition dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .consul-exposed-path-list > ul > li > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl:not([class]) #docfy-demo-preview-icon-definition dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .consul-upstream-instance-list li > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl:not([class]) #docfy-demo-preview-icon-definition dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl .tag-list:not([class]) dd + dt:not([class]) + dd,
.tag-list:not([class]) #docfy-demo-preview-icon-definition dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .tag-list:not([class]) dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl td.tags:not([class]) dd + dt:not([class]) + dd,
td.tags:not([class]) #docfy-demo-preview-icon-definition dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition td.tags:not([class]) dl dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail .consul-upstream-instance-list dl.local-bind-socket-path dd + dt + dd,
.consul-exposed-path-list > ul > li > .detail .consul-upstream-instance-list dl.local-bind-socket-path dd + dt + dd,
.consul-upstream-instance-list .consul-lock-session-list ul > li:not(:first-child) > .detail dl.local-bind-socket-path dd + dt + dd,
.consul-lock-session-list .consul-upstream-instance-list ul > li:not(:first-child) > .detail dl.local-bind-socket-path dd + dt + dd,
.consul-upstream-instance-list .consul-exposed-path-list > ul > li > .detail dl.local-bind-socket-path dd + dt + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail .consul-upstream-instance-list dl.local-bind-address dd + dt + dd,
.consul-exposed-path-list > ul > li > .detail .consul-upstream-instance-list dl.local-bind-address dd + dt + dd,
.consul-upstream-instance-list .consul-lock-session-list ul > li:not(:first-child) > .detail dl.local-bind-address dd + dt + dd,
.consul-lock-session-list .consul-upstream-instance-list ul > li:not(:first-child) > .detail dl.local-bind-address dd + dt + dd,
.consul-upstream-instance-list .consul-exposed-path-list > ul > li > .detail dl.local-bind-address dd + dt + dd,
.consul-upstream-instance-list li > .detail dl.local-bind-socket-path dd + dt + dd,
.consul-upstream-instance-list li > .detail dl.local-bind-address dd + dt + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl [id^=docfy-demo-preview-horizontal-kv-list] dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list ul > li:not(:first-child) > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl #docfy-demo-preview-badge dl.service-identity:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-lock-session-list ul > li:not(:first-child) > .detail dl dl.service-identity:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl #docfy-demo-preview-badge dl.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-lock-session-list ul > li:not(:first-child) > .detail dl dl.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl #docfy-demo-preview-badge dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-lock-session-list ul > li:not(:first-child) > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl section[data-route="dc.show.license"] .validity dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity .consul-lock-session-list ul > li:not(:first-child) > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-lock-session-list ul > li:not(:first-child) > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl [id^=docfy-demo-preview-horizontal-kv-list] dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-exposed-path-list > ul > li > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl #docfy-demo-preview-badge dl.service-identity:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-exposed-path-list > ul > li > .detail dl dl.service-identity:not([class]) dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl #docfy-demo-preview-badge dl.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-exposed-path-list > ul > li > .detail dl dl.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl #docfy-demo-preview-badge dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-exposed-path-list > ul > li > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl section[data-route="dc.show.license"] .validity dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity .consul-exposed-path-list > ul > li > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-exposed-path-list > ul > li > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl .consul-lock-session-list dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list .consul-exposed-path-list > ul > li > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl .consul-instance-checks:not([class]) dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl .consul-instance-checks:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl .consul-upstream-instance-list dl:not([class]) dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl .consul-upstream-instance-list dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list .consul-lock-session-list ul > li:not(:first-child) > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list .consul-upstream-instance-list ul > li:not(:first-child) > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list .consul-exposed-path-list > ul > li > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl [id^=docfy-demo-preview-horizontal-kv-list] dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list li > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl #docfy-demo-preview-badge dl.service-identity:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list li > .detail dl dl.service-identity:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl #docfy-demo-preview-badge dl.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list li > .detail dl dl.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl #docfy-demo-preview-badge dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list li > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl section[data-route="dc.show.license"] .validity dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity .consul-upstream-instance-list li > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-upstream-instance-list li > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl .consul-lock-session-list dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list .consul-upstream-instance-list li > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl .consul-instance-checks:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl .consul-bucket-list:not([class]) dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl .consul-bucket-list:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl .consul-bucket-list:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list ul > li:not(:first-child) > .detail dl .kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl [id^=docfy-demo-preview-horizontal-kv-list] .service-identity:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list ul > li:not(:first-child) > .detail dl .service-identity:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl.kind-terminating-gateway dt:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-lock-session-list ul > li:not(:first-child) > .detail dl.kind-terminating-gateway dt:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl.service-identity dt:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-lock-session-list ul > li:not(:first-child) > .detail dl.service-identity dt:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl #docfy-demo-preview-badge dt.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-lock-session-list ul > li:not(:first-child) > .detail dl dt.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl #docfy-demo-preview-badge dt.service-identity:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-lock-session-list ul > li:not(:first-child) > .detail dl dt.service-identity:not([class]) dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-exposed-path-list > ul > li > .detail dl .kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl [id^=docfy-demo-preview-horizontal-kv-list] .service-identity:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-exposed-path-list > ul > li > .detail dl .service-identity:not([class]) dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail #docfy-demo-preview-badge dl.kind-terminating-gateway dt:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-exposed-path-list > ul > li > .detail dl.kind-terminating-gateway dt:not([class]) dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail #docfy-demo-preview-badge dl.service-identity dt:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-exposed-path-list > ul > li > .detail dl.service-identity dt:not([class]) dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl #docfy-demo-preview-badge dt.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-exposed-path-list > ul > li > .detail dl dt.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl #docfy-demo-preview-badge dt.service-identity:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-exposed-path-list > ul > li > .detail dl dt.service-identity:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list li > .detail dl .kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl [id^=docfy-demo-preview-horizontal-kv-list] .service-identity:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list li > .detail dl .service-identity:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail #docfy-demo-preview-badge dl.kind-terminating-gateway dt:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list li > .detail dl.kind-terminating-gateway dt:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail #docfy-demo-preview-badge dl.service-identity dt:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list li > .detail dl.service-identity dt:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl #docfy-demo-preview-badge dt.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list li > .detail dl dt.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl #docfy-demo-preview-badge dt.service-identity:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list li > .detail dl dt.service-identity:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] dl:not([class]) .consul-lock-session-list ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity:not([class]) .consul-lock-session-list ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway:not([class]) .consul-lock-session-list ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl:not([class]) .consul-lock-session-list ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity dl:not([class]) .consul-lock-session-list ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl:not([class]) .consul-lock-session-list ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list dl:not([class]) .consul-lock-session-list ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list [id^=docfy-demo-preview-horizontal-kv-list] dl:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list dl:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list #docfy-demo-preview-badge dl.service-identity:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-lock-session-list dl.service-identity:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list #docfy-demo-preview-badge dl.kind-terminating-gateway:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-lock-session-list dl.kind-terminating-gateway:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list #docfy-demo-preview-badge dl:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-lock-session-list dl:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list section[data-route="dc.show.license"] .validity dl:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity .consul-lock-session-list dl:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-lock-session-list dl:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list dl:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] dl:not([class]) .consul-exposed-path-list > ul > li > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity:not([class]) .consul-exposed-path-list > ul > li > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway:not([class]) .consul-exposed-path-list > ul > li > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl:not([class]) .consul-exposed-path-list > ul > li > .detail dl dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity dl:not([class]) .consul-exposed-path-list > ul > li > .detail dl dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl:not([class]) .consul-exposed-path-list > ul > li > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list dl:not([class]) .consul-exposed-path-list > ul > li > .detail dl dd + dt:not([class]) + dd,
.consul-instance-checks:not([class]) .consul-lock-session-list ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list .consul-instance-checks:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-instance-checks:not([class]) .consul-exposed-path-list > ul > li > .detail dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list dl:not([class]) .consul-lock-session-list ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list .consul-upstream-instance-list dl:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list dl:not([class]) .consul-exposed-path-list > ul > li > .detail dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] dl:not([class]) .consul-upstream-instance-list li > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity:not([class]) .consul-upstream-instance-list li > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway:not([class]) .consul-upstream-instance-list li > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl:not([class]) .consul-upstream-instance-list li > .detail dl dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity dl:not([class]) .consul-upstream-instance-list li > .detail dl dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl:not([class]) .consul-upstream-instance-list li > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list dl:not([class]) .consul-upstream-instance-list li > .detail dl dd + dt:not([class]) + dd,
.consul-instance-checks:not([class]) .consul-upstream-instance-list li > .detail dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list dl:not([class]) .consul-upstream-instance-list li > .detail dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list [id^=docfy-demo-preview-horizontal-kv-list] dl:not([class]) li > .detail dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list dl:not([class]) li > .detail dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list #docfy-demo-preview-badge dl.service-identity:not([class]) li > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list dl.service-identity:not([class]) li > .detail dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list #docfy-demo-preview-badge dl.kind-terminating-gateway:not([class]) li > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list dl.kind-terminating-gateway:not([class]) li > .detail dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list #docfy-demo-preview-badge dl:not([class]) li > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list dl:not([class]) li > .detail dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list section[data-route="dc.show.license"] .validity dl:not([class]) li > .detail dl dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity .consul-upstream-instance-list dl:not([class]) li > .detail dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl:not([class]) li > .detail dl dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-upstream-instance-list dl:not([class]) li > .detail dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list .consul-lock-session-list dl:not([class]) li > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list .consul-upstream-instance-list dl:not([class]) li > .detail dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list .consul-instance-checks:not([class]) li > .detail dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list dl:not([class]) li > .detail dl dd + dt:not([class]) + dd,
.consul-bucket-list:not([class]) .consul-lock-session-list ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list .consul-bucket-list:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-bucket-list:not([class]) .consul-exposed-path-list > ul > li > .detail dl dd + dt:not([class]) + dd,
.consul-bucket-list:not([class]) .consul-upstream-instance-list li > .detail dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list .consul-bucket-list:not([class]) li > .detail dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway:not([class]) .consul-lock-session-list ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity:not([class]) .consul-lock-session-list ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt:not([class]) .consul-lock-session-list ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity dt:not([class]) .consul-lock-session-list ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.kind-terminating-gateway:not([class]) .consul-lock-session-list ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.service-identity:not([class]) .consul-lock-session-list ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list .kind-terminating-gateway:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list [id^=docfy-demo-preview-horizontal-kv-list] .service-identity:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list .service-identity:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list #docfy-demo-preview-badge dl.kind-terminating-gateway dt:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway .consul-lock-session-list dt:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list #docfy-demo-preview-badge dl.service-identity dt:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity .consul-lock-session-list dt:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list #docfy-demo-preview-badge dt.kind-terminating-gateway:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-lock-session-list dt.kind-terminating-gateway:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list #docfy-demo-preview-badge dt.service-identity:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-lock-session-list dt.service-identity:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway:not([class]) .consul-exposed-path-list > ul > li > .detail dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity:not([class]) .consul-exposed-path-list > ul > li > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt:not([class]) .consul-exposed-path-list > ul > li > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity dt:not([class]) .consul-exposed-path-list > ul > li > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.kind-terminating-gateway:not([class]) .consul-exposed-path-list > ul > li > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.service-identity:not([class]) .consul-exposed-path-list > ul > li > .detail dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway:not([class]) .consul-upstream-instance-list li > .detail dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity:not([class]) .consul-upstream-instance-list li > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt:not([class]) .consul-upstream-instance-list li > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity dt:not([class]) .consul-upstream-instance-list li > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.kind-terminating-gateway:not([class]) .consul-upstream-instance-list li > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.service-identity:not([class]) .consul-upstream-instance-list li > .detail dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway:not([class]) li > .detail dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list .kind-terminating-gateway:not([class]) li > .detail dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list [id^=docfy-demo-preview-horizontal-kv-list] .service-identity:not([class]) li > .detail dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list .service-identity:not([class]) li > .detail dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list #docfy-demo-preview-badge dl.kind-terminating-gateway dt:not([class]) li > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway .consul-upstream-instance-list dt:not([class]) li > .detail dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list #docfy-demo-preview-badge dl.service-identity dt:not([class]) li > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity .consul-upstream-instance-list dt:not([class]) li > .detail dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list #docfy-demo-preview-badge dt.kind-terminating-gateway:not([class]) li > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list dt.kind-terminating-gateway:not([class]) li > .detail dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list #docfy-demo-preview-badge dt.service-identity:not([class]) li > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .consul-upstream-instance-list dt.service-identity:not([class]) li > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl #docfy-demo-preview-icon-definition dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .consul-lock-session-list ul > li:not(:first-child) > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl #docfy-demo-preview-icon-definition dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .consul-exposed-path-list > ul > li > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl #docfy-demo-preview-icon-definition dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .consul-upstream-instance-list li > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl:not([class]) .consul-lock-session-list ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list #docfy-demo-preview-icon-definition dl:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .consul-lock-session-list dl:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl:not([class]) .consul-exposed-path-list > ul > li > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl:not([class]) .consul-upstream-instance-list li > .detail dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list #docfy-demo-preview-icon-definition dl:not([class]) li > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .consul-upstream-instance-list dl:not([class]) li > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list .list-collection > ul > li:not(:first-child) > .detail ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail .consul-exposed-path-list > ul > li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail .consul-upstream-instance-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list .list-collection > ul > li:not(:first-child) > .detail li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl .tag-list:not([class]) dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl .tag-list:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl .tag-list:not([class]) dd + dt:not([class]) + dd,
.tag-list:not([class]) .consul-lock-session-list ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list .tag-list:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.tag-list:not([class]) .consul-exposed-path-list > ul > li > .detail dl dd + dt:not([class]) + dd,
.tag-list:not([class]) .consul-upstream-instance-list li > .detail dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list .tag-list:not([class]) li > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl td.tags:not([class]) dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl td.tags:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl td.tags:not([class]) dd + dt:not([class]) + dd,
td.tags:not([class]) .consul-lock-session-list ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list td.tags:not([class]) ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
td.tags:not([class]) .consul-exposed-path-list > ul > li > .detail dl dd + dt:not([class]) + dd,
td.tags:not([class]) .consul-upstream-instance-list li > .detail dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list td.tags:not([class]) li > .detail dl dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail .consul-upstream-instance-list dl.local-bind-socket-path dd + dt + dd,
.consul-upstream-instance-list .list-collection > ul > li:not(:first-child) > .detail dl.local-bind-socket-path dd + dt + dd,
.list-collection > ul > li:not(:first-child) > .detail .consul-upstream-instance-list dl.local-bind-address dd + dt + dd,
.consul-upstream-instance-list .list-collection > ul > li:not(:first-child) > .detail dl.local-bind-address dd + dt + dd,
.list-collection > ul > li:not(:first-child) > .detail dl [id^=docfy-demo-preview-horizontal-kv-list] dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .list-collection > ul > li:not(:first-child) > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl #docfy-demo-preview-badge dl.service-identity:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .list-collection > ul > li:not(:first-child) > .detail dl dl.service-identity:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl #docfy-demo-preview-badge dl.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .list-collection > ul > li:not(:first-child) > .detail dl dl.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl #docfy-demo-preview-badge dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .list-collection > ul > li:not(:first-child) > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl section[data-route="dc.show.license"] .validity dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity .list-collection > ul > li:not(:first-child) > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header .list-collection > ul > li:not(:first-child) > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl .consul-lock-session-list dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list .list-collection > ul > li:not(:first-child) > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl .consul-instance-checks:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl .consul-upstream-instance-list dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list .list-collection > ul > li:not(:first-child) > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl .consul-bucket-list:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .list-collection > ul > li:not(:first-child) > .detail dl .kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl [id^=docfy-demo-preview-horizontal-kv-list] .service-identity:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .list-collection > ul > li:not(:first-child) > .detail dl .service-identity:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl.kind-terminating-gateway dt:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .list-collection > ul > li:not(:first-child) > .detail dl.kind-terminating-gateway dt:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl.service-identity dt:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .list-collection > ul > li:not(:first-child) > .detail dl.service-identity dt:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl #docfy-demo-preview-badge dt.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .list-collection > ul > li:not(:first-child) > .detail dl dt.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl #docfy-demo-preview-badge dt.service-identity:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .list-collection > ul > li:not(:first-child) > .detail dl dt.service-identity:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] dl:not([class]) .list-collection > ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity:not([class]) .list-collection > ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway:not([class]) .list-collection > ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl:not([class]) .list-collection > ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity dl:not([class]) .list-collection > ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl:not([class]) .list-collection > ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-lock-session-list dl:not([class]) .list-collection > ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-instance-checks:not([class]) .list-collection > ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-upstream-instance-list dl:not([class]) .list-collection > ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.consul-bucket-list:not([class]) .list-collection > ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway:not([class]) .list-collection > ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity:not([class]) .list-collection > ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt:not([class]) .list-collection > ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity dt:not([class]) .list-collection > ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.kind-terminating-gateway:not([class]) .list-collection > ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.service-identity:not([class]) .list-collection > ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl #docfy-demo-preview-icon-definition dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .list-collection > ul > li:not(:first-child) > .detail dl dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl:not([class]) .list-collection > ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list .list-collection > ul > li:not(:first-child) > .detail ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail .consul-exposed-path-list > ul > li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail .consul-upstream-instance-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list .list-collection > ul > li:not(:first-child) > .detail li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl .tag-list:not([class]) dd + dt:not([class]) + dd,
.tag-list:not([class]) .list-collection > ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl td.tags:not([class]) dd + dt:not([class]) + dd,
td.tags:not([class]) .list-collection > ul > li:not(:first-child) > .detail dl dd + dt:not([class]) + dd,
.tag-list .consul-upstream-instance-list dl.local-bind-socket-path dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-socket-path .tag-list dd + dt + dd,
.tag-list .consul-upstream-instance-list dl.local-bind-address dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-address .tag-list dd + dt + dd,
.tag-list [id^=docfy-demo-preview-horizontal-kv-list] dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .tag-list dl:not([class]) dd + dt:not([class]) + dd,
.tag-list #docfy-demo-preview-badge dl.service-identity:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .tag-list dl.service-identity:not([class]) dd + dt:not([class]) + dd,
.tag-list #docfy-demo-preview-badge dl.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .tag-list dl.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
.tag-list #docfy-demo-preview-badge dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .tag-list dl:not([class]) dd + dt:not([class]) + dd,
.tag-list section[data-route="dc.show.license"] .validity dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity .tag-list dl:not([class]) dd + dt:not([class]) + dd,
.tag-list section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header .tag-list dl:not([class]) dd + dt:not([class]) + dd,
.tag-list .consul-lock-session-list dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list .tag-list dl:not([class]) dd + dt:not([class]) + dd,
.tag-list .consul-instance-checks:not([class]) dd + dt:not([class]) + dd,
.tag-list .consul-upstream-instance-list dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list .tag-list dl:not([class]) dd + dt:not([class]) + dd,
.tag-list .consul-bucket-list:not([class]) dd + dt:not([class]) + dd,
.tag-list [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .tag-list .kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
.tag-list [id^=docfy-demo-preview-horizontal-kv-list] .service-identity:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .tag-list .service-identity:not([class]) dd + dt:not([class]) + dd,
.tag-list #docfy-demo-preview-badge dl.kind-terminating-gateway dt:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway .tag-list dt:not([class]) dd + dt:not([class]) + dd,
.tag-list #docfy-demo-preview-badge dl.service-identity dt:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity .tag-list dt:not([class]) dd + dt:not([class]) + dd,
.tag-list #docfy-demo-preview-badge dt.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .tag-list dt.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
.tag-list #docfy-demo-preview-badge dt.service-identity:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge .tag-list dt.service-identity:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] dl:not([class]) .tag-list dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity:not([class]) .tag-list dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway:not([class]) .tag-list dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl:not([class]) .tag-list dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity dl:not([class]) .tag-list dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl:not([class]) .tag-list dd + dt:not([class]) + dd,
.consul-lock-session-list dl:not([class]) .tag-list dd + dt:not([class]) + dd,
.consul-instance-checks:not([class]) .tag-list dd + dt:not([class]) + dd,
.consul-upstream-instance-list dl:not([class]) .tag-list dd + dt:not([class]) + dd,
.consul-bucket-list:not([class]) .tag-list dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway:not([class]) .tag-list dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity:not([class]) .tag-list dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt:not([class]) .tag-list dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity dt:not([class]) .tag-list dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.kind-terminating-gateway:not([class]) .tag-list dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.service-identity:not([class]) .tag-list dd + dt:not([class]) + dd,
.tag-list #docfy-demo-preview-icon-definition dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition .tag-list dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl:not([class]) .tag-list dd + dt:not([class]) + dd,
.tag-list .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list .tag-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.tag-list .consul-exposed-path-list > ul > li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.tag-list .consul-upstream-instance-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list .tag-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) .tag-list dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl:not([class]) .tag-list dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl:not([class]) .tag-list dd + dt:not([class]) + dd,
.tag-list .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl:not([class]) .tag-list dd + dt:not([class]) + dd,
.tag-list:not([class]) dd + dt:not([class]) + dd,
.tag-list td.tags:not([class]) dd + dt:not([class]) + dd,
td.tags:not([class]) .tag-list dd + dt:not([class]) + dd,
td.tags .consul-upstream-instance-list dl.local-bind-socket-path dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-socket-path td.tags dd + dt + dd,
td.tags .consul-upstream-instance-list dl.local-bind-address dd + dt + dd,
.consul-upstream-instance-list dl.local-bind-address td.tags dd + dt + dd,
td.tags [id^=docfy-demo-preview-horizontal-kv-list] dl:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] td.tags dl:not([class]) dd + dt:not([class]) + dd,
td.tags #docfy-demo-preview-badge dl.service-identity:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge td.tags dl.service-identity:not([class]) dd + dt:not([class]) + dd,
td.tags #docfy-demo-preview-badge dl.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge td.tags dl.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
td.tags #docfy-demo-preview-badge dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge td.tags dl:not([class]) dd + dt:not([class]) + dd,
td.tags section[data-route="dc.show.license"] .validity dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity td.tags dl:not([class]) dd + dt:not([class]) + dd,
td.tags section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl:not([class]) dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header td.tags dl:not([class]) dd + dt:not([class]) + dd,
td.tags .consul-lock-session-list dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list td.tags dl:not([class]) dd + dt:not([class]) + dd,
td.tags .consul-instance-checks:not([class]) dd + dt:not([class]) + dd,
td.tags .consul-upstream-instance-list dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list td.tags dl:not([class]) dd + dt:not([class]) + dd,
td.tags .consul-bucket-list:not([class]) dd + dt:not([class]) + dd,
td.tags [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] td.tags .kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
td.tags [id^=docfy-demo-preview-horizontal-kv-list] .service-identity:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] td.tags .service-identity:not([class]) dd + dt:not([class]) + dd,
td.tags #docfy-demo-preview-badge dl.kind-terminating-gateway dt:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway td.tags dt:not([class]) dd + dt:not([class]) + dd,
td.tags #docfy-demo-preview-badge dl.service-identity dt:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity td.tags dt:not([class]) dd + dt:not([class]) + dd,
td.tags #docfy-demo-preview-badge dt.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge td.tags dt.kind-terminating-gateway:not([class]) dd + dt:not([class]) + dd,
td.tags #docfy-demo-preview-badge dt.service-identity:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-badge td.tags dt.service-identity:not([class]) dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] dl:not([class]) td.tags dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity:not([class]) td.tags dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway:not([class]) td.tags dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl:not([class]) td.tags dd + dt:not([class]) + dd,
section[data-route="dc.show.license"] .validity dl:not([class]) td.tags dd + dt:not([class]) + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl:not([class]) td.tags dd + dt:not([class]) + dd,
.consul-lock-session-list dl:not([class]) td.tags dd + dt:not([class]) + dd,
.consul-instance-checks:not([class]) td.tags dd + dt:not([class]) + dd,
.consul-upstream-instance-list dl:not([class]) td.tags dd + dt:not([class]) + dd,
.consul-bucket-list:not([class]) td.tags dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway:not([class]) td.tags dd + dt:not([class]) + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity:not([class]) td.tags dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt:not([class]) td.tags dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dl.service-identity dt:not([class]) td.tags dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.kind-terminating-gateway:not([class]) td.tags dd + dt:not([class]) + dd,
#docfy-demo-preview-badge dt.service-identity:not([class]) td.tags dd + dt:not([class]) + dd,
td.tags #docfy-demo-preview-icon-definition dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition td.tags dl:not([class]) dd + dt:not([class]) + dd,
#docfy-demo-preview-icon-definition dl:not([class]) td.tags dd + dt:not([class]) + dd,
td.tags .consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list td.tags ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
td.tags .consul-exposed-path-list > ul > li > .detail dl:not([class]) dd + dt:not([class]) + dd,
td.tags .consul-upstream-instance-list li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-upstream-instance-list td.tags li > .detail dl:not([class]) dd + dt:not([class]) + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl:not([class]) td.tags dd + dt:not([class]) + dd,
.consul-exposed-path-list > ul > li > .detail dl:not([class]) td.tags dd + dt:not([class]) + dd,
.consul-upstream-instance-list li > .detail dl:not([class]) td.tags dd + dt:not([class]) + dd,
td.tags .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dd + dt:not([class]) + dd,
.list-collection > ul > li:not(:first-child) > .detail dl:not([class]) td.tags dd + dt:not([class]) + dd,
td.tags .tag-list:not([class]) dd + dt:not([class]) + dd,
.tag-list:not([class]) td.tags dd + dt:not([class]) + dd,
td.tags:not([class]) dd + dt:not([class]) + dd {
  margin-left: var(--horizontal-kv-list-separator-width);
}

/* this quite possibly should be dealt with by the parent/container not this */
/* component. It adds the same whitespace separation between multiple kv-lists */
/* in this case, as we can make lists with dls, or dt/dd combos, multiple dls */
/* are seens as one component and therefore this is spacing not positioning */
[id^=docfy-demo-preview-horizontal-kv-list] dl + dl:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] dl.service-identity + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl.service-identity + dl:not(:first-of-type),
#docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] dl.kind-terminating-gateway + dl:not(:first-of-type),
[id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl.kind-terminating-gateway + dl:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] dl + dl.service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl + dl.service-identity:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity + dl.service-identity:not(:first-of-type),
#docfy-demo-preview-badge dl.kind-terminating-gateway + dl.service-identity:not(:first-of-type),
#docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] dl + dl.kind-terminating-gateway:not(:first-of-type),
[id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl + dl.kind-terminating-gateway:not(:first-of-type),
#docfy-demo-preview-badge dl.service-identity + dl.kind-terminating-gateway:not(:first-of-type),
#docfy-demo-preview-badge dl.kind-terminating-gateway + dl.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] dl + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl + dl:not(:first-of-type), #docfy-demo-preview-badge dl + dl.service-identity:not(:first-of-type),
#docfy-demo-preview-badge dl + dl.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] dl + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl + dl:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity + dl:not(:first-of-type),
#docfy-demo-preview-badge dl.kind-terminating-gateway + dl:not(:first-of-type), #docfy-demo-preview-badge dl + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity [id^=docfy-demo-preview-horizontal-kv-list] dl + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] section[data-route="dc.show.license"] .validity dl + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity #docfy-demo-preview-badge dl + dl.service-identity:not(:first-of-type), #docfy-demo-preview-badge section[data-route="dc.show.license"] .validity dl + dl.service-identity:not(:first-of-type),
section[data-route="dc.show.license"] .validity #docfy-demo-preview-badge dl + dl.kind-terminating-gateway:not(:first-of-type),
#docfy-demo-preview-badge section[data-route="dc.show.license"] .validity dl + dl.kind-terminating-gateway:not(:first-of-type), section[data-route="dc.show.license"] .validity #docfy-demo-preview-badge dl + dl:not(:first-of-type), #docfy-demo-preview-badge section[data-route="dc.show.license"] .validity dl + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity [id^=docfy-demo-preview-horizontal-kv-list] dl + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] section[data-route="dc.show.license"] .validity dl + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity #docfy-demo-preview-badge dl.service-identity + dl:not(:first-of-type), #docfy-demo-preview-badge section[data-route="dc.show.license"] .validity dl.service-identity + dl:not(:first-of-type),
section[data-route="dc.show.license"] .validity #docfy-demo-preview-badge dl.kind-terminating-gateway + dl:not(:first-of-type),
#docfy-demo-preview-badge section[data-route="dc.show.license"] .validity dl.kind-terminating-gateway + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity #docfy-demo-preview-badge dl + dl:not(:first-of-type), #docfy-demo-preview-badge section[data-route="dc.show.license"] .validity dl + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity dl + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header [id^=docfy-demo-preview-horizontal-kv-list] dl + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header #docfy-demo-preview-badge dl + dl.service-identity:not(:first-of-type), #docfy-demo-preview-badge section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dl.service-identity:not(:first-of-type),
section[data-route="dc.show.serverstatus"] .redundancy-zones section header #docfy-demo-preview-badge dl + dl.kind-terminating-gateway:not(:first-of-type),
#docfy-demo-preview-badge section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dl.kind-terminating-gateway:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header #docfy-demo-preview-badge dl + dl:not(:first-of-type), #docfy-demo-preview-badge section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section[data-route="dc.show.license"] header .validity dl + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section[data-route="dc.show.license"] .validity header dl + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header [id^=docfy-demo-preview-horizontal-kv-list] dl + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header #docfy-demo-preview-badge dl.service-identity + dl:not(:first-of-type), #docfy-demo-preview-badge section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl.service-identity + dl:not(:first-of-type),
section[data-route="dc.show.serverstatus"] .redundancy-zones section header #docfy-demo-preview-badge dl.kind-terminating-gateway + dl:not(:first-of-type),
#docfy-demo-preview-badge section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl.kind-terminating-gateway + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header #docfy-demo-preview-badge dl + dl:not(:first-of-type), #docfy-demo-preview-badge section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section[data-route="dc.show.license"] header .validity dl + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section[data-route="dc.show.license"] .validity header dl + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dl:not(:first-of-type), .consul-lock-session-list [id^=docfy-demo-preview-horizontal-kv-list] dl + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list dl + dl:not(:first-of-type), .consul-lock-session-list #docfy-demo-preview-badge dl + dl.service-identity:not(:first-of-type), #docfy-demo-preview-badge .consul-lock-session-list dl + dl.service-identity:not(:first-of-type),
.consul-lock-session-list #docfy-demo-preview-badge dl + dl.kind-terminating-gateway:not(:first-of-type),
#docfy-demo-preview-badge .consul-lock-session-list dl + dl.kind-terminating-gateway:not(:first-of-type), .consul-lock-session-list #docfy-demo-preview-badge dl + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-lock-session-list dl + dl:not(:first-of-type), .consul-lock-session-list section[data-route="dc.show.license"] .validity dl + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity .consul-lock-session-list dl + dl:not(:first-of-type), .consul-lock-session-list section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-lock-session-list dl + dl:not(:first-of-type), .consul-lock-session-list [id^=docfy-demo-preview-horizontal-kv-list] dl + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list dl + dl:not(:first-of-type), .consul-lock-session-list #docfy-demo-preview-badge dl.service-identity + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-lock-session-list dl.service-identity + dl:not(:first-of-type),
.consul-lock-session-list #docfy-demo-preview-badge dl.kind-terminating-gateway + dl:not(:first-of-type),
#docfy-demo-preview-badge .consul-lock-session-list dl.kind-terminating-gateway + dl:not(:first-of-type), .consul-lock-session-list #docfy-demo-preview-badge dl + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-lock-session-list dl + dl:not(:first-of-type), .consul-lock-session-list section[data-route="dc.show.license"] .validity dl + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity .consul-lock-session-list dl + dl:not(:first-of-type), .consul-lock-session-list section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-lock-session-list dl + dl:not(:first-of-type), .consul-lock-session-list dl + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-instance-checks + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-instance-checks + dl.service-identity:not(:first-of-type),
#docfy-demo-preview-badge .consul-instance-checks + dl.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge .consul-instance-checks + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity .consul-instance-checks + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-instance-checks + dl:not(:first-of-type), .consul-lock-session-list .consul-instance-checks + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] dl + .consul-instance-checks:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity + .consul-instance-checks:not(:first-of-type),
#docfy-demo-preview-badge dl.kind-terminating-gateway + .consul-instance-checks:not(:first-of-type), #docfy-demo-preview-badge dl + .consul-instance-checks:not(:first-of-type), section[data-route="dc.show.license"] .validity dl + .consul-instance-checks:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + .consul-instance-checks:not(:first-of-type), .consul-lock-session-list dl + .consul-instance-checks:not(:first-of-type), .consul-instance-checks + .consul-instance-checks:not(:first-of-type), .consul-upstream-instance-list [id^=docfy-demo-preview-horizontal-kv-list] dl + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list dl + dl:not(:first-of-type), .consul-upstream-instance-list #docfy-demo-preview-badge dl + dl.service-identity:not(:first-of-type), #docfy-demo-preview-badge .consul-upstream-instance-list dl + dl.service-identity:not(:first-of-type),
.consul-upstream-instance-list #docfy-demo-preview-badge dl + dl.kind-terminating-gateway:not(:first-of-type),
#docfy-demo-preview-badge .consul-upstream-instance-list dl + dl.kind-terminating-gateway:not(:first-of-type), .consul-upstream-instance-list #docfy-demo-preview-badge dl + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-upstream-instance-list dl + dl:not(:first-of-type), .consul-upstream-instance-list section[data-route="dc.show.license"] .validity dl + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity .consul-upstream-instance-list dl + dl:not(:first-of-type), .consul-upstream-instance-list section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-upstream-instance-list dl + dl:not(:first-of-type), .consul-upstream-instance-list .consul-lock-session-list dl + dl:not(:first-of-type), .consul-lock-session-list .consul-upstream-instance-list dl + dl:not(:first-of-type), .consul-upstream-instance-list dl + .consul-instance-checks:not(:first-of-type), .consul-upstream-instance-list [id^=docfy-demo-preview-horizontal-kv-list] dl + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list dl + dl:not(:first-of-type), .consul-upstream-instance-list #docfy-demo-preview-badge dl.service-identity + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-upstream-instance-list dl.service-identity + dl:not(:first-of-type),
.consul-upstream-instance-list #docfy-demo-preview-badge dl.kind-terminating-gateway + dl:not(:first-of-type),
#docfy-demo-preview-badge .consul-upstream-instance-list dl.kind-terminating-gateway + dl:not(:first-of-type), .consul-upstream-instance-list #docfy-demo-preview-badge dl + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-upstream-instance-list dl + dl:not(:first-of-type), .consul-upstream-instance-list section[data-route="dc.show.license"] .validity dl + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity .consul-upstream-instance-list dl + dl:not(:first-of-type), .consul-upstream-instance-list section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-upstream-instance-list dl + dl:not(:first-of-type), .consul-upstream-instance-list .consul-lock-session-list dl + dl:not(:first-of-type), .consul-lock-session-list .consul-upstream-instance-list dl + dl:not(:first-of-type), .consul-upstream-instance-list .consul-instance-checks + dl:not(:first-of-type), .consul-upstream-instance-list dl + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-bucket-list + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-bucket-list + dl.service-identity:not(:first-of-type),
#docfy-demo-preview-badge .consul-bucket-list + dl.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge .consul-bucket-list + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity .consul-bucket-list + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-bucket-list + dl:not(:first-of-type), .consul-lock-session-list .consul-bucket-list + dl:not(:first-of-type), .consul-bucket-list + .consul-instance-checks:not(:first-of-type), .consul-upstream-instance-list .consul-bucket-list + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] dl + .consul-bucket-list:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity + .consul-bucket-list:not(:first-of-type),
#docfy-demo-preview-badge dl.kind-terminating-gateway + .consul-bucket-list:not(:first-of-type), #docfy-demo-preview-badge dl + .consul-bucket-list:not(:first-of-type), section[data-route="dc.show.license"] .validity dl + .consul-bucket-list:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + .consul-bucket-list:not(:first-of-type), .consul-lock-session-list dl + .consul-bucket-list:not(:first-of-type), .consul-instance-checks + .consul-bucket-list:not(:first-of-type), .consul-upstream-instance-list dl + .consul-bucket-list:not(:first-of-type), .consul-bucket-list + .consul-bucket-list:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dl:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway [id^=docfy-demo-preview-horizontal-kv-list] dt + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl.kind-terminating-gateway dt + dl:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity [id^=docfy-demo-preview-horizontal-kv-list] dt + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl.service-identity dt + dl:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dl.service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge .kind-terminating-gateway + dl.service-identity:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dl.service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge .service-identity + dl.service-identity:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway dt + dl.service-identity:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity dt + dl.service-identity:not(:first-of-type),
#docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dl.kind-terminating-gateway:not(:first-of-type),
[id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge .kind-terminating-gateway + dl.kind-terminating-gateway:not(:first-of-type),
#docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dl.kind-terminating-gateway:not(:first-of-type),
[id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge .service-identity + dl.kind-terminating-gateway:not(:first-of-type),
#docfy-demo-preview-badge dl.kind-terminating-gateway dt + dl.kind-terminating-gateway:not(:first-of-type),
#docfy-demo-preview-badge dl.service-identity dt + dl.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] dt.kind-terminating-gateway + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dt.kind-terminating-gateway + dl:not(:first-of-type), #docfy-demo-preview-badge dt.kind-terminating-gateway + dl.service-identity:not(:first-of-type),
#docfy-demo-preview-badge dt.kind-terminating-gateway + dl.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] dt.service-identity + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dt.service-identity + dl:not(:first-of-type), #docfy-demo-preview-badge dt.service-identity + dl.service-identity:not(:first-of-type),
#docfy-demo-preview-badge dt.service-identity + dl.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge .kind-terminating-gateway + dl:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge .service-identity + dl:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway dt + dl:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity dt + dl:not(:first-of-type), #docfy-demo-preview-badge dt.kind-terminating-gateway + dl:not(:first-of-type), #docfy-demo-preview-badge dt.service-identity + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] section[data-route="dc.show.license"] .validity .kind-terminating-gateway + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity [id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] section[data-route="dc.show.license"] .validity .service-identity + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity #docfy-demo-preview-badge dl.kind-terminating-gateway dt + dl:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway section[data-route="dc.show.license"] .validity dt + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity #docfy-demo-preview-badge dl.service-identity dt + dl:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity section[data-route="dc.show.license"] .validity dt + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity #docfy-demo-preview-badge dt.kind-terminating-gateway + dl:not(:first-of-type), #docfy-demo-preview-badge section[data-route="dc.show.license"] .validity dt.kind-terminating-gateway + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity #docfy-demo-preview-badge dt.service-identity + dl:not(:first-of-type), #docfy-demo-preview-badge section[data-route="dc.show.license"] .validity dt.service-identity + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] section[data-route="dc.show.serverstatus"] .redundancy-zones section header .kind-terminating-gateway + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header [id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] section[data-route="dc.show.serverstatus"] .redundancy-zones section header .service-identity + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header #docfy-demo-preview-badge dl.kind-terminating-gateway dt + dl:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway section[data-route="dc.show.serverstatus"] .redundancy-zones section header dt + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header #docfy-demo-preview-badge dl.service-identity dt + dl:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity section[data-route="dc.show.serverstatus"] .redundancy-zones section header dt + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header #docfy-demo-preview-badge dt.kind-terminating-gateway + dl:not(:first-of-type), #docfy-demo-preview-badge section[data-route="dc.show.serverstatus"] .redundancy-zones section header dt.kind-terminating-gateway + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header #docfy-demo-preview-badge dt.service-identity + dl:not(:first-of-type), #docfy-demo-preview-badge section[data-route="dc.show.serverstatus"] .redundancy-zones section header dt.service-identity + dl:not(:first-of-type), .consul-lock-session-list [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list .kind-terminating-gateway + dl:not(:first-of-type), .consul-lock-session-list [id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list .service-identity + dl:not(:first-of-type), .consul-lock-session-list #docfy-demo-preview-badge dl.kind-terminating-gateway dt + dl:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway .consul-lock-session-list dt + dl:not(:first-of-type), .consul-lock-session-list #docfy-demo-preview-badge dl.service-identity dt + dl:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity .consul-lock-session-list dt + dl:not(:first-of-type), .consul-lock-session-list #docfy-demo-preview-badge dt.kind-terminating-gateway + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-lock-session-list dt.kind-terminating-gateway + dl:not(:first-of-type), .consul-lock-session-list #docfy-demo-preview-badge dt.service-identity + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-lock-session-list dt.service-identity + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + .consul-instance-checks:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .service-identity + .consul-instance-checks:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway dt + .consul-instance-checks:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity dt + .consul-instance-checks:not(:first-of-type), #docfy-demo-preview-badge dt.kind-terminating-gateway + .consul-instance-checks:not(:first-of-type), #docfy-demo-preview-badge dt.service-identity + .consul-instance-checks:not(:first-of-type), .consul-upstream-instance-list [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list .kind-terminating-gateway + dl:not(:first-of-type), .consul-upstream-instance-list [id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list .service-identity + dl:not(:first-of-type), .consul-upstream-instance-list #docfy-demo-preview-badge dl.kind-terminating-gateway dt + dl:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway .consul-upstream-instance-list dt + dl:not(:first-of-type), .consul-upstream-instance-list #docfy-demo-preview-badge dl.service-identity dt + dl:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity .consul-upstream-instance-list dt + dl:not(:first-of-type), .consul-upstream-instance-list #docfy-demo-preview-badge dt.kind-terminating-gateway + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-upstream-instance-list dt.kind-terminating-gateway + dl:not(:first-of-type), .consul-upstream-instance-list #docfy-demo-preview-badge dt.service-identity + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-upstream-instance-list dt.service-identity + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + .consul-bucket-list:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .service-identity + .consul-bucket-list:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway dt + .consul-bucket-list:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity dt + .consul-bucket-list:not(:first-of-type), #docfy-demo-preview-badge dt.kind-terminating-gateway + .consul-bucket-list:not(:first-of-type), #docfy-demo-preview-badge dt.service-identity + .consul-bucket-list:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] dl + .kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] dl + .service-identity:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway [id^=docfy-demo-preview-horizontal-kv-list] dl + dt:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl.kind-terminating-gateway dl + dt:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity [id^=docfy-demo-preview-horizontal-kv-list] dl + dt:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl.service-identity dl + dt:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] dl.service-identity + .kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl.service-identity + .kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] dl.service-identity + .service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl.service-identity + .service-identity:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway dl.service-identity + dt:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity dl.service-identity + dt:not(:first-of-type),
#docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] dl.kind-terminating-gateway + .kind-terminating-gateway:not(:first-of-type),
[id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl.kind-terminating-gateway + .kind-terminating-gateway:not(:first-of-type),
#docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] dl.kind-terminating-gateway + .service-identity:not(:first-of-type),
[id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl.kind-terminating-gateway + .service-identity:not(:first-of-type),
#docfy-demo-preview-badge dl.kind-terminating-gateway dl.kind-terminating-gateway + dt:not(:first-of-type),
#docfy-demo-preview-badge dl.service-identity dl.kind-terminating-gateway + dt:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] dl + dt.kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl + dt.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity + dt.kind-terminating-gateway:not(:first-of-type),
#docfy-demo-preview-badge dl.kind-terminating-gateway + dt.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] dl + dt.service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl + dt.service-identity:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity + dt.service-identity:not(:first-of-type),
#docfy-demo-preview-badge dl.kind-terminating-gateway + dt.service-identity:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] dl + .kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl + .kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] dl + .service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl + .service-identity:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway dl + dt:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity dl + dt:not(:first-of-type), #docfy-demo-preview-badge dl + dt.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge dl + dt.service-identity:not(:first-of-type), section[data-route="dc.show.license"] .validity [id^=docfy-demo-preview-horizontal-kv-list] dl + .kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] section[data-route="dc.show.license"] .validity dl + .kind-terminating-gateway:not(:first-of-type), section[data-route="dc.show.license"] .validity [id^=docfy-demo-preview-horizontal-kv-list] dl + .service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] section[data-route="dc.show.license"] .validity dl + .service-identity:not(:first-of-type), section[data-route="dc.show.license"] .validity #docfy-demo-preview-badge dl.kind-terminating-gateway dl + dt:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway section[data-route="dc.show.license"] .validity dl + dt:not(:first-of-type), section[data-route="dc.show.license"] .validity #docfy-demo-preview-badge dl.service-identity dl + dt:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity section[data-route="dc.show.license"] .validity dl + dt:not(:first-of-type), section[data-route="dc.show.license"] .validity #docfy-demo-preview-badge dl + dt.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge section[data-route="dc.show.license"] .validity dl + dt.kind-terminating-gateway:not(:first-of-type), section[data-route="dc.show.license"] .validity #docfy-demo-preview-badge dl + dt.service-identity:not(:first-of-type), #docfy-demo-preview-badge section[data-route="dc.show.license"] .validity dl + dt.service-identity:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header [id^=docfy-demo-preview-horizontal-kv-list] dl + .kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + .kind-terminating-gateway:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header [id^=docfy-demo-preview-horizontal-kv-list] dl + .service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + .service-identity:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header #docfy-demo-preview-badge dl.kind-terminating-gateway dl + dt:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dt:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header #docfy-demo-preview-badge dl.service-identity dl + dt:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dt:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header #docfy-demo-preview-badge dl + dt.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dt.kind-terminating-gateway:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header #docfy-demo-preview-badge dl + dt.service-identity:not(:first-of-type), #docfy-demo-preview-badge section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dt.service-identity:not(:first-of-type), .consul-lock-session-list [id^=docfy-demo-preview-horizontal-kv-list] dl + .kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list dl + .kind-terminating-gateway:not(:first-of-type), .consul-lock-session-list [id^=docfy-demo-preview-horizontal-kv-list] dl + .service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list dl + .service-identity:not(:first-of-type), .consul-lock-session-list #docfy-demo-preview-badge dl.kind-terminating-gateway dl + dt:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway .consul-lock-session-list dl + dt:not(:first-of-type), .consul-lock-session-list #docfy-demo-preview-badge dl.service-identity dl + dt:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity .consul-lock-session-list dl + dt:not(:first-of-type), .consul-lock-session-list #docfy-demo-preview-badge dl + dt.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge .consul-lock-session-list dl + dt.kind-terminating-gateway:not(:first-of-type), .consul-lock-session-list #docfy-demo-preview-badge dl + dt.service-identity:not(:first-of-type), #docfy-demo-preview-badge .consul-lock-session-list dl + dt.service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-instance-checks + .kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-instance-checks + .service-identity:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway .consul-instance-checks + dt:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity .consul-instance-checks + dt:not(:first-of-type), #docfy-demo-preview-badge .consul-instance-checks + dt.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge .consul-instance-checks + dt.service-identity:not(:first-of-type), .consul-upstream-instance-list [id^=docfy-demo-preview-horizontal-kv-list] dl + .kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list dl + .kind-terminating-gateway:not(:first-of-type), .consul-upstream-instance-list [id^=docfy-demo-preview-horizontal-kv-list] dl + .service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list dl + .service-identity:not(:first-of-type), .consul-upstream-instance-list #docfy-demo-preview-badge dl.kind-terminating-gateway dl + dt:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway .consul-upstream-instance-list dl + dt:not(:first-of-type), .consul-upstream-instance-list #docfy-demo-preview-badge dl.service-identity dl + dt:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity .consul-upstream-instance-list dl + dt:not(:first-of-type), .consul-upstream-instance-list #docfy-demo-preview-badge dl + dt.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge .consul-upstream-instance-list dl + dt.kind-terminating-gateway:not(:first-of-type), .consul-upstream-instance-list #docfy-demo-preview-badge dl + dt.service-identity:not(:first-of-type), #docfy-demo-preview-badge .consul-upstream-instance-list dl + dt.service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-bucket-list + .kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-bucket-list + .service-identity:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway .consul-bucket-list + dt:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity .consul-bucket-list + dt:not(:first-of-type), #docfy-demo-preview-badge .consul-bucket-list + dt.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge .consul-bucket-list + dt.service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + .kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .service-identity + .kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + .service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .service-identity + .service-identity:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway [id^=docfy-demo-preview-horizontal-kv-list] dt + .kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl.kind-terminating-gateway dt + .kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway [id^=docfy-demo-preview-horizontal-kv-list] dt + .service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl.kind-terminating-gateway dt + .service-identity:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dt:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl.kind-terminating-gateway .kind-terminating-gateway + dt:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway [id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dt:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl.kind-terminating-gateway .service-identity + dt:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway dt + dt:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity [id^=docfy-demo-preview-horizontal-kv-list] dt + .kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl.service-identity dt + .kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity [id^=docfy-demo-preview-horizontal-kv-list] dt + .service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl.service-identity dt + .service-identity:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity dl.kind-terminating-gateway dt + dt:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway dl.service-identity dt + dt:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dt:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl.service-identity .kind-terminating-gateway + dt:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity [id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dt:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dl.service-identity .service-identity + dt:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity dl.kind-terminating-gateway dt + dt:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway dl.service-identity dt + dt:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity dt + dt:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] dt.kind-terminating-gateway + .kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dt.kind-terminating-gateway + .kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] dt.kind-terminating-gateway + .service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dt.kind-terminating-gateway + .service-identity:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway dt.kind-terminating-gateway + dt:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity dt.kind-terminating-gateway + dt:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dt.kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge .kind-terminating-gateway + dt.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dt.kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge .service-identity + dt.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway dt + dt.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity dt + dt.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge dt.kind-terminating-gateway + dt.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] dt.service-identity + .kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dt.service-identity + .kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] dt.service-identity + .service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge dt.service-identity + .service-identity:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway dt.service-identity + dt:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity dt.service-identity + dt:not(:first-of-type), #docfy-demo-preview-badge dt.service-identity + dt.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dt.service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge .kind-terminating-gateway + dt.service-identity:not(:first-of-type), #docfy-demo-preview-badge [id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dt.service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-badge .service-identity + dt.service-identity:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway dt + dt.service-identity:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity dt + dt.service-identity:not(:first-of-type), #docfy-demo-preview-badge dt.kind-terminating-gateway + dt.service-identity:not(:first-of-type), #docfy-demo-preview-badge dt.service-identity + dt.service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-icon-definition dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition [id^=docfy-demo-preview-horizontal-kv-list] dl + dl:not(:first-of-type), #docfy-demo-preview-badge #docfy-demo-preview-icon-definition dl + dl.service-identity:not(:first-of-type), #docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl + dl.service-identity:not(:first-of-type),
#docfy-demo-preview-badge #docfy-demo-preview-icon-definition dl + dl.kind-terminating-gateway:not(:first-of-type),
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl + dl.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge #docfy-demo-preview-icon-definition dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity #docfy-demo-preview-icon-definition dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition section[data-route="dc.show.license"] .validity dl + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header #docfy-demo-preview-icon-definition dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dl:not(:first-of-type), .consul-lock-session-list #docfy-demo-preview-icon-definition dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition .consul-lock-session-list dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition dl + .consul-instance-checks:not(:first-of-type), .consul-upstream-instance-list #docfy-demo-preview-icon-definition dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition .consul-upstream-instance-list dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition dl + .consul-bucket-list:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-icon-definition dl + .kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-icon-definition [id^=docfy-demo-preview-horizontal-kv-list] dl + .kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-icon-definition dl + .service-identity:not(:first-of-type), #docfy-demo-preview-icon-definition [id^=docfy-demo-preview-horizontal-kv-list] dl + .service-identity:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway #docfy-demo-preview-icon-definition dl + dt:not(:first-of-type), #docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl.kind-terminating-gateway dl + dt:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity #docfy-demo-preview-icon-definition dl + dt:not(:first-of-type), #docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl.service-identity dl + dt:not(:first-of-type), #docfy-demo-preview-badge #docfy-demo-preview-icon-definition dl + dt.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl + dt.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge #docfy-demo-preview-icon-definition dl + dt.service-identity:not(:first-of-type), #docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl + dt.service-identity:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail [id^=docfy-demo-preview-horizontal-kv-list] dl + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl + dl.service-identity:not(:first-of-type), #docfy-demo-preview-badge .consul-lock-session-list ul > li:not(:first-child) > .detail dl + dl.service-identity:not(:first-of-type),
.consul-lock-session-list ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl + dl.kind-terminating-gateway:not(:first-of-type),
#docfy-demo-preview-badge .consul-lock-session-list ul > li:not(:first-child) > .detail dl + dl.kind-terminating-gateway:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-lock-session-list ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail section[data-route="dc.show.license"] .validity dl + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity .consul-lock-session-list ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-lock-session-list ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail [id^=docfy-demo-preview-horizontal-kv-list] dl + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-exposed-path-list > ul > li > .detail dl + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail #docfy-demo-preview-badge dl + dl.service-identity:not(:first-of-type), #docfy-demo-preview-badge .consul-exposed-path-list > ul > li > .detail dl + dl.service-identity:not(:first-of-type),
.consul-exposed-path-list > ul > li > .detail #docfy-demo-preview-badge dl + dl.kind-terminating-gateway:not(:first-of-type),
#docfy-demo-preview-badge .consul-exposed-path-list > ul > li > .detail dl + dl.kind-terminating-gateway:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail #docfy-demo-preview-badge dl + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-exposed-path-list > ul > li > .detail dl + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail section[data-route="dc.show.license"] .validity dl + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity .consul-exposed-path-list > ul > li > .detail dl + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-exposed-path-list > ul > li > .detail dl + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail .consul-lock-session-list dl + dl:not(:first-of-type), .consul-lock-session-list .consul-exposed-path-list > ul > li > .detail dl + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail dl + .consul-instance-checks:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail dl + .consul-instance-checks:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail .consul-upstream-instance-list dl + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail .consul-upstream-instance-list dl + dl:not(:first-of-type), .consul-upstream-instance-list .consul-lock-session-list ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .consul-lock-session-list .consul-upstream-instance-list ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .consul-upstream-instance-list .consul-exposed-path-list > ul > li > .detail dl + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail [id^=docfy-demo-preview-horizontal-kv-list] dl + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list li > .detail dl + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail #docfy-demo-preview-badge dl + dl.service-identity:not(:first-of-type), #docfy-demo-preview-badge .consul-upstream-instance-list li > .detail dl + dl.service-identity:not(:first-of-type),
.consul-upstream-instance-list li > .detail #docfy-demo-preview-badge dl + dl.kind-terminating-gateway:not(:first-of-type),
#docfy-demo-preview-badge .consul-upstream-instance-list li > .detail dl + dl.kind-terminating-gateway:not(:first-of-type), .consul-upstream-instance-list li > .detail #docfy-demo-preview-badge dl + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-upstream-instance-list li > .detail dl + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail section[data-route="dc.show.license"] .validity dl + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity .consul-upstream-instance-list li > .detail dl + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-upstream-instance-list li > .detail dl + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail .consul-lock-session-list dl + dl:not(:first-of-type), .consul-lock-session-list .consul-upstream-instance-list li > .detail dl + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail dl + .consul-instance-checks:not(:first-of-type), .consul-upstream-instance-list li > .detail dl + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail dl + .consul-bucket-list:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail dl + .consul-bucket-list:not(:first-of-type), .consul-upstream-instance-list li > .detail dl + .consul-bucket-list:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail [id^=docfy-demo-preview-horizontal-kv-list] dl + .kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list ul > li:not(:first-child) > .detail dl + .kind-terminating-gateway:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail [id^=docfy-demo-preview-horizontal-kv-list] dl + .service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list ul > li:not(:first-child) > .detail dl + .service-identity:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl.kind-terminating-gateway dl + dt:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway .consul-lock-session-list ul > li:not(:first-child) > .detail dl + dt:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl.service-identity dl + dt:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity .consul-lock-session-list ul > li:not(:first-child) > .detail dl + dt:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl + dt.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge .consul-lock-session-list ul > li:not(:first-child) > .detail dl + dt.kind-terminating-gateway:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl + dt.service-identity:not(:first-of-type), #docfy-demo-preview-badge .consul-lock-session-list ul > li:not(:first-child) > .detail dl + dt.service-identity:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail [id^=docfy-demo-preview-horizontal-kv-list] dl + .kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-exposed-path-list > ul > li > .detail dl + .kind-terminating-gateway:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail [id^=docfy-demo-preview-horizontal-kv-list] dl + .service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-exposed-path-list > ul > li > .detail dl + .service-identity:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail #docfy-demo-preview-badge dl.kind-terminating-gateway dl + dt:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway .consul-exposed-path-list > ul > li > .detail dl + dt:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail #docfy-demo-preview-badge dl.service-identity dl + dt:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity .consul-exposed-path-list > ul > li > .detail dl + dt:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail #docfy-demo-preview-badge dl + dt.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge .consul-exposed-path-list > ul > li > .detail dl + dt.kind-terminating-gateway:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail #docfy-demo-preview-badge dl + dt.service-identity:not(:first-of-type), #docfy-demo-preview-badge .consul-exposed-path-list > ul > li > .detail dl + dt.service-identity:not(:first-of-type), .consul-upstream-instance-list li > .detail [id^=docfy-demo-preview-horizontal-kv-list] dl + .kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list li > .detail dl + .kind-terminating-gateway:not(:first-of-type), .consul-upstream-instance-list li > .detail [id^=docfy-demo-preview-horizontal-kv-list] dl + .service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list li > .detail dl + .service-identity:not(:first-of-type), .consul-upstream-instance-list li > .detail #docfy-demo-preview-badge dl.kind-terminating-gateway dl + dt:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway .consul-upstream-instance-list li > .detail dl + dt:not(:first-of-type), .consul-upstream-instance-list li > .detail #docfy-demo-preview-badge dl.service-identity dl + dt:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity .consul-upstream-instance-list li > .detail dl + dt:not(:first-of-type), .consul-upstream-instance-list li > .detail #docfy-demo-preview-badge dl + dt.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge .consul-upstream-instance-list li > .detail dl + dt.kind-terminating-gateway:not(:first-of-type), .consul-upstream-instance-list li > .detail #docfy-demo-preview-badge dl + dt.service-identity:not(:first-of-type), #docfy-demo-preview-badge .consul-upstream-instance-list li > .detail dl + dt.service-identity:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail [id^=docfy-demo-preview-horizontal-kv-list] dl + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .list-collection > ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl + dl.service-identity:not(:first-of-type), #docfy-demo-preview-badge .list-collection > ul > li:not(:first-child) > .detail dl + dl.service-identity:not(:first-of-type),
.list-collection > ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl + dl.kind-terminating-gateway:not(:first-of-type),
#docfy-demo-preview-badge .list-collection > ul > li:not(:first-child) > .detail dl + dl.kind-terminating-gateway:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl + dl:not(:first-of-type), #docfy-demo-preview-badge .list-collection > ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail section[data-route="dc.show.license"] .validity dl + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity .list-collection > ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header .list-collection > ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail .consul-lock-session-list dl + dl:not(:first-of-type), .consul-lock-session-list .list-collection > ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail dl + .consul-instance-checks:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail .consul-upstream-instance-list dl + dl:not(:first-of-type), .consul-upstream-instance-list .list-collection > ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail dl + .consul-bucket-list:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail [id^=docfy-demo-preview-horizontal-kv-list] dl + .kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .list-collection > ul > li:not(:first-child) > .detail dl + .kind-terminating-gateway:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail [id^=docfy-demo-preview-horizontal-kv-list] dl + .service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .list-collection > ul > li:not(:first-child) > .detail dl + .service-identity:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl.kind-terminating-gateway dl + dt:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway .list-collection > ul > li:not(:first-child) > .detail dl + dt:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl.service-identity dl + dt:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity .list-collection > ul > li:not(:first-child) > .detail dl + dt:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl + dt.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge .list-collection > ul > li:not(:first-child) > .detail dl + dt.kind-terminating-gateway:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl + dt.service-identity:not(:first-of-type), #docfy-demo-preview-badge .list-collection > ul > li:not(:first-child) > .detail dl + dt.service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .tag-list + dl:not(:first-of-type), #docfy-demo-preview-badge .tag-list + dl.service-identity:not(:first-of-type),
#docfy-demo-preview-badge .tag-list + dl.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge .tag-list + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity .tag-list + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header .tag-list + dl:not(:first-of-type), .consul-lock-session-list .tag-list + dl:not(:first-of-type), .tag-list + .consul-instance-checks:not(:first-of-type), .consul-upstream-instance-list .tag-list + dl:not(:first-of-type), .tag-list + .consul-bucket-list:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .tag-list + .kind-terminating-gateway:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .tag-list + .service-identity:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway .tag-list + dt:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity .tag-list + dt:not(:first-of-type), #docfy-demo-preview-badge .tag-list + dt.kind-terminating-gateway:not(:first-of-type), #docfy-demo-preview-badge .tag-list + dt.service-identity:not(:first-of-type),
[id^=docfy-demo-preview-horizontal-kv-list] td.tags + dl:not(:first-of-type),
#docfy-demo-preview-badge td.tags + dl.service-identity:not(:first-of-type),
#docfy-demo-preview-badge td.tags + dl.kind-terminating-gateway:not(:first-of-type),
#docfy-demo-preview-badge td.tags + dl:not(:first-of-type),
section[data-route="dc.show.license"] .validity td.tags + dl:not(:first-of-type),
section[data-route="dc.show.serverstatus"] .redundancy-zones section header td.tags + dl:not(:first-of-type),
.consul-lock-session-list td.tags + dl:not(:first-of-type),
td.tags + .consul-instance-checks:not(:first-of-type),
.consul-upstream-instance-list td.tags + dl:not(:first-of-type),
td.tags + .consul-bucket-list:not(:first-of-type),
[id^=docfy-demo-preview-horizontal-kv-list] td.tags + .kind-terminating-gateway:not(:first-of-type),
[id^=docfy-demo-preview-horizontal-kv-list] td.tags + .service-identity:not(:first-of-type),
#docfy-demo-preview-badge dl.kind-terminating-gateway td.tags + dt:not(:first-of-type),
#docfy-demo-preview-badge dl.service-identity td.tags + dt:not(:first-of-type),
#docfy-demo-preview-badge td.tags + dt.kind-terminating-gateway:not(:first-of-type),
#docfy-demo-preview-badge td.tags + dt.service-identity:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-icon-definition dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition [id^=docfy-demo-preview-horizontal-kv-list] dl + dl:not(:first-of-type), #docfy-demo-preview-badge #docfy-demo-preview-icon-definition dl.service-identity + dl:not(:first-of-type), #docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl.service-identity + dl:not(:first-of-type),
#docfy-demo-preview-badge #docfy-demo-preview-icon-definition dl.kind-terminating-gateway + dl:not(:first-of-type),
#docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl.kind-terminating-gateway + dl:not(:first-of-type), #docfy-demo-preview-badge #docfy-demo-preview-icon-definition dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity #docfy-demo-preview-icon-definition dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition section[data-route="dc.show.license"] .validity dl + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header #docfy-demo-preview-icon-definition dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dl:not(:first-of-type), .consul-lock-session-list #docfy-demo-preview-icon-definition dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition .consul-lock-session-list dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition .consul-instance-checks + dl:not(:first-of-type), .consul-upstream-instance-list #docfy-demo-preview-icon-definition dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition .consul-upstream-instance-list dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition .consul-bucket-list + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-icon-definition .kind-terminating-gateway + dl:not(:first-of-type), #docfy-demo-preview-icon-definition [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] #docfy-demo-preview-icon-definition .service-identity + dl:not(:first-of-type), #docfy-demo-preview-icon-definition [id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dl:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway #docfy-demo-preview-icon-definition dt + dl:not(:first-of-type), #docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl.kind-terminating-gateway dt + dl:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity #docfy-demo-preview-icon-definition dt + dl:not(:first-of-type), #docfy-demo-preview-icon-definition #docfy-demo-preview-badge dl.service-identity dt + dl:not(:first-of-type), #docfy-demo-preview-badge #docfy-demo-preview-icon-definition dt.kind-terminating-gateway + dl:not(:first-of-type), #docfy-demo-preview-icon-definition #docfy-demo-preview-badge dt.kind-terminating-gateway + dl:not(:first-of-type), #docfy-demo-preview-badge #docfy-demo-preview-icon-definition dt.service-identity + dl:not(:first-of-type), #docfy-demo-preview-icon-definition #docfy-demo-preview-badge dt.service-identity + dl:not(:first-of-type), #docfy-demo-preview-icon-definition dl + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail #docfy-demo-preview-icon-definition dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition .consul-lock-session-list ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail #docfy-demo-preview-icon-definition dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition .consul-exposed-path-list > ul > li > .detail dl + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail #docfy-demo-preview-icon-definition dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition .consul-upstream-instance-list li > .detail dl + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail #docfy-demo-preview-icon-definition dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition .list-collection > ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition .tag-list + dl:not(:first-of-type),
#docfy-demo-preview-icon-definition td.tags + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail [id^=docfy-demo-preview-horizontal-kv-list] dl + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl.service-identity + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-lock-session-list ul > li:not(:first-child) > .detail dl.service-identity + dl:not(:first-of-type),
.consul-lock-session-list ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl.kind-terminating-gateway + dl:not(:first-of-type),
#docfy-demo-preview-badge .consul-lock-session-list ul > li:not(:first-child) > .detail dl.kind-terminating-gateway + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-lock-session-list ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail section[data-route="dc.show.license"] .validity dl + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity .consul-lock-session-list ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-lock-session-list ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail [id^=docfy-demo-preview-horizontal-kv-list] dl + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-exposed-path-list > ul > li > .detail dl + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail #docfy-demo-preview-badge dl.service-identity + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-exposed-path-list > ul > li > .detail dl.service-identity + dl:not(:first-of-type),
.consul-exposed-path-list > ul > li > .detail #docfy-demo-preview-badge dl.kind-terminating-gateway + dl:not(:first-of-type),
#docfy-demo-preview-badge .consul-exposed-path-list > ul > li > .detail dl.kind-terminating-gateway + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail #docfy-demo-preview-badge dl + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-exposed-path-list > ul > li > .detail dl + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail section[data-route="dc.show.license"] .validity dl + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity .consul-exposed-path-list > ul > li > .detail dl + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-exposed-path-list > ul > li > .detail dl + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail .consul-lock-session-list dl + dl:not(:first-of-type), .consul-lock-session-list .consul-exposed-path-list > ul > li > .detail dl + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail .consul-instance-checks + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail .consul-instance-checks + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail .consul-upstream-instance-list dl + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail .consul-upstream-instance-list dl + dl:not(:first-of-type), .consul-upstream-instance-list .consul-lock-session-list ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .consul-lock-session-list .consul-upstream-instance-list ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .consul-upstream-instance-list .consul-exposed-path-list > ul > li > .detail dl + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail [id^=docfy-demo-preview-horizontal-kv-list] dl + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list li > .detail dl + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail #docfy-demo-preview-badge dl.service-identity + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-upstream-instance-list li > .detail dl.service-identity + dl:not(:first-of-type),
.consul-upstream-instance-list li > .detail #docfy-demo-preview-badge dl.kind-terminating-gateway + dl:not(:first-of-type),
#docfy-demo-preview-badge .consul-upstream-instance-list li > .detail dl.kind-terminating-gateway + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail #docfy-demo-preview-badge dl + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-upstream-instance-list li > .detail dl + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail section[data-route="dc.show.license"] .validity dl + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity .consul-upstream-instance-list li > .detail dl + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header .consul-upstream-instance-list li > .detail dl + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail .consul-lock-session-list dl + dl:not(:first-of-type), .consul-lock-session-list .consul-upstream-instance-list li > .detail dl + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail .consul-instance-checks + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail dl + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail .consul-bucket-list + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail .consul-bucket-list + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail .consul-bucket-list + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list ul > li:not(:first-child) > .detail .kind-terminating-gateway + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail [id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-lock-session-list ul > li:not(:first-child) > .detail .service-identity + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl.kind-terminating-gateway dt + dl:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway .consul-lock-session-list ul > li:not(:first-child) > .detail dt + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl.service-identity dt + dl:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity .consul-lock-session-list ul > li:not(:first-child) > .detail dt + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dt.kind-terminating-gateway + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-lock-session-list ul > li:not(:first-child) > .detail dt.kind-terminating-gateway + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dt.service-identity + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-lock-session-list ul > li:not(:first-child) > .detail dt.service-identity + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-exposed-path-list > ul > li > .detail .kind-terminating-gateway + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail [id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-exposed-path-list > ul > li > .detail .service-identity + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail #docfy-demo-preview-badge dl.kind-terminating-gateway dt + dl:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway .consul-exposed-path-list > ul > li > .detail dt + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail #docfy-demo-preview-badge dl.service-identity dt + dl:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity .consul-exposed-path-list > ul > li > .detail dt + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail #docfy-demo-preview-badge dt.kind-terminating-gateway + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-exposed-path-list > ul > li > .detail dt.kind-terminating-gateway + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail #docfy-demo-preview-badge dt.service-identity + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-exposed-path-list > ul > li > .detail dt.service-identity + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list li > .detail .kind-terminating-gateway + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail [id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .consul-upstream-instance-list li > .detail .service-identity + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail #docfy-demo-preview-badge dl.kind-terminating-gateway dt + dl:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway .consul-upstream-instance-list li > .detail dt + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail #docfy-demo-preview-badge dl.service-identity dt + dl:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity .consul-upstream-instance-list li > .detail dt + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail #docfy-demo-preview-badge dt.kind-terminating-gateway + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-upstream-instance-list li > .detail dt.kind-terminating-gateway + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail #docfy-demo-preview-badge dt.service-identity + dl:not(:first-of-type), #docfy-demo-preview-badge .consul-upstream-instance-list li > .detail dt.service-identity + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail #docfy-demo-preview-icon-definition dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition .consul-lock-session-list ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail #docfy-demo-preview-icon-definition dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition .consul-exposed-path-list > ul > li > .detail dl + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail #docfy-demo-preview-icon-definition dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition .consul-upstream-instance-list li > .detail dl + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail dl + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail dl + dl:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail .tag-list + dl:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail .tag-list + dl:not(:first-of-type), .consul-upstream-instance-list li > .detail .tag-list + dl:not(:first-of-type),
.consul-lock-session-list ul > li:not(:first-child) > .detail td.tags + dl:not(:first-of-type),
.consul-exposed-path-list > ul > li > .detail td.tags + dl:not(:first-of-type),
.consul-upstream-instance-list li > .detail td.tags + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail [id^=docfy-demo-preview-horizontal-kv-list] dl + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .list-collection > ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl.service-identity + dl:not(:first-of-type), #docfy-demo-preview-badge .list-collection > ul > li:not(:first-child) > .detail dl.service-identity + dl:not(:first-of-type),
.list-collection > ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl.kind-terminating-gateway + dl:not(:first-of-type),
#docfy-demo-preview-badge .list-collection > ul > li:not(:first-child) > .detail dl.kind-terminating-gateway + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl + dl:not(:first-of-type), #docfy-demo-preview-badge .list-collection > ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail section[data-route="dc.show.license"] .validity dl + dl:not(:first-of-type), section[data-route="dc.show.license"] .validity .list-collection > ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + dl:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header .list-collection > ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail .consul-lock-session-list dl + dl:not(:first-of-type), .consul-lock-session-list .list-collection > ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail .consul-instance-checks + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail .consul-upstream-instance-list dl + dl:not(:first-of-type), .consul-upstream-instance-list .list-collection > ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail .consul-bucket-list + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .list-collection > ul > li:not(:first-child) > .detail .kind-terminating-gateway + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail [id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .list-collection > ul > li:not(:first-child) > .detail .service-identity + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl.kind-terminating-gateway dt + dl:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway .list-collection > ul > li:not(:first-child) > .detail dt + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dl.service-identity dt + dl:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity .list-collection > ul > li:not(:first-child) > .detail dt + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dt.kind-terminating-gateway + dl:not(:first-of-type), #docfy-demo-preview-badge .list-collection > ul > li:not(:first-child) > .detail dt.kind-terminating-gateway + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail #docfy-demo-preview-badge dt.service-identity + dl:not(:first-of-type), #docfy-demo-preview-badge .list-collection > ul > li:not(:first-child) > .detail dt.service-identity + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail #docfy-demo-preview-icon-definition dl + dl:not(:first-of-type), #docfy-demo-preview-icon-definition .list-collection > ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail dl + dl:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail .tag-list + dl:not(:first-of-type),
.list-collection > ul > li:not(:first-child) > .detail td.tags + dl:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] dl + .tag-list:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity + .tag-list:not(:first-of-type),
#docfy-demo-preview-badge dl.kind-terminating-gateway + .tag-list:not(:first-of-type), #docfy-demo-preview-badge dl + .tag-list:not(:first-of-type), section[data-route="dc.show.license"] .validity dl + .tag-list:not(:first-of-type), section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + .tag-list:not(:first-of-type), .consul-lock-session-list dl + .tag-list:not(:first-of-type), .consul-instance-checks + .tag-list:not(:first-of-type), .consul-upstream-instance-list dl + .tag-list:not(:first-of-type), .consul-bucket-list + .tag-list:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + .tag-list:not(:first-of-type), [id^=docfy-demo-preview-horizontal-kv-list] .service-identity + .tag-list:not(:first-of-type), #docfy-demo-preview-badge dl.kind-terminating-gateway dt + .tag-list:not(:first-of-type), #docfy-demo-preview-badge dl.service-identity dt + .tag-list:not(:first-of-type), #docfy-demo-preview-badge dt.kind-terminating-gateway + .tag-list:not(:first-of-type), #docfy-demo-preview-badge dt.service-identity + .tag-list:not(:first-of-type), #docfy-demo-preview-icon-definition dl + .tag-list:not(:first-of-type), .consul-lock-session-list ul > li:not(:first-child) > .detail dl + .tag-list:not(:first-of-type), .consul-exposed-path-list > ul > li > .detail dl + .tag-list:not(:first-of-type), .consul-upstream-instance-list li > .detail dl + .tag-list:not(:first-of-type), .list-collection > ul > li:not(:first-child) > .detail dl + .tag-list:not(:first-of-type), .tag-list + .tag-list:not(:first-of-type),
td.tags + .tag-list:not(:first-of-type),
[id^=docfy-demo-preview-horizontal-kv-list] dl + td.tags:not(:first-of-type),
#docfy-demo-preview-badge dl.service-identity + td.tags:not(:first-of-type),
#docfy-demo-preview-badge dl.kind-terminating-gateway + td.tags:not(:first-of-type),
#docfy-demo-preview-badge dl + td.tags:not(:first-of-type),
section[data-route="dc.show.license"] .validity dl + td.tags:not(:first-of-type),
section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl + td.tags:not(:first-of-type),
.consul-lock-session-list dl + td.tags:not(:first-of-type),
.consul-instance-checks + td.tags:not(:first-of-type),
.consul-upstream-instance-list dl + td.tags:not(:first-of-type),
.consul-bucket-list + td.tags:not(:first-of-type),
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + td.tags:not(:first-of-type),
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity + td.tags:not(:first-of-type),
#docfy-demo-preview-badge dl.kind-terminating-gateway dt + td.tags:not(:first-of-type),
#docfy-demo-preview-badge dl.service-identity dt + td.tags:not(:first-of-type),
#docfy-demo-preview-badge dt.kind-terminating-gateway + td.tags:not(:first-of-type),
#docfy-demo-preview-badge dt.service-identity + td.tags:not(:first-of-type),
#docfy-demo-preview-icon-definition dl + td.tags:not(:first-of-type),
.consul-lock-session-list ul > li:not(:first-child) > .detail dl + td.tags:not(:first-of-type),
.consul-exposed-path-list > ul > li > .detail dl + td.tags:not(:first-of-type),
.consul-upstream-instance-list li > .detail dl + td.tags:not(:first-of-type),
.list-collection > ul > li:not(:first-child) > .detail dl + td.tags:not(:first-of-type),
.tag-list + td.tags:not(:first-of-type),
td.tags + td.tags:not(:first-of-type) {
  margin-left: var(--horizontal-kv-list-separator-width);
}

/**/
[id^=docfy-demo-preview-horizontal-kv-list] .reversed > dl dt, [id^=docfy-demo-preview-horizontal-kv-list] .reversed .kind-terminating-gateway dt,
[id^=docfy-demo-preview-horizontal-kv-list] dl dt + dd,
#docfy-demo-preview-badge dl.service-identity dt + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt + dd,
#docfy-demo-preview-badge dl dt + dd,
section[data-route="dc.show.license"] .validity dl dt + dd,
section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl dt + dd,
.consul-lock-session-list dl dt + dd,
.consul-instance-checks dt + dd,
.consul-upstream-instance-list dl dt + dd,
.consul-bucket-list dt + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway dt + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity dt + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt dt + dd,
#docfy-demo-preview-badge dl.service-identity dt dt + dd,
#docfy-demo-preview-badge dt.kind-terminating-gateway dt + dd,
#docfy-demo-preview-badge dt.service-identity dt + dd,
#docfy-demo-preview-icon-definition dl dt + dd,
.consul-lock-session-list ul > li:not(:first-child) > .detail dl dt + dd,
.consul-exposed-path-list > ul > li > .detail dl dt + dd,
.consul-upstream-instance-list li > .detail dl dt + dd,
.list-collection > ul > li:not(:first-child) > .detail dl dt + dd,
.tag-list dt + dd,
td.tags dt + dd {
  margin-left: 4px;
}

.consul-upstream-instance-list dl.local-bind-socket-path dt + dd,
.consul-upstream-instance-list dl.local-bind-address dt + dd, [id^=docfy-demo-preview-horizontal-kv-list] dl:not([class]) dt:not([class]) + dd, #docfy-demo-preview-badge dl:not([class]) dt:not([class]) + dd, section[data-route="dc.show.license"] .validity dl:not([class]) dt:not([class]) + dd, section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl:not([class]) dt:not([class]) + dd, .consul-lock-session-list dl:not([class]) dt:not([class]) + dd, .consul-instance-checks:not([class]) dt:not([class]) + dd, .consul-upstream-instance-list dl:not([class]) dt:not([class]) + dd, .consul-bucket-list:not([class]) dt:not([class]) + dd, [id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway:not([class]) dt:not([class]) + dd, [id^=docfy-demo-preview-horizontal-kv-list] .service-identity:not([class]) dt:not([class]) + dd, #docfy-demo-preview-badge dl.kind-terminating-gateway dt:not([class]) dt:not([class]) + dd, #docfy-demo-preview-badge dl.service-identity dt:not([class]) dt:not([class]) + dd, #docfy-demo-preview-badge dt.kind-terminating-gateway:not([class]) dt:not([class]) + dd, #docfy-demo-preview-badge dt.service-identity:not([class]) dt:not([class]) + dd, #docfy-demo-preview-icon-definition dl:not([class]) dt:not([class]) + dd, .consul-exposed-path-list > ul > li > .detail dl:not([class]) dt:not([class]) + dd, .list-collection > ul > li:not(:first-child) > .detail dl:not([class]) dt:not([class]) + dd, .tag-list:not([class]) dt:not([class]) + dd,
td.tags:not([class]) dt:not([class]) + dd {
  margin-left: 0 !important;
}

[id^=docfy-demo-preview-horizontal-kv-list] .reversed > dl dt + dd, [id^=docfy-demo-preview-horizontal-kv-list] .reversed .kind-terminating-gateway dt + dd {
  margin-left: 0;
}

:root {
  --horizontal-kv-list-separator-width: 18px;
  --horizontal-kv-list-key-separator: ":";
  --horizontal-kv-list-key-wrapper-start: "(";
  --horizontal-kv-list-key-wrapper-end: ")";
}

.consul-upstream-instance-list dl.local-bind-socket-mode dt {
  overflow: hidden;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --csv-list-separator: ",";
}

[id^=docfy-demo-preview-csv-list] p, [id^=docfy-demo-preview-csv-list] ul, .consul-lock-session-list .checks dd, .discovery-chain .resolver-card ol, .tag-list dd,
td.tags dd {
  display: flex;
}

[id^=docfy-demo-preview-csv-list] ol li:not(:last-child)::after, [id^=docfy-demo-preview-csv-list] p > :not(:last-child)::after, [id^=docfy-demo-preview-csv-list] ul > :not(:last-child)::after, .consul-lock-session-list .checks dd > :not(:last-child)::after, .discovery-chain .resolver-card ol > :not(:last-child)::after, .tag-list dd > :not(:last-child)::after,
td.tags dd > :not(:last-child)::after {
  display: inline;
  content: var(--csv-list-separator);
  vertical-align: initial;
  margin-right: 0.3em;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.tag-list dt::before,
td.tags dt::before {
  color: inherit;
  color: var(--token-color-foreground-faint);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway, [id^=docfy-demo-preview-horizontal-kv-list] .service-identity, #docfy-demo-preview-badge dl.kind-terminating-gateway dt, #docfy-demo-preview-badge dl.service-identity dt, #docfy-demo-preview-badge dt.kind-terminating-gateway, #docfy-demo-preview-badge dt.service-identity {
  padding-left: 8px;
  padding-right: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway, [id^=docfy-demo-preview-horizontal-kv-list] .service-identity, #docfy-demo-preview-badge dl.kind-terminating-gateway dt, #docfy-demo-preview-badge dl.service-identity dt, #docfy-demo-preview-badge dt.kind-terminating-gateway, #docfy-demo-preview-badge dt.service-identity,
[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dd,
[id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dd,
#docfy-demo-preview-badge dl.kind-terminating-gateway dt + dd,
#docfy-demo-preview-badge dl.service-identity dt + dd,
#docfy-demo-preview-badge dt.kind-terminating-gateway + dd,
#docfy-demo-preview-badge dt.service-identity + dd {
  background-color: var(--token-color-surface-strong);
  color: var(--token-color-foreground-faint);
}

[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway::after, [id^=docfy-demo-preview-horizontal-kv-list] .service-identity::after, #docfy-demo-preview-badge dl.kind-terminating-gateway dt::after, #docfy-demo-preview-badge dl.service-identity dt::after, #docfy-demo-preview-badge dt.kind-terminating-gateway::after, #docfy-demo-preview-badge dt.service-identity::after,
[id^=docfy-demo-preview-horizontal-kv-list] .reversed .service-identity::after,
[id^=docfy-demo-preview-horizontal-kv-list] .reversed .kind-terminating-gateway::after,
[id^=docfy-demo-preview-horizontal-kv-list] .reversed .service-identity::before,
[id^=docfy-demo-preview-horizontal-kv-list] .reversed .kind-terminating-gateway::before {
  display: inline;
}

[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway::after, [id^=docfy-demo-preview-horizontal-kv-list] .service-identity::after, #docfy-demo-preview-badge dl.kind-terminating-gateway dt::after, #docfy-demo-preview-badge dl.service-identity dt::after, #docfy-demo-preview-badge dt.kind-terminating-gateway::after, #docfy-demo-preview-badge dt.service-identity::after {
  content: var(--horizontal-kv-list-key-separator);
}

[id^=docfy-demo-preview-horizontal-kv-list] .reversed .service-identity::after, [id^=docfy-demo-preview-horizontal-kv-list] .reversed .kind-terminating-gateway::after {
  content: var(--horizontal-kv-list-key-wrapper-end);
}

[id^=docfy-demo-preview-horizontal-kv-list] .reversed .service-identity::before, [id^=docfy-demo-preview-horizontal-kv-list] .reversed .kind-terminating-gateway::before {
  content: var(--horizontal-kv-list-key-wrapper-start);
  margin-right: 0;
  font-size: inherit;
}

[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dd, [id^=docfy-demo-preview-horizontal-kv-list] .service-identity + dd, #docfy-demo-preview-badge dl.kind-terminating-gateway dt + dd, #docfy-demo-preview-badge dl.service-identity dt + dd, #docfy-demo-preview-badge dt.kind-terminating-gateway + dd, #docfy-demo-preview-badge dt.service-identity + dd {
  padding-right: 8px;
  margin-left: 0 !important;
}

[id^=docfy-demo-preview-horizontal-kv-list] .reversed .service-identity, [id^=docfy-demo-preview-horizontal-kv-list] .reversed .kind-terminating-gateway {
  margin-left: 0;
  padding-left: 0;
}

[id^=docfy-demo-preview-horizontal-kv-list] .reversed .service-identity + dd, [id^=docfy-demo-preview-horizontal-kv-list] .reversed .kind-terminating-gateway + dd {
  padding-left: 8px;
  margin-left: 0 !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway::after, #docfy-demo-preview-badge dl.kind-terminating-gateway dt::after, #docfy-demo-preview-badge dt.kind-terminating-gateway::after {
  display: none;
}

[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway, #docfy-demo-preview-badge dl.kind-terminating-gateway dt, #docfy-demo-preview-badge dt.kind-terminating-gateway {
  position: absolute;
  max-width: 0;
  padding-left: 28px;
}

[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway::before, #docfy-demo-preview-badge dl.kind-terminating-gateway dt::before, #docfy-demo-preview-badge dt.kind-terminating-gateway::before {
  position: absolute;
  left: 8px;
}

[id^=docfy-demo-preview-horizontal-kv-list] .reversed .kind-terminating-gateway::before {
  left: 0px;
  font-size: 0.8em;
}

[id^=docfy-demo-preview-horizontal-kv-list] .kind-terminating-gateway + dd, #docfy-demo-preview-badge dl.kind-terminating-gateway dt + dd, #docfy-demo-preview-badge dt.kind-terminating-gateway + dd {
  margin-left: 24px !important;
}

[id^=docfy-demo-preview-horizontal-kv-list] .reversed .kind-terminating-gateway {
  flex-direction: row;
  padding-left: 22px;
  padding-right: 0 !important;
  z-index: 1;
}

[id^=docfy-demo-preview-horizontal-kv-list] .reversed .kind-terminating-gateway + dd {
  margin-right: 18px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#docfy-demo-preview-icon-definition dl > dt > *, .consul-lock-session-list ul > li:not(:first-child) > .detail dl > dt > *, .consul-exposed-path-list > ul > li > .detail dl > dt > *, .consul-upstream-instance-list li > .detail dl > dt > *, .list-collection > ul > li:not(:first-child) > .detail dl > dt > * {
  display: none;
}

#docfy-demo-preview-icon-definition dl.passing dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.passing dt::before, .consul-exposed-path-list > ul > li > .detail dl.passing dt::before, .consul-upstream-instance-list li > .detail dl.passing dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.passing dt::before,
.consul-lock-session-list ul > li:not(:first-child) > .header .passing dd::before,
.consul-exposed-path-list > ul > li > .header .passing dd::before,
.consul-upstream-instance-list li > .header .passing dd::before,
.list-collection > ul > li:not(:first-child) > .header .passing dd::before {
  color: var(--token-color-foreground-success);
}

#docfy-demo-preview-icon-definition dl.warning dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.warning dt::before, .consul-exposed-path-list > ul > li > .detail dl.warning dt::before, .consul-upstream-instance-list li > .detail dl.warning dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.warning dt::before,
.consul-lock-session-list ul > li:not(:first-child) > .header .warning dd::before,
.consul-exposed-path-list > ul > li > .header .warning dd::before,
.consul-upstream-instance-list li > .header .warning dd::before,
.list-collection > ul > li:not(:first-child) > .header .warning dd::before {
  color: var(--token-color-foreground-warning);
}

#docfy-demo-preview-icon-definition dl.critical dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.critical dt::before, .consul-exposed-path-list > ul > li > .detail dl.critical dt::before, .consul-upstream-instance-list li > .detail dl.critical dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.critical dt::before,
.consul-lock-session-list ul > li:not(:first-child) > .header .critical dd::before,
.consul-exposed-path-list > ul > li > .header .critical dd::before,
.consul-upstream-instance-list li > .header .critical dd::before,
.list-collection > ul > li:not(:first-child) > .header .critical dd::before {
  color: var(--token-color-foreground-critical);
}

#docfy-demo-preview-icon-definition dl.empty dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.empty dt::before, .consul-exposed-path-list > ul > li > .detail dl.empty dt::before, .consul-upstream-instance-list li > .detail dl.empty dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.empty dt::before,
.consul-lock-session-list ul > li:not(:first-child) > .header .empty dd::before,
.consul-exposed-path-list > ul > li > .header .empty dd::before,
.consul-upstream-instance-list li > .header .empty dd::before,
.list-collection > ul > li:not(:first-child) > .header .empty dd::before {
  color: var(--token-color-foreground-faint);
}

#docfy-demo-preview-icon-definition dl.unknown dt::before, .consul-lock-session-list ul > li:not(:first-child) > .detail dl.unknown dt::before, .consul-exposed-path-list > ul > li > .detail dl.unknown dt::before, .consul-upstream-instance-list li > .detail dl.unknown dt::before, .list-collection > ul > li:not(:first-child) > .detail dl.unknown dt::before,
.consul-lock-session-list ul > li:not(:first-child) > .header .unknown dd::before,
.consul-exposed-path-list > ul > li > .header .unknown dd::before,
.consul-upstream-instance-list li > .header .unknown dd::before,
.list-collection > ul > li:not(:first-child) > .header .unknown dd::before {
  color: var(--token-color-foreground-faint);
}

.consul-lock-session-list ul > li:not(:first-child) > .header [rel=me] dd::before, .consul-exposed-path-list > ul > li > .header [rel=me] dd::before, .consul-upstream-instance-list li > .header [rel=me] dd::before, .list-collection > ul > li:not(:first-child) > .header [rel=me] dd::before {
  color: var(--token-color-foreground-action);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.docs .docfy-demo__example figcaption code,
.docs main > ol code,
.docs main > ul code,
.docs main > table td code,
.app-shell__main p code,
.modal-dialog [role=document] p code,
.type-toggle > em > code,
.app-shell__main form button + em > code,
.modal-dialog [role=document] form button + em > code,
.app-shell__main .type-select > em > code,
.modal-dialog [role=document] .type-select > em > code,
.app-shell__main .type-password > em > code,
.modal-dialog [role=document] .type-password > em > code,
.app-shell__main .type-text > em > code,
.modal-dialog [role=document] .type-text > em > code,
.modal-dialog [role=document] [role=radiogroup] label > em > code,
.oidc-select label > em > code,
.app-view > div form:not(.filter-bar) [role=radiogroup] label > em > code {
  border: 1px solid;
  color: var(--token-color-consul-foreground);
  background-color: var(--token-color-surface-primary);
  border-color: var(--token-color-surface-interactive-active);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.docs .docfy-demo__example figcaption code, .docs main > ol code,
.docs main > ul code, .docs main > table td code, .app-shell__main p code,
.modal-dialog [role=document] p code,
.type-toggle > em > code, .app-shell__main form button + em > code,
.modal-dialog [role=document] form button + em > code,
.app-shell__main .type-select > em > code,
.modal-dialog [role=document] .type-select > em > code,
.app-shell__main .type-password > em > code,
.modal-dialog [role=document] .type-password > em > code,
.app-shell__main .type-text > em > code,
.modal-dialog [role=document] .type-text > em > code,
.modal-dialog [role=document] [role=radiogroup] label > em > code,
.oidc-select label > em > code,
.app-view > div form:not(.filter-bar) [role=radiogroup] label > em > code {
  display: inline-block;
  padding: 0 4px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  outline: 0;
  transition-property: transform, visibility, opacity;
}
[data-animation=fade][data-state=hidden].tippy-box {
  opacity: 0;
}
[data-inertia][data-state=visible].tippy-box {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
[data-animation=fade][data-state=hidden].tippy-box {
  opacity: 0;
}
[data-inertia][data-state=visible].tippy-box {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-box {
  background-color: var(--token-color-surface-primary);
  border-radius: var(--decor-radius-100);
  box-shadow: var(--token-surface-mid-box-shadow);
}
.tippy-box .tippy-arrow {
  --size: 5px;
}
.tippy-box .tippy-arrow::before {
  content: "";
  position: absolute;
}

[data-placement^=top].tippy-box > .tippy-arrow {
  bottom: 0;
}
[data-placement^=top].tippy-box > .tippy-arrow::before {
  left: 0;
  bottom: calc(0px - var(--size));
  transform-origin: center top;
}

[data-placement^=bottom].tippy-box > .tippy-arrow {
  top: 0;
}
[data-placement^=bottom].tippy-box > .tippy-arrow::before {
  left: 0;
  top: calc(0px - var(--size));
  transform-origin: center bottom;
}

[data-placement^=left].tippy-box > .tippy-arrow {
  right: 0;
}
[data-placement^=left].tippy-box > .tippy-arrow::before {
  right: calc(0px - var(--size));
  transform-origin: center left;
}

[data-placement^=right].tippy-box > .tippy-arrow {
  left: 0;
}
[data-placement^=right].tippy-box > .tippy-arrow::before {
  left: calc(0px - var(--size));
  transform-origin: center right;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
[data-theme~=square-tail] .tippy-arrow {
  --size: 18px;
  left: calc(0px - var(--size) / 2) !important;
}
[data-theme~=square-tail] .tippy-arrow::before {
  background-color: var(--token-color-surface-primary);
  width: calc(1px + var(--size));
  height: calc(1px + var(--size));
  border: var(--decor-border-100);
  border-color: var(--token-color-palette-neutral-300);
}
[data-theme~=square-tail] .tippy-arrow::after {
  position: absolute;
  left: 1px;
}
[data-theme~=square-tail][data-placement^=top] {
  bottom: -10px;
}
[data-theme~=square-tail][data-placement^=top] .informed-action {
  border-bottom-left-radius: 0 !important;
}
[data-theme~=square-tail][data-placement^=top] .tippy-arrow::before {
  border-bottom-left-radius: var(--decor-radius-200);
  border-bottom-right-radius: var(--decor-radius-200);
  border-top: 0 !important;
}
[data-theme~=square-tail][data-placement^=top] .tippy-arrow::after {
  bottom: calc(0px - var(--size));
}
[data-theme~=square-tail][data-placement^=bottom] {
  top: -10px;
}
[data-theme~=square-tail][data-placement^=bottom] .informed-action {
  border-top-left-radius: 0 !important;
}
[data-theme~=square-tail][data-placement^=bottom] .tippy-arrow::before {
  border-top-left-radius: var(--decor-radius-200);
  border-top-right-radius: var(--decor-radius-200);
  border-bottom: 0 !important;
}
[data-theme~=square-tail][data-placement^=bottom] .tippy-arrow::after {
  top: calc(0px - var(--size));
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.warning.modal-dialog header {
  background-color: var(--token-color-vault-gradient-faint-start);
  border-color: var(--token-color-vault-brand);
  color: var(--token-color-vault-foreground);
}

.warning.modal-dialog header::before {
  color: var(--token-color-vault-brand);
  float: left;
  margin-top: 2px;
  margin-right: 3px;
}

.modal-dialog > div:first-child {
  background-color: var(--token-color-surface-interactive);
  opacity: 0.9;
}

.modal-dialog [role=document] {
  box-shadow: var(--token-elevation-overlay-box-shadow);
}

.modal-dialog [role=document] {
  /*%frame-gray-000*/
  background-color: var(--token-color-surface-primary);
}

.modal-dialog-body,
.modal-dialog [role=document] > .modal-dialog-footer,
.modal-dialog [role=document] > header {
  border-color: var(--token-color-palette-neutral-300);
}

.modal-dialog-body {
  border-style: solid;
  border-left-width: 1px;
  border-right-width: 1px;
}

.modal-dialog [role=document] > .modal-dialog-footer,
.modal-dialog [role=document] > header {
  border-width: 1px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.modal-layer {
  height: 0;
}

/*TODO: Should these be here? */
.modal-dialog [role=document] table {
  height: 150px !important;
}

.modal-dialog [role=document] tbody {
  max-height: 100px;
}

.modal-dialog table {
  min-height: 149px;
}

.modal-dialog,
.modal-dialog > div:first-child {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.modal-dialog {
  z-index: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

[aria-hidden=true].modal-dialog {
  display: none;
}

.modal-dialog [role=document] {
  margin: auto;
  z-index: 2;
  position: relative;
}

/**/
.modal-dialog [role=document] {
  max-width: 855px;
  position: relative;
}

.modal-dialog [role=document] > * {
  padding-left: 15px;
  padding-right: 15px;
}

.modal-dialog [role=document] > div {
  overflow-y: auto;
  max-height: 80vh;
  padding: 20px 23px;
}

.modal-dialog [role=document] > .modal-dialog-footer,
.modal-dialog [role=document] > header {
  padding-top: 12px;
  padding-bottom: 10px;
}

.modal-dialog [role=document] > header {
  position: relative;
}

.modal-dialog [role=document] > header button {
  float: right;
  margin-top: -3px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.list-collection > ul {
  border-top: 1px solid;
  border-color: var(--token-color-surface-interactive-active);
}

.list-collection > button {
  cursor: pointer;
  background-color: var(--token-color-surface-strong);
  color: var(--token-color-foreground-action);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.list-collection > ul > li,
.list-collection-scroll-virtual {
  position: relative;
}

.list-collection-scroll-virtual {
  height: 500px;
}

.list-collection-scroll-virtual > ul {
  overflow-x: hidden !important;
}

.list-collection > button {
  width: 100%;
  padding: 15px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.filter-bar {
  background-color: var(--token-color-foreground-high-contrast);
  border-bottom: var(--decor-border-100);
  border-color: var(--token-color-surface-interactive-active);
}
.filter-bar .filters .popover-menu > [type=checkbox]:checked + label button,
.filter-bar .sort .popover-menu > [type=checkbox]:checked + label button {
  color: var(--token-color-foreground-action);
  background-color: var(--token-color-foreground-high-contrast);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.filter-bar,
.filter-bar > div {
  display: flex;
}
.filter-bar {
  padding: 4px 8px;
}
.filter-bar .sort {
  margin-left: auto;
}
.filter-bar .popover-select {
  position: relative;
  z-index: 3;
}
.filter-bar .popover-menu > [type=checkbox] + label button {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.filter-bar .popover-menu [role=menuitem] {
  justify-content: normal !important;
}

@media (max-width: 1379px) {
  .filter-bar, .filter-bar > div {
    flex-wrap: wrap;
  }
  .filter-bar .search {
    position: relative;
    z-index: 4;
    width: 100%;
    margin-bottom: 0.3rem;
  }
}
@media (max-width: 995px) {
  .filter-bar .filters,
  .filter-bar .sort {
    display: none;
  }
}
html[data-route^="dc.acls.index"] .filter-bar {
  color: inherit;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.freetext-filter {
  border: var(--decor-border-100);
  border-radius: var(--decor-radius-100);
  background-color: var(--token-color-surface-primary);
  border-color: var(--token-color-surface-interactive-active);
  color: var(--token-color-foreground-faint);
}
.freetext-filter:hover, .freetext-filter:hover * {
  border-color: var(--token-color-foreground-disabled);
}
.freetext-filter *, .freetext-filter_input::placeholder {
  cursor: inherit;
  color: inherit;
  border-color: inherit;
}
.freetext-filter_input {
  -webkit-appearance: none;
  border: none;
}
.freetext-filter_label::after {
  visibility: visible;
  --icon-name: icon-search;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  margin-top: -8px;
}
.freetext-filter .popover-menu {
  background-color: var(--token-color-surface-strong);
  color: var(--token-color-foreground-primary);
}
.freetext-filter .popover-menu {
  border-left: 1px solid;
  border-color: inherit;
}
.freetext-filter .popover-menu > [type=checkbox]:checked + label button {
  background-color: var(--token-color-surface-interactive-active);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.freetext-filter {
  --height: 2.2rem;
}
.freetext-filter {
  display: flex;
  position: relative;
  height: var(--height);
  width: 100%;
}
.freetext-filter_input, .freetext-filter > label {
  flex-grow: 1;
}
.freetext-filter_input, .freetext-filter_label {
  height: 100%;
}
.freetext-filter_input {
  padding: 8px 10px;
  padding-left: var(--height);
  min-width: 12.7rem;
  width: 100%;
}
.freetext-filter_label {
  visibility: hidden;
  position: absolute;
  z-index: 1;
  width: var(--height);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.informed-action {
  /* variants */
  /**/
}
.informed-action {
  border-radius: var(--decor-radius-200);
  border: var(--decor-border-100);
  border-color: var(--token-color-palette-neutral-300);
  background-color: var(--token-color-surface-primary);
}
.informed-action > div {
  border-top-left-radius: var(--decor-radius-200);
  border-top-right-radius: var(--decor-radius-200);
  cursor: default;
}
.informed-action p {
  color: var(--token-color-hashicorp-brand);
}
.informed-action > ul {
  list-style: none;
}
.informed-action > ul > li > *:hover,
.informed-action > ul > li > *:focus {
  background-color: var(--token-color-surface-strong);
}
.info.informed-action header {
  color: var(--token-color-foreground-action-active);
}
.info.informed-action header::before {
  background-color: var(--token-color-foreground-action);
  margin-right: 5px;
}
.info.informed-action > div {
  background-color: var(--token-color-surface-action);
}
.dangerous.informed-action header {
  color: var(--token-color-palette-red-400);
}
.dangerous.informed-action header::before {
  background-color: var(--token-color-foreground-critical);
}
.dangerous.informed-action > div {
  background-color: var(--token-color-surface-critical);
}
.warning.informed-action header {
  color: var(--token-color-foreground-warning-on-surface);
}
.warning.informed-action header::before {
  background-color: var(--token-color-vault-brand);
  margin-right: 5px;
}
.warning.informed-action > div {
  background-color: var(--token-color-vault-gradient-faint-start);
}
.informed-action > ul > .action > * {
  color: var(--token-color-foreground-action);
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.informed-action {
  min-width: 190px;
}
.documentation.informed-action {
  min-width: 270px;
}
.informed-action > div {
  padding: 1rem;
}
.informed-action header {
  margin-bottom: 0.5em;
}
.informed-action header::before {
  float: left;
  margin-right: 5px;
}
.informed-action > ul {
  display: flex;
  margin: 0;
  padding: 4px;
}
.informed-action > ul > li {
  width: 50%;
}
.informed-action > ul > li > * {
  width: 100%;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.tab-nav ul {
  list-style-type: none;
}

.tab-nav li > * {
  white-space: nowrap;
  text-decoration: none;
}

.tab-nav li > :not(:disabled) {
  cursor: pointer;
}

.tab-nav {
  /* %frame-transparent-something */
  border-bottom: var(--decor-border-100);
}

.animatable.tab-nav ul::after,
.tab-nav li > * {
  border-bottom: var(--decor-border-300);
}

.tab-nav {
  /* %frame-transparent-something */
  border-color: var(--token-color-surface-interactive-active);
}

.tab-nav li > * {
  transition-property: background-color, border-color;
  border-color: transparent;
  color: var(--token-color-foreground-faint);
}

.tab-nav li:not(.selected) > *:hover,
.tab-nav li:not(.selected) > *:focus,
.tab-nav li:not(.selected) > *:active {
  /* %frame-gray-something */
  background-color: var(--token-color-surface-strong);
}

.tab-nav li:not(.selected) > *:hover,
.tab-nav li:not(.selected) > *:focus {
  border-color: var(--token-color-palette-neutral-300);
}

.animatable.tab-nav .selected a {
  border-color: transparent !important;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.tab-nav {
  clear: both;
  overflow: auto;
}

.tab-nav ul {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 0;
  margin: 0;
}

.animatable.tab-nav ul::after {
  position: absolute;
  bottom: 0;
  height: 0;
  border-top: 0;
  width: calc(var(--selected-width, 0) * 1px);
  transform: translate(calc(var(--selected-left, 0) * 1px), 0);
  transition-property: transform, width;
}

.tab-nav li > * {
  display: inline-block;
  padding: 16px 13px;
}

/* TODO: need to add an empty class here */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.search-bar-status {
  border-bottom: var(--decor-border-100);
  border-bottom-color: var(--token-color-surface-interactive-active);
}
.search-bar-status li:not(.remove-all) {
  border: var(--decor-border-100);
  border-color: var(--token-color-surface-interactive-active);
  color: var(--token-color-foreground-faint);
}
.search-bar-status li:not(.remove-all) button {
  cursor: pointer;
}
.search-bar-status li:not(.remove-all) button::before {
  color: var(--token-color-foreground-faint);
  margin-top: 1px;
  margin-right: 0.2rem;
}
.search-bar-status {
  padding: 0.5rem 0;
  padding-left: 0.5rem;
}
.search-bar-status dt::after {
  content: ":";
  padding-right: 0.3rem;
}
.search-bar-status > dl > dt {
  float: left;
}
.search-bar-status dt {
  white-space: nowrap;
}
.search-bar-status li {
  display: inline-flex;
}
.search-bar-status li:not(:last-child) {
  margin-right: 0.3rem;
  margin-bottom: 0.3rem;
}
.search-bar-status li:not(.remove-all) {
  padding: 0 0.2rem;
}
.search-bar-status li:not(.remove-all) dl {
  display: flex;
}
.search-bar-status li:not(.remove-all) button {
  padding: 0;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.copyable-code {
  display: flex;
  align-items: flex-start;
  position: relative;
  width: 100%;
  padding: 8px 14px;
  padding-bottom: 3px;
  border: var(--decor-border-100);
  border-color: var(--token-color-surface-interactive-active);
  border-radius: var(--decor-radius-200);
}
.copyable-code.obfuscated {
  padding-left: 4px;
}
.copyable-code::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  display: block;
  content: "";
  background-color: var(--token-color-surface-strong);
}
.copyable-code .copy-button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.copyable-code .copy-button button {
  width: 40px;
  height: 40px;
}
.copyable-code .copy-button button:empty::after {
  display: none;
}
.copyable-code button[aria-expanded] {
  margin-top: 1px;
  margin-right: 4px;
  cursor: pointer;
}
.copyable-code button[aria-expanded]::before {
  content: "";
  --icon-size: icon-000;
  --icon-color: var(--token-color-foreground-faint);
}
.copyable-code button[aria-expanded=true]::before {
  --icon-name: icon-eye-off;
}
.copyable-code button[aria-expanded=false]::before {
  --icon-name: icon-eye;
}
.copyable-code pre {
  padding-right: 30px;
}
.copyable-code code {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: pre-wrap;
}
.copyable-code hr {
  width: calc(100% - 80px);
  margin: 0;
  margin-top: 8px;
  margin-bottom: 13px;
  border: 3px dashed var(--token-color-palette-neutral-300);
  background-color: var(--token-color-surface-primary);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-loader circle {
  fill: var(--token-color-consul-gradient-faint-stop);
}

.consul-loader circle {
  animation: loader-animation 1.5s infinite ease-in-out;
  transform-origin: 50% 50%;
}

.consul-loader g:nth-last-child(2) circle {
  animation-delay: 0.2s;
}

.consul-loader g:nth-last-child(3) circle {
  animation-delay: 0.3s;
}

.consul-loader g:nth-last-child(4) circle {
  animation-delay: 0.4s;
}

.consul-loader g:nth-last-child(5) circle {
  animation-delay: 0.5s;
}

@keyframes loader-animation {
  0%, 100% {
    transform: scale3D(1, 1, 1);
  }
  33% {
    transform: scale3D(0, 0, 1);
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/* blobs / %ui-loader ? */
.consul-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  margin-top: 0 !important;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.tomography-graph .background {
  fill: var(--token-color-surface-strong);
}
.tomography-graph .axis {
  fill: none;
  stroke: var(--token-color-palette-neutral-300);
  stroke-dasharray: 4 4;
}
.tomography-graph .border {
  fill: none;
  stroke: var(--token-color-palette-neutral-300);
}
.tomography-graph .point {
  stroke: var(--token-color-foreground-disabled);
  fill: var(--token-color-consul-foreground);
}
.tomography-graph .lines rect {
  fill: var(--token-color-consul-foreground);
  stroke: transparent;
  stroke-width: 5px;
}
.tomography-graph .lines rect:hover {
  fill: var(--token-color-palette-neutral-300);
  height: 3px;
  y: -1px;
}
.tomography-graph .tick line {
  stroke: var(--token-color-palette-neutral-300);
}
.tomography-graph .tick text {
  text-anchor: start;
  color: var(--token-color-foreground-strong);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/* CSS active states are partly added at the top of */
/* components/templates/discovery-chain.hbs for reasons */
/* the styling there almost 100% uses our CSS vars */
/* defined in our CSS files, but be sure to */
/* take a look in the discovery-chain.hbs */
.discovery-chain .route-card > header ul li .route-card__method-badge {
  display: inline-flex;
}

.discovery-chain .route-card,
.discovery-chain .splitter-card,
.discovery-chain .resolver-card, .discovery-chain path {
  transition-duration: 0.1s;
  transition-timing-function: linear;
}

.discovery-chain path,
.discovery-chain .route-card,
.discovery-chain .splitter-card,
.discovery-chain .resolver-card {
  cursor: pointer;
}

.discovery-chain path {
  transition-property: stroke;
  fill: none;
  stroke: var(--token-color-foreground-disabled);
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}

.active.discovery-chain [id*=":"],
.discovery-chain path {
  opacity: 0.5;
}

.discovery-chain .route-card,
.discovery-chain .splitter-card,
.discovery-chain .resolver-card,
.discovery-chain .route-card a,
.discovery-chain .splitter-card a,
.discovery-chain .resolver-card a {
  color: var(--token-color-foreground-strong) !important;
}

.discovery-chain path:hover,
.discovery-chain path:focus {
  stroke: var(--token-color-foreground-strong);
}

.discovery-chain .resolvers,
.discovery-chain .splitters,
.discovery-chain .routes {
  border-radius: var(--decor-radius-100);
  border: 1px solid;
  /* TODO: If this color is combined with the above */
  /* border property then the compressor removes the color */
  border-color: var(--token-color-surface-interactive-active);
  background-color: var(--token-color-surface-strong);
  pointer-events: none;
}

.discovery-chain .resolvers > header span,
.discovery-chain .splitters > header span,
.discovery-chain .routes > header span,
.discovery-chain .route-card,
.discovery-chain .splitter-card,
.discovery-chain .resolver-card {
  pointer-events: all;
}

.discovery-chain .resolvers > header > *,
.discovery-chain .splitters > header > *,
.discovery-chain .routes > header > * {
  text-transform: uppercase;
}

.discovery-chain .resolvers > header span::after,
.discovery-chain .splitters > header span::after,
.discovery-chain .routes > header span::after {
  width: 1.2em;
  height: 1.2em;
  opacity: 0.6;
}

.discovery-chain .route-card,
.discovery-chain .splitter-card,
.discovery-chain .resolver-card {
  transition-property: opacity background-color border-color;
}

.discovery-chain [id*=":"]:not(path):hover {
  opacity: 1;
  background-color: var(--token-color-surface-primary);
  border-color: var(--token-color-foreground-faint);
}

/* TODO: More text truncation, centralize */
.discovery-chain .route-card header:not(.short) dd {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Icons */
.discovery-chain .route-card section header > * {
  visibility: hidden;
}

.discovery-chain .route-card .match-headers header *::before {
  content: "H";
}

.discovery-chain .route-card .match-queryparams header > *::before {
  content: "Q";
}

.discovery-chain .resolver-card dt {
  font-size: 0;
}

.discovery-chain .resolver-card dt::before {
  content: "";
  --icon-size: icon-999;
}

.discovery-chain .resolver-card dl.failover dt::before {
  --icon-name: icon-cloud-cross;
}

.discovery-chain .resolver-card dl.redirect dt::before {
  --icon-name: icon-redirect;
}

/**/
.discovery-chain .splitter-card::before, .discovery-chain .route-card::before {
  background-color: var(--token-color-surface-primary);
  border-radius: var(--decor-radius-full);
  border: 2px solid;
  /* TODO: If this color is combined with the above */
  /* border property then the compressor removes the color */
  border-color: var(--token-color-foreground-disabled);
}

.discovery-chain circle {
  stroke-width: 2;
  stroke: var(--token-color-foreground-disabled);
  fill: var(--token-color-surface-primary);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.discovery-chain {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.discovery-chain svg {
  position: absolute;
}

.discovery-chain .resolvers,
.discovery-chain .splitters,
.discovery-chain .routes {
  padding: 10px 1% 10px 1%;
  width: 32%;
}

.discovery-chain .resolvers > header,
.discovery-chain .splitters > header,
.discovery-chain .routes > header {
  height: 18px;
}

.discovery-chain .resolvers > header span,
.discovery-chain .splitters > header span,
.discovery-chain .routes > header span {
  position: relative;
  z-index: 1;
  margin-left: 2px;
}

.discovery-chain .resolvers [role=group],
.discovery-chain .splitters [role=group],
.discovery-chain .routes [role=group] {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
}

/* TODO: resets - these probably should be changed to be specific */
/* to certain layouts rather than globally */
.discovery-chain .route-card,
.discovery-chain .splitter-card,
.discovery-chain .resolver-card {
  margin-top: 0 !important;
}

.discovery-chain .route-card dl,
.discovery-chain .splitter-card dl,
.discovery-chain .resolver-card dl {
  margin: 0;
  float: none;
}

/**/
.discovery-chain .route-card,
.discovery-chain .splitter-card,
.discovery-chain .resolver-card {
  margin-bottom: 20px;
}

/* route */
.discovery-chain .route-card header.short dl {
  display: flex;
}

.discovery-chain .route-card header.short dt::after {
  content: " ";
  display: inline-block;
}

.discovery-chain .route-card > header ul {
  float: right;
  margin-top: -2px;
  display: flex;
  flex-wrap: wrap;
}

.discovery-chain .route-card > header ul li {
  margin-left: 5px;
}

.discovery-chain .route-card section {
  display: flex;
}

.discovery-chain .route-card section header {
  display: block;
  width: 19px;
  margin-right: 14px;
}

/**/
/* resolver */
.discovery-chain .resolver-card a {
  display: block;
}

.discovery-chain .resolver-card dl {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}

.discovery-chain .resolver-card dt {
  margin-right: 6px;
  margin-top: 1px;
  width: 23px;
  height: 20px;
}

.discovery-chain .resolver-card ol {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}

/**/
.discovery-chain .route-card, .discovery-chain .splitter-card {
  position: relative;
}

.discovery-chain .route-card::before, .discovery-chain .splitter-card::before {
  position: absolute;
  z-index: 1;
  right: -5px;
  top: 50%;
  margin-top: -5px;
  width: 10px;
  height: 10px;
}

.discovery-chain .splitter-inlets,
.discovery-chain .resolver-inlets {
  width: 10px;
  height: 100%;
  z-index: 1;
}

/* there are 3 columns, or %chain-groups the calculation here */
/* depends on the width of those */
.discovery-chain .splitter-inlets {
  left: 50%;
  /* keep the extra calculations here for doc purposes */
  margin-left: calc(-15% - 3px);
}

.discovery-chain .resolver-inlets {
  /* keep the extra calculations here for doc purposes */
  right: calc(31% - 7px);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-bucket-list {
  /* potential for some sort of %composite-kv thing here */
  /**/
}
.consul-bucket-list dd:not(:last-child)::after {
  display: inline-block;
  content: "/";
  margin: 0 3px;
  /*TODO: In isolation this is not needed */
  margin-right: 6px;
}
.consul-bucket-list .service + dd,
.consul-bucket-list dd + dt {
  margin-left: 0 !important;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-upstream-instance-list dl.local-bind-socket-mode dt {
  text-transform: lowercase;
  font-weight: var(--token-typography-font-weight-semibold);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-health-check-list .health-check-output {
  border-width: 1px;
}

.consul-health-check-list .health-check-output::before {
  min-width: 20px;
  min-height: 20px;
  margin-right: 15px;
}

@media (max-width: 650px) {
  .consul-health-check-list .health-check-output::before {
    min-width: 18px;
    min-height: 18px;
    margin-right: 8px;
  }
}
.consul-health-check-list .health-check-output .consul-health-check-list__exposed-badge {
  display: inline-flex;
  cursor: default;
  margin-top: -2px;
  margin-left: 0.5em;
}

.consul-health-check-list .passing.health-check-output::before {
  color: var(--token-color-foreground-success);
}

.consul-health-check-list .warning.health-check-output::before {
  color: var(--token-color-foreground-warning);
}

.consul-health-check-list .critical.health-check-output::before {
  color: var(--token-color-foreground-critical);
}

.consul-health-check-list .health-check-output,
.consul-health-check-list .health-check-output pre {
  border-radius: var(--decor-radius-100);
}

.consul-health-check-list .health-check-output dd:first-of-type {
  color: var(--token-color-foreground-faint);
}

.consul-health-check-list .health-check-output pre {
  background-color: var(--token-color-surface-strong);
  color: var(--token-color-foreground-faint);
}

.consul-health-check-list .health-check-output {
  /* TODO: this should be a frame-gray */
  color: var(--token-color-foreground-strong);
  border-color: var(--token-color-surface-interactive-active);
  border-style: solid;
  border-left-width: 4px;
}

.consul-health-check-list .passing.health-check-output {
  border-left-color: var(--token-color-foreground-success);
}

.consul-health-check-list .warning.health-check-output {
  border-left-color: var(--token-color-vault-brand);
}

.consul-health-check-list .critical.health-check-output {
  border-left-color: var(--token-color-foreground-critical);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-health-check-list .health-check-output {
  display: flex;
  padding: 20px 16px;
  padding-right: 24px;
}

.consul-health-check-list .health-check-output:not(:last-child) {
  margin-bottom: 24px;
}

.consul-health-check-list .health-check-output::before {
  margin-right: 15px;
}

.consul-health-check-list .health-check-output > div {
  flex: 1 1 auto;
}

.consul-health-check-list .health-check-output header,
.consul-health-check-list .health-check-output dl:last-of-type {
  width: 100%;
}

.consul-health-check-list .health-check-output header {
  margin-bottom: 0.9em;
}

.consul-health-check-list .health-check-output > div {
  width: calc(100% - 26px);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.consul-health-check-list .health-check-output dl {
  min-width: 110px;
}

.consul-health-check-list .health-check-output dl > * {
  display: block;
  width: auto;
  position: static;
  padding-left: 0;
}

.consul-health-check-list .health-check-output dt {
  margin-bottom: 0;
}

.consul-health-check-list .health-check-output dd {
  position: relative;
}

.consul-health-check-list .health-check-output dl:nth-last-of-type(2) {
  width: 50%;
}

.consul-health-check-list .health-check-output dl:last-of-type {
  margin-top: 1em;
  margin-bottom: 0;
}

.consul-health-check-list .health-check-output dl:last-of-type dt {
  margin-bottom: 0.3em;
}

.consul-health-check-list .health-check-output pre {
  padding: 12px;
  padding-right: 40px;
  white-space: pre-wrap;
  position: relative;
}

.consul-health-check-list .health-check-output pre code {
  word-wrap: break-word;
}

.consul-health-check-list .health-check-output .copy-button {
  position: absolute;
  right: 0.5em;
  top: 0.7em;
}

@media (max-width: 650px) {
  .consul-health-check-list .health-check-output {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 14px;
    padding-right: 19px;
  }
  .consul-health-check-list .health-check-output::before {
    margin-right: 8px;
  }
  .consul-health-check-list .health-check-output dl:nth-last-of-type(2) {
    width: 100%;
  }
  .consul-health-check-list .health-check-output dl:not(:last-of-type) {
    margin-right: 0;
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-instance-checks.passing dt::before {
  color: var(--token-color-foreground-success);
}
.consul-instance-checks.warning dt::before {
  color: var(--token-color-foreground-warning);
}
.consul-instance-checks.critical dt::before {
  color: var(--token-color-foreground-critical);
}
.consul-instance-checks.empty dt::before {
  color: var(--token-color-foreground-faint);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-exposed-path-list > ul {
  border-top: 1px solid var(--token-color-surface-interactive-active);
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-external-source--hds {
  all: unset;
  display: inline-flex;
  border: none !important;
}

.consul-external-source::before {
  --icon-size: icon-300;
}

.consul-external-source--hds::before {
  content: none;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-kind--hds {
  all: unset;
  display: inline-flex;
  border: none !important;
}

.consul-kind::before {
  --icon-size: icon-300;
}

.consul-kind--hds::before {
  content: none;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-source--hds {
  display: inline-flex;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-intention-search-bar .value-allow span::before,
.consul-intention-search-bar .value-deny span::before,
.consul-intention-search-bar .value- span::before {
  margin-right: 5px;
}

.consul-intention-search-bar .value-allow span,
.consul-intention-search-bar .value-deny span,
.consul-intention-search-bar .value- span {
  font-weight: var(--token-typography-font-weight-regular);
  font-size: var(--token-typography-body-200-font-size);
  display: inline-block;
}

.consul-intention-search-bar .value-allow span {
  color: var(--token-color-foreground-success-on-surface);
  background-color: var(--token-color-border-success);
}

.consul-intention-search-bar .value-deny span {
  color: var(--token-color-foreground-critical-on-surface);
  background-color: var(--token-color-border-critical);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-intention-list td .consul-intention-action-badge {
  display: inline-flex;
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-intention-list td.permissions {
  color: var(--token-color-foreground-action);
}

.consul-intention-list em {
  --word-spacing: 0.25rem;
}

.consul-intention-list em span::before,
.consul-intention-list em span:first-child {
  margin-right: var(--word-spacing);
}

.consul-intention-list em span:last-child {
  margin-left: var(--word-spacing);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-intention-list td {
  height: 59px;
}
.consul-intention-list tr > *:nth-child(1) {
  width: calc(30% - 50px);
}
.consul-intention-list tr > *:nth-child(2) {
  width: 120px;
}
.consul-intention-list tr > *:nth-child(3) {
  width: calc(30% - 50px);
}
.consul-intention-list tr > *:nth-child(4) {
  width: calc(40% - 240px);
}
.consul-intention-list tr > *:nth-child(5) {
  width: 160px;
}
.consul-intention-list tr > *:last-child {
  width: 60px;
}
.consul-intention-list .menu-panel.confirmation {
  width: 200px;
}

@media (max-width: 849px) {
  .consul-intention-list tr > :not(.source):not(.destination):not(.intent) {
    display: none;
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-intention-action-warn-modal .modal-dialog-window {
  max-width: 450px;
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-intention-fieldsets [role=radiogroup] {
  overflow: visible !important;
  display: grid;
  grid-gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(270px, auto));
}
.consul-intention-fieldsets .radio-card header > * {
  display: inline;
}
.consul-intention-fieldsets .permissions > button {
  float: right;
}

.consul-intention-permission-modal [role=dialog] {
  width: 100%;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-intention-permission-list dl.permission-methods dt::before {
  content: "M";
}
.consul-intention-permission-list dl.permission-path dt::before {
  content: "P";
}
.consul-intention-permission-list dl.permission-header dt::before {
  content: "H";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-intention-permission-list .detail > div {
  display: flex;
  width: 100%;
}
.consul-intention-permission-list .consul-intention-action-badge {
  margin-right: 8px;
}

.consul-intention-permission-list .consul-intention-action-badge {
  display: inline-flex;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-intention-permission-form h2 {
  border-top: 1px solid var(--token-color-foreground-action);
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-intention-permission-form h2 {
  padding-top: 1.4em;
  margin-top: 0.2em;
  margin-bottom: 0.6em;
}
.consul-intention-permission-form .consul-intention-permission-header-form {
  margin-top: 10px;
}
.consul-intention-permission-form fieldset:nth-child(2) > div,
.consul-intention-permission-form .consul-intention-permission-header-form fieldset > div {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  grid-gap: 12px;
}
.consul-intention-permission-form fieldset:nth-child(2) > div label:last-child {
  grid-column: span 2;
}
.consul-intention-permission-form .ember-basic-dropdown-trigger {
  padding: 5px;
}
.consul-intention-permission-form .checkbox-group {
  flex-direction: column;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-intention-permission-header-list dt::before {
  content: "H";
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-intention-permission-header-list {
  max-height: 200px;
  overflow: auto;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-lock-session-list button {
  /* knock the button over a little */
  /* for meatball menus we use as much clickable space */
  /* as possible which is invisible hence why we need to */
  /* do this for a single button */
  margin-right: var(--horizontal-padding);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-lock-session-form {
  overflow: hidden;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-kv-value-editor .hds-code-editor__editor {
  max-height: 80vh;
  overflow: auto;
}

/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-node-list__leader-badge .hds-badge__icon {
  color: var(--token-color-consul-brand) !important;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-server-list ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(215px, 25%));
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-server-card__name {
  font-weight: var(--token-typography-font-weight-semibold);
  font-size: var(--token-typography-display-200-font-size);
  line-height: var(--token-typography-display-200-line-height);
  color: var(--token-color-hashicorp-brand);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-server-card {
  border-radius: 6px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.2s, background 0.2s;
  background: var(--token-color-surface-primary);
  border: 1.25px solid var(--token-color-border-faint);
}
.consul-server-card:hover {
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.18);
  border-color: var(--token-color-border-strong);
  background: var(--token-color-surface-secondary);
}

.consul-server-card--leader {
  background: linear-gradient(135deg, #ffe3ec 0%, #fff6fa 100%);
  border: 2px solid #e36fa0;
}
.consul-server-card--leader:hover {
  background: linear-gradient(135deg, #ffe3ec 0%, #fff6fa 100%);
  border-color: #d23c7c;
}

.consul-server-card__link {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 16px;
  text-decoration: none;
  color: inherit;
  border-radius: inherit;
  width: 100%;
  height: 100%;
}
.consul-server-card__link:focus {
  outline: none;
  box-shadow: var(--token-focus-ring-action-box-shadow);
}

.consul-server-card__content {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  justify-content: center;
}

.consul-server-card__leader-tile {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  border: 2px solid #e36fa0;
  background: #ffe3ec;
  box-shadow: 0 2px 8px 0 rgba(227, 111, 160, 0.1);
}

.consul-server-card__name {
  font-weight: var(--token-typography-font-weight-semibold);
  font-size: var(--token-typography-display-200-font-size);
  line-height: var(--token-typography-display-200-line-height);
  color: var(--token-color-hashicorp-brand);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  letter-spacing: 0.01em;
}

.server-failure-tolerance {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-bottom: 24px;
}

.tab-section {
  display: flex;
  flex-direction: column;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-auth-method-list ul .locality::before {
  margin-right: 4px;
}

.consul-auth-method-type--hds {
  display: inline-flex;
  align-items: center;
}

.consul-auth-method-view {
  margin-bottom: 32px;
}
.consul-auth-method-view section {
  width: 100%;
  position: relative;
  overflow-y: auto;
}
.consul-auth-method-view section h2 {
  padding-bottom: 12px;
}
.consul-auth-method-view section table {
  table-layout: fixed;
}
.consul-auth-method-view section table thead td {
  color: var(--token-color-foreground-faint);
}
.consul-auth-method-view section table tbody td {
  color: var(--token-color-hashicorp-brand);
  word-break: break-word;
}
.consul-auth-method-view section table tbody tr {
  cursor: default;
}
.consul-auth-method-view section table tbody tr:hover {
  box-shadow: none;
}
.consul-auth-method-view section dt {
  width: 30%;
}
.consul-auth-method-view section dd {
  width: 70%;
}

.consul-auth-method-binding-list p {
  margin-bottom: 4px !important;
}
.consul-auth-method-binding-list h2 {
  padding-bottom: 12px;
}
.consul-auth-method-binding-list code {
  background-color: var(--token-color-surface-strong);
  padding: 0 12px;
}

.consul-auth-method-nspace-list thead td {
  color: var(--token-color-foreground-faint) !important;
}
.consul-auth-method-nspace-list tbody td {
  color: var(--token-color-hashicorp-brand);
}
.consul-auth-method-nspace-list tbody tr {
  cursor: default;
}
.consul-auth-method-nspace-list tbody tr:hover {
  box-shadow: none;
}

/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-acl-ruleset-badge {
  display: inline-flex;
  margin-right: 6px;
  margin-bottom: 6px;
}

/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-acl-ruleset-badge[data-type=policy-management] .hds-badge__icon {
  color: var(--token-color-consul-brand) !important;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.role-selector [name="role[state]"],
.role-selector [name="role[state]"] + * {
  display: none;
}
.role-selector [name="role[state]"]:checked + * {
  display: block;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.topology-notices button {
  color: var(--token-color-foreground-action);
}
.topology-container {
  color: var(--token-color-foreground-faint);
}

#downstream-container,
#metrics-container,
#upstream-container {
  border-radius: var(--decor-radius-100);
  border: 1px solid;
  /* TODO: If this color is combined with the above */
  /* border property then the compressor removes the color */
  border-color: var(--token-color-surface-interactive-active);
}

#downstream-container,
#upstream-container {
  background-color: var(--token-color-surface-strong);
}

#downstream-container > div:first-child {
  display: inline-flex;
}
#downstream-container > div:first-child span::before {
  background-color: var(--token-color-foreground-faint);
}

#metrics-container div:first-child {
  background-color: var(--token-color-surface-primary);
}
#metrics-container .link {
  background-color: var(--token-color-surface-strong);
}
#metrics-container .link a {
  color: var(--token-color-foreground-faint);
}
#metrics-container .link a::before {
  background-color: var(--token-color-foreground-faint);
}
#metrics-container .link a:hover {
  color: var(--token-color-foreground-action);
}
#downstream-lines svg path,
#upstream-lines svg path {
  fill: transparent;
}
#downstream-lines svg circle,
#upstream-lines svg circle {
  fill: var(--token-color-surface-primary);
}
#downstream-lines svg .allow-arrow,
#upstream-lines svg .allow-arrow {
  fill: var(--token-color-palette-neutral-300);
  stroke-linejoin: round;
}
#downstream-lines svg path,
#downstream-lines svg .allow-dot,
#downstream-lines svg .allow-arrow,
#upstream-lines svg path,
#upstream-lines svg .allow-dot,
#upstream-lines svg .allow-arrow {
  stroke: var(--token-color-palette-neutral-300);
  stroke-width: 2;
}
#downstream-lines svg path[data-permission=not-defined],
#downstream-lines svg path[data-permission=empty],
#upstream-lines svg path[data-permission=not-defined],
#upstream-lines svg path[data-permission=empty] {
  stroke-dasharray: 4;
}
#downstream-lines svg path[data-permission=deny],
#upstream-lines svg path[data-permission=deny] {
  stroke: var(--token-color-foreground-critical);
}
#downstream-lines svg .deny-dot,
#upstream-lines svg .deny-dot {
  stroke: var(--token-color-foreground-critical);
  stroke-width: 2;
}
#downstream-lines svg .deny-arrow,
#upstream-lines svg .deny-arrow {
  fill: var(--token-color-foreground-critical);
  stroke: var(--token-color-foreground-critical);
  stroke-linejoin: round;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.topology-notices {
  display: flow-root;
}
.topology-notices button {
  float: right;
  margin-top: 16px;
  margin-bottom: 32px;
}

.topology-container {
  display: grid;
  height: 100%;
  align-items: start;
  grid-template-columns: 2fr 1fr 2fr 1fr 2fr;
  grid-template-rows: 50px 1fr 50px;
  grid-template-areas: "down-cards down-lines . up-lines up-cards" "down-cards down-lines metrics up-lines up-cards" "down-cards down-lines . up-lines up-cards";
}

#downstream-container {
  grid-area: down-cards;
}

#downstream-lines {
  grid-area: down-lines;
}

#upstream-lines {
  grid-area: up-lines;
}

#upstream-column {
  grid-area: up-cards;
}

#downstream-lines,
#upstream-lines {
  position: relative;
}

#downstream-lines {
  margin-left: -20px;
}

#upstream-lines {
  margin-right: -20px;
}

#downstream-container,
#upstream-container {
  padding: 12px;
}

#upstream-column #upstream-container:not(:last-child) {
  margin-bottom: 8px;
}

#metrics-container {
  grid-area: metrics;
}
#metrics-container div:first-child {
  padding: 12px;
  border: none;
}
#metrics-container .link {
  padding: 18px;
}
#metrics-container .link a::before {
  margin-right: 4px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#upstream-container .topology-metrics-card:not(:last-child),
#downstream-container .topology-metrics-card:not(:last-child) {
  margin-bottom: 8px;
}

#upstream-container .topology-metrics-card,
#downstream-container .topology-metrics-card {
  display: block;
  color: var(--token-color-foreground-faint);
  overflow: hidden;
  background-color: var(--token-color-surface-primary);
  border-radius: var(--decor-radius-100);
  border: 1px solid;
  /* TODO: If this color is combined with the above */
  /* border property then the compressor removes the color */
  border-color: var(--token-color-surface-interactive-active);
}
#upstream-container .topology-metrics-card p,
#downstream-container .topology-metrics-card p {
  padding: 12px 12px 0 12px;
  margin-bottom: 0 !important;
}
#upstream-container .topology-metrics-card p.empty,
#downstream-container .topology-metrics-card p.empty {
  padding: 12px !important;
}
#upstream-container .topology-metrics-card div dl,
#downstream-container .topology-metrics-card div dl {
  display: inline-flex;
  margin-right: 8px;
}
#upstream-container .topology-metrics-card div dd,
#downstream-container .topology-metrics-card div dd {
  color: var(--token-color-foreground-faint);
}
#upstream-container .topology-metrics-card div span,
#downstream-container .topology-metrics-card div span {
  margin-right: 8px;
}
#upstream-container .topology-metrics-card div span::before,
#upstream-container .topology-metrics-card div dt::before,
#downstream-container .topology-metrics-card div span::before,
#downstream-container .topology-metrics-card div dt::before {
  margin-right: 4px;
}
#upstream-container .topology-metrics-card div .nspace dt::before,
#upstream-container .topology-metrics-card div .health dt::before,
#downstream-container .topology-metrics-card div .nspace dt::before,
#downstream-container .topology-metrics-card div .health dt::before {
  margin-top: 2px;
}
#upstream-container .topology-metrics-card div .partition dt::before,
#upstream-container .topology-metrics-card div .nspace dt::before,
#upstream-container .topology-metrics-card div .health dt::before,
#downstream-container .topology-metrics-card div .partition dt::before,
#downstream-container .topology-metrics-card div .nspace dt::before,
#downstream-container .topology-metrics-card div .health dt::before {
  --icon-color: var(--token-color-foreground-faint);
}
#upstream-container .topology-metrics-card div .passing::before,
#downstream-container .topology-metrics-card div .passing::before {
  --icon-color: var(--token-color-foreground-success);
}
#upstream-container .topology-metrics-card div .warning::before,
#downstream-container .topology-metrics-card div .warning::before {
  --icon-color: var(--token-color-foreground-warning);
}
#upstream-container .topology-metrics-card div .critical::before,
#downstream-container .topology-metrics-card div .critical::before {
  --icon-color: var(--token-color-foreground-critical);
}
#upstream-container .topology-metrics-card div .empty::before,
#downstream-container .topology-metrics-card div .empty::before {
  --icon-color: var(--token-color-foreground-faint);
}
#upstream-container .topology-metrics-card .details,
#downstream-container .topology-metrics-card .details {
  padding: 0 12px 12px 12px;
}
#upstream-container .topology-metrics-card .details > *:not(:last-child),
#downstream-container .topology-metrics-card .details > *:not(:last-child) {
  padding-bottom: 6px;
}
#upstream-container .topology-metrics-card .details .group,
#downstream-container .topology-metrics-card .details .group {
  display: grid;
  grid-template-columns: 20px 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-areas: "partition partition" "union namespace";
}
#upstream-container .topology-metrics-card .details .group span,
#downstream-container .topology-metrics-card .details .group span {
  display: inline-block;
  grid-area: union;
  padding-left: 7px;
  margin-right: 0px;
}
#upstream-container .topology-metrics-card .details .group span::before,
#downstream-container .topology-metrics-card .details .group span::before {
  margin-right: 0px;
  --icon-color: var(--token-color-foreground-faint);
}
#upstream-container .topology-metrics-card .details .group dl:first-child,
#downstream-container .topology-metrics-card .details .group dl:first-child {
  grid-area: partition;
  padding-bottom: 6px;
}
#upstream-container .topology-metrics-card .details .group dl:nth-child(2),
#downstream-container .topology-metrics-card .details .group dl:nth-child(2) {
  grid-area: namespace;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.topology-metrics-source-type {
  margin: 6px 0 6px 12px;
  display: table;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.topology-metrics-popover > button {
  position: absolute;
  transform: translate(-50%, -50%);
  background-color: var(--token-color-surface-primary);
  padding: 1px 1px;
}
.topology-metrics-popover > button:hover {
  cursor: pointer;
}
.topology-metrics-popover > button:active, .topology-metrics-popover > button:focus {
  outline: none;
}
.topology-metrics-popover > button:disabled {
  cursor: default;
}
.topology-metrics-popover.deny .informed-action header::before {
  display: none;
}
.topology-metrics-popover.deny > button::before, .topology-metrics-popover.deny .tippy-arrow::after {
  --icon-color: var(--token-color-foreground-critical);
}
.topology-metrics-popover.l7 > button::before, .topology-metrics-popover.l7 .tippy-arrow::after {
  --icon-color: var(--token-color-palette-neutral-300);
}
.topology-metrics-popover.not-defined > button::before, .topology-metrics-popover.not-defined .tippy-arrow::after {
  --icon-color: var(--token-color-vault-brand);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#metrics-container .sparkline-wrapper svg path {
  stroke-width: 0;
}
#metrics-container .sparkline-wrapper .tooltip {
  padding: 0 0 10px;
  border: 1px solid var(--token-color-palette-neutral-300);
  background: #fff;
  border-radius: 2px;
  box-sizing: border-box;
  box-shadow: var(--token-elevation-higher-box-shadow);
}
#metrics-container .sparkline-wrapper .tooltip .sparkline-time {
  padding: 8px 10px;
  color: #000;
  border-bottom: 1px solid var(--token-color-surface-interactive-active);
  margin-bottom: 4px;
  text-align: center;
}
#metrics-container .sparkline-wrapper .tooltip .sparkline-tt-legend,
#metrics-container .sparkline-wrapper .tooltip .sparkline-tt-sum {
  border: 0;
  padding: 3px 10px 0 10px;
}
#metrics-container .sparkline-wrapper .tooltip .sparkline-tt-sum {
  border-top: 1px solid var(--token-color-surface-interactive-active);
  margin-top: 4px;
  padding: 8px 10px 0 10px;
}
#metrics-container .sparkline-wrapper .tooltip .sparkline-tt-legend-color {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  margin: 0 5px 0 0;
  padding: 0;
}
#metrics-container .sparkline-wrapper .tooltip .sparkline-tt-legend-value,
#metrics-container .sparkline-wrapper .tooltip .sparkline-tt-sum-value {
  float: right;
}
#metrics-container .sparkline-wrapper div.tooltip:before {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  left: 15px;
  bottom: -7px;
  border: 1px solid var(--token-color-palette-neutral-300);
  border-top: 0;
  border-left: 0;
  background: #fff;
  transform: rotate(45deg);
}

.sparkline-key h3::before {
  margin: 2px 3px 0 0;
  font-size: var(--token-typography-body-200-font-size);
}
.sparkline-key h3 {
  color: var(--token-color-foreground-strong);
}
.sparkline-key .sparkline-key-content dt {
  font-weight: var(--token-typography-font-weight-semibold);
}
.sparkline-key .sparkline-key-content dd {
  color: var(--token-color-foreground-faint);
}

.sparkline-key-link {
  color: var(--token-color-foreground-faint);
}

.sparkline-key-link:hover {
  color: var(--token-color-foreground-action);
}

#metrics-container:hover .sparkline-key-link::before {
  margin: 1px 3px 0 0;
  font-size: 12px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#metrics-container div .sparkline-wrapper {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  height: 70px;
}
#metrics-container div .sparkline-wrapper svg.sparkline {
  width: 100%;
  height: 70px;
  padding: 0;
  margin: 0;
}
#metrics-container div .sparkline-wrapper .tooltip {
  visibility: hidden;
  position: absolute;
  z-index: 10;
  bottom: 78px;
  width: 217px;
}
#metrics-container div .sparkline-wrapper .sparkline-tt-legend-color {
  display: inline-block;
}
#metrics-container div .sparkline-wrapper .topology-metrics-error,
#metrics-container div .sparkline-wrapper .topology-metrics-loader {
  padding-top: 15px;
}

.sparkline-key .sparkline-key-content {
  width: 500px;
  min-height: 100px;
}
.sparkline-key .sparkline-key-content dl {
  padding: 10px 0 0 0;
}
.sparkline-key .sparkline-key-content dt {
  width: 125px;
  float: left;
}
.sparkline-key .sparkline-key-content dd {
  margin: 0 0 12px 135px;
}

.sparkline-key-link {
  visibility: hidden;
  float: right;
  margin-top: -35px;
  margin-right: 12px;
}

#metrics-container:hover .sparkline-key-link {
  visibility: visible;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.topology-metrics-stats {
  padding: 12px 12px 0 12px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  border-top: 1px solid var(--token-color-surface-interactive-active);
}
.topology-metrics-stats dl {
  display: flex;
  padding-bottom: 12px;
}
.topology-metrics-stats dt {
  margin-right: 5px;
  line-height: 1.5em !important;
}
.topology-metrics-stats dd {
  color: var(--token-color-foreground-faint) !important;
}
.topology-metrics-stats span {
  padding-bottom: 12px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.topology-metrics-status-error,
.topology-metrics-status-loader {
  color: var(--token-color-foreground-faint);
  text-align: center;
  margin: 0 auto !important;
  display: block;
}
.topology-metrics-status-error span::before,
.topology-metrics-status-loader span::before {
  background-color: var(--token-color-foreground-faint);
}

span.topology-metrics-status-loader::after {
  --icon-name: var(--icon-loading);
  content: "";
  margin-left: 0.5rem; /* 8px */
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-intention-list-table__meta-info {
  display: flex;
}
.consul-intention-list-table__meta-info .consul-intention-list-table__meta-info__peer {
  display: flex;
  align-items: center;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-peer-search-bar .value-pending span::before,
.consul-peer-search-bar .value-establishing span::before,
.consul-peer-search-bar .value-active span::before,
.consul-peer-search-bar .value-failing span::before,
.consul-peer-search-bar .value-terminated span::before,
.consul-peer-search-bar .value-deleting span::before {
  --icon-size: icon-000;
  content: "";
}

.consul-peer-search-bar .value-pending span,
.consul-peer-search-bar .value-establishing span,
.consul-peer-search-bar .value-active span,
.consul-peer-search-bar .value-failing span,
.consul-peer-search-bar .value-terminated span,
.consul-peer-search-bar .value-deleting span {
  font-size: var(--token-typography-body-200-font-size);
}

.consul-peer-search-bar .value-pending span::before {
  --icon-name: icon-running;
  --icon-color: var(--token-color-palette-neutral-600);
}

.consul-peer-search-bar .value-pending span {
  background-color: var(--token-color-consul-surface);
  color: var(--token-color-consul-foreground);
}

.consul-peer-search-bar .value-establishing span::before {
  --icon-name: icon-running;
  --icon-color: var(--token-color-palette-neutral-600);
}

.consul-peer-search-bar .value-establishing span {
  background-color: var(--token-color-palette-blue-50);
  color: var(--token-color-palette-blue-200);
}

.consul-peer-search-bar .value-active span::before {
  --icon-name: icon-check;
  --icon-color: var(--token-color-palette-green-400);
}

.consul-peer-search-bar .value-active span {
  background-color: var(--token-color-palette-green-50);
  color: var(--token-color-palette-green-200);
}

.consul-peer-search-bar .value-failing span::before {
  --icon-name: icon-x;
  --icon-color: var(--token-color-palette-red-200);
}

.consul-peer-search-bar .value-failing span {
  background-color: var(--token-color-palette-red-50);
  color: var(--token-color-palette-red-200);
}

.consul-peer-search-bar .value-terminated span::before {
  --icon-name: icon-x-square;
  --icon-color: var(--token-color-palette-neutral-600);
}

.consul-peer-search-bar .value-terminated span {
  background-color: var(--token-color-palette-neutral-200);
  color: var(--token-color-palette-neutral-600);
}

.consul-peer-search-bar .value-deleting span::before {
  --icon-name: icon-loading;
  --icon-color: var(--token-color-foreground-warning-on-surface);
}

.consul-peer-search-bar .value-deleting span {
  background-color: var(--token-color-surface-warning);
  color: var(--token-color-foreground-warning-on-surface);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.peers__list__peer-detail {
  display: flex;
  align-content: center;
  gap: 18px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-peer-form {
  width: 416px;
}
.consul-peer-form nav {
  margin-bottom: 20px;
}

.consul-peer-form-generate {
  width: 416px;
  min-height: 200px;
}
.consul-peer-form-generate ol {
  list-style-position: outside;
  list-style-type: none;
  counter-reset: hexagonal-counter;
  position: relative;
}
.consul-peer-form-generate ol::before {
  content: "";
  border-left: var(--decor-border-100);
  border-color: var(--token-color-palette-neutral-300);
  height: 100%;
  position: absolute;
  left: 2rem;
}
.consul-peer-form-generate li {
  counter-increment: hexagonal-counter;
  position: relative;
  margin-left: 60px;
  margin-bottom: 1rem;
}
.consul-peer-form-generate li .copyable-code {
  margin-top: 1rem;
}
.consul-peer-form-generate li::before {
  --icon-name: icon-hexagon;
  --icon-size: icon-600;
  content: "";
  position: absolute;
  z-index: 2;
}
.consul-peer-form-generate li::after {
  content: counter(hexagonal-counter);
  position: absolute;
  top: 0px;
  background-color: var(--token-color-palette-neutral-0);
  z-index: 1;
  text-align: center;
}
.consul-peer-form-generate li::before,
.consul-peer-form-generate li::after {
  left: -2.4rem;
  width: 20px;
  height: 20px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.border-bottom-primary {
  border-bottom: 1px solid var(--token-color-border-primary);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.peerings-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  border-radius: 5px;
  gap: 4px;
}
.peerings-badge.active {
  background: var(--token-color-surface-success);
  color: var(--token-color-foreground-success-on-surface);
}
.peerings-badge.pending {
  background: var(--token-color-consul-surface);
  color: var(--token-color-consul-foreground);
}
.peerings-badge.establishing {
  background: var(--token-color-surface-action);
  color: var(--token-color-foreground-action);
}
.peerings-badge.failing {
  background: var(--token-color-surface-critical);
  color: var(--token-color-foreground-critical-on-surface);
}
.peerings-badge.deleting {
  background: var(--token-color-surface-warning);
  color: var(--token-color-foreground-warning-on-surface);
}
.peerings-badge.terminated {
  background: var(--token-color-surface-interactive-active);
  color: var(--token-color-foreground-primary);
}
.peerings-badge.undefined {
  background: var(--token-color-surface-interactive-active);
  color: var(--token-color-foreground-primary);
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-node-peer-info {
  display: flex;
  align-items: center;
}
.consul-node-peer-info .consul-node-peer-info__name {
  margin-left: 4px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-peer-info {
  background: var(--token-color-surface-faint);
  color: var(--token-color-foreground-faint);
  padding: 0px 8px;
  border-radius: 2px;
  display: flex;
  align-items: center;
}
.consul-peer-info .consul-peer-info__description {
  margin-left: 4px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.consul-peer-form {
  width: 416px;
}
.consul-peer-form nav {
  margin-bottom: 20px;
}

.consul-peer-form-generate {
  width: 416px;
  min-height: 200px;
}
.consul-peer-form-generate ol {
  list-style-position: outside;
  list-style-type: none;
  counter-reset: hexagonal-counter;
  position: relative;
}
.consul-peer-form-generate ol::before {
  content: "";
  border-left: var(--decor-border-100);
  border-color: var(--token-color-palette-neutral-300);
  height: 100%;
  position: absolute;
  left: 2rem;
}
.consul-peer-form-generate li {
  counter-increment: hexagonal-counter;
  position: relative;
  margin-left: 60px;
  margin-bottom: 1rem;
}
.consul-peer-form-generate li .copyable-code {
  margin-top: 1rem;
}
.consul-peer-form-generate li::before {
  --icon-name: icon-hexagon;
  --icon-size: icon-600;
  content: "";
  position: absolute;
  z-index: 2;
}
.consul-peer-form-generate li::after {
  content: counter(hexagonal-counter);
  position: absolute;
  top: 0px;
  background-color: var(--token-color-palette-neutral-0);
  z-index: 1;
  text-align: center;
}
.consul-peer-form-generate li::before,
.consul-peer-form-generate li::after {
  left: -2.4rem;
  width: 20px;
  height: 20px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.agentless-node-notice .hds-alert__title {
  display: flex;
  justify-content: space-between;
}

/* cascading typography */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
[id^=docfy-demo-preview-definition-table] .definition-table dt, .definition-table dt {
  line-height: var(--token-typography-body-300-line-height);
}

.app-view > div form:not(.filter-bar) [role=radiogroup] label,
.modal-dialog [role=document] [role=radiogroup] label {
  line-height: var(--token-typography-body-100-line-height);
}

/**/
/* resets */
.type-toggle > em, .app-shell__main form button + em,
.modal-dialog [role=document] form button + em,
.app-shell__main .type-select > em,
.modal-dialog [role=document] .type-select > em,
.app-shell__main .type-password > em,
.modal-dialog [role=document] .type-password > em,
.app-shell__main .type-text > em,
.modal-dialog [role=document] .type-text > em,
.oidc-select label > em,
.app-view > div form:not(.filter-bar) [role=radiogroup] label > em,
.modal-dialog [role=document] [role=radiogroup] label > em,
.app-shell__main table th em,
.modal-dialog [role=document] table th em,
.consul-intention-list td.source em,
.consul-intention-list td.destination em,
.app-view h1 em {
  font-style: normal;
}

/**/
/* composite row */
.list-collection > ul > li:not(:first-child) > .header *:not(button), .consul-upstream-instance-list li > .header *:not(button), .consul-exposed-path-list > ul > li > .header *:not(button), .consul-lock-session-list ul > li:not(:first-child) > .header *:not(button) {
  font-size: inherit;
  font-weight: inherit;
}

/**/
/*TODO: This should go in reset, and probably needs select etc adding  */
@media (max-width: 420px) and (-webkit-min-device-pixel-ratio: 0) {
  input {
    font-size: var(--token-typography-body-300-font-size) !important;
  }
}
/* layouts */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#wrapper {
  box-sizing: border-box;
}

.modal-dialog > *,
.app-shell__main > *,
#wrapper > footer > * {
  box-sizing: border-box;
}

html[data-route$=create] .app-shell__main,
html[data-route$=edit] .app-shell__main {
  max-width: 1260px;
}

fieldset [role=group] {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

[role=group] fieldset {
  width: 50%;
}

[role=group] fieldset:not(:first-of-type) {
  padding-left: 20px;
  border-left: 1px solid;
  border-left: var(--token-color-foreground-faint);
}

[role=group] fieldset:not(:last-of-type) {
  padding-right: 20px;
}

/* position main app-view when there are/aren't breadcrumbs */
.app-view {
  margin-top: 50px;
}

@media (max-width: 849px) {
  html:not(.with-breadcrumbs) .app-view {
    margin-top: 10px;
  }
}
/**/
/* transition the initial brand-loader out */
html body > .brand-loader {
  transition-property: transform, opacity;
  transform: translate(0, 0);
  opacity: 1;
}

html[data-state]:not(.ember-loading) body > .brand-loader {
  opacity: 0;
}

@media (min-width: 900px) {
  html[data-state] body > .brand-loader {
    transform: translate(calc(var(--chrome-width) / 2), 0);
  }
}
/**/
/* hide the Consul::Loader/spinning loader when idle/hide content when loading */
html.ember-loading .view-loader,
html[data-state=idle] .view-loader {
  display: none;
}

.outlet[data-state=loading] {
  display: none;
}

/**/
/* all forms have a margin below the header */
html[data-route$=create] .app-view > header + div > *:first-child,
html[data-route$=edit] .app-view > header + div > *:first-child {
  margin-top: 1.8em;
}

/* most tabs have margin after the tab bar, unless the tab has a filter bar */
/* if it is a filter bar and the thing after the filter bar is a p then it also */
/* needs a top margun :S */
.app-view > div .tab-section > *:first-child:not(.filter-bar):not(table),
.app-view > div .tab-section > .search-bar + p,
.app-view > div .tab-section .consul-health-check-list,
.app-view > div .container {
  margin-top: 1.25em;
}

html[data-route^="dc.nodes.show.sessions"] .consul-lock-session-list {
  margin-top: 0 !important;
}

html[data-route^="dc.nodes.show.sessions"] .consul-lock-session-list ul {
  border-top-width: 0 !important;
}

html[data-route="dc.services.index"] .consul-service-list ul,
.consul-nspace-list ul,
.consul-service-instance-list ul,
.consul-node-list ul,
.consul-role-list ul,
.consul-policy-list ul,
.consul-token-list ul,
.consul-peer-list ul,
.consul-auth-method-list ul {
  border-top-width: 0 !important;
}

.consul-upstream-instance-list {
  margin-top: 0 !important;
}

/* turn off top borders for things flush up to a filter bar */
html:not(.has-nspaces) [class*=nspace-] {
  display: none;
}

html:not(.has-partitions) [class*=partition-] {
  display: none;
}

#wrapper {
  display: flex;
  min-height: 100vh;
}

.app-shell__main {
  padding: 0 48px;
  position: relative;
  flex: 1;
  min-width: 0;
}

html:not([data-route$=index]):not([data-route$=instances]) .app-shell__main {
  margin-bottom: 2em;
}

@media (max-width: 849px) {
  .actions button.copy-btn {
    margin-top: -56px;
    padding: 0;
  }
}
.app-shell__main p:not(:last-child),
.modal-dialog [role=document] p:not(:last-child) {
  margin-bottom: 1em;
}

/* TODO: keep margin below forms, move elsewhere? */
.app-shell__main form:not(.filter-bar),
.modal-dialog [role=document] form:not(.filter-bar),
.app-shell__main form + div .with-confirmation,
.modal-dialog [role=document] form + div .with-confirmation {
  margin-bottom: 2em;
}

@media (max-width: 420px) {
  .app-shell__main form [type=reset] {
    float: right;
    margin-right: 0 !important;
  }
}
/* pinpoint individual overwrites for those 'just on this page' problems */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/* drop the external dashboard button down if it exists */
/* so it doesn't sit next to the Intentions create button */
/* awkwardly */
html[data-route^="dc.services.show"] .app-view .actions .external-dashboard {
  position: absolute;
  top: 50px;
  right: 0;
}

/* instance detail dl text*/
html[data-route^="dc.services.instance"] .app-view > header dl {
  float: left;
  margin-top: 19px;
  margin-bottom: 23px;
  margin-right: 50px;
}

html[data-route^="dc.services.instance"] .app-view > header dt {
  font-weight: var(--token-typography-font-weight-bold);
}

html[data-route^="dc.services.instance"] .tab-nav {
  border-top: var(--decor-border-100);
}

html[data-route^="dc.services.instance"] .tab-section section:not(:last-child) {
  border-bottom: var(--decor-border-100);
}

html[data-route^="dc.services.instance"] .tab-nav,
html[data-route^="dc.services.instance"] .tab-section section:not(:last-child) {
  border-color: var(--token-color-surface-interactive-active);
}

html[data-route^="dc.services.instance"] .tab-section section:not(:last-child) {
  padding-bottom: 24px;
}

html[data-route^="dc.services.instance.metadata"] .tab-section section h2 {
  margin: 24px 0 12px 0;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
html[data-route^="dc.nodes.show.metadata"] table tr {
  cursor: default;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
html[data-route^="dc.acls.index"] main td strong {
  margin-right: 3px;
}

@media (max-width: 420px) {
  html[data-route^="dc.acls.create"] main header .actions,
  html[data-route^="dc.acls.edit"] main header .actions {
    float: none;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
  }
  html[data-route^="dc.acls.create"] main header .actions .with-feedback,
  html[data-route^="dc.acls.edit"] main header .actions .with-feedback {
    position: absolute;
    right: 0;
  }
  html[data-route^="dc.acls.create"] main header .actions .with-confirmation,
  html[data-route^="dc.acls.edit"] main header .actions .with-confirmation {
    margin-top: 0;
  }
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
html[data-route^="dc.intentions.edit"] .definition-table {
  margin-bottom: 1em;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**/
section[data-route="dc.show.serverstatus"] .server-failure-tolerance {
  box-shadow: none;
  padding: var(--padding-y) var(--padding-x);
  max-width: 770px;
  display: flex;
  flex-wrap: wrap;
}

section[data-route="dc.show.serverstatus"] .server-failure-tolerance > header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.5rem; /* 8px */
  margin-bottom: 1rem; /* 16px */
  border-bottom: var(--decor-border-100);
  border-color: var(--tone-border);
}

section[data-route="dc.show.serverstatus"] .server-failure-tolerance header em {
  background-color: var(--token-color-surface-interactive-active);
  text-transform: uppercase;
  font-style: normal;
}

section[data-route="dc.show.serverstatus"] .server-failure-tolerance > section {
  width: 50%;
}

section[data-route="dc.show.serverstatus"] .server-failure-tolerance > section,
section[data-route="dc.show.serverstatus"] .server-failure-tolerance dl {
  display: flex;
  flex-direction: column;
}

section[data-route="dc.show.serverstatus"] .server-failure-tolerance dl {
  flex-grow: 1;
  justify-content: space-between;
}

section[data-route="dc.show.serverstatus"] .server-failure-tolerance dd {
  display: flex;
  align-items: center;
}

section[data-route="dc.show.serverstatus"] .server-failure-tolerance section:first-of-type dl {
  padding-right: 1.5rem; /* 24px */
}

section[data-route="dc.show.serverstatus"] .server-failure-tolerance dt {
  color: var(--token-color-foreground-faint);
}

section[data-route="dc.show.serverstatus"] .server-failure-tolerance dd {
  color: var(--token-color-hashicorp-brand);
}

section[data-route="dc.show.serverstatus"] .server-failure-tolerance .optimistic-tolerance header span::before {
  --icon-name: icon-info;
  --icon-size: icon-300;
  --icon-color: var(--token-color-foreground-faint);
  vertical-align: unset;
  content: "";
}

section[data-route="dc.show.serverstatus"] .server-failure-tolerance .server-failure-tolerance__badge-count,
section[data-route="dc.show.serverstatus"] .server-failure-tolerance .server-failure-tolerance__status-badge {
  display: inline-flex;
}

section[data-route="dc.show.serverstatus"] .server-failure-tolerance .optimistic-tolerance p {
  color: var(--token-color-foreground-faint);
}

section[data-route="dc.show.serverstatus"] section:not([class*=-tolerance]) h2 {
  margin-top: 1.5rem; /* 24px */
  margin-bottom: 1.5rem; /* 24px */
}

section[data-route="dc.show.serverstatus"] section:not([class*=-tolerance]) header {
  margin-top: 18px;
  margin-bottom: 18px;
}

section[data-route="dc.show.serverstatus"] .redundancy-zones section header {
  display: flow-root;
}

section[data-route="dc.show.serverstatus"] .redundancy-zones section header h3 {
  float: left;
  margin-right: 0.5rem; /* 8px */
}

section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl:not(.warning) {
  background-color: var(--token-color-surface-strong);
}

section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl.warning {
  background-color: var(--token-color-border-warning);
  color: var(--token-color-palette-amber-400);
}

section[data-route="dc.show.serverstatus"] .redundancy-zones section header dl.warning::before {
  --icon-name: icon-alert-circle;
  --icon-size: icon-000;
  margin-right: 0.312rem; /* 5px */
  content: "";
}

section[data-route="dc.show.serverstatus"] .redundancy-zones section header dt::after {
  content: ":";
  display: inline-block;
  vertical-align: revert;
  background-color: transparent;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
section[data-route="dc.show.license"] .validity p {
  color: var(--token-color-foreground-faint);
}

section[data-route="dc.show.license"] .validity dl dt::before {
  content: "";
  margin-right: 0.25rem; /* 4px */
}

section[data-route="dc.show.license"] .validity dl .expired::before {
  --icon-name: icon-x-circle;
  --icon-color: var(--token-color-foreground-critical);
}

section[data-route="dc.show.license"] .validity dl .warning::before {
  --icon-name: icon-alert-circle;
  --icon-color: var(--token-color-foreground-warning);
}

section[data-route="dc.show.license"] .validity dl .valid:not(.warning)::before {
  --icon-name: icon-check-circle;
  --icon-color: var(--token-color-foreground-success);
}

section[data-route="dc.show.license"] aside {
  box-shadow: none;
  padding: var(--padding-y) var(--padding-x);
  width: 40%;
  min-width: 413px;
  margin-top: 1rem; /* 16px */
}

section[data-route="dc.show.license"] aside header {
  margin-bottom: 1rem; /* 16px */
}

/* more semantically (for our project) named icons  */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --icon-loading: icon-loading-motion;
}

.prefers-reduced-motion {
  --icon-loading: icon-loading;
}

@media (prefers-reduced-motion) {
  :root {
    --icon-loading: icon-loading;
  }
}
.consul-intention-fieldsets .value-allow > :last-child::before,
.consul-intention-fieldsets .value-deny > :last-child::before,
.consul-intention-fieldsets .value- > :last-child::before {
  --icon-size: icon-500; /* 20px */
}

.consul-intention-search-bar .value-allow span::before,
.consul-intention-fieldsets .value-allow > :last-child::before {
  --icon-name: icon-arrow-right;
  --icon-color: var(--token-color-foreground-success-on-surface);
}

.consul-intention-search-bar .value-deny span::before,
.consul-intention-fieldsets .value-deny > :last-child::before {
  --icon-name: icon-skip;
  --icon-color: var(--token-color-foreground-critical-on-surface);
}

.consul-intention-search-bar .value- span::before,
.consul-intention-fieldsets .value- > :last-child::before {
  --icon-name: icon-layers;
}

.consul-intention-fieldsets .value-allow > :last-child::before,
.consul-intention-fieldsets .value-deny > :last-child::before,
.consul-intention-fieldsets .value- > :last-child::before {
  --icon-resolution: 0.5;
}

/* global control of themeable components */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
:root {
  --color-info: var(--token-color-foreground-action);
  --color-alert: var(--token-color-palette-amber-200);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/*TODO: Move this to the reset */
* {
  border-width: 0;
}

.disclosure-menu [aria-expanded] ~ * > ul > li.dangerous > *:first-child, .menu-panel > ul > li.dangerous > *:first-child, .disclosure-menu [aria-expanded] ~ * > ul > li.dangerous > :focus:first-child, .menu-panel > ul > li.dangerous > :focus:first-child,
.disclosure-menu [aria-expanded] ~ * > ul > li.dangerous > :hover:first-child,
.menu-panel > ul > li.dangerous > :hover:first-child, .leader,
.topology-metrics-source-type,
.consul-transparent-proxy, .more-popover-menu > [type=checkbox] + label + div > ul > li.dangerous > *:first-child, .popover-menu > [type=checkbox] + label + div > ul > li.dangerous > *:first-child, .more-popover-menu > [type=checkbox] + label + div > ul > li.dangerous > :focus:first-child, .popover-menu > [type=checkbox] + label + div > ul > li.dangerous > :focus:first-child,
.more-popover-menu > [type=checkbox] + label + div > ul > li.dangerous > :hover:first-child,
.popover-menu > [type=checkbox] + label + div > ul > li.dangerous > :hover:first-child, table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li.dangerous > *:first-child, table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li.dangerous > :focus:first-child,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li.dangerous > :hover:first-child, table.with-details tr > .actions > [type=checkbox] + label + div > ul > li.dangerous > *:first-child, table.with-details tr > .actions > [type=checkbox] + label + div > ul > li.dangerous > :focus:first-child,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li.dangerous > :hover:first-child, .modal-dialog [role=document] > .modal-dialog-footer,
.modal-dialog [role=document] > header, .informed-action > ul > .dangerous > *, .informed-action > ul > .dangerous > *:hover,
.informed-action > ul > .dangerous > *:focus, .animatable.tab-nav ul::after,
.tab-nav .selected > *, .consul-external-source, .consul-kind, .consul-intention-search-bar .value- span, .consul-intention-action-warn-modal button.dangerous, .consul-intention-action-warn-modal button.dangerous:hover:not(:disabled):not(:active),
.consul-intention-action-warn-modal button.dangerous:focus, .consul-intention-action-warn-modal button.dangerous:disabled, .consul-intention-action-warn-modal button.dangerous:hover:active, .consul-intention-permission-form button.type-submit, .consul-intention-permission-form button.type-submit:hover:not(:disabled),
.consul-intention-permission-form button.type-submit:focus:not(:disabled), .consul-intention-permission-form button.type-submit:disabled, html[data-route^="dc.acls.index"] main td strong {
  /* same as decor-border-000 - but need to think about being able to import color on its own*/
  border-style: solid;
}

/* possibly filter bar */
/* modal close button */
/* button focus */
/* button secondary*/
/* tabs */
.leader,
.topology-metrics-source-type,
.consul-transparent-proxy, .consul-external-source, .consul-kind {
  background-color: var(--token-color-surface-strong);
  border-color: var(--token-color-foreground-faint);
  color: var(--token-color-foreground-primary);
}

/* button active */
/* modal bars */
.modal-dialog [role=document] > .modal-dialog-footer,
.modal-dialog [role=document] > header {
  background-color: var(--token-color-surface-strong);
  border-color: var(--token-color-palette-neutral-300);
  color: var(--token-color-foreground-strong);
}

.consul-intention-search-bar .value- span, html[data-route^="dc.acls.index"] main td strong {
  background-color: var(--token-color-surface-strong);
  border-color: var(--token-color-palette-neutral-300);
  color: var(--token-color-foreground-strong);
}

.consul-intention-permission-form button.type-submit:disabled {
  background-color: var(--token-color-surface-primary);
  border-color: var(--token-color-foreground-action);
  color: var(--token-color-foreground-action);
}

.animatable.tab-nav ul::after,
.tab-nav .selected > *, .consul-intention-permission-form button.type-submit {
  background-color: var(--token-color-surface-primary);
  border-color: var(--token-color-foreground-action);
  color: var(--token-color-foreground-action);
}

.consul-intention-permission-form button.type-submit:hover:not(:disabled),
.consul-intention-permission-form button.type-submit:focus:not(:disabled) {
  background-color: var(--token-color-surface-action);
  border-color: var(--token-color-foreground-action);
  color: var(--token-color-palette-blue-500);
}

.disclosure-menu [aria-expanded] ~ * > ul > li.dangerous > *:first-child, .menu-panel > ul > li.dangerous > *:first-child, .more-popover-menu > [type=checkbox] + label + div > ul > li.dangerous > *:first-child, .popover-menu > [type=checkbox] + label + div > ul > li.dangerous > *:first-child, table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li.dangerous > *:first-child, table.with-details tr > .actions > [type=checkbox] + label + div > ul > li.dangerous > *:first-child, .informed-action > ul > .dangerous > *, .consul-intention-action-warn-modal button.dangerous {
  background-color: transparent;
  border-color: var(--token-color-foreground-critical);
  color: var(--token-color-foreground-critical);
}

.consul-intention-action-warn-modal button.dangerous:disabled {
  background-color: var(--token-color-border-critical);
  border-color: var(--token-color-foreground-disabled);
  color: var(--token-color-surface-primary);
}

.disclosure-menu [aria-expanded] ~ * > ul > li.dangerous > :focus:first-child, .menu-panel > ul > li.dangerous > :focus:first-child,
.disclosure-menu [aria-expanded] ~ * > ul > li.dangerous > :hover:first-child,
.menu-panel > ul > li.dangerous > :hover:first-child, .more-popover-menu > [type=checkbox] + label + div > ul > li.dangerous > :focus:first-child, .popover-menu > [type=checkbox] + label + div > ul > li.dangerous > :focus:first-child,
.more-popover-menu > [type=checkbox] + label + div > ul > li.dangerous > :hover:first-child,
.popover-menu > [type=checkbox] + label + div > ul > li.dangerous > :hover:first-child, table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li.dangerous > :focus:first-child,
table.has-actions tr > .actions > [type=checkbox] + label + div > ul > li.dangerous > :hover:first-child, table.with-details tr > .actions > [type=checkbox] + label + div > ul > li.dangerous > :focus:first-child,
table.with-details tr > .actions > [type=checkbox] + label + div > ul > li.dangerous > :hover:first-child, .informed-action > ul > .dangerous > *:hover,
.informed-action > ul > .dangerous > *:focus, .consul-intention-action-warn-modal button.dangerous:hover:not(:disabled):not(:active),
.consul-intention-action-warn-modal button.dangerous:focus {
  background-color: var(--token-color-foreground-critical);
  border-color: var(--token-color-foreground-critical-high-contrast);
  color: var(--token-color-surface-primary);
}

.consul-intention-action-warn-modal button.dangerous:hover:active {
  background-color: var(--token-color-palette-red-400);
  border-color: var(--token-color-foreground-critical-high-contrast);
  color: var(--token-color-surface-primary);
}

/* debug only, this is empty during a production build */
/* but uses the contents of ./debug.scss during dev */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Coldark Theme for Prism.js
 * Theme variation: Dark
 * Tested with HTML, CSS, JS, JSON, PHP, YAML, Bash script
 * @author Armand Philippot <contact@armandphilippot.com>
 * @homepage https://github.com/ArmandPhilippot/coldark-prism
 * @license MIT
 */
code[class*=language-],
pre[class*=language-] {
  color: #e3eaf2;
  background: none;
  font-family: var(--token-typography-font-stack-code);
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

pre[class*=language-]::-moz-selection,
pre[class*=language-] ::-moz-selection,
code[class*=language-]::-moz-selection,
code[class*=language-] ::-moz-selection {
  background: #3c526d;
}

pre[class*=language-]::selection,
pre[class*=language-] ::selection,
code[class*=language-]::selection,
code[class*=language-] ::selection {
  background: #3c526d;
}

/* Code blocks */
pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}

:not(pre) > code[class*=language-],
pre[class*=language-] {
  background: #111b27;
}

/* Inline code */
:not(pre) > code[class*=language-] {
  padding: 0.1em 0.3em;
  border-radius: 0.3em;
  white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #8da1b9;
}

.token.punctuation {
  color: #e3eaf2;
}

.token.delimiter.important,
.token.selector .parent,
.token.tag,
.token.tag .token.punctuation {
  color: #66cccc;
}

.token.attr-name,
.token.boolean,
.token.boolean.important,
.token.number,
.token.constant,
.token.selector .token.attribute {
  color: #e6d37a;
}

.token.class-name,
.token.key,
.token.parameter,
.token.property,
.token.property-access,
.token.variable {
  color: #6cb8e6;
}

.token.attr-value,
.token.inserted,
.token.color,
.token.selector .token.value,
.token.string,
.token.string .token.url-link {
  color: #91d076;
}

.token.builtin,
.token.keyword-array,
.token.package,
.token.regex {
  color: #f4adf4;
}

.token.function,
.token.selector .token.class,
.token.selector .token.id {
  color: #c699e3;
}

.token.atrule .token.rule,
.token.combinator,
.token.keyword,
.token.operator,
.token.pseudo-class,
.token.pseudo-element,
.token.selector,
.token.unit {
  color: #e9ae7e;
}

.token.deleted,
.token.important {
  color: #cd6660;
}

.token.keyword-this,
.token.this {
  color: #6cb8e6;
}

.token.important,
.token.keyword-this,
.token.this,
.token.bold {
  font-weight: var(--token-typography-font-weight-bold);
}

.token.delimiter.important {
  font-weight: inherit;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

.language-markdown .token.title,
.language-markdown .token.title .token.punctuation {
  color: #6cb8e6;
  font-weight: var(--token-typography-font-weight-bold);
}

.language-markdown .token.blockquote.punctuation {
  color: #f4adf4;
}

.language-markdown .token.code {
  color: #66cccc;
}

.language-markdown .token.hr.punctuation {
  color: #6cb8e6;
}

.language-markdown .token.url .token.content {
  color: #91d076;
}

.language-markdown .token.url-link {
  color: #e6d37a;
}

.language-markdown .token.list.punctuation {
  color: #f4adf4;
}

.language-markdown .token.table-header {
  color: #e3eaf2;
}

.language-json .token.operator {
  color: #e3eaf2;
}

.language-scss .token.variable {
  color: #66cccc;
}

/* overrides color-values for the Show Invisibles plugin
 * https://prismjs.com/plugins/show-invisibles/
 */
.token.tab:not(:empty):before,
.token.cr:before,
.token.lf:before,
.token.space:before {
  color: #8da1b9;
}

/* overrides color-values for the Toolbar plugin
 * https://prismjs.com/plugins/toolbar/
 */
div.code-toolbar > .toolbar a,
div.code-toolbar > .toolbar button {
  color: #111b27;
  background: #6cb8e6;
}

div.code-toolbar > .toolbar a:hover,
div.code-toolbar > .toolbar a:focus,
div.code-toolbar > .toolbar button:hover,
div.code-toolbar > .toolbar button:focus {
  color: #111b27;
  background: rgba(108, 184, 230, 0.8549019608);
  text-decoration: none;
}

div.code-toolbar > .toolbar span,
div.code-toolbar > .toolbar span:hover,
div.code-toolbar > .toolbar span:focus {
  color: #111b27;
  background: #8da1b9;
}

/* overrides color-values for the Line Highlight plugin
 * http://prismjs.com/plugins/line-highlight/
 */
.line-highlight {
  background: rgba(60, 82, 109, 0.3725490196);
  background: linear-gradient(to right, rgba(60, 82, 109, 0.3725490196) 70%, rgba(60, 82, 109, 0.3333333333));
}

.line-highlight:before,
.line-highlight[data-end]:after {
  background-color: #8da1b9;
  color: #111b27;
  box-shadow: 0 1px #3c526d;
}

pre[id].linkable-line-numbers span.line-numbers-rows > span:hover:before {
  background-color: rgba(141, 161, 185, 0.0941176471);
}

/* overrides color-values for the Line Numbers plugin
 * http://prismjs.com/plugins/line-numbers/
 */
.line-numbers .line-numbers-rows {
  border-right: 1px solid #0b121b;
  background: rgba(11, 18, 27, 0.4784313725);
}

.line-numbers-rows > span:before {
  color: rgba(141, 161, 185, 0.8549019608);
}

/* overrides color-values for the Match Braces plugin
 * https://prismjs.com/plugins/match-braces/
 */
.rainbow-braces .token.punctuation.brace-level-1,
.rainbow-braces .token.punctuation.brace-level-5,
.rainbow-braces .token.punctuation.brace-level-9 {
  color: #e6d37a;
}

.rainbow-braces .token.punctuation.brace-level-2,
.rainbow-braces .token.punctuation.brace-level-6,
.rainbow-braces .token.punctuation.brace-level-10 {
  color: #f4adf4;
}

.rainbow-braces .token.punctuation.brace-level-3,
.rainbow-braces .token.punctuation.brace-level-7,
.rainbow-braces .token.punctuation.brace-level-11 {
  color: #6cb8e6;
}

.rainbow-braces .token.punctuation.brace-level-4,
.rainbow-braces .token.punctuation.brace-level-8,
.rainbow-braces .token.punctuation.brace-level-12 {
  color: #c699e3;
}

/* overrides color-values for the Diff Highlight plugin
 * https://prismjs.com/plugins/diff-highlight/
 */
pre.diff-highlight > code .token.deleted:not(.prefix),
pre > code.diff-highlight .token.deleted:not(.prefix) {
  background-color: rgba(205, 102, 96, 0.1215686275);
}

pre.diff-highlight > code .token.inserted:not(.prefix),
pre > code.diff-highlight .token.inserted:not(.prefix) {
  background-color: rgba(145, 208, 118, 0.1215686275);
}

/* overrides color-values for the Command Line plugin
 * https://prismjs.com/plugins/command-line/
 */
.command-line-prompt {
  border-right: 1px solid #0b121b;
}

.command-line-prompt > span:before {
  color: rgba(141, 161, 185, 0.8549019608);
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
#docfy-demo-preview-badge {
  /* part of a kv list */
  /* element on its own */
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
[id^=docfy-demo-preview-csv-list] ol {
  list-style-type: none;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
[id^=docfy-demo-preview-horizontal-kv-list] .lock-delay::before {
  color: var(--token-color-foreground-faint);
}
[id^=docfy-demo-preview-horizontal-kv-list] .ttl::before {
  color: var(--token-color-foreground-action);
}
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
[id^=docfy-demo-preview-color] ul,
[id^=docfy-demo-preview-typography] ul,
[id^=docfy-demo-preview-icons] ul {
  display: flex;
  flex-wrap: wrap;
}

[id^=docfy-demo-preview-color] ul li,
[id^=docfy-demo-preview-typography] ul li,
[id^=docfy-demo-preview-icons] ul li {
  margin-right: 20px;
  margin-bottom: 20px;
}

[id^=docfy-demo-preview-color] ul figure,
[id^=docfy-demo-preview-typography] ul figure,
[id^=docfy-demo-preview-icons] ul figure {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 140px;
}

[id^=docfy-demo-preview-color] ul figcaption,
[id^=docfy-demo-preview-typography] ul figcaption,
[id^=docfy-demo-preview-icons] ul figcaption {
  text-align: center;
}

[id^=docfy-demo-preview-typography] figure,
[id^=docfy-demo-preview-icons] figure {
  border: var(--decor-border-100);
  border-color: var(--token-color-palette-neutral-300);
  height: 80px;
}

[id^=docfy-demo-preview-icons] figure::before {
  position: relative;
  top: 20px;
}

[id^=docfy-demo-preview-color] figure {
  height: 40px;
}

#docfy-demo-preview-color0 {
  background-color: var(--token-color-surface-primary);
}

#docfy-demo-preview-color1 {
  background-color: var(--token-color-hashicorp-brand);
}

html.is-debug body > .brand-loader {
  display: none !important;
}

html.is-debug [class*=partition-] {
  display: block !important;
}

html:not(.with-data-source) .data-source-debug {
  display: none;
}

html:not(.with-data-source) .data-source-debug {
  display: none;
}

.data-source-debug, html.with-href-to [href^="console://"]::before {
  color: red;
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  /* hi */
  z-index: 100000;
}

html.with-href-to [href^="console://"]::before {
  content: attr(href);
  display: inline;
}

.data-source-debug input:checked + pre code::after {
  content: attr(data-json);
  display: block;
}

.data-source-debug input {
  display: none;
}

.docs {
  background-color: var(--token-color-surface-primary);
}
.docs .tabular-collection,
.docs .list-collection {
  height: 300px !important;
}
.docs [role=banner] nav:first-of-type {
  padding-top: 0 !important;
  height: calc(100vh - var(--chrome-height, 47px));
}
.docs [role=banner] nav:first-of-type ul {
  margin-bottom: 100px;
  padding-top: 0 !important;
}
.docs [role=banner] nav:first-of-type li.provider-components a::before,
.docs [role=banner] nav:first-of-type li.consul-components a::before,
.docs [role=banner] nav:first-of-type li.components a::before {
  margin-right: 5px;
}
.docs main {
  margin-bottom: 2rem;
}
.docs main > ol,
.docs main > ul {
  list-style-position: outside;
  margin-bottom: 1rem;
  margin-left: 2rem;
}
.docs main > ul {
  list-style-type: disc;
}
.docs main > h1,
.docs main > h2,
.docs main > h3,
.docs main > h4 {
  margin-bottom: 1em;
}
.docs main > h1 {
  padding-top: 20px;
}
.docs main > table {
  margin-bottom: 3em;
}
.docs main > table td {
  font-weight: var(--token-typography-font-weight-regular) !important;
  cursor: default !important;
}
.docs main > table td code {
  vertical-align: bottom;
}
.docs main > table tr:hover {
  box-shadow: none;
}
.docs .docfy-demo {
  margin-bottom: 1rem;
  position: relative;
}
.docs .docfy-demo__example {
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: var(--token-color-surface-interactive-active);
  padding: 1rem;
  margin-bottom: 0;
}
.docs .docfy-demo__example ol,
.docs .docfy-demo__example ul {
  margin-bottom: 0;
}
.docs .docfy-demo__example figure {
  margin-bottom: 0.5rem;
}
.docs .docfy-demo__example figcaption {
  margin-bottom: 0.5rem;
  color: var(--token-color-foreground-faint);
  font-style: italic;
}
.docs .docfy-demo__example figure > [type=text] {
  border: 1px solid var(--token-color-hashicorp-brand);
  width: 100%;
  padding: 0.5rem;
}
.docs .docfy-demo__example figure > select {
  border: 1px solid var(--token-color-hashicorp-brand);
  padding: 0.5rem;
}
.docs .docfy-demo__snippet pre {
  margin: 0 !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

/**
 * Copyright IBM Corp. 2024, 2026
 * SPDX-License-Identifier: BUSL-1.1
 */
.w-4 {
  width: 1rem;
}

.h-4 {
  height: 1rem;
}

.h-24 {
  height: 6rem;
}

svg {
  vertical-align: middle;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.p-6 {
  padding: 1.5rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.h-12 {
  height: 3rem;
}

.flex {
  display: flex;
}

.items-center {
  align-items: center;
}

.justify-between {
  justify-content: space-between;
}

.shrink-0 {
  flex-shrink: 0;
}

.space-x-12 > * + * {
  margin-left: 3rem;
}

.overflow-x-auto {
  overflow-x: auto;
}