@charset "UTF-8";/**
* SPDX-FileCopyrightText: © 2024 Schneider Electric
*
* SPDX-License-Identifier: Apache-2.0
*/

[dir='rtl'] {
  --qds-direction-factor: -1;
}

:is(
    [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
    [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
  )
  figure {
  display: flex;
  flex-direction: column;
  gap: var(--qds-figure-gap);
}

:is(
    [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
    [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
  )
  figcaption {
  color: var(--qds-theme-figure-caption);
  font: var(--qds-figure-caption);
}

:is(
    [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
    [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
  )
  :is(li, p, pre) {
  color: var(--qds-theme-text-standard);
}

:is(
    [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
    [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
  )
  :is(li, p) {
  font: var(--qds-text-standard);
}

:is(
    [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
    [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
  )
  :is(li, p)
  strong {
  font: var(--qds-text-emphasized);
}

:is(
    [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
    [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
  )
  pre {
  font: var(--qds-code-standard);
}

:is(
    [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
    [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
  )
  pre
  strong {
  font: var(--qds-code-emphasized);
}

:is(
    [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
    [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
  )
  :is(menu, ol, ul) {
  padding-inline-start: var(--qds-list-item-standard-padding-indent-step);
}

:is(
    [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
    [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
  )
  :is(li, p, span).qds-subdued {
  color: var(--qds-theme-text-subdued);
  font: var(--qds-text-subdued);
}

:is(
    .qds-accessory-section,
    .qds-accessory,
    .qds-controls-jumbo,
    .qds-controls-large,
    .qds-controls-small,
    .qds-controls,
    .qds-main-section,
    .qds-main-subsection,
    .qds-main,
    .qds-navigation-section,
    .qds-navigation-subsection,
    .qds-navigation,
    .qds-panel-section,
    .qds-panel-subsection,
    .qds-panel,
    .qds-popup-section,
    .qds-popup-subsection,
    .qds-popup
  )
  :is(blockquote, figure, input, menu, ol, p, pre, ul) {
  margin: 0;
}

.qds-accessory-section,
.qds-accessory,
.qds-controls-jumbo,
.qds-controls-large,
.qds-controls-small,
.qds-controls,
.qds-main-section,
.qds-main-subsection,
.qds-main,
.qds-navigation-section,
.qds-navigation-subsection,
.qds-navigation,
.qds-panel-section,
.qds-panel-subsection,
.qds-panel,
.qds-popup-section,
.qds-popup-subsection,
.qds-popup {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

:is(
    [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
    [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
  )
  :is(
    .qds-accessory,
    .qds-main-subsection,
    .qds-main,
    .qds-navigation-subsection,
    .qds-navigation,
    .qds-panel-subsection,
    .qds-panel,
    .qds-popup-subsection,
    .qds-popup
  ).qds-subdued {
  background-color: transparent;
}

:is(
    [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
    [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
  )
  :is(.qds-panel, .qds-navigation, .qds-popup, .qds-accessory).qds-subdued {
  box-shadow: none;
}

.qds-main {
  background-color: var(--qds-theme-main-background);
  padding-block: var(--qds-main-padding-vertical);
  padding-inline: var(--qds-main-padding-horizontal);
}

.qds-main,
.qds-main .qds-unrelated {
  gap: var(--qds-main-gap-children-unrelated);
}

.qds-main.qds-related,
.qds-main .qds-related {
  gap: var(--qds-main-gap-children-related);
}

.qds-main-section {
  padding-block-start: var(--qds-main-section-padding-top);
}

.qds-main-section,
.qds-main-section .qds-unrelated {
  gap: var(--qds-main-section-gap-children-unrelated);
}

.qds-main-section.qds-related,
.qds-main-section .qds-related {
  gap: var(--qds-main-section-gap-children-related);
}

.qds-main-subsection {
  background-color: var(--qds-theme-main-subsection-standard-background);
  border-radius: var(--qds-main-subsection-border-radius);
  padding: var(--qds-main-subsection-padding);
}

.qds-main-subsection,
.qds-main-subsection .qds-unrelated {
  gap: var(--qds-main-subsection-gap-children-unrelated);
}

.qds-main-subsection.qds-emphasized {
  box-shadow: var(--qds-theme-main-subsection-emphasized);
}

.qds-main-subsection.qds-related,
.qds-main-subsection .qds-related {
  gap: var(--qds-main-subsection-gap-children-related);
}

.qds-navigation {
  background-color: var(--qds-theme-navigation-background);
  border-radius: var(--qds-navigation-border-radius);
  box-shadow: var(--qds-theme-navigation-elevation);
  padding: var(--qds-navigation-padding);
}

.qds-navigation,
.qds-navigation .qds-unrelated {
  gap: var(--qds-navigation-gap-children-unrelated);
}

.qds-navigation.qds-related,
.qds-navigation .qds-related {
  gap: var(--qds-navigation-gap-children-related);
}

.qds-navigation-section {
  padding: var(--qds-navigation-section-padding);
}

.qds-navigation-section,
.qds-navigation-section .qds-unrelated {
  gap: var(--qds-navigation-section-gap-children-unrelated);
}

.qds-navigation-section.qds-related,
.qds-navigation-section .qds-related {
  gap: var(--qds-navigation-section-gap-children-related);
}

.qds-navigation-subsection {
  background-color: var(--qds-theme-navigation-subsection-standard-background);
  border-radius: var(--qds-navigation-subsection-border-radius);
  padding: var(--qds-navigation-subsection-padding);
}

.qds-navigation-subsection,
.qds-navigation-subsection .qds-unrelated {
  gap: var(--qds-navigation-subsection-gap-children-unrelated);
}

.qds-navigation-subsection.qds-emphasized {
  box-shadow: var(--qds-theme-navigation-subsection-emphasized);
}

.qds-navigation-subsection.qds-related,
.qds-navigation-subsection .qds-related {
  gap: var(--qds-navigation-subsection-gap-children-related);
}

.qds-panel {
  background-color: var(--qds-theme-panel-background);
  border-radius: var(--qds-panel-border-radius);
  box-shadow: var(--qds-theme-panel-elevation);
  padding: var(--qds-panel-padding);
}

.qds-panel,
.qds-panel .qds-unrelated {
  gap: var(--qds-panel-gap-children-unrelated);
}

.qds-panel.qds-related,
.qds-panel .qds-related {
  gap: var(--qds-panel-gap-children-related);
}

.qds-panel-section {
  padding-block-start: var(--qds-panel-section-padding-top);
}

.qds-panel-section,
.qds-panel-section .qds-unrelated {
  gap: var(--qds-panel-section-gap-children-unrelated);
}

.qds-panel-section.qds-related,
.qds-panel-section .qds-related {
  gap: var(--qds-panel-section-gap-children-related);
}

.qds-panel-subsection {
  background-color: var(--qds-theme-panel-subsection-standard-background);
  border-radius: var(--qds-panel-subsection-border-radius);
  padding: var(--qds-panel-subsection-padding);
}

.qds-panel-subsection,
.qds-panel-subsection .qds-unrelated {
  gap: var(--qds-panel-subsection-gap-children-unrelated);
}

.qds-panel-subsection.qds-emphasized {
  box-shadow: var(--qds-theme-panel-subsection-emphasized);
}

.qds-panel-subsection.qds-related,
.qds-panel-subsection .qds-related {
  gap: var(--qds-panel-subsection-gap-children-related);
}

.qds-popup {
  background-color: var(--qds-theme-popup-background);
  border-radius: var(--qds-popup-border-radius);
  box-shadow: var(--qds-theme-popup-elevation);
  padding: var(--qds-popup-padding);
}

.qds-popup,
.qds-popup .qds-unrelated {
  gap: var(--qds-popup-gap-children-unrelated);
}

.qds-popup.qds-related,
.qds-popup .qds-related {
  gap: var(--qds-popup-gap-children-related);
}

.qds-popup-section,
.qds-popup-section .qds-unrelated {
  gap: var(--qds-popup-section-gap-children-unrelated);
}

.qds-popup-section.qds-related,
.qds-popup-section .qds-related {
  gap: var(--qds-popup-section-gap-children-related);
}

.qds-popup-subsection {
  background-color: var(--qds-theme-popup-subsection-standard-background);
  border-radius: var(--qds-popup-subsection-border-radius);
  padding: var(--qds-popup-subsection-padding);
}

.qds-popup-subsection,
.qds-popup-subsection .qds-unrelated {
  gap: var(--qds-popup-subsection-gap-children-unrelated);
}

.qds-popup-subsection.qds-emphasized {
  box-shadow: var(--qds-theme-popup-subsection-emphasized);
}

.qds-popup-subsection.qds-related,
.qds-popup-subsection .qds-related {
  gap: var(--qds-popup-subsection-gap-children-related);
}

.qds-accessory {
  background-color: var(--qds-theme-accessory-background);
  border-radius: var(--qds-accessory-border-radius);
  box-shadow: var(--qds-theme-accessory-elevation);
  padding: var(--qds-accessory-padding);
}

.qds-accessory,
.qds-accessory .qds-unrelated {
  gap: var(--qds-accessory-gap-children-unrelated);
}

.qds-accessory.qds-related,
.qds-accessory .qds-related {
  gap: var(--qds-accessory-gap-children-related);
}

.qds-accessory-section {
  border-radius: var(--qds-accessory-section-border-radius);
}

.qds-accessory-section,
.qds-accessory-section .qds-unrelated {
  gap: var(--qds-accessory-section-gap-children-unrelated);
}

.qds-accessory-section.qds-related,
.qds-accessory-section .qds-related {
  gap: var(--qds-accessory-section-gap-children-related);
}

.qds-controls-small,
.qds-controls-small .qds-unrelated {
  gap: var(--qds-control-small-gap-siblings-unrelated);
}

.qds-controls-small.qds-related,
.qds-controls-small .qds-related {
  gap: var(--qds-control-small-gap-siblings-related);
}

.qds-controls,
.qds-controls .qds-unrelated {
  gap: var(--qds-control-standard-gap-siblings-unrelated);
}

.qds-controls.qds-related,
.qds-controls .qds-related {
  gap: var(--qds-control-standard-gap-siblings-related);
}

.qds-controls-large,
.qds-controls-large .qds-unrelated {
  gap: var(--qds-control-large-gap-siblings-unrelated);
}

.qds-controls-large.qds-related,
.qds-controls-large .qds-related {
  gap: var(--qds-control-large-gap-siblings-related);
}

.qds-controls-jumbo,
.qds-controls-jumbo .qds-unrelated {
  gap: var(--qds-control-jumbo-gap-siblings-unrelated);
}

.qds-controls-jumbo.qds-related,
.qds-controls-jumbo .qds-related {
  gap: var(--qds-control-jumbo-gap-siblings-related);
}

.qds-interactive {
  cursor: pointer;
  user-select: none;
}

:is(
    .qds-main-subsection,
    .qds-navigation-subsection,
    .qds-panel-subsection,
    .qds-popup-subsection
  ).qds-interactive:hover {
  background-color: var(--qds-theme-interactive-background-hover);
  text-decoration: none;
}

:is(
    .qds-main-subsection,
    .qds-navigation-subsection,
    .qds-panel-subsection,
    .qds-popup-subsection
  ).qds-interactive:active {
  background-color: var(--qds-theme-interactive-background-selected);
  text-decoration: none;
}

.qds-control-group-inline {
  display: flex;
}

.qds-control-group-inline > :first-child:not(:only-child) {
  --qds-control-border-radius-top-right: 0px;
  --qds-control-border-radius-bottom-right: 0px;
  --qds-control-border-width-inline-end: 0px;
}

.qds-control-group-inline > :not(:first-child, :last-child) {
  --qds-control-border-radius-top-left: 0px;
  --qds-control-border-radius-top-right: 0px;
  --qds-control-border-radius-bottom-right: 0px;
  --qds-control-border-radius-bottom-left: 0px;
  --qds-control-border-width-inline-end: 0px;
}

.qds-control-group-inline > :last-child:not(:only-child) {
  --qds-control-border-radius-top-left: 0px;
  --qds-control-border-radius-bottom-left: 0px;
}

.qds-control-group-block {
  display: flex;
  flex-direction: column;
}

.qds-control-group-block > :first-child:not(:only-child) {
  --qds-control-border-radius-bottom-left: 0px;
  --qds-control-border-radius-bottom-right: 0px;
  --qds-control-border-width-block-end: 0px;
}

.qds-control-group-block > :not(:first-child, :last-child) {
  --qds-control-border-radius-top-left: 0px;
  --qds-control-border-radius-top-right: 0px;
  --qds-control-border-radius-bottom-right: 0px;
  --qds-control-border-radius-bottom-left: 0px;
  --qds-control-border-width-block-end: 0px;
}

.qds-control-group-block > :last-child:not(:only-child) {
  --qds-control-border-radius-top-left: 0px;
  --qds-control-border-radius-top-right: 0px;
}
/**
 * SPDX-FileCopyrightText: © 2023 Schneider Electric
 * 
 * SPDX-License-Identifier: LGPL-2.1-only
 * 
 * Do not edit directly
 * Generated on Thu, 29 Jun 2023 23:21:57 GMT
 */

.qds-platform-desktop {
  --qds-text-standard: normal 1rem/1.5rem var(--qds-font-family-system);
  --qds-text-emphasized: bold 1rem/1.5rem var(--qds-font-family-system);
  --qds-text-subdued: normal 0.875rem/1.25rem var(--qds-font-family-system);
  --qds-text-icon-standard: 1.5rem;
  --qds-text-icon-emphasized: 1.5rem;
  --qds-text-icon-subdued: 1.25rem;
  --qds-text-icon-gap: 0.25rem;
  --qds-code-standard: normal 0.9375rem/1.5rem var(--qds-font-family-monospace);
  --qds-code-emphasized: bold 0.9375rem/1.5rem var(--qds-font-family-monospace);
  --qds-code-subdued: normal 0.8125rem/1.25rem var(--qds-font-family-monospace);
  --qds-link-standard: normal 1rem/1.5rem var(--qds-font-family-system);
  --qds-link-emphasized: bold 1rem/1.5rem var(--qds-font-family-system);
  --qds-link-subdued: normal 0.875rem/1.25rem var(--qds-font-family-system);
  --qds-figure-padding-vertical: 8px;
  --qds-figure-gap: 0.5rem;
  --qds-figure-caption: normal 0.9375rem/1.25rem var(--qds-font-family-brand);
  --qds-signature-app-name-standard: normal 1.5rem/1.5rem var(--qds-font-family-brand);
  --qds-signature-app-name-emphasized: bold 1.5rem/1.5rem var(--qds-font-family-brand);
  --qds-signature-app-range: normal 0.8125rem/1.25rem var(--qds-font-family-brand);
  --qds-signature-line-connection-width: 0.25rem;
  --qds-signature-line-connection-cap-radius: 4px;
  --qds-signature-line-progress-cap-radius: 16px;
  --qds-signature-line-progress-width: 1rem;
  --qds-signature-circle-progress-border-width: 0.25rem;
  --qds-signature-circle-progress-effect-blur: 16px;
  --qds-signature-transition-animation-duration: 250ms;
  --qds-signature-feedback-animation-duration: 250ms;
  --qds-signature-progress-animation-duration: 250ms;
  --qds-signature-status-progress-duration: 250ms;
  --qds-signature-triangle-pointer-size-width: 1.5rem;
  --qds-signature-triangle-pointer-size-height: 1rem;
  --qds-signature-triangle-pointer-tip-radius: 0.0625rem;
  --qds-main-padding-vertical: 64px;
  --qds-main-padding-horizontal: 48px;
  --qds-main-gap-children-related: 2rem;
  --qds-main-gap-children-unrelated: 4rem;
  --qds-main-section-padding-top: 24px;
  --qds-main-section-gap-children-related: 1.25rem;
  --qds-main-section-gap-children-unrelated: 2.5rem;
  --qds-main-section-title: normal 1.875rem/2rem var(--qds-font-family-brand);
  --qds-main-section-title-emphasized: bold 1.875rem/2rem var(--qds-font-family-brand);
  --qds-main-section-subtitle: normal 1.5rem/1.75rem var(--qds-font-family-brand);
  --qds-main-section-kicker: normal 1.125rem/1.5rem var(--qds-font-family-brand);
  --qds-main-section-titles-gap: 0.25rem;
  --qds-main-section-titles-icon-size: 2.5rem;
  --qds-main-subsection-padding: 24px;
  --qds-main-subsection-gap-children-related: 0.5rem;
  --qds-main-subsection-gap-children-unrelated: 1.5rem;
  --qds-main-subsection-border-radius: 8px;
  --qds-main-subsection-title: normal 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-main-subsection-title-emphasized: bold 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-main-subsection-subtitle: normal 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-main-subsection-kicker: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-main-subsection-titles-gap: 0.25rem;
  --qds-main-subsection-titles-icon-size: 2rem;
  --qds-panel-padding: 24px;
  --qds-panel-gap-children-related: 0.75rem;
  --qds-panel-gap-children-unrelated: 1rem;
  --qds-panel-border-radius: 12px;
  --qds-panel-title: normal 1.875rem/2rem var(--qds-font-family-brand);
  --qds-panel-title-emphasized: bold 1.875rem/2rem var(--qds-font-family-brand);
  --qds-panel-subtitle: normal 1.5rem/1.75rem var(--qds-font-family-brand);
  --qds-panel-kicker: normal 1.125rem/1.5rem var(--qds-font-family-brand);
  --qds-panel-titles-gap: 0.25rem;
  --qds-panel-titles-icon-size: 2.5rem;
  --qds-panel-section-gap-children-related: 0.5rem;
  --qds-panel-section-gap-children-unrelated: 1.25rem;
  --qds-panel-section-title: normal 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-panel-section-title-emphasized: bold 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-panel-section-subtitle: normal 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-panel-section-kicker: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-panel-section-titles-gap: 0.25rem;
  --qds-panel-section-titles-icon-size: 2rem;
  --qds-panel-section-padding-top: 8px;
  --qds-panel-subsection-padding: 16px;
  --qds-panel-subsection-gap-children-related: 0.25rem;
  --qds-panel-subsection-gap-children-unrelated: 1rem;
  --qds-panel-subsection-border-radius: 8px;
  --qds-panel-subsection-title: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-panel-subsection-title-emphasized: bold 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-panel-subsection-subtitle: normal 0.9375rem/1rem var(--qds-font-family-brand);
  --qds-panel-subsection-kicker: normal 0.8125rem/1rem var(--qds-font-family-brand);
  --qds-panel-subsection-titles-gap: 0.25rem;
  --qds-panel-subsection-titles-icon-size: 1.75rem;
  --qds-navigation-padding: 24px;
  --qds-navigation-gap-children-related: 0.75rem;
  --qds-navigation-gap-children-unrelated: 1.5rem;
  --qds-navigation-border-radius: 12px;
  --qds-navigation-section-padding: 8px;
  --qds-navigation-section-gap-children-related: 0.5rem;
  --qds-navigation-section-gap-children-unrelated: 1.25rem;
  --qds-navigation-section-title: normal 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-navigation-section-title-emphasized: bold 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-navigation-section-subtitle: normal 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-navigation-section-kicker: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-navigation-section-titles-gap: 0.25rem;
  --qds-navigation-section-titles-icon-size: 2rem;
  --qds-navigation-subsection-padding: 12px;
  --qds-navigation-subsection-gap-children-related: 0.25rem;
  --qds-navigation-subsection-gap-children-unrelated: 1rem;
  --qds-navigation-subsection-border-radius: 8px;
  --qds-navigation-subsection-title: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-navigation-subsection-title-emphasized: bold 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-navigation-subsection-subtitle: normal 0.9375rem/1rem var(--qds-font-family-brand);
  --qds-navigation-subsection-kicker: normal 0.8125rem/1rem var(--qds-font-family-brand);
  --qds-navigation-subsection-titles-gap: 0.25rem;
  --qds-navigation-subsection-titles-icon-size: 1.75rem;
  --qds-navigation-toolbar-logo-padding-horizontal: 12px;
  --qds-popup-padding: 24px;
  --qds-popup-gap-children-related: 1rem;
  --qds-popup-gap-children-unrelated: 2rem;
  --qds-popup-border-radius: 12px;
  --qds-popup-title: normal 1.5rem/1.75rem var(--qds-font-family-brand);
  --qds-popup-title-emphasized: bold 1.5rem/1.75rem var(--qds-font-family-brand);
  --qds-popup-subtitle: normal 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-popup-kicker: normal 1.0625rem/1.25rem var(--qds-font-family-brand);
  --qds-popup-titles-gap: 0.25rem;
  --qds-popup-titles-icon-size: 2.25rem;
  --qds-popup-section-gap-children-related: 0.5rem;
  --qds-popup-section-gap-children-unrelated: 1.25rem;
  --qds-popup-section-title: normal 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-popup-section-title-emphasized: bold 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-popup-section-subtitle: normal 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-popup-section-kicker: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-popup-section-titles-gap: 0.25rem;
  --qds-popup-section-titles-icon-size: 2rem;
  --qds-popup-subsection-padding: 12px;
  --qds-popup-subsection-gap-children-related: 0.25rem;
  --qds-popup-subsection-gap-children-unrelated: 1rem;
  --qds-popup-subsection-border-radius: 8px;
  --qds-popup-subsection-title: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-popup-subsection-title-emphasized: bold 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-popup-subsection-subtitle: normal 0.9375rem/1rem var(--qds-font-family-brand);
  --qds-popup-subsection-kicker: normal 0.8125rem/1rem var(--qds-font-family-brand);
  --qds-popup-subsection-titles-gap: 0.25rem;
  --qds-popup-subsection-titles-icon-size: 1.75rem;
  --qds-accessory-padding: 16px;
  --qds-accessory-gap-children-related: 0.5rem;
  --qds-accessory-gap-children-unrelated: 1.25rem;
  --qds-accessory-gap-floating: 0.25rem;
  --qds-accessory-border-radius: 8px;
  --qds-accessory-title: normal 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-accessory-title-emphasized: bold 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-accessory-subtitle: normal 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-accessory-kicker: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-accessory-titles-gap: 0.25rem;
  --qds-accessory-titles-icon-size: 2rem;
  --qds-accessory-section-gap-children-related: 0.25rem;
  --qds-accessory-section-gap-children-unrelated: 1rem;
  --qds-accessory-section-border-radius: 8px;
  --qds-accessory-section-title: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-accessory-section-title-emphasized: bold 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-accessory-section-subtitle: normal 0.9375rem/1rem var(--qds-font-family-brand);
  --qds-accessory-section-kicker: normal 0.8125rem/1rem var(--qds-font-family-brand);
  --qds-accessory-section-titles-gap: 0.25rem;
  --qds-accessory-section-titles-icon-size: 1.75rem;
  --qds-control-small-height: 1.5rem;
  --qds-control-small-gap-siblings-related: 0.5rem;
  --qds-control-small-gap-siblings-unrelated: 1.5rem;
  --qds-control-small-text: normal 0.875rem/1.25rem var(--qds-font-family-brand);
  --qds-control-small-icon-size: 1.25rem;
  --qds-control-small-padding-auto-height: 2px;
  --qds-control-toggle-box-small-size: 1.25rem;
  --qds-control-toggle-box-standard-size: 1.5rem;
  --qds-control-toggle-box-large-size: 1.5rem;
  --qds-control-toggle-indicator-small-size: 0.625rem;
  --qds-control-toggle-indicator-standard-size: 0.75rem;
  --qds-control-toggle-indicator-large-size: 0.75rem;
  --qds-control-toggle-indicator-border-radius: 2px;
  --qds-control-toggle-indicator-rounded-border-radius: 9999px;
  --qds-control-standard-height: 2rem;
  --qds-control-standard-gap-siblings-related: 0.5rem;
  --qds-control-standard-gap-siblings-unrelated: 2rem;
  --qds-control-standard-text: normal 1rem/1.5rem var(--qds-font-family-brand);
  --qds-control-standard-icon-size: 1.5rem;
  --qds-control-standard-padding-auto-height: 4px;
  --qds-control-large-height: 2.5rem;
  --qds-control-large-gap-siblings-related: 0.75rem;
  --qds-control-large-gap-siblings-unrelated: 2.5rem;
  --qds-control-large-text: normal 1rem/1.5rem var(--qds-font-family-brand);
  --qds-control-large-icon-size: 1.5rem;
  --qds-control-large-padding-auto-height: 8px;
  --qds-control-jumbo-height: 8rem;
  --qds-control-jumbo-gap-siblings-related: 1rem;
  --qds-control-jumbo-gap-siblings-unrelated: 8rem;
  --qds-control-jumbo-text: normal 1rem/1.5rem var(--qds-font-family-brand);
  --qds-control-jumbo-icon-size: 6rem;
  --qds-control-button-padding-horizontal: 24px;
  --qds-control-button-gap-internal: 0.5rem;
  --qds-control-input-padding-horizontal: 8px;
  --qds-control-input-gap-internal: 0.25rem;
  --qds-control-border-radius: 4px;
  --qds-control-border-width: 1px;
  --qds-control-rounded-border-radius: 9999px;
  --qds-control-slider-knob-small-size: 1.125rem;
  --qds-control-slider-knob-standard-size: 1.375rem;
  --qds-control-slider-knob-large-size: 1.375rem;
  --qds-control-slider-knob-border-radius: 9999px;
  --qds-control-slider-track-small-size: 0.625rem;
  --qds-control-slider-track-standard-size: 0.75rem;
  --qds-control-slider-track-large-size: 0.75rem;
  --qds-control-slider-track-border-radius: 9999px;
  --qds-list-border-width: 1px;
  --qds-list-item-padding-horizontal: 16px;
  --qds-list-item-padding-vertical: 4px;
  --qds-list-item-padding-indent-step: 24px;
  --qds-list-item-gap-internal: 0.75rem;
  --qds-list-item-label-main: normal 1rem/1.5rem var(--qds-font-family-brand);
  --qds-list-item-label-secondary: normal 0.875rem/1.25rem var(--qds-font-family-brand);
  --qds-list-item-label-tertiary: normal 0.875rem/1.25rem var(--qds-font-family-brand);
  --qds-list-item-icon: 1.5rem;
  --qds-focus-border-offset: 4px;
  --qds-focus-border-radius: 8px;
  --qds-focus-border-width: 1px;
  --qds-focus-rounded-border-radius: 9999px;
  --qds-font-family-brand: Nunito, -apple-system, Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", "Ubuntu", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --qds-font-family-system: -apple-system, Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", "Ubuntu", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --qds-font-family-monospace: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
}
/**
 * SPDX-FileCopyrightText: © 2023 Schneider Electric
 * 
 * SPDX-License-Identifier: LGPL-2.1-only
 * 
 * Do not edit directly
 * Generated on Thu, 29 Jun 2023 23:21:57 GMT
 */

.qds-theme-light {
  --qds-theme-text-standard: #000000;
  --qds-theme-text-emphasized: #000000;
  --qds-theme-text-subdued: #626469;
  --qds-theme-link-default: #0075A3;
  --qds-theme-link-visited: #551A8B;
  --qds-theme-link-hover: #0a99ca;
  --qds-theme-link-pressed: #004d78;
  --qds-theme-title: #000000;
  --qds-theme-subtitle: #333333;
  --qds-theme-kicker: #626469;
  --qds-theme-figure-caption: #333333;
  --qds-theme-signature-color-default: #008a16;
  --qds-theme-signature-color-hover: #0fb542;
  --qds-theme-signature-color-pressed: #006b01;
  --qds-theme-signature-color-contrast: #ffffff;
  --qds-theme-signature-logo-standard: #009530;
  --qds-theme-signature-logo-subdued: #626469;
  --qds-theme-signature-app-name-standard: #009530;
  --qds-theme-signature-app-name-subdued: #626469;
  --qds-theme-signature-circle-progress-determinate: #008a16;
  --qds-theme-signature-circle-progress-indeterminate: conic-gradient(from 124deg at 66% 31%, #009530 0deg, #3dcd58 141deg, #3dcd5800 360deg);
  --qds-theme-signature-line-progress-determinate: #008a16;
  --qds-theme-signature-line-progress-indeterminate: linear-gradient(90deg, #3dcd58 0%, #009530 100%);
  --qds-theme-feedback-message-informational: #0075A3;
  --qds-theme-feedback-message-neutral: #333333;
  --qds-theme-feedback-message-critical: #de1500;
  --qds-theme-feedback-message-important: #ec8d00;
  --qds-theme-feedback-action-safe: #008a16;
  --qds-theme-feedback-action-unsafe: #ec8d00;
  --qds-theme-feedback-action-destructive-default: #de1500;
  --qds-theme-feedback-action-destructive-hover: #ff3e24;
  --qds-theme-feedback-action-destructive-pressed: #cc0000;
  --qds-theme-feedback-action-destructive-contrast: #ffffff;
  --qds-theme-feedback-status-good: #008a16;
  --qds-theme-feedback-status-concerning: #ec8d00;
  --qds-theme-feedback-status-bad: #de1500;
  --qds-theme-feedback-result-success: #008a16;
  --qds-theme-feedback-result-partial-success: #ec8d00;
  --qds-theme-feedback-result-failure: #de1500;
  --qds-theme-feedback-availability-available: #008a16;
  --qds-theme-feedback-availability-unavailable: #333333;
  --qds-theme-feedback-alarm-error: #de1500;
  --qds-theme-feedback-alarm-critical: #de1500;
  --qds-theme-feedback-alarm-severe: #de1500;
  --qds-theme-feedback-field-required: #de1500;
  --qds-theme-feedback-ansi-z5351-caution: #ffe100;
  --qds-theme-feedback-ansi-z5351-warning: #ff7900;
  --qds-theme-feedback-ansi-z5351-danger: #bd2024;
  --qds-theme-interactive-background-hover: #e6e6e6;
  --qds-theme-interactive-background-pressed: #cccccc;
  --qds-theme-interactive-background-selected: #cccccc;
  --qds-theme-focus-border: #0075A3;
  --qds-theme-disabled: 0.4;
  --qds-theme-main-background: #f4f4f4;
  --qds-theme-main-subsection-standard-background: #fcfcfc;
  --qds-theme-main-subsection-emphasized: 0px 4px 12px 0 #00000040;
  --qds-theme-panel-background: #f7f7f7;
  --qds-theme-panel-elevation: 0px 2px 16px 0 #00000040;
  --qds-theme-panel-subsection-standard-background: #ffffff;
  --qds-theme-panel-subsection-emphasized: 0px 4px 12px 0 #00000040;
  --qds-theme-navigation-background: #fcfcfc;
  --qds-theme-navigation-elevation: 0px 4px 32px 0 #00000040;
  --qds-theme-navigation-subsection-standard-background: #ffffff;
  --qds-theme-navigation-subsection-emphasized: 0px 4px 12px 0 #00000040;
  --qds-theme-popup-background: #ffffff;
  --qds-theme-popup-elevation: 0px 8px 40px 0 #00000040;
  --qds-theme-popup-subsection-standard-background: #ffffff;
  --qds-theme-popup-subsection-emphasized: 0px 4px 12px 0 #00000040;
  --qds-theme-popup-overlay-background: #00000040;
  --qds-theme-popup-overlay-opacity: 0.4;
  --qds-theme-popup-overlay-blur: 12px;
  --qds-theme-accessory-background: #ffffff;
  --qds-theme-accessory-section-standard-background: #ffffff;
  --qds-theme-accessory-section-emphasized-elevation: 0px 4px 12px 0 #00000040;
  --qds-theme-accessory-elevation: 0px 2px 8px 0 #00000040;
  --qds-theme-control-border: #626469;
  --qds-theme-control-slider-track-active: #000000;
  --qds-theme-control-slider-track-inactive: #c9c9c9;
  --qds-theme-control-text-standard: #000000;
  --qds-theme-control-text-placeholder: #626469;
  --qds-theme-control-input-background: #ffffff;
  --qds-theme-list-border: #d9d9d9;
  --qds-theme-list-item-label-main: #000000;
  --qds-theme-list-item-label-secondary: #333333;
  --qds-theme-list-item-label-tertiary: #626469;
  --qds-theme-divider-standard: #d9d9d9;
  --qds-theme-divider-emphasized: #9fa0a4;
}
* {
	font-family: "Nunito Sans", Arial, sans-serif !important;
}

/* Base body styles for full-screen application */
body {
	position: absolute;
	display: flex;
	flex-flow: column;
	width: 100%;
	height: 100%;
	margin: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	font-family: "Nunito Sans", Arial, sans-serif;
}

/* Global Scrollbar Styles - Consistent across application */
::-webkit-scrollbar {
	width: 10px;
	padding: 5px 1px 0px 1px;
	border-radius: 8px;
}

::-webkit-scrollbar-thumb {
	height: 7px;
	background: #cbcbcb;
	border: 1px;
	border-radius: 8px;
}

::-webkit-scrollbar-track {
	background: transparent;
}

::-webkit-scrollbar-button {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
}

#buswayComponent-buswayDiv canvas {
	display: block;
	width: 100% !important;
	height: 100% !important;
}

/* Edit-mode orientation navigation (home icon + view cube).
 * z-index 9000 — below scene toolbar/panels (10000) and modals (10001); see theme ZIndex.
 * pointer-events: none on the full-size anchor so the canvas stays clickable except on controls. */
.orientation-cube {
	position: absolute;
	inset: 0;
	z-index: 9000;
	pointer-events: none;
}

.orientation-cube canvas,
.orientation-cube .reset-scene {
	/* Re-enable interaction on the actual controls only */
	pointer-events: auto;
}

.orientation-cube canvas {
	display: block;
	width: 100px;
	height: 100px;
}

.reset-scene {
	/* Home icon — positioned relative to `.orientation-cube` containing block */
	position: absolute;
	top: 55px;
	right: 110px;
	width: 20px;
	height: 20px;
	color: #c0c0c0;
	cursor: pointer;
	opacity: 0.3;
}

.reset-scene:hover {
	opacity: 1;
	fill: #c0c0c0;
}

.szh-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
  width: max-content;
  z-index: 100;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.szh-menu:focus {
  outline: none;
}
.szh-menu__arrow {
  box-sizing: border-box;
  width: 0.75rem;
  height: 0.75rem;
  background-color: #fff;
  border: 1px solid transparent;
  border-left-color: rgba(0, 0, 0, 0.1);
  border-top-color: rgba(0, 0, 0, 0.1);
  z-index: -1;
}
.szh-menu__arrow--dir-left {
  right: -0.375rem;
  transform: translateY(-50%) rotate(135deg);
}
.szh-menu__arrow--dir-right {
  left: -0.375rem;
  transform: translateY(-50%) rotate(-45deg);
}
.szh-menu__arrow--dir-top {
  bottom: -0.375rem;
  transform: translateX(-50%) rotate(-135deg);
}
.szh-menu__arrow--dir-bottom {
  top: -0.375rem;
  transform: translateX(-50%) rotate(45deg);
}
.szh-menu__item {
  cursor: pointer;
}
.szh-menu__item:focus {
  outline: none;
}
.szh-menu__item--hover {
  background-color: #ebebeb;
}
.szh-menu__item--focusable {
  cursor: default;
  background-color: inherit;
}
.szh-menu__item--disabled {
  cursor: default;
  color: #aaa;
}
.szh-menu__group {
  box-sizing: border-box;
}
.szh-menu__radio-group {
  margin: 0;
  padding: 0;
  list-style: none;
}
.szh-menu__divider {
  height: 1px;
  margin: 0.5rem 0;
  background-color: rgba(0, 0, 0, 0.12);
}

.szh-menu-button {
  box-sizing: border-box;
}

.szh-menu {
  user-select: none;
  color: #212529;
  border: none;
  border-radius: 0.25rem;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.133), 0 0.6px 2px rgba(0, 0, 0, 0.1);
  min-width: 10rem;
  padding: 0.5rem 0;
}
.szh-menu__item {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0.375rem 1.5rem;
}
.szh-menu-container--itemTransition .szh-menu__item {
  transition-property: background-color, color;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
}
.szh-menu__item--type-radio {
  padding-left: 2.2rem;
}
.szh-menu__item--type-radio::before {
  content: "○";
  position: absolute;
  left: 0.8rem;
  top: 0.55rem;
  font-size: 0.8rem;
}
.szh-menu__item--type-radio.szh-menu__item--checked::before {
  content: "●";
}
.szh-menu__item--type-checkbox {
  padding-left: 2.2rem;
}
.szh-menu__item--type-checkbox::before {
  position: absolute;
  left: 0.8rem;
}
.szh-menu__item--type-checkbox.szh-menu__item--checked::before {
  content: "✔";
}
.szh-menu__submenu > .szh-menu__item {
  padding-right: 2.5rem;
}
.szh-menu__submenu > .szh-menu__item::after {
  content: "❯";
  position: absolute;
  right: 1rem;
}
.szh-menu__header {
  color: #888;
  font-size: 0.8rem;
  padding: 0.2rem 1.5rem;
  text-transform: uppercase;
}
.qds-icon[data-size="standard"].sc-qds-select {
	width: 12px !important;
	height: 12px !important;
}
.citation-card {
	padding: 1rem 1.25rem;
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: 0.5rem;
	transition:
		border-color 0.15s,
		box-shadow 0.15s;
}

.citation-card:hover {
	border-color: var(--text-muted);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.citation-card__header {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: center;
	margin-bottom: 0.35rem;
}

.citation-card__index {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--text-muted);
	background: var(--bg);
	border-radius: 0.25rem;
}

.citation-card__title {
	flex: 1;
	min-width: 0;
	margin: 0;
	font-size: 1rem;
	font-weight: 600;
	color: var(--text);
}

.citation-card__score {
	padding: 0.2rem 0.5rem;
	font-size: 0.75rem;
	color: var(--text-muted);
	background: var(--bg);
	border-radius: 999px;
}

.citation-card__path {
	margin: 0 0 0.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 0.8125rem;
	color: var(--text-muted);
	white-space: nowrap;
}

.citation-card__excerpt {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.5;
	color: var(--text);
}

.citation-card__expand {
	padding: 0;
	margin-left: 0.25rem;
	font-size: 0.875rem;
	color: var(--accent);
	text-decoration: underline;
	cursor: pointer;
	background: none;
	border: none;
}

.citation-card__expand:hover {
	color: var(--accent-hover);
}

.citation-card__expand:focus-visible {
	outline: 2px solid var(--accent);
	outline-offset: 2px;
}
