/**
 * Skipped minification because the original files appears to be already minified.
 * Original file: /npm/@engie-group/fluid-design-system@5.13.0/lib/fluid-design-system.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
.nj-btn, .nj-accordion .nj-accordion__action {
    --nj-btn-current-bg-color: var(--nj-btn-bg-color);
    --nj-btn-current-color: var(--nj-btn-color);
    --nj-btn-bg-color: var(--nj-semantic-color-background-brand-solid-default);
    --nj-btn-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-btn-font-weight: var(--nj-semantic-font-weight-normal);
    --nj-btn-hovered-bg-color: var(--nj-semantic-color-background-brand-solid-hovered);
    --nj-btn-hovered-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-btn-focused-bg-color: var(--nj-semantic-color-background-brand-solid-focused);
    --nj-btn-focused-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-btn-pressed-bg-color: var(--nj-semantic-color-background-brand-solid-pressed);
    --nj-btn-pressed-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-btn-border-color: transparent;
    --nj-btn-focused-ring-color: var(--nj-semantic-color-border-brand-strong-default);
    --nj-btn-icon-size: var(--nj-semantic-size-icon-md);
    --nj-btn-pad: var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-32);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    position: relative;
    display: inline-flex;
    gap: var(--nj-semantic-size-spacing-8);
    align-items: center;
    justify-content: center;
    padding: var(--nj-btn-pad);
    color: var(--nj-btn-current-color);
    font-weight: var(--nj-btn-font-weight);
    font-size: var(--nj-semantic-size-font-content-2);
    line-height: var(--nj-btn-icon-size);
    letter-spacing: 0;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    background: var(--nj-btn-current-bg-color);
    border: 1px solid var(--nj-btn-border-color);
    border-radius: var(--nj-semantic-size-border-radius-none);
    outline: 0;
    transition: color .2s, border-color .2s, background-color .2s;
    transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
    -webkit-user-select: none;
    user-select: none;
    fill: var(--nj-btn-current-color)
}

.nj-btn *, .nj-accordion .nj-accordion__action *, .nj-btn *::before, .nj-accordion .nj-accordion__action *::before, .nj-btn *::after, .nj-accordion .nj-accordion__action *::after {
    box-sizing: border-box
}

.nj-btn:not(:disabled):not(.disabled), .nj-accordion .nj-accordion__action:not(:disabled):not(.disabled) {
    cursor: pointer
}

.nj-btn:not(:disabled):not(.disabled):hover, .nj-accordion .nj-accordion__action:not(:disabled):not(.disabled):hover {
    --nj-btn-current-bg-color: var(--nj-btn-hovered-bg-color);
    --nj-btn-current-color: var(--nj-btn-hovered-color);
    text-decoration: none;
    outline: 0
}

.nj-btn:not(:disabled):not(.disabled):active, .nj-accordion .nj-accordion__action:not(:disabled):not(.disabled):active, .nj-btn:not(:disabled):not(.disabled).active, .nj-accordion .nj-accordion__action:not(:disabled):not(.disabled).active, .nj-btn:not(:disabled):not(.disabled)[aria-expanded=true], .nj-accordion .nj-accordion__action:not(:disabled):not(.disabled)[aria-expanded=true] {
    --nj-btn-current-bg-color: var(--nj-btn-pressed-bg-color);
    --nj-btn-current-color: var(--nj-btn-pressed-color);
    text-decoration: none
}

.nj-btn::after, .nj-accordion .nj-accordion__action::after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    box-sizing: content-box !important;
    width: 100%;
    height: 100%;
    padding: var(--nj-semantic-size-border-focus-ring-offset);
    border-radius: var(--nj-semantic-size-border-radius-none);
    box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-btn-focused-ring-color);
    transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
    opacity: 0;
    transition: opacity .2s, transform .2s;
    transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
    content: "";
    pointer-events: none
}

.nj-btn:focus-visible:not(:active), .nj-accordion .nj-accordion__action:focus-visible:not(:active) {
    --nj-btn-current-bg-color: var(--nj-btn-focused-bg-color);
    --nj-btn-current-color: var(--nj-btn-focused-color)
}

.nj-btn:focus-visible:not(:active):not(.disabled)::after, .nj-accordion .nj-accordion__action:focus-visible:not(:active):not(.disabled)::after {
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    opacity: 1
}

.nj-btn__icon {
    display: inline-flex;
    align-items: center;
    width: var(--nj-btn-icon-size);
    height: var(--nj-btn-icon-size);
    color: var(--nj-btn-current-color);
    font-size: var(--nj-btn-icon-size);
    transition: color .2s var(--nj-semantic-motion-easing-fast-out-slow-in);
    fill: var(--nj-btn-current-color)
}

.nj-btn__icon.material-icons {
    color: var(--nj-btn-current-color)
}

.nj-btn.disabled, .nj-accordion .disabled.nj-accordion__action, .nj-btn:disabled, .nj-accordion .nj-accordion__action:disabled {
    text-decoration: none;
    cursor: not-allowed;
    opacity: var(--nj-semantic-opacity-disabled)
}

.nj-btn--lg, .nj-search--lg .nj-search__button.nj-btn {
    font-size: var(--nj-semantic-size-font-content-1);
    --nj-btn-icon-size: var(--nj-semantic-size-icon-md);
    --nj-btn-pad: var(--nj-semantic-size-spacing-12) var(--nj-semantic-size-spacing-48)
}

.nj-btn--xl, .nj-search--xl .nj-search__button.nj-btn {
    font-size: var(--nj-semantic-size-font-content-1);
    --nj-btn-icon-size: var(--nj-semantic-size-icon-md);
    --nj-btn-pad: var(--nj-semantic-size-spacing-16) var(--nj-semantic-size-spacing-48)
}

.nj-btn--sm, .nj-search--sm .nj-search__button.nj-btn {
    font-size: var(--nj-semantic-size-font-content-3);
    --nj-btn-icon-size: var(--nj-semantic-size-icon-sm);
    --nj-btn-pad: var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-24)
}

.nj-btn--xs {
    font-size: var(--nj-semantic-size-font-content-3);
    --nj-btn-icon-size: var(--nj-semantic-size-icon-sm);
    --nj-btn-pad: var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-16)
}

.nj-btn--subtle, .nj-accordion .nj-accordion__action, .nj-btn--minimal {
    --nj-btn-bg-color: var(--nj-semantic-color-background-brand-primary-translucent-default);
    --nj-btn-color: var(--nj-semantic-color-text-brand-primary-default);
    --nj-btn-hovered-bg-color: var(--nj-semantic-color-background-brand-primary-translucent-hovered);
    --nj-btn-hovered-color: var(--nj-semantic-color-text-brand-primary-hovered);
    --nj-btn-pressed-bg-color: var(--nj-semantic-color-background-brand-primary-translucent-pressed);
    --nj-btn-pressed-color: var(--nj-semantic-color-text-brand-primary-pressed);
    --nj-btn-focused-bg-color: var(--nj-semantic-color-background-brand-primary-translucent-focused);
    --nj-btn-focused-color: var(--nj-semantic-color-text-brand-primary-focused)
}

.nj-btn--subtle, .nj-accordion .nj-accordion__action {
    --nj-btn-border-color: var(--nj-semantic-color-border-brand-strong-default)
}

.nj-btn--minimal {
    border: none
}

.nj-btn--secondary {
    --nj-btn-bg-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);
    --nj-btn-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-btn-hovered-bg-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-hovered);
    --nj-btn-hovered-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-btn-pressed-bg-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-pressed);
    --nj-btn-pressed-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-btn-focused-bg-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-focused);
    --nj-btn-focused-color: var(--nj-semantic-color-text-neutral-primary-default)
}

.nj-btn--secondary.nj-btn--subtle, .nj-accordion .nj-btn--secondary.nj-accordion__action, .nj-btn--secondary.nj-btn--minimal {
    --nj-btn-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-default);
    --nj-btn-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-btn-hovered-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
    --nj-btn-hovered-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-btn-pressed-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);
    --nj-btn-pressed-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-btn-focused-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-focused);
    --nj-btn-focused-color: var(--nj-semantic-color-text-neutral-primary-default)
}

.nj-btn--secondary.nj-btn--subtle, .nj-accordion .nj-btn--secondary.nj-accordion__action {
    --nj-btn-border-color: var(--nj-semantic-color-border-neutral-strong-default)
}

.nj-btn--secondary.nj-btn--minimal {
    border: none
}

.nj-btn--destructive {
    --nj-btn-bg-color: var(--nj-semantic-color-background-status-danger-solid-default);
    --nj-btn-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-btn-hovered-bg-color: var(--nj-semantic-color-background-status-danger-solid-hovered);
    --nj-btn-hovered-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-btn-pressed-bg-color: var(--nj-semantic-color-background-status-danger-solid-pressed);
    --nj-btn-pressed-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-btn-focused-bg-color: var(--nj-semantic-color-background-status-danger-solid-focused);
    --nj-btn-focused-color: var(--nj-semantic-color-text-neutral-inverse-default)
}

.nj-btn--destructive.nj-btn--subtle, .nj-accordion .nj-btn--destructive.nj-accordion__action, .nj-btn--destructive.nj-btn--minimal {
    --nj-btn-bg-color: var(--nj-semantic-color-background-status-danger-primary-translucent-default);
    --nj-btn-color: var(--nj-semantic-color-text-status-danger-primary-default);
    --nj-btn-hovered-bg-color: var(--nj-semantic-color-background-status-danger-primary-translucent-hovered);
    --nj-btn-hovered-color: var(--nj-semantic-color-text-status-danger-primary-hovered);
    --nj-btn-pressed-bg-color: var(--nj-semantic-color-background-status-danger-primary-translucent-pressed);
    --nj-btn-pressed-color: var(--nj-semantic-color-text-status-danger-primary-pressed);
    --nj-btn-focused-bg-color: var(--nj-semantic-color-background-status-danger-primary-translucent-focused);
    --nj-btn-focused-color: var(--nj-semantic-color-text-status-danger-primary-focused)
}

.nj-btn--destructive.nj-btn--subtle, .nj-accordion .nj-btn--destructive.nj-accordion__action {
    --nj-btn-border-color: var(--nj-semantic-color-border-status-danger-strong-default)
}

.nj-btn--destructive.nj-btn--minimal {
    border: none
}

.nj-btn--inverse {
    --nj-btn-bg-color: var(--nj-semantic-color-background-neutral-inverse-default);
    --nj-btn-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-btn-hovered-bg-color: var(--nj-semantic-color-background-neutral-inverse-hovered);
    --nj-btn-hovered-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-btn-pressed-bg-color: var(--nj-semantic-color-background-neutral-inverse-pressed);
    --nj-btn-pressed-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-btn-focused-bg-color: var(--nj-semantic-color-background-neutral-inverse-focused);
    --nj-btn-focused-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-btn-focused-ring-color: var(--nj-semantic-color-border-neutral-inverse-default)
}

.nj-btn--inverse.nj-btn--subtle, .nj-accordion .nj-btn--inverse.nj-accordion__action, .nj-btn--inverse.nj-btn--minimal {
    --nj-btn-bg-color: var(--nj-core-color-reference-neutral-alpha-inverse-0);
    --nj-btn-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-btn-hovered-bg-color: var(--nj-core-color-reference-neutral-alpha-inverse-200);
    --nj-btn-hovered-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-btn-pressed-bg-color: var(--nj-core-color-reference-neutral-alpha-inverse-300);
    --nj-btn-pressed-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-btn-focused-bg-color: var(--nj-core-color-reference-neutral-alpha-inverse-200);
    --nj-btn-focused-color: var(--nj-semantic-color-text-neutral-inverse-default)
}

.nj-btn--inverse.nj-btn--subtle, .nj-accordion .nj-btn--inverse.nj-accordion__action {
    --nj-btn-border-color: var(--nj-semantic-color-border-neutral-inverse-default)
}

a.nj-btn.disabled, .nj-accordion a.disabled.nj-accordion__action {
    pointer-events: none
}

.nj-accordion {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    --nj-accordion-item-shadow: none;
    display: flex;
    flex-direction: column
}

.nj-accordion *, .nj-accordion *::before, .nj-accordion *::after {
    box-sizing: border-box
}

.nj-accordion details.nj-accordion-item {
    background-color: var(--nj-semantic-color-background-neutral-primary-default);
    box-shadow: var(--nj-accordion-item-shadow)
}

.nj-accordion details.nj-accordion-item:not(:first-of-type) {
    --nj-accordion-item-shadow: inset 0 var(--nj-semantic-size-border-width) var(--nj-semantic-color-border-neutral-subtle-default)
}

.nj-accordion:is(.nj-accordion.nj-accordion--separated) details.nj-accordion-item {
    --nj-accordion-item-shadow: inset 0 0 0 var(--nj-semantic-size-border-width) var(--nj-semantic-color-border-neutral-subtle-default)
}

.nj-accordion.nj-accordion--no-border details.nj-accordion-item:not(:first-of-type) {
    --nj-accordion-item-shadow: none
}

.nj-accordion.nj-accordion--no-border:is(.nj-accordion.nj-accordion--no-border.nj-accordion--separated) details.nj-accordion-item {
    --nj-accordion-item-shadow: none
}

.nj-accordion.nj-accordion--separated {
    gap: var(--nj-semantic-size-spacing-12)
}

.nj-accordion .nj-accordion__actions {
    display: flex;
    gap: var(--nj-semantic-size-spacing-16);
    justify-content: flex-end;
    padding: var(--nj-semantic-size-spacing-16) 0
}

details.nj-accordion-item {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    --nj-accordion-item-font-size: var(--nj-semantic-size-font-content-1);
    --nj-accordion-item-font-size-large: var(--nj-semantic-size-font-heading-5);
    --nj-accordion-item-padding: var(--nj-semantic-size-spacing-16) var(--nj-semantic-size-spacing-24);
    --nj-accordion-item-padding-large: var(--nj-semantic-size-spacing-24);
    --nj-accordion-item-background-color: transparent;
    --nj-accordion-item-background-color-hover: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
    --nj-accordion-item-background-color-pressed: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);
    --nj-accordion-item-box-shadow: none;
    --nj-accordion-item-icon-size: 24px;
    color: var(--nj-semantic-color-text-neutral-primary-default)
}

details.nj-accordion-item *, details.nj-accordion-item *::before, details.nj-accordion-item *::after {
    box-sizing: border-box
}

details.nj-accordion-item > summary {
    display: flex;
    gap: var(--nj-semantic-size-spacing-16);
    align-items: center;
    justify-content: space-between;
    padding: var(--nj-accordion-item-padding);
    font-weight: var(--nj-semantic-font-weight-bold);
    font-size: var(--nj-accordion-item-font-size);
    list-style: none;
    background-color: var(--nj-accordion-item-background-color);
    box-shadow: var(--nj-accordion-item-box-shadow);
    cursor: pointer
}

details.nj-accordion-item > summary:hover, details.nj-accordion-item > summary:focus-visible {
    --nj-accordion-item-background-color: var(--nj-accordion-item-background-color-hover)
}

details.nj-accordion-item > summary:active {
    --nj-accordion-item-background-color: var(--nj-accordion-item-background-color-pressed)
}

details.nj-accordion-item > summary:focus-visible {
    outline: none;
    --nj-accordion-item-box-shadow: inset 0 0 0 2px var(--nj-semantic-color-border-brand-strong-default)
}

details.nj-accordion-item > summary .nj-accordion-item__label {
    flex-grow: 1
}

details.nj-accordion-item > summary .nj-accordion-item__icon {
    width: var(--nj-accordion-item-icon-size)
}

details.nj-accordion-item > summary .nj-accordion-item__toggle {
    color: var(--nj-semantic-color-icon-neutral-tertiary-default);
    font-size: var(--nj-semantic-size-icon-md)
}

details.nj-accordion-item > summary .nj-accordion-item__toggle.nj-accordion-item__toggle--opened {
    display: none
}

details.nj-accordion-item > .nj-accordion-item__content {
    margin: 0;
    padding: var(--nj-accordion-item-padding)
}

details.nj-accordion-item[open] .nj-accordion-item__toggle:not(details.nj-accordion-item[open] .nj-accordion-item__toggle.nj-accordion-item__toggle--closed,details.nj-accordion-item[open] .nj-accordion-item__toggle.nj-accordion-item__toggle--opened) {
    transform: rotate(180deg)
}

details.nj-accordion-item[open] .nj-accordion-item__toggle.nj-accordion-item__toggle--closed {
    display: none
}

details.nj-accordion-item[open] .nj-accordion-item__toggle.nj-accordion-item__toggle--opened {
    display: initial
}

details.nj-accordion-item.nj-accordion-item--lg {
    --nj-accordion-item-padding: var(--nj-accordion-item-padding-large);
    --nj-accordion-item-font-size: var(--nj-accordion-item-font-size-large)
}

details.nj-accordion-item.nj-accordion-item--leading-toggle summary .nj-accordion-item__toggle {
    order: 1
}

details.nj-accordion-item.nj-accordion-item--leading-toggle summary .nj-accordion-item__icon {
    order: 2
}

details.nj-accordion-item.nj-accordion-item--leading-toggle summary .nj-accordion-item__label {
    order: 3
}

.nj-badge {
    --nj-badge-text-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-badge-icon-color: var(--nj-semantic-color-icon-neutral-inverse-default);
    --nj-badge-background-color: var(--nj-semantic-color-background-neutral-solid-default);
    --nj-badge-border-color: var(--nj-semantic-color-border-neutral-inverse-default);
    --nj-badge-font-weight: var(--nj-semantic-font-weight-bold);
    --nj-badge-icon-gap: var(--nj-semantic-size-spacing-8);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0;
    padding: var(--nj-badge-padding);
    color: var(--nj-badge-text-color);
    font-weight: var(--nj-badge-font-weight);
    font-size: var(--nj-badge-font-size);
    line-height: 1;
    background-color: var(--nj-badge-background-color);
    border-radius: 1rem;
    box-shadow: 0 0 0 1px var(--nj-badge-border-color)
}

.nj-badge *, .nj-badge *::before, .nj-badge *::after {
    box-sizing: border-box
}

.nj-badge--information {
    --nj-badge-background-color: var(--nj-semantic-color-background-status-information-solid-default)
}

.nj-badge--information.nj-badge--subtle {
    --nj-badge-text-color: var(--nj-semantic-color-text-status-information-contrast-default);
    --nj-badge-icon-color: var(--nj-semantic-color-icon-status-information-contrast-default);
    --nj-badge-background-color: var(--nj-semantic-color-background-status-information-tertiary-translucent-default);
    --nj-badge-border-color: transparent
}

.nj-badge--information.nj-badge--minimal {
    --nj-badge-text-color: var(--nj-semantic-color-text-status-information-primary-default);
    --nj-badge-icon-color: var(--nj-semantic-color-icon-status-information-primary-default);
    --nj-badge-background-color: transparent;
    --nj-badge-border-color: var(--nj-semantic-color-border-status-information-subtle-default)
}

.nj-badge--danger {
    --nj-badge-background-color: var(--nj-semantic-color-background-status-danger-solid-default)
}

.nj-badge--danger.nj-badge--subtle {
    --nj-badge-text-color: var(--nj-semantic-color-text-status-danger-contrast-default);
    --nj-badge-icon-color: var(--nj-semantic-color-icon-status-danger-contrast-default);
    --nj-badge-background-color: var(--nj-semantic-color-background-status-danger-tertiary-translucent-default);
    --nj-badge-border-color: transparent
}

.nj-badge--danger.nj-badge--minimal {
    --nj-badge-text-color: var(--nj-semantic-color-text-status-danger-primary-default);
    --nj-badge-icon-color: var(--nj-semantic-color-icon-status-danger-primary-default);
    --nj-badge-background-color: transparent;
    --nj-badge-border-color: var(--nj-semantic-color-border-status-danger-subtle-default)
}

.nj-badge--warning {
    --nj-badge-background-color: var(--nj-semantic-color-background-status-warning-solid-default)
}

.nj-badge--warning.nj-badge--subtle {
    --nj-badge-text-color: var(--nj-semantic-color-text-status-warning-contrast-default);
    --nj-badge-icon-color: var(--nj-semantic-color-icon-status-warning-contrast-default);
    --nj-badge-background-color: var(--nj-semantic-color-background-status-warning-tertiary-translucent-default);
    --nj-badge-border-color: transparent
}

.nj-badge--warning.nj-badge--minimal {
    --nj-badge-text-color: var(--nj-semantic-color-text-status-warning-primary-default);
    --nj-badge-icon-color: var(--nj-semantic-color-icon-status-warning-primary-default);
    --nj-badge-background-color: transparent;
    --nj-badge-border-color: var(--nj-semantic-color-border-status-warning-subtle-default)
}

.nj-badge--success {
    --nj-badge-background-color: var(--nj-semantic-color-background-status-success-solid-default)
}

.nj-badge--success.nj-badge--subtle {
    --nj-badge-text-color: var(--nj-semantic-color-text-status-success-contrast-default);
    --nj-badge-icon-color: var(--nj-semantic-color-icon-status-success-contrast-default);
    --nj-badge-background-color: var(--nj-semantic-color-background-status-success-tertiary-translucent-default);
    --nj-badge-border-color: transparent
}

.nj-badge--success.nj-badge--minimal {
    --nj-badge-text-color: var(--nj-semantic-color-text-status-success-primary-default);
    --nj-badge-icon-color: var(--nj-semantic-color-icon-status-success-primary-default);
    --nj-badge-background-color: transparent;
    --nj-badge-border-color: var(--nj-semantic-color-border-status-success-subtle-default)
}

.nj-badge--discovery {
    --nj-badge-background-color: var(--nj-semantic-color-background-status-discovery-solid-default)
}

.nj-badge--discovery.nj-badge--subtle {
    --nj-badge-text-color: var(--nj-semantic-color-text-status-discovery-contrast-default);
    --nj-badge-icon-color: var(--nj-semantic-color-icon-status-discovery-contrast-default);
    --nj-badge-background-color: var(--nj-semantic-color-background-status-discovery-tertiary-translucent-default);
    --nj-badge-border-color: transparent
}

.nj-badge--discovery.nj-badge--minimal {
    --nj-badge-text-color: var(--nj-semantic-color-text-status-discovery-primary-default);
    --nj-badge-icon-color: var(--nj-semantic-color-icon-status-discovery-primary-default);
    --nj-badge-background-color: transparent;
    --nj-badge-border-color: var(--nj-semantic-color-border-status-discovery-subtle-default)
}

.nj-badge--planet {
    --nj-badge-background-color: var(--nj-semantic-color-background-status-planet-solid-default)
}

.nj-badge--planet.nj-badge--subtle {
    --nj-badge-text-color: var(--nj-semantic-color-text-status-planet-contrast-default);
    --nj-badge-icon-color: var(--nj-semantic-color-icon-status-planet-contrast-default);
    --nj-badge-background-color: var(--nj-semantic-color-background-status-planet-tertiary-translucent-default);
    --nj-badge-border-color: transparent
}

.nj-badge--planet.nj-badge--minimal {
    --nj-badge-text-color: var(--nj-semantic-color-text-status-planet-primary-default);
    --nj-badge-icon-color: var(--nj-semantic-color-icon-status-planet-primary-default);
    --nj-badge-background-color: transparent;
    --nj-badge-border-color: var(--nj-semantic-color-border-status-planet-subtle-default)
}

[data-theme=light] .nj-badge.nj-badge--warning:not(.nj-badge--subtle,.nj-badge--minimal), .nj-badge[data-theme=light].nj-badge--warning:not(.nj-badge--subtle,.nj-badge--minimal) {
    --nj-badge-text-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-badge-icon-color: var(--nj-semantic-color-icon-neutral-primary-default)
}

.nj-badge:has(>.nj-badge__icon), .nj-badge:has(>.nj-badge__icon).nj-icon-material {
    display: inline-flex;
    gap: var(--nj-badge-icon-gap);
    align-items: center
}

.nj-badge__icon, .nj-badge__icon.nj-icon-material {
    width: var(--nj-badge-icon-size);
    height: var(--nj-badge-icon-size);
    color: var(--nj-badge-icon-color);
    font-size: var(--nj-badge-icon-size)
}

.nj-badge--md, .nj-tab__item > .nj-badge, .nj-list-item__trailing:is(.nj-badge), .nj-badge {
    --nj-badge-font-size: var(--nj-semantic-size-font-content-3);
    --nj-badge-padding: 0.375rem var(--nj-semantic-size-spacing-8);
    --nj-badge-icon-size: var(--nj-semantic-size-icon-xs)
}

.nj-badge--sm {
    --nj-badge-font-size: var(--nj-semantic-size-font-content-4);
    --nj-badge-padding: var(--nj-semantic-size-spacing-4) 0.375rem;
    --nj-badge-icon-size: var(--nj-semantic-size-icon-2xs);
    --nj-badge-icon-gap: var(--nj-semantic-size-spacing-4)
}

.nj-badge--lg {
    --nj-badge-padding: 0.5625rem var(--nj-semantic-size-spacing-12);
    --nj-badge-font-size: var(--nj-semantic-size-font-content-2);
    --nj-badge-icon-size: var(--nj-semantic-size-icon-sm)
}

.nj-badge--uppercase {
    text-transform: uppercase
}

.nj-badge--subtle {
    --nj-badge-border-color: transparent;
    --nj-badge-background-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);
    --nj-badge-text-color: var(--nj-semantic-color-text-neutral-secondary-default);
    --nj-badge-icon-color: var(--nj-semantic-color-icon-neutral-secondary-default)
}

.nj-badge--minimal {
    --nj-badge-border-color: var(--nj-semantic-color-border-neutral-subtle-default);
    --nj-badge-background-color: transparent;
    --nj-badge-text-color: var(--nj-semantic-color-text-neutral-tertiary-default);
    --nj-badge-icon-color: var(--nj-semantic-color-icon-neutral-tertiary-default)
}

.nj-checkbox, .nj-list-item__leading:is(.nj-checkbox) {
    --nj-checkbox-size: 16px;
    --nj-checkbox-size-lg: 24px;
    --nj-checkbox-size-xl: 32px;
    --nj-checkbox-label-margin-top: -4px;
    --nj-checkbox-label-margin-top-lg: 0;
    --nj-checkbox-label-margin-top-xl: 4px;
    --nj-checkbox-label-margin-bottom: -6px;
    --nj-checkbox-label-margin-bottom-lg: 0;
    --nj-checkbox-label-margin-bottom-xl: 0;
    --nj-checkbox-line-height: var(--nj-semantic-font-line-height-default);
    --nj-checkbox-border-color: var(--nj-semantic-color-border-neutral-strong-default);
    --nj-checkbox-checked-border-color-hovered: var(--nj-semantic-color-border-brand-strong-hovered);
    --nj-checkbox-checked-border-color-pressed: var(--nj-semantic-color-border-brand-strong-pressed);
    --nj-checkbox-background-color: var(--nj-semantic-color-background-neutral-primary-default);
    --nj-checkbox-background-color-hovered: var(--nj-semantic-color-background-neutral-primary-hovered);
    --nj-checkbox-background-color-pressed: var(--nj-semantic-color-background-neutral-primary-pressed);
    --nj-checkbox-checked-background-color-hovered: var(--nj-semantic-color-background-brand-solid-hovered);
    --nj-checkbox-checked-background-color-pressed: var(--nj-semantic-color-border-brand-strong-pressed);
    --nj-checkbox-check-polygon: polygon(37.5% 67.375%, 20.125% 50%, 14.208% 55.875%, 37.5% 79.167%, 87.5% 29.167%, 81.625% 23.292%, 37.5% 67.375%);
    --nj-checkbox-indeterminate-polygon: polygon(20% 45%, 80% 45%, 80% 55%, 20% 55%, 20% 44%);
    --nj-semantic-size-border-focus-ring-offset: 4px;
    --nj-checkbox-subscript-color: var(--nj-semantic-color-text-neutral-tertiary-default);
    --nj-checkbox-subscript-color-success: var(--nj-semantic-color-text-status-success-primary-default);
    --nj-checkbox-subscript-color-error: var(--nj-semantic-color-text-status-danger-primary-default);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: relative
}

.nj-checkbox *, .nj-list-item__leading:is(.nj-checkbox) *, .nj-checkbox *::before, .nj-list-item__leading:is(.nj-checkbox) *::before, .nj-checkbox *::after, .nj-list-item__leading:is(.nj-checkbox) *::after {
    box-sizing: border-box
}

.nj-checkbox:not(:has(.nj-checkbox__error,.nj-checkbox__subscript)) {
    display: inline-flex
}

.nj-checkbox:has(label), .nj-list-item__leading:has(label):is(.nj-checkbox) {
    --nj-semantic-size-border-focus-ring-offset: 2px
}

.nj-checkbox:is(input[type=checkbox]), .nj-checkbox input[type=checkbox] {
    position: relative;
    flex-shrink: 0;
    width: var(--nj-checkbox-size);
    height: var(--nj-checkbox-size);
    margin: 0;
    background-color: var(--nj-checkbox-background-color);
    border: 2px solid;
    border-color: var(--nj-checkbox-border-color);
    cursor: pointer;
    appearance: none
}

.nj-checkbox:is(input[type=checkbox])::before, .nj-checkbox input[type=checkbox]::before {
    position: absolute;
    inset: 0
}

.nj-checkbox:is(input[type=checkbox]):hover, .nj-checkbox input[type=checkbox]:hover {
    background-color: var(--nj-checkbox-background-color-hovered)
}

.nj-checkbox:is(input[type=checkbox]):active, .nj-checkbox input[type=checkbox]:active {
    background-color: var(--nj-checkbox-background-color-pressed)
}

.nj-checkbox:is(input[type=checkbox]):is(:checked,:indeterminate), .nj-checkbox input[type=checkbox]:is(:checked,:indeterminate) {
    background-color: var(--nj-semantic-color-background-brand-solid-default);
    border-color: var(--nj-semantic-color-border-brand-strong-default)
}

.nj-checkbox:is(input[type=checkbox]):is(:checked,:indeterminate)::before, .nj-checkbox input[type=checkbox]:is(:checked,:indeterminate)::before {
    background-color: var(--nj-semantic-color-background-neutral-primary-default);
    content: ""
}

.nj-checkbox:is(input[type=checkbox]):is(:checked,:indeterminate):hover, .nj-checkbox input[type=checkbox]:is(:checked,:indeterminate):hover {
    background-color: var(--nj-checkbox-checked-background-color-hovered);
    border-color: var(--nj-checkbox-checked-border-color-hovered)
}

.nj-checkbox:is(input[type=checkbox]):is(:checked,:indeterminate):active, .nj-checkbox input[type=checkbox]:is(:checked,:indeterminate):active {
    background-color: var(--nj-checkbox-checked-background-color-pressed);
    border-color: var(--nj-checkbox-checked-border-color-pressed)
}

.nj-checkbox:is(input[type=checkbox]):checked::before, .nj-checkbox input[type=checkbox]:checked::before {
    clip-path: var(--nj-checkbox-check-polygon)
}

.nj-checkbox:is(input[type=checkbox]):indeterminate::before, .nj-checkbox input[type=checkbox]:indeterminate::before {
    clip-path: var(--nj-checkbox-indeterminate-polygon)
}

.nj-checkbox:is(input[type=checkbox])[aria-invalid=true], .nj-checkbox input[type=checkbox][aria-invalid=true] {
    border-color: var(--nj-semantic-color-border-status-danger-strong-default)
}

.nj-checkbox:is(input[type=checkbox]):disabled, .nj-checkbox input[type=checkbox]:disabled {
    cursor: not-allowed;
    opacity: var(--nj-semantic-opacity-disabled)
}

.nj-checkbox:is(input[type=checkbox]):disabled:hover, .nj-checkbox input[type=checkbox]:disabled:hover {
    background-color: var(--nj-semantic-color-background-neutral-primary-default);
    border-color: var(--nj-semantic-color-border-neutral-strong-default)
}

.nj-checkbox:is(input[type=checkbox]):disabled:hover:is(:checked,:indeterminate), .nj-checkbox input[type=checkbox]:disabled:hover:is(:checked,:indeterminate) {
    background-color: var(--nj-semantic-color-background-brand-solid-default);
    border-color: var(--nj-semantic-color-border-brand-strong-default)
}

.nj-checkbox:has(input[type=checkbox]:disabled) label {
    cursor: not-allowed
}

.nj-checkbox:has(input[type=checkbox]:disabled) label .nj-checkbox__label {
    opacity: var(--nj-semantic-opacity-disabled)
}

.nj-checkbox:not(:has(label),:has(.nj-checkbox__error)), .nj-checkbox label, .nj-list-item__leading:is(.nj-checkbox) label {
    position: relative;
    display: inline-flex;
    flex-wrap: nowrap;
    gap: var(--nj-semantic-size-spacing-8);
    align-items: flex-start;
    box-sizing: border-box;
    line-height: var(--nj-checkbox-line-height);
    cursor: pointer
}

.nj-checkbox--2xs {
    --nj-checkbox-size: var(--nj-checkbox-size-2xs);
    --nj-checkbox-label-margin-top: var(--nj-checkbox-label-margin-top-2xs);
    --nj-checkbox-label-margin-bottom: var(--nj-checkbox-label-margin-bottom-2xs)
}

.nj-checkbox--lg {
    --nj-checkbox-size: var(--nj-checkbox-size-lg);
    --nj-checkbox-label-margin-top: var(--nj-checkbox-label-margin-top-lg);
    --nj-checkbox-label-margin-bottom: var(--nj-checkbox-label-margin-bottom-lg)
}

.nj-checkbox--xl {
    --nj-checkbox-size: var(--nj-checkbox-size-xl);
    --nj-checkbox-label-margin-top: var(--nj-checkbox-label-margin-top-xl);
    --nj-checkbox-label-margin-bottom: var(--nj-checkbox-label-margin-bottom-xl)
}

.nj-checkbox::after, .nj-list-item__leading:is(.nj-checkbox)::after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    box-sizing: content-box !important;
    width: 100%;
    height: 100%;
    padding: var(--nj-semantic-size-border-focus-ring-offset);
    border-radius: var(--nj-semantic-size-border-radius-none);
    box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
    opacity: 0;
    transition: opacity .2s, transform .2s;
    transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
    content: "";
    pointer-events: none
}

.nj-checkbox:not([disabled]):not(:disabled):not(.nj-checkbox--disabled):not(.nj-checkbox--presentational):has(input:focus-visible), .nj-checkbox:not([disabled]):not(:disabled):not(.nj-checkbox--disabled):not(.nj-checkbox--presentational):is(input:focus-visible) {
    outline: none
}

.nj-checkbox:not([disabled]):not(:disabled):not(.nj-checkbox--disabled):not(.nj-checkbox--presentational):has(input:focus-visible)::after, .nj-checkbox:not([disabled]):not(:disabled):not(.nj-checkbox--disabled):not(.nj-checkbox--presentational):is(input:focus-visible)::after {
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    opacity: 1
}

.nj-checkbox:not([disabled]):not(:disabled):not(.nj-checkbox--disabled):not(.nj-checkbox--presentational):has(input:focus-visible) input, .nj-checkbox:not([disabled]):not(:disabled):not(.nj-checkbox--disabled):not(.nj-checkbox--presentational):is(input:focus-visible) input {
    outline: none
}

.nj-checkbox--success {
    --nj-checkbox-subscript-color: var(--nj-checkbox-subscript-color-success)
}

.nj-checkbox__subscript, .nj-checkbox__error {
    display: flex;
    flex-basis: 100%;
    gap: var(--nj-semantic-size-spacing-4);
    align-items: center;
    margin: var(--nj-semantic-size-spacing-4) 0 0 0;
    color: var(--nj-checkbox-subscript-color);
    font-size: var(--nj-semantic-size-font-content-2);
    line-height: var(--nj-semantic-size-font-heading-5)
}

.nj-checkbox--error, .nj-checkbox__error {
    --nj-checkbox-subscript-color: var(--nj-checkbox-subscript-color-error)
}

.nj-checkbox__error-icon {
    margin-right: .125rem;
    vertical-align: middle
}

.nj-checkbox__required {
    padding-left: var(--nj-semantic-size-spacing-2);
    color: var(--nj-semantic-color-text-status-danger-primary-default)
}

.nj-checkbox__label {
    margin-top: var(--nj-checkbox-label-margin-top);
    margin-bottom: var(--nj-checkbox-label-margin-bottom)
}

@keyframes select-open {
    0% {
        transform: scaleY(0.8);
        opacity: 0
    }
    100% {
        transform: scaleY(1);
        opacity: 1
    }
}

.nj-form-item {
    --nj-fc-field-wrapper-bg: var(--nj-semantic-color-background-neutral-primary-default);
    --nj-fc-field-wrapper-pad-top: calc(var(--nj-fc-label-height) * 0.5);
    --nj-fc-border-color: var(--nj-semantic-color-border-neutral-moderate-default);
    --nj-fc-hovered-border-color: var(--nj-semantic-color-border-brand-strong-default);
    --nj-fc-box-shadow: 0 0 0 1px;
    --nj-fc-additionnal-border-width: 0px;
    --nj-fc-field-pad-top: var(--nj-semantic-size-spacing-8);
    --nj-fc-field-pad-bottom: var(--nj-semantic-size-spacing-8);
    --nj-fc-field-pad-left: var(--nj-semantic-size-spacing-16);
    --nj-fc-field-pad-right: var(--nj-semantic-size-spacing-16);
    --nj-fc-label-bg: var(--nj-semantic-color-background-neutral-primary-default);
    --nj-fc-label-height: 24px;
    --nj-fc-label-color: var(--nj-semantic-color-text-neutral-tertiary-default);
    --nj-fc-label-top: var(--nj-fc-field-pad-top);
    --nj-fc-label-left: var(--nj-semantic-size-spacing-8);
    --nj-fc-label-pad: 0 var(--nj-semantic-size-spacing-4);
    --nj-fc-label-font-size: var(--nj-semantic-size-font-content-1);
    --nj-fc-icon-color: var(--nj-semantic-color-icon-neutral-tertiary-default);
    --nj-fc-icon-color-hovered: var(--nj-semantic-color-icon-neutral-tertiary-default);
    --nj-fc-subscript-color: var(--nj-semantic-color-text-neutral-tertiary-default);
    --nj-fc-subscript-color-success: var(--nj-semantic-color-text-status-success-primary-default);
    --nj-fc-subscript-color-error: var(--nj-semantic-color-text-status-danger-primary-default);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--nj-semantic-size-spacing-4);
    padding-top: var(--nj-fc-field-wrapper-pad-top);
    text-align: start
}

.nj-form-item *, .nj-form-item *::before, .nj-form-item *::after {
    box-sizing: border-box
}

.nj-form-item--xl {
    --nj-fc-field-pad-top: var(--nj-semantic-size-spacing-16);
    --nj-fc-field-pad-bottom: var(--nj-semantic-size-spacing-16)
}

.nj-form-item--lg {
    --nj-fc-field-pad-top: var(--nj-semantic-size-spacing-12);
    --nj-fc-field-pad-bottom: var(--nj-semantic-size-spacing-12)
}

.nj-form-item--sm {
    --nj-fc-field-pad-top: var(--nj-semantic-size-spacing-4);
    --nj-fc-field-pad-bottom: var(--nj-semantic-size-spacing-4)
}

.nj-form-item--static {
    --nj-fc-label-height: 20px;
    --nj-fc-field-wrapper-pad-top: calc(var(--nj-fc-label-height) + var(--nj-semantic-size-spacing-8));
    --nj-fc-label-top: 0;
    --nj-fc-label-left: 0;
    --nj-fc-label-pad: 0;
    --nj-fc-label-color: var(--nj-semantic-color-text-neutral-secondary-default);
    --nj-fc-label-font-size: var(--nj-semantic-size-font-content-2)
}

.nj-form-item--static .nj-form-item__field:focus ~ .nj-form-item__label {
    color: var(--nj-semantic-color-text-neutral-secondary-default)
}

.nj-form-item--disabled {
    opacity: var(--nj-semantic-opacity-disabled);
    pointer-events: none
}

.nj-form-item:not(.nj-form-item--static):not(.nj-form-item--error) .nj-form-item__field:not(:focus):not(:placeholder-shown) ~ .nj-form-item__label {
    --nj-fc-label-color: var(--nj-semantic-color-text-neutral-secondary-default)
}

.nj-form-item:not(.nj-form-item--static):not(.nj-form-item--error) .nj-form-item__field:focus:not(:placeholder-shown) ~ .nj-form-item__label {
    --nj-fc-label-color: var(--nj-semantic-color-text-brand-primary-default)
}

.nj-form-item:not(.nj-form-item--static) {
    --nj-fc-label-top: calc(var(--nj-fc-field-pad-top) + var(--nj-fc-field-wrapper-pad-top))
}

.nj-form-item:not(.nj-form-item--static) .nj-form-item__field:focus ~ .nj-form-item__label, .nj-form-item:not(.nj-form-item--static) .nj-form-item__field:not(:placeholder-shown) ~ .nj-form-item__label {
    background: linear-gradient(180deg, transparent calc(50% - 1 * var(--nj-fc-additionnal-border-width)), var(--nj-fc-label-bg) 0%);
    transform: translate3D(calc(-1 * var(--nj-semantic-size-spacing-4)), calc(-50% - 1 * var(--nj-fc-field-pad-top)), 0) scale3d(0.9, 0.9, 1)
}

.nj-form-item:not(.nj-form-item--static) .nj-form-item__field-wrapper:focus-within .nj-form-item__label {
    --nj-fc-label-color: var(--nj-semantic-color-text-brand-primary-default)
}

.nj-form-item--success {
    --nj-fc-subscript-color: var(--nj-fc-subscript-color-success)
}

.nj-form-item--error {
    --nj-fc-box-shadow: 0 0 0 1px;
    --nj-fc-additionnal-border-width: 1px;
    --nj-fc-border-color: var(--nj-semantic-color-border-status-danger-strong-default);
    --nj-fc-subscript-color: var(--nj-fc-subscript-color-error);
    --nj-fc-hovered-border-color: var(--nj-semantic-color-border-status-danger-strong-default)
}

.nj-form-item--error:not(.nj-form-item--static) {
    --nj-fc-label-color: var(--nj-semantic-color-text-status-danger-primary-default)
}

.nj-form-item--error:not(.nj-form-item--static) .nj-form-item__field-wrapper:hover {
    --nj-fc-label-color: var(--nj-semantic-color-text-status-danger-primary-default)
}

.nj-form-item--error:not(.nj-form-item--static) .nj-form-item__field-wrapper:focus-within .nj-form-item__label {
    --nj-fc-label-color: var(--nj-semantic-color-text-status-danger-primary-default)
}

.nj-form-item--error .nj-form-item__field-wrapper:focus-within {
    --nj-fc-box-shadow: 0 0 0 2px;
    --nj-fc-additionnal-border-width: 2px;
    --nj-fc-border-color: var(--nj-semantic-color-border-status-danger-strong-default)
}

.nj-form-item--error .nj-form-item__field:focus ~ .nj-form-item__label {
    --nj-fc-label-color: var(--nj-semantic-color-border-status-danger-strong-default)
}

.nj-form-item--textarea {
    --nj-fc-field-pad-right: var(--nj-semantic-size-spacing-4);
    --nj-fc-field-pad-bottom: var(--nj-semantic-size-spacing-4)
}

.nj-form-item--textarea .nj-form-item__field {
    min-height: 72px
}

.nj-form-item--password {
    --nj-fc-icon-pad-right: var(--nj-semantic-size-spacing-4);
    --nj-form-icon-pw-scale: scale3D(1, 0, 1)
}

.nj-form-item--password .nj-form-item__field-wrapper {
    padding-right: calc(var(--nj-fc-field-pad-right) - var(--nj-fc-icon-pad-right))
}

.nj-form-item--password .nj-form-item__password-button:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    box-sizing: content-box;
    width: 2px;
    height: 25px;
    overflow: hidden;
    background: var(--nj-semantic-color-icon-neutral-tertiary-default);
    box-shadow: 2px 0 0 0 var(--nj-semantic-color-background-neutral-tertiary-default);
    transform: rotate(-45deg) translate(-100%, 10px) var(--nj-form-icon-pw-scale);
    transform-origin: top left;
    transition: transform .25s var(--nj-semantic-motion-easing-fast-out-slow-in);
    content: ""
}

.nj-form-item--password.nj-form-item--visible {
    --nj-form-icon-pw-scale: scale3D(1, 1, 1)
}

.nj-form-item--select {
    min-width: 80px
}

.nj-form-item--select select optgroup, .nj-form-item--select select option {
    background-color: var(--nj-semantic-color-background-neutral-primary-default)
}

.nj-form-item--select .nj-form-item__field-wrapper {
    position: relative;
    padding: 0
}

.nj-form-item--select .nj-form-item__field {
    position: relative;
    z-index: 2;
    padding: var(--nj-fc-field-pad-top) calc(var(--nj-fc-field-pad-right) + 28px) var(--nj-fc-field-pad-bottom) var(--nj-fc-field-pad-left)
}

.nj-form-item--select .nj-form-item__field:not([aria-autocomplete]) {
    cursor: default
}

.nj-form-item--select .nj-form-item__icon {
    position: absolute;
    top: 50%;
    right: var(--nj-semantic-size-spacing-16);
    z-index: 1;
    transform: translateY(-50%)
}

.nj-form-item--select.nj-form-item--static .nj-form-item__label {
    top: calc(-1 * var(--nj-fc-field-wrapper-pad-top))
}

.nj-form-item--select.nj-form-item:not(.nj-form-item--static) {
    --nj-fc-label-top: var(--nj-fc-field-pad-top)
}

.nj-form-item--select.nj-form-item--custom-list:not(.nj-form-item--static):not(.nj-form-item--error):focus-within .nj-form-item__label {
    --nj-fc-label-color: var(--nj-semantic-color-text-brand-primary-default)
}

.nj-form-item--select.nj-form-item--custom-list .nj-form-item__field {
    pointer-events: none
}

.nj-form-item--select.nj-form-item--custom-list .nj-form-item__list {
    position: absolute;
    top: calc(100% + var(--nj-semantic-size-spacing-8));
    left: calc(var(--nj-semantic-size-spacing-4) * -1);
    z-index: var(--nj-semantic-elevation-z-index-dropdown);
    min-width: calc(100% + var(--nj-semantic-size-spacing-8));
    max-height: 224px;
    padding: var(--nj-semantic-size-spacing-8) 0;
    overflow: auto;
    background: var(--nj-semantic-color-background-neutral-primary-default);
    border: solid 1px var(--nj-semantic-color-border-neutral-subtle-default);
    border-radius: var(--nj-semantic-size-border-radius-none);
    transform: scaleY(0);
    transform-origin: top center;
    opacity: 0;
    will-change: transform, opacity
}

.nj-form-item--select.nj-form-item--custom-list .nj-form-item__list .nj-form-item__list-item-hint {
    margin: 0;
    padding: var(--nj-semantic-size-spacing-12) var(--nj-semantic-size-spacing-24);
    color: var(--nj-semantic-color-text-neutral-secondary-default);
    font-weight: var(--nj-semantic-font-weight-bold);
    font-size: var(--nj-semantic-size-font-content-1)
}

.nj-form-item--select.nj-form-item--custom-list .nj-form-item__list .nj-form-item__list-item-hint p {
    margin-bottom: 0
}

.nj-form-item--select.nj-form-item--custom-list .nj-form-item__custom-list-button {
    position: absolute;
    width: 100%;
    background: none;
    border: none;
    inset: 0;
    outline: none
}

.nj-form-item--select.nj-form-item--custom-list .nj-form-item__icon {
    z-index: initial;
    transition: transform .12s var(--nj-semantic-motion-easing-fast-out-slow-in)
}

.nj-form-item--select.nj-form-item--custom-list.nj-form-item--open .nj-form-item__list:not(.nj-form-item__list--no-animate) {
    animation: select-open .2s var(--nj-semantic-motion-easing-fast-out-slow-in) forwards
}

.nj-form-item--select.nj-form-item--custom-list.nj-form-item--open:not(.nj-form-item--static) .nj-form-item__label {
    background: linear-gradient(180deg, transparent calc(50% - 1 * var(--nj-fc-additionnal-border-width)), var(--nj-fc-label-bg) 0%);
    transform: translate3D(calc(-1 * var(--nj-semantic-size-spacing-4)), calc(-50% - 1 * var(--nj-fc-field-pad-top)), 0) scale3d(0.9, 0.9, 1)
}

.nj-form-item--select.nj-form-item--custom-list.nj-form-item--open .nj-form-item__icon {
    transform: translateY(-50%) rotate(-180deg)
}

.nj-form-item--autocomplete {
    min-width: 80px
}

.nj-form-item--autocomplete select optgroup, .nj-form-item--autocomplete select option {
    background-color: var(--nj-semantic-color-background-neutral-primary-default)
}

.nj-form-item--autocomplete .nj-form-item__field-wrapper {
    position: relative;
    padding: 0
}

.nj-form-item--autocomplete .nj-form-item__field {
    position: relative;
    z-index: 2;
    padding: var(--nj-fc-field-pad-top) calc(var(--nj-fc-field-pad-right) + 28px) var(--nj-fc-field-pad-bottom) var(--nj-fc-field-pad-left)
}

.nj-form-item--autocomplete .nj-form-item__field:not([aria-autocomplete]) {
    cursor: default
}

.nj-form-item--autocomplete .nj-form-item__icon {
    position: absolute;
    top: 50%;
    right: var(--nj-semantic-size-spacing-16);
    z-index: 1;
    transform: translateY(-50%)
}

.nj-form-item--autocomplete.nj-form-item--static .nj-form-item__label {
    top: calc(-1 * var(--nj-fc-field-wrapper-pad-top))
}

.nj-form-item--autocomplete.nj-form-item:not(.nj-form-item--static) {
    --nj-fc-label-top: var(--nj-fc-field-pad-top)
}

.nj-form-item--autocomplete .nj-form-item__list {
    position: absolute;
    top: calc(100% + var(--nj-semantic-size-spacing-8));
    left: calc(var(--nj-semantic-size-spacing-4) * -1);
    z-index: var(--nj-semantic-elevation-z-index-dropdown);
    min-width: calc(100% + var(--nj-semantic-size-spacing-8));
    max-height: 224px;
    padding: var(--nj-semantic-size-spacing-8) 0;
    overflow: auto;
    background: var(--nj-semantic-color-background-neutral-primary-default);
    border: solid 1px var(--nj-semantic-color-border-neutral-subtle-default);
    border-radius: var(--nj-semantic-size-border-radius-none);
    transform: scaleY(0);
    transform-origin: top center;
    opacity: 0;
    will-change: transform, opacity
}

.nj-form-item--autocomplete .nj-form-item__list .nj-form-item__list-item-hint {
    margin: 0;
    padding: var(--nj-semantic-size-spacing-12) var(--nj-semantic-size-spacing-24);
    color: var(--nj-semantic-color-text-neutral-secondary-default);
    font-weight: var(--nj-semantic-font-weight-bold);
    font-size: var(--nj-semantic-size-font-content-1)
}

.nj-form-item--autocomplete .nj-form-item__list .nj-form-item__list-item-hint p {
    margin-bottom: 0
}

.nj-form-item--autocomplete .nj-form-item__custom-list-button {
    position: absolute;
    width: 100%;
    background: none;
    border: none;
    inset: 0;
    outline: none
}

.nj-form-item--autocomplete .nj-form-item__icon {
    z-index: initial;
    transition: transform .12s var(--nj-semantic-motion-easing-fast-out-slow-in)
}

.nj-form-item--autocomplete.nj-form-item--open .nj-form-item__list:not(.nj-form-item__list--no-animate) {
    animation: select-open .2s var(--nj-semantic-motion-easing-fast-out-slow-in) forwards
}

.nj-form-item--autocomplete.nj-form-item--open:not(.nj-form-item--static) .nj-form-item__label {
    background: linear-gradient(180deg, transparent calc(50% - 1 * var(--nj-fc-additionnal-border-width)), var(--nj-fc-label-bg) 0%);
    transform: translate3D(calc(-1 * var(--nj-semantic-size-spacing-4)), calc(-50% - 1 * var(--nj-fc-field-pad-top)), 0) scale3d(0.9, 0.9, 1)
}

.nj-form-item--autocomplete.nj-form-item--open .nj-form-item__icon {
    transform: translateY(-50%) rotate(-180deg)
}

.nj-form-item--autocomplete .nj-form-item__field {
    cursor: text
}

.nj-form-item--multi-select {
    --nj-mutli-select-min-height: 42px
}

.nj-form-item--multi-select .nj-form-item__field-wrapper {
    min-height: var(--nj-mutli-select-min-height)
}

.nj-form-item--multi-select .nj-form-item__field {
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0)
}

.nj-form-item--multi-select .nj-form-item__selected-tags {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: var(--nj-semantic-size-spacing-8);
    align-items: center;
    width: 100%;
    min-height: var(--nj-mutli-select-min-height);
    padding: var(--nj-fc-field-pad-top) var(--nj-semantic-size-spacing-48) var(--nj-fc-field-pad-bottom) var(--nj-fc-field-pad-left);
    background: var(--nj-semantic-color-background-neutral-primary-translucent-default);
    border: none;
    outline: none;
    appearance: none
}

.nj-form-item--multi-select .nj-form-item__selected-tags .nj-tag {
    border: none;
    --nj-tag-background-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);
    --nj-tag-background-color-hovered: var(--nj-semantic-color-background-neutral-tertiary-translucent-hovered);
    --nj-tag-background-color-focused: var(--nj-semantic-color-background-neutral-tertiary-translucent-focused)
}

.nj-form-item--multi-select .nj-form-item__selected-tags .nj-tag--brand {
    --nj-tag-background-color: var(--nj-semantic-color-background-brand-tertiary-translucent-default);
    --nj-tag-background-color-hovered: var(--nj-semantic-color-background-brand-tertiary-translucent-hovered);
    --nj-tag-background-color-focused: var(--nj-semantic-color-background-brand-tertiary-translucent-focused)
}

.nj-form-item--multi-select.nj-form-item--sm {
    --nj-mutli-select-min-height: 32px
}

.nj-form-item--multi-select.nj-form-item--lg {
    --nj-mutli-select-min-height: 48px
}

.nj-form-item--multi-select.nj-form-item--xl {
    --nj-mutli-select-min-height: 56px
}

.nj-form-item--input-number .nj-form-item__field-wrapper {
    width: min-content;
    padding-inline: var(--nj-fc-field-pad-right)
}

.nj-form-item--input-number .nj-form-item__field {
    --nj-fc-field-characters-length: 1;
    padding-inline: var(--nj-fc-field-pad-right);
    width: calc(var(--nj-fc-field-pad-right) * 2 + var(--nj-fc-field-characters-length) * 1ch);
    text-align: center;
    font-variant-numeric: tabular-nums;
    appearance: textfield
}

.nj-form-item--input-number .nj-form-item__field::-webkit-outer-spin-button, .nj-form-item--input-number .nj-form-item__field::-webkit-inner-spin-button {
    appearance: none
}

.nj-form-item__field-wrapper {
    display: flex;
    gap: var(--nj-semantic-size-spacing-8);
    align-items: center;
    background: var(--nj-fc-field-wrapper-bg);
    border-color: var(--nj-fc-border-color);
    border-radius: var(--nj-semantic-size-border-radius-none);
    box-shadow: var(--nj-fc-box-shadow) var(--nj-fc-border-color)
}

.nj-form-item__field-wrapper:hover {
    --nj-fc-field-wrapper-bg: var(--nj-semantic-color-background-neutral-primary-hovered);
    --nj-fc-label-bg: var(--nj-semantic-color-background-neutral-primary-hovered);
    --nj-fc-icon-color: var(--nj-fc-icon-color-hovered);
    --nj-fc-label-color: var(--nj-semantic-color-text-neutral-secondary-default)
}

.nj-form-item__field-wrapper:focus-within {
    --nj-fc-border-color: var(--nj-semantic-color-border-brand-strong-default);
    --nj-fc-box-shadow: 0 0 0 2px;
    --nj-fc-additionnal-border-width: 1px;
    --nj-fc-field-wrapper-bg: var(--nj-semantic-color-background-neutral-primary-default);
    --nj-fc-label-bg: var(--nj-semantic-color-background-neutral-primary-default)
}

.nj-form-item__field {
    width: 100%;
    margin: 0;
    padding: var(--nj-fc-field-pad-top) var(--nj-fc-field-pad-right) var(--nj-fc-field-pad-bottom) var(--nj-fc-field-pad-left);
    color: var(--nj-semantic-color-text-neutral-primary-default);
    font-size: var(--nj-semantic-size-font-content-1);
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-size-font-heading-4);
    background: rgba(0, 0, 0, 0);
    border: none;
    outline: none;
    appearance: none
}

.nj-form-item__field::placeholder {
    color: rgba(0, 0, 0, 0);
    visibility: hidden;
    opacity: 0
}

.nj-form-item__field:disabled {
    pointer-events: none
}

.nj-form-item__field:focus ~ .nj-form-item__label {
    --nj-fc-label-color: var(--nj-semantic-color-text-brand-primary-default)
}

.nj-form-item__icon {
    position: absolute;
    right: var(--nj-fc-field-pad-right);
    color: var(--nj-fc-icon-color);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    fill: var(--nj-fc-icon-color)
}

.nj-form-item__icon.material-icons {
    color: var(--nj-fc-icon-color)
}

.nj-form-item__label {
    position: absolute;
    top: var(--nj-fc-label-top);
    left: var(--nj-fc-label-left);
    display: inline-flex;
    align-items: center;
    height: var(--nj-fc-label-height);
    margin: 0;
    padding: var(--nj-fc-label-pad);
    color: var(--nj-fc-label-color);
    font-size: var(--nj-fc-label-font-size);
    background: rgba(0, 0, 0, 0);
    transform-origin: 0 0;
    cursor: text;
    transition: color .3s, transform .3s;
    transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
    will-change: transform, color
}

.nj-form-item__required-asterisk {
    margin-left: var(--nj-semantic-size-spacing-4)
}

.nj-form-item__subscript {
    display: flex;
    gap: var(--nj-semantic-size-spacing-4);
    margin: 0;
    color: var(--nj-fc-subscript-color);
    font-size: var(--nj-semantic-size-font-content-2)
}

.nj-form-item__subscript--success {
    --nj-fc-subscript-color: var(--nj-fc-subscript-color-success)
}

.nj-form-item__subscript--error {
    --nj-fc-subscript-color: var(--nj-fc-subscript-color-error)
}

.nj-form-item__subscript-icon {
    padding-top: var(--nj-semantic-size-spacing-2);
    font-size: var(--nj-semantic-size-icon-sm)
}

.nj-form-item__list--appended {
    position: absolute;
    top: calc(100% + var(--nj-semantic-size-spacing-8));
    left: calc(var(--nj-semantic-size-spacing-4) * -1);
    z-index: var(--nj-semantic-elevation-z-index-dropdown);
    min-width: calc(100% + var(--nj-semantic-size-spacing-8));
    max-height: 224px;
    padding: var(--nj-semantic-size-spacing-8) 0;
    overflow: auto;
    background: var(--nj-semantic-color-background-neutral-primary-default);
    border: solid 1px var(--nj-semantic-color-border-neutral-subtle-default);
    border-radius: var(--nj-semantic-size-border-radius-none);
    transform: scaleY(0);
    transform-origin: top center;
    opacity: 0;
    will-change: transform, opacity
}

.nj-form-item__list--appended .nj-form-item__list-item-hint {
    margin: 0;
    padding: var(--nj-semantic-size-spacing-12) var(--nj-semantic-size-spacing-24);
    color: var(--nj-semantic-color-text-neutral-secondary-default);
    font-weight: var(--nj-semantic-font-weight-bold);
    font-size: var(--nj-semantic-size-font-content-1)
}

.nj-form-item__list--appended .nj-form-item__list-item-hint p {
    margin-bottom: 0
}

.nj-highlight {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    margin: 0;
    padding: 0;
    color: var(--nj-semantic-color-text-brand-primary-default);
    background: none
}

.nj-highlight *, .nj-highlight *::before, .nj-highlight *::after {
    box-sizing: border-box
}

.nj-icon-material {
    box-sizing: border-box;
    --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-primary-default);
    position: relative;
    color: var(--nj-material-icon-color)
}

.nj-icon-material *, .nj-icon-material *::before, .nj-icon-material *::after {
    box-sizing: border-box
}

.nj-icon-material--secondary {
    --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-secondary-default)
}

.nj-icon-material--tertiary, .nj-search__icon.nj-icon-material, .nj-list-item__icon:is(.nj-icon-material), .nj-list-item__trailing:is(.nj-icon-material) {
    --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-tertiary-default)
}

.nj-icon-material--inverse {
    --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-inverse-default)
}

.nj-icon-material--brand, .nj-list-item--navigation:where(.nj-list-item--navigation--interactive,:has(>.nj-list__item-wrapper:where(a,button))):not(:where(.nj-list-item--navigation--disabled,.nj-list-item--navigation[aria-disabled=true],.nj-list-item--navigation:has(button:disabled))):where(.nj-list-item--navigation--selected,.nj-list-item--navigation[aria-selected=true]) .nj-list-item__icon:is(.nj-icon-material) {
    --nj-material-icon-color: var(--nj-semantic-color-icon-brand-primary-default)
}

.nj-icon-material.nj-icon-material--grey {
    --nj-material-icon-color: var(--nj-semantic-color-icon-accent-grey-primary-default)
}

.nj-icon-material.nj-icon-material--blue {
    --nj-material-icon-color: var(--nj-semantic-color-icon-accent-blue-primary-default)
}

.nj-icon-material.nj-icon-material--teal {
    --nj-material-icon-color: var(--nj-semantic-color-icon-accent-teal-primary-default)
}

.nj-icon-material.nj-icon-material--pink {
    --nj-material-icon-color: var(--nj-semantic-color-icon-accent-pink-primary-default)
}

.nj-icon-material.nj-icon-material--orange {
    --nj-material-icon-color: var(--nj-semantic-color-icon-accent-orange-primary-default)
}

.nj-icon-material.nj-icon-material--red {
    --nj-material-icon-color: var(--nj-semantic-color-icon-accent-red-primary-default)
}

.nj-icon-material.nj-icon-material--green {
    --nj-material-icon-color: var(--nj-semantic-color-icon-accent-green-primary-default)
}

.nj-icon-material.nj-icon-material--ultramarine {
    --nj-material-icon-color: var(--nj-semantic-color-icon-accent-ultramarine-primary-default)
}

.nj-icon-material.nj-icon-material--yellow {
    --nj-material-icon-color: var(--nj-semantic-color-icon-accent-yellow-primary-default)
}

.nj-icon-material.nj-icon-material--purple {
    --nj-material-icon-color: var(--nj-semantic-color-icon-accent-purple-primary-default)
}

.nj-icon-material.nj-icon-material--lime {
    --nj-material-icon-color: var(--nj-semantic-color-icon-accent-lime-primary-default)
}

.nj-icon-material--color-inherit {
    --nj-material-icon-color: inherit
}

.nj-icon-material--xs {
    font-size: var(--nj-semantic-size-icon-xs)
}

.nj-icon-material--sm {
    font-size: var(--nj-semantic-size-icon-sm)
}

.nj-icon-material--md, .nj-list-item__icon:is(.nj-icon-material), .nj-list-item__trailing:is(.nj-icon-material) {
    font-size: var(--nj-semantic-size-icon-md)
}

.nj-icon-material--lg {
    font-size: var(--nj-semantic-size-icon-lg)
}

.nj-icon-material--xl {
    font-size: var(--nj-semantic-size-icon-xl)
}

.nj-icon-material--xxl {
    font-size: var(--nj-semantic-size-icon-xxl)
}

.nj-icon-material--3xl {
    font-size: var(--nj-semantic-size-icon-3xl)
}

.nj-icon-material--4xl {
    font-size: var(--nj-semantic-size-icon-4xl)
}

.nj-icon-material--5xl {
    font-size: var(--nj-semantic-size-icon-5xl)
}

.nj-icon-material--6xl {
    font-size: var(--nj-semantic-size-icon-6xl)
}

.nj-icon-material--size-inherit {
    font-size: inherit
}

.nj-icon-material-text {
    display: flex;
    gap: var(--nj-semantic-size-spacing-8);
    align-items: center
}

@font-face {
    font-weight: 400;
    font-family: iconfluid;
    font-style: normal;
    src: url("./components/icon/fonts/iconfluid.ttf") format("truetype"), url("./components/icon/fonts/iconfluid.woff") format("woff"), url("./components/icon/fonts/iconfluid.svg#iconfluid") format("svg")
}

.nj-icon {
    --nj-icon-engie-size: 6rem;
    --nj-icon-engie-color: var(--nj-semantic-color-icon-additional-signature-default);
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    display: inline-block;
    color: var(--nj-icon-engie-color);
    font-weight: 400;
    font-size: var(--nj-icon-engie-size);
    font-family: "iconfluid" !important;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.nj-icon *, .nj-icon *::before, .nj-icon *::after {
    box-sizing: border-box
}

.nj-icon--brand {
    --nj-icon-engie-color: var(--nj-semantic-color-icon-brand-primary-default)
}

.nj-icon--inverse {
    --nj-icon-engie-color: var(--nj-semantic-color-icon-neutral-inverse-default)
}

.nj-icon-add::before {
    content: ""
}

.nj-icon-air::before {
    content: ""
}

.nj-icon-arrowleft::before {
    content: ""
}

.nj-icon-arrowright::before {
    content: ""
}

.nj-icon-atoz::before {
    content: ""
}

.nj-icon-balance::before {
    content: ""
}

.nj-icon-building-search::before {
    content: ""
}

.nj-icon-building::before {
    content: ""
}

.nj-icon-call::before {
    content: ""
}

.nj-icon-camera::before {
    content: ""
}

.nj-icon-card-money-en::before {
    content: ""
}

.nj-icon-card-money::before {
    content: ""
}

.nj-icon-card-smartphone::before {
    content: ""
}

.nj-icon-card-validate::before {
    content: ""
}

.nj-icon-cardcross::before {
    content: ""
}

.nj-icon-cardexport::before {
    content: ""
}

.nj-icon-cardlock::before {
    content: ""
}

.nj-icon-cards::before {
    content: ""
}

.nj-icon-carload::before {
    content: ""
}

.nj-icon-cat::before {
    content: ""
}

.nj-icon-chat::before {
    content: ""
}

.nj-icon-chatbot::before {
    content: ""
}

.nj-icon-city::before {
    content: ""
}

.nj-icon-clock-sleep::before {
    content: ""
}

.nj-icon-clock::before {
    content: ""
}

.nj-icon-counter::before {
    content: ""
}

.nj-icon-cross::before {
    content: ""
}

.nj-icon-degrees::before {
    content: ""
}

.nj-icon-diagram::before {
    content: ""
}

.nj-icon-document-data::before {
    content: ""
}

.nj-icon-document-download::before {
    content: ""
}

.nj-icon-document-hand::before {
    content: ""
}

.nj-icon-document-money-en::before {
    content: ""
}

.nj-icon-document-money::before {
    content: ""
}

.nj-icon-document-search::before {
    content: ""
}

.nj-icon-document-upload::before {
    content: ""
}

.nj-icon-document::before {
    content: ""
}

.nj-icon-dropbox::before {
    content: ""
}

.nj-icon-duo::before {
    content: ""
}

.nj-icon-electric-car::before {
    content: ""
}

.nj-icon-electric-fire::before {
    content: ""
}

.nj-icon-electric-outlet::before {
    content: ""
}

.nj-icon-electric::before {
    content: ""
}

.nj-icon-enlighten::before {
    content: ""
}

.nj-icon-enveloppe::before {
    content: ""
}

.nj-icon-exclamation::before {
    content: ""
}

.nj-icon-expert::before {
    content: ""
}

.nj-icon-eye::before {
    content: ""
}

.nj-icon-family-1::before {
    content: ""
}

.nj-icon-family-2::before {
    content: ""
}

.nj-icon-family-3::before {
    content: ""
}

.nj-icon-farenheit::before {
    content: ""
}

.nj-icon-finger-touch::before {
    content: ""
}

.nj-icon-fire::before {
    content: ""
}

.nj-icon-forest::before {
    content: ""
}

.nj-icon-gas-pump::before {
    content: ""
}

.nj-icon-gauge::before {
    content: ""
}

.nj-icon-hand-tool::before {
    content: ""
}

.nj-icon-handkey::before {
    content: ""
}

.nj-icon-handup::before {
    content: ""
}

.nj-icon-hob::before {
    content: ""
}

.nj-icon-house-energy::before {
    content: ""
}

.nj-icon-house::before {
    content: ""
}

.nj-icon-houses::before {
    content: ""
}

.nj-icon-imbalance::before {
    content: ""
}

.nj-icon-info::before {
    content: ""
}

.nj-icon-insulation::before {
    content: ""
}

.nj-icon-juggle::before {
    content: ""
}

.nj-icon-label-for-rent::before {
    content: ""
}

.nj-icon-label-for-sale::before {
    content: ""
}

.nj-icon-like::before {
    content: ""
}

.nj-icon-list::before {
    content: ""
}

.nj-icon-lock::before {
    content: ""
}

.nj-icon-luggage::before {
    content: ""
}

.nj-icon-map::before {
    content: ""
}

.nj-icon-medal::before {
    content: ""
}

.nj-icon-moon::before {
    content: ""
}

.nj-icon-nature::before {
    content: ""
}

.nj-icon-north-earth::before {
    content: ""
}

.nj-icon-nuclear::before {
    content: ""
}

.nj-icon-number-counter::before {
    content: ""
}

.nj-icon-person-rotate::before {
    content: ""
}

.nj-icon-picture-web::before {
    content: ""
}

.nj-icon-piggybank-en::before {
    content: ""
}

.nj-icon-piggybank::before {
    content: ""
}

.nj-icon-plan::before {
    content: ""
}

.nj-icon-planning-cancel::before {
    content: ""
}

.nj-icon-planning-clock::before {
    content: ""
}

.nj-icon-profile::before {
    content: ""
}

.nj-icon-question::before {
    content: ""
}

.nj-icon-recycling::before {
    content: ""
}

.nj-icon-robot::before {
    content: ""
}

.nj-icon-sale-label::before {
    content: ""
}

.nj-icon-satellite::before {
    content: ""
}

.nj-icon-shower::before {
    content: ""
}

.nj-icon-silence::before {
    content: ""
}

.nj-icon-smartphone-hand::before {
    content: ""
}

.nj-icon-smartphone-home::before {
    content: ""
}

.nj-icon-smartphone::before {
    content: ""
}

.nj-icon-smoke::before {
    content: ""
}

.nj-icon-solar-panel-flux::before {
    content: ""
}

.nj-icon-solar-panel::before {
    content: ""
}

.nj-icon-squaremeters::before {
    content: ""
}

.nj-icon-sun::before {
    content: ""
}

.nj-icon-sunmoon::before {
    content: ""
}

.nj-icon-tanker::before {
    content: ""
}

.nj-icon-temperature::before {
    content: ""
}

.nj-icon-ten-loading::before {
    content: ""
}

.nj-icon-ten-minus::before {
    content: ""
}

.nj-icon-ten-plus::before {
    content: ""
}

.nj-icon-ten-refresh::before {
    content: ""
}

.nj-icon-tools::before {
    content: ""
}

.nj-icon-transfer::before {
    content: ""
}

.nj-icon-trash::before {
    content: ""
}

.nj-icon-twenty-four::before {
    content: ""
}

.nj-icon-two-thousand-minus::before {
    content: ""
}

.nj-icon-two-thousand-plus::before {
    content: ""
}

.nj-icon-unlock::before {
    content: ""
}

.nj-icon-validate::before {
    content: ""
}

.nj-icon-ventilator::before {
    content: ""
}

.nj-icon-water::before {
    content: ""
}

.nj-icon-wifi::before {
    content: ""
}

.nj-icon-btn {
    --nj-icon-btn-current-bg-color: var(--nj-icon-btn-bg-color);
    --nj-icon-btn-current-color: var(--nj-icon-btn-color);
    --nj-icon-btn-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-default);
    --nj-icon-btn-color: var(--nj-semantic-color-icon-neutral-primary-default);
    --nj-icon-btn-hovered-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
    --nj-icon-btn-hovered-color: var(--nj-semantic-color-icon-neutral-primary-default);
    --nj-icon-btn-pressed-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);
    --nj-icon-btn-pressed-color: var(--nj-semantic-color-icon-neutral-primary-default);
    --nj-icon-btn-focused-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-focused);
    --nj-icon-btn-focused-color: var(--nj-semantic-color-icon-neutral-primary-default);
    --nj-icon-btn-focused-ring-color: var(--nj-semantic-color-border-brand-strong-default);
    --nj-icon-btn-font-weight: var(--nj-semantic-font-weight-normal);
    --nj-icon-btn-padding: var(--nj-semantic-size-spacing-4);
    --nj-icon-btn-icon-size: var(--nj-semantic-size-icon-sm);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--nj-icon-btn-padding);
    color: var(--nj-icon-btn-current-color);
    font-weight: var(--nj-icon-btn-font-weight);
    font-size: var(--nj-icon-btn-icon-size);
    line-height: var(--nj-icon-btn-icon-size);
    text-decoration: none;
    background: var(--nj-icon-btn-current-bg-color);
    border: none;
    border-radius: var(--nj-semantic-size-border-radius-none);
    outline: 0;
    transition: color .2s, border-color .2s, background-color .2s;
    transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
    -webkit-user-select: none;
    user-select: none;
    fill: var(--nj-icon-btn-current-color)
}

.nj-icon-btn *, .nj-icon-btn *::before, .nj-icon-btn *::after {
    box-sizing: border-box
}

.nj-icon-btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.nj-icon-btn::after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    box-sizing: content-box !important;
    width: 100%;
    height: 100%;
    padding: var(--nj-semantic-size-border-focus-ring-offset);
    border-radius: var(--nj-semantic-size-border-radius-none);
    box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-icon-btn-focused-ring-color);
    transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
    opacity: 0;
    transition: opacity .2s, transform .2s;
    transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
    content: "";
    pointer-events: none
}

.nj-icon-btn:focus-visible:not(:active) {
    --nj-icon-btn-current-bg-color: var(--nj-icon-btn-focused-bg-color);
    --nj-icon-btn-current-color: var(--nj-icon-btn-focused-color)
}

.nj-icon-btn:focus-visible:not(:active):not(.disabled)::after {
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    opacity: 1
}

.nj-icon-btn__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--nj-icon-btn-icon-size);
    height: var(--nj-icon-btn-icon-size);
    color: var(--nj-icon-btn-current-color);
    font-size: var(--nj-icon-btn-icon-size);
    transition: color .2s var(--nj-semantic-motion-easing-fast-out-slow-in);
    fill: var(--nj-icon-btn-current-color)
}

.nj-icon-btn__icon.material-icons {
    color: var(--nj-icon-btn-current-color)
}

.nj-icon-btn:not(:disabled):not(.disabled):hover {
    --nj-icon-btn-current-bg-color: var(--nj-icon-btn-hovered-bg-color);
    --nj-icon-btn-current-color: var(--nj-icon-btn-hovered-color);
    text-decoration: none;
    outline: 0
}

.nj-icon-btn:not(:disabled):not(.disabled):active, .nj-icon-btn:not(:disabled):not(.disabled).active, .nj-icon-btn:not(:disabled):not(.disabled)[aria-expanded=true] {
    --nj-icon-btn-current-bg-color: var(--nj-icon-btn-pressed-bg-color);
    --nj-icon-btn-current-color: var(--nj-icon-btn-pressed-color);
    text-decoration: none
}

.nj-icon-btn.disabled, .nj-icon-btn:disabled {
    text-decoration: none;
    cursor: not-allowed;
    opacity: var(--nj-semantic-opacity-disabled)
}

.nj-icon-btn--2xs {
    --nj-icon-btn-padding: 0;
    --nj-icon-btn-icon-size: var(--nj-semantic-size-icon-sm)
}

.nj-icon-btn--xs {
    --nj-icon-btn-padding: var(--nj-semantic-size-spacing-4);
    --nj-icon-btn-icon-size: var(--nj-semantic-size-icon-sm)
}

.nj-icon-btn--sm, .nj-search__clear-button.nj-icon-btn {
    --nj-icon-btn-padding: var(--nj-semantic-size-spacing-4);
    --nj-icon-btn-icon-size: var(--nj-semantic-size-icon-md)
}

.nj-icon-btn--md {
    --nj-icon-btn-padding: var(--nj-semantic-size-spacing-8);
    --nj-icon-btn-icon-size: var(--nj-semantic-size-icon-md)
}

.nj-icon-btn--lg {
    --nj-icon-btn-padding: var(--nj-semantic-size-spacing-12);
    --nj-icon-btn-icon-size: var(--nj-semantic-size-icon-md)
}

.nj-icon-btn--xl {
    --nj-icon-btn-padding: var(--nj-semantic-size-spacing-16);
    --nj-icon-btn-icon-size: var(--nj-semantic-size-icon-md)
}

.nj-icon-btn--secondary {
    --nj-icon-btn-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-default);
    --nj-icon-btn-color: var(--nj-semantic-color-icon-neutral-secondary-default);
    --nj-icon-btn-hovered-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
    --nj-icon-btn-hovered-color: var(--nj-semantic-color-icon-neutral-secondary-default);
    --nj-icon-btn-focused-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-focused);
    --nj-icon-btn-focused-color: var(--nj-semantic-color-icon-neutral-secondary-default);
    --nj-icon-btn-pressed-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);
    --nj-icon-btn-pressed-color: var(--nj-semantic-color-icon-neutral-secondary-default)
}

.nj-icon-btn--tertiary, .nj-search__clear-button.nj-icon-btn {
    --nj-icon-btn-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-default);
    --nj-icon-btn-color: var(--nj-semantic-color-icon-neutral-tertiary-default);
    --nj-icon-btn-hovered-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
    --nj-icon-btn-hovered-color: var(--nj-semantic-color-icon-neutral-tertiary-default);
    --nj-icon-btn-focused-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-focused);
    --nj-icon-btn-focused-color: var(--nj-semantic-color-icon-neutral-tertiary-default);
    --nj-icon-btn-pressed-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);
    --nj-icon-btn-pressed-color: var(--nj-semantic-color-icon-neutral-tertiary-default)
}

.nj-icon-btn--brand {
    --nj-icon-btn-bg-color: var(--nj-semantic-color-background-brand-primary-translucent-default);
    --nj-icon-btn-color: var(--nj-semantic-color-icon-brand-primary-default);
    --nj-icon-btn-hovered-bg-color: var(--nj-semantic-color-background-brand-primary-translucent-hovered);
    --nj-icon-btn-hovered-color: var(--nj-semantic-color-icon-brand-primary-default);
    --nj-icon-btn-focused-bg-color: var(--nj-semantic-color-background-brand-primary-translucent-focused);
    --nj-icon-btn-focused-color: var(--nj-semantic-color-icon-brand-primary-default);
    --nj-icon-btn-pressed-bg-color: var(--nj-semantic-color-background-brand-primary-translucent-pressed);
    --nj-icon-btn-pressed-color: var(--nj-semantic-color-icon-brand-primary-default)
}

.nj-icon-btn--destructive {
    --nj-icon-btn-bg-color: var(--nj-semantic-color-background-status-danger-primary-translucent-default);
    --nj-icon-btn-color: var(--nj-semantic-color-icon-status-danger-primary-default);
    --nj-icon-btn-hovered-bg-color: var(--nj-semantic-color-background-status-danger-primary-translucent-hovered);
    --nj-icon-btn-hovered-color: var(--nj-semantic-color-icon-status-danger-primary-default);
    --nj-icon-btn-pressed-bg-color: var(--nj-semantic-color-background-status-danger-primary-translucent-pressed);
    --nj-icon-btn-pressed-color: var(--nj-semantic-color-icon-status-danger-primary-default);
    --nj-icon-btn-focused-bg-color: var(--nj-semantic-color-background-status-danger-primary-translucent-focused);
    --nj-icon-btn-focused-color: var(--nj-semantic-color-icon-status-danger-primary-default)
}

.nj-icon-btn--inverse {
    --nj-icon-btn-bg-color: var(--nj-core-color-reference-neutral-alpha-inverse-0);
    --nj-icon-btn-color: var(--nj-semantic-color-icon-neutral-inverse-default);
    --nj-icon-btn-hovered-bg-color: var(--nj-core-color-reference-neutral-alpha-inverse-200);
    --nj-icon-btn-hovered-color: var(--nj-semantic-color-icon-neutral-inverse-default);
    --nj-icon-btn-pressed-bg-color: var(--nj-core-color-reference-neutral-alpha-inverse-300);
    --nj-icon-btn-pressed-color: var(--nj-semantic-color-icon-neutral-inverse-default);
    --nj-icon-btn-focused-bg-color: var(--nj-core-color-reference-neutral-alpha-inverse-200);
    --nj-icon-btn-focused-color: var(--nj-semantic-color-icon-neutral-inverse-default);
    --nj-icon-btn-focused-ring-color: var(--nj-semantic-color-border-neutral-inverse-default)
}

a.nj-icon-btn.disabled {
    pointer-events: none
}

.nj-list {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    display: flex;
    flex-direction: column;
    gap: var(--nj-semantic-size-spacing-0);
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-color: var(--nj-semantic-color-background-neutral-primary-translucent-default)
}

.nj-list *, .nj-list *::before, .nj-list *::after {
    box-sizing: border-box
}

.nj-list .nj-list__item:has(>.nj-list__item-wrapper) > .nj-list__item-wrapper {
    padding-top: var(--nj-semantic-size-spacing-12);
    padding-bottom: var(--nj-semantic-size-spacing-12)
}

.nj-list .nj-list__item:not(:has(>.nj-list__item-wrapper)) {
    padding-top: var(--nj-semantic-size-spacing-12);
    padding-bottom: var(--nj-semantic-size-spacing-12)
}

.nj-list--sm .nj-list__item:has(>.nj-list__item-wrapper) > .nj-list__item-wrapper {
    padding-top: var(--nj-semantic-size-spacing-8);
    padding-bottom: var(--nj-semantic-size-spacing-8)
}

.nj-list--sm .nj-list__item:not(:has(>.nj-list__item-wrapper)) {
    padding-top: var(--nj-semantic-size-spacing-8);
    padding-bottom: var(--nj-semantic-size-spacing-8)
}

.nj-list--md .nj-list__item:has(>.nj-list__item-wrapper) > .nj-list__item-wrapper {
    padding-top: var(--nj-semantic-size-spacing-12);
    padding-bottom: var(--nj-semantic-size-spacing-12)
}

.nj-list--md .nj-list__item:not(:has(>.nj-list__item-wrapper)) {
    padding-top: var(--nj-semantic-size-spacing-12);
    padding-bottom: var(--nj-semantic-size-spacing-12)
}

.nj-list--lg .nj-list__item:has(>.nj-list__item-wrapper) > .nj-list__item-wrapper {
    padding-top: var(--nj-semantic-size-spacing-20);
    padding-bottom: var(--nj-semantic-size-spacing-20)
}

.nj-list--lg .nj-list__item:not(:has(>.nj-list__item-wrapper)) {
    padding-top: var(--nj-semantic-size-spacing-20);
    padding-bottom: var(--nj-semantic-size-spacing-20)
}

.nj-list--has-border {
    gap: var(--nj-semantic-size-border-width)
}

.nj-list--has-border .nj-list__item:not(:first-of-type) {
    position: relative
}

.nj-list--has-border .nj-list__item:not(:first-of-type)::before {
    position: absolute;
    top: calc(0px - var(--nj-semantic-size-border-width));
    left: 0;
    width: 100%;
    border-top: solid var(--nj-semantic-color-border-neutral-subtle-default) var(--nj-semantic-size-border-width);
    content: ""
}

.nj-list__item {
    line-height: var(--nj-semantic-font-line-height-default);
    background-color: var(--nj-semantic-color-background-neutral-primary-translucent-default);
    border: none;
    opacity: 1
}

.nj-list__item:has(>.nj-list__item-wrapper) > .nj-list__item-wrapper {
    padding: var(--nj-semantic-size-spacing-24)
}

.nj-list__item:not(:has(>.nj-list__item-wrapper)) {
    padding: var(--nj-semantic-size-spacing-24)
}

.nj-list__item:has(>.nj-list__item-wrapper) {
    display: grid;
    grid-template-columns:minmax(0, 1fr)
}

.nj-list__item:where(.nj-list__item--interactive,:has(>.nj-list__item-wrapper:where(a,button))):where(.nj-list__item--disabled,.nj-list__item[aria-disabled=true],.nj-list__item:has(button:disabled)) {
    cursor: default;
    opacity: var(--nj-semantic-opacity-disabled);
    pointer-events: none
}

.nj-list__item:where(.nj-list__item--interactive,:has(>.nj-list__item-wrapper:where(a,button))):not(:where(.nj-list__item--disabled,.nj-list__item[aria-disabled=true],.nj-list__item:has(button:disabled))):where(.nj-list__item--focused,.nj-list__item:focus-visible,.nj-list__item:has(>.nj-list__item-wrapper:where(a,button):focus-visible)) {
    background-color: var(--nj-semantic-color-background-neutral-primary-translucent-focused);
    outline: none;
    box-shadow: 0 0 0 2px var(--nj-semantic-color-border-brand-strong-default) inset
}

.nj-list__item:where(.nj-list__item--interactive,:has(>.nj-list__item-wrapper:where(a,button))):not(:where(.nj-list__item--disabled,.nj-list__item[aria-disabled=true],.nj-list__item:has(button:disabled))):where(.nj-list__item--selected,.nj-list__item[aria-selected=true]) {
    background-color: var(--nj-semantic-color-background-neutral-primary-translucent-selected);
    box-shadow: 2px 0 0 0 var(--nj-semantic-color-border-brand-strong-default) inset
}

.nj-list__item:where(.nj-list__item--interactive,:has(>.nj-list__item-wrapper:where(a,button))):not(:where(.nj-list__item--disabled,.nj-list__item[aria-disabled=true],.nj-list__item:has(button:disabled))):where(.nj-list__item--selected,.nj-list__item[aria-selected=true]):where(.nj-list__item--focused,.nj-list__item:focus-visible,.nj-list__item:has(>.nj-list__item-wrapper:where(a,button):focus-visible)) {
    box-shadow: 0 0 0 2px var(--nj-semantic-color-border-brand-strong-default) inset
}

.nj-list__item:where(.nj-list__item--interactive,:has(>.nj-list__item-wrapper:where(a,button))):not(:where(.nj-list__item--disabled,.nj-list__item[aria-disabled=true],.nj-list__item:has(button:disabled))):not(:where(.nj-list__item--focused,.nj-list__item:focus-visible,.nj-list__item:has(>.nj-list__item-wrapper:where(a,button):focus-visible)),.nj-list__item--selected,.nj-list__item[aria-selected=true]):where(.nj-list__item--hovered,.nj-list__item:hover) {
    background-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
    box-shadow: 2px 0 0 0 var(--nj-semantic-color-border-brand-strong-default) inset
}

.nj-list__item-wrapper:is(a) {
    all: unset
}

.nj-list__item-wrapper:is(button) {
    all: unset;
    outline: none
}

.nj-list__item-wrapper:is(a,button) {
    cursor: pointer
}

.nj-toggle {
    --nj-toggle-label-color: var(--nj-semantic-color-text-neutral-secondary-default);
    --nj-toggle-icon-color: var(--nj-semantic-color-icon-neutral-secondary-default);
    --nj-toggle-background-color: var(--nj-semantic-color-background-neutral-solid-default);
    --nj-toggle-thumb--bg-color: var(--nj-semantic-color-background-neutral-primary-default);
    --nj-toggle-track-width: 32px;
    --nj-toggle-track-height: 16px;
    --nj-toggle-handle-radius: 12px;
    --nj-toggle-handle-translate: 16px;
    --nj-toggle-handle-left: 2px;
    --nj-toggle-icon-size: var(--nj-semantic-size-icon-sm);
    --nj-toggle-text-size: var(--nj-semantic-size-font-content-1);
    --nj-toggle-lg-track-width: 64px;
    --nj-toggle-lg-track-height: 32px;
    --nj-toggle-lg-handle-radius: 24px;
    --nj-toggle-lg-handle-translate: 32px;
    --nj-toggle-lg-handle-left: 4px;
    --nj-toggle-lg-text-size: var(--nj-semantic-size-font-content-1);
    --nj-toggle-lg-icon-size: var(--nj-semantic-size-icon-sm);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: relative;
    display: inline-block
}

.nj-toggle *, .nj-toggle *::before, .nj-toggle *::after {
    box-sizing: border-box
}

.nj-toggle::after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    box-sizing: content-box !important;
    width: 100%;
    height: 100%;
    padding: var(--nj-semantic-size-border-focus-ring-offset);
    border-radius: var(--nj-semantic-size-border-radius-none);
    box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
    opacity: 0;
    transition: opacity .2s, transform .2s;
    transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
    content: "";
    pointer-events: none
}

.nj-toggle:has(input[type=checkbox]:not(:disabled)):hover {
    --nj-toggle-background-color: var(--nj-semantic-color-background-neutral-solid-hovered)
}

.nj-toggle:has(input[type=checkbox]:not(:disabled)) input[type=checkbox]:checked ~ .nj-toggle__track {
    --nj-toggle-background-color: var(--nj-semantic-color-background-brand-solid-hovered)
}

.nj-toggle:has(input[type=checkbox]:not(:disabled)):focus-visible {
    --nj-toggle-background-color: var(--nj-semantic-color-background-neutral-solid-focused)
}

.nj-toggle:has(input[type=checkbox]:not(:disabled)):focus-visible::after {
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    opacity: 1
}

.nj-toggle:has(input[type=checkbox]:not(:disabled)):active {
    --nj-toggle-background-color: var(--nj-semantic-color-background-neutral-solid-pressed)
}

.nj-toggle:has(input[type=checkbox]:not(:disabled)):active input[type=checkbox]:checked ~ .nj-toggle__track {
    --nj-toggle-background-color: var(--nj-semantic-color-background-brand-solid-pressed)
}

.nj-toggle:has(input[type=checkbox]:not(:disabled)):focus-within {
    --nj-toggle-background-color: var(--nj-semantic-color-background-neutral-solid-focused)
}

.nj-toggle:has(input[type=checkbox]:not(:disabled)):focus-within::after {
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    opacity: 1
}

.nj-toggle:has(input[type=checkbox]:not(:disabled)):focus-within input[type=checkbox]:checked ~ .nj-toggle__track {
    --nj-toggle-background-color: var(--nj-semantic-color-background-brand-solid-focused)
}

.nj-toggle--lg {
    --nj-toggle-track-width: var(--nj-toggle-lg-track-width);
    --nj-toggle-track-height: var(--nj-toggle-lg-track-height);
    --nj-toggle-handle-radius: var(--nj-toggle-lg-handle-radius);
    --nj-toggle-handle-translate: var(--nj-toggle-lg-handle-translate);
    --nj-toggle-handle-left: var(--nj-toggle-lg-handle-left);
    --nj-toggle-text-size: var(--nj-toggle-lg-text-size);
    --nj-toggle-icon-size: var(--nj-toggle-lg-icon-size)
}

.nj-toggle--md, .nj-list-item__trailing:is(.nj-toggle) {
    --nj-toggle-track-width: 32px;
    --nj-toggle-track-height: 16px;
    --nj-toggle-handle-radius: 12px;
    --nj-toggle-handle-translate: 16px;
    --nj-toggle-handle-left: 2px;
    --nj-toggle-text-size: var(--nj-semantic-size-font-content-1);
    --nj-toggle-icon-size: var(--nj-semantic-size-icon-sm)
}

.nj-toggle:has(input[type=checkbox]:disabled) {
    opacity: var(--nj-semantic-opacity-disabled)
}

.nj-toggle:has(input[type=checkbox]:disabled) label {
    cursor: not-allowed
}

.nj-toggle input[type=checkbox]:disabled {
    cursor: not-allowed;
    pointer-events: none
}

.nj-toggle--inherit {
    --nj-toggle-label-color: inherit
}

.nj-toggle * {
    -webkit-user-select: none;
    user-select: none
}

.nj-toggle label {
    display: flex;
    gap: var(--nj-semantic-size-spacing-8);
    align-items: center;
    margin-bottom: 0;
    color: var(--nj-toggle-label-color);
    font-size: var(--nj-toggle-text-size);
    cursor: pointer
}

.nj-toggle input[type=checkbox] {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none
}

.nj-toggle input[type=checkbox]:checked ~ .nj-toggle__track::before {
    transform: translate(var(--nj-toggle-handle-translate), -50%)
}

.nj-toggle input[type=checkbox]:checked ~ .nj-toggle__track {
    --nj-toggle-background-color: var(--nj-semantic-color-background-brand-solid-default)
}

.nj-toggle__track {
    position: relative;
    display: block;
    flex-shrink: 0;
    width: var(--nj-toggle-track-width);
    height: var(--nj-toggle-track-height);
    background-color: var(--nj-toggle-background-color);
    border-radius: var(--nj-toggle-track-width);
    transition: background-color .25s var(--nj-semantic-motion-easing-fast-out-slow-in)
}

.nj-toggle__track::before {
    position: absolute;
    top: 50%;
    left: var(--nj-toggle-handle-left);
    width: var(--nj-toggle-handle-radius);
    height: calc(var(--nj-toggle-track-height) * .75);
    background-color: var(--nj-toggle-thumb--bg-color);
    border-radius: var(--nj-toggle-handle-radius);
    transform: translate(0, -50%);
    transition: transform .25s var(--nj-semantic-motion-easing-fast-out-slow-in);
    content: ""
}

.nj-toggle__icon {
    display: block;
    width: var(--nj-toggle-icon-size);
    height: var(--nj-toggle-icon-size);
    color: var(--nj-toggle-icon-color);
    font-size: var(--nj-toggle-icon-size);
    fill: var(--nj-toggle-icon-color)
}

.nj-toggle__icon .material-icons {
    font-size: inherit
}

.nj-list-item {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default)
}

.nj-list-item *, .nj-list-item *::before, .nj-list-item *::after {
    box-sizing: border-box
}

.nj-list-item:has(>.nj-list__item-wrapper) > .nj-list__item-wrapper {
    display: flex;
    align-items: center
}

.nj-list-item:not(:has(>.nj-list__item-wrapper)) {
    display: flex;
    align-items: center
}

.nj-list-item--navigation:has(>.nj-list__item-wrapper) > .nj-list__item-wrapper {
    gap: var(--nj-semantic-size-spacing-16)
}

.nj-list-item--navigation:not(:has(>.nj-list__item-wrapper)) {
    gap: var(--nj-semantic-size-spacing-16)
}

.nj-list-item--navigation:where(.nj-list-item--navigation--interactive,:has(>.nj-list__item-wrapper:where(a,button))):not(:where(.nj-list-item--navigation--disabled,.nj-list-item--navigation[aria-disabled=true],.nj-list-item--navigation:has(button:disabled))):where(.nj-list-item--navigation--selected,.nj-list-item--navigation[aria-selected=true]) .nj-list-item__content {
    font-weight: var(--nj-semantic-font-weight-bold)
}

.nj-list-item--selection:has(>.nj-list__item-wrapper) > .nj-list__item-wrapper {
    gap: var(--nj-semantic-size-spacing-8)
}

.nj-list-item--selection:not(:has(>.nj-list__item-wrapper)) {
    gap: var(--nj-semantic-size-spacing-8)
}

.nj-list-item__content {
    flex-grow: 1;
    overflow: hidden;
    color: var(--nj-semantic-color-text-neutral-primary-default);
    white-space: nowrap;
    text-overflow: ellipsis
}

.nj-list-item__secondary {
    flex-shrink: 0;
    color: var(--nj-semantic-color-text-neutral-tertiary-default)
}

.nj-menu {
    z-index: var(--nj-semantic-elevation-z-index-popover);
    padding: var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-0);
    background-color: var(--nj-semantic-color-background-neutral-primary-default);
    border: solid var(--nj-semantic-size-border-width) var(--nj-semantic-color-border-neutral-subtle-default);
    border-radius: var(--nj-semantic-size-border-radius-none)
}

.nj-menu hr {
    border: none;
    border-top: solid var(--nj-semantic-size-border-width) var(--nj-semantic-color-border-neutral-subtle-default);
    margin-block: var(--nj-semantic-size-spacing-4)
}

.nj-menu--scrollable {
    --nj-menu-max-height: 224px;
    max-height: var(--nj-menu-max-height);
    overflow: auto
}

.nj-menu--full-width {
    width: 100%
}

.nj-menu-group__header {
    padding: var(--nj-semantic-size-spacing-12) var(--nj-semantic-size-spacing-24);
    color: var(--nj-semantic-color-text-neutral-secondary-default);
    font-weight: var(--nj-semantic-font-weight-bold)
}

.nj-pagination {
    --nj-pagination-gap: var(--nj-semantic-size-spacing-8);
    --nj-pagination-border-radius: var(--nj-semantic-size-border-radius-none);
    --nj-pagination-background-color: transparent;
    --nj-pagination-background-color-hovered: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
    --nj-pagination-background-color-focused: var(--nj-semantic-color-background-neutral-primary-translucent-focused);
    --nj-pagination-background-color-pressed: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);
    --nj-pagination-background-color-active: var(--nj-semantic-color-background-neutral-primary-translucent-selected);
    --nj-pagination-font-weight: var(--nj-semantic-font-weight-normal);
    --nj-pagination-border-scaling: scale3d(0, 0, 0);
    --nj-pagination-border-scaling-active: scale3d(1, 1, 1);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    display: flex;
    gap: var(--nj-pagination-gap);
    align-items: center;
    padding-left: 0;
    list-style: none
}

.nj-pagination *, .nj-pagination *::before, .nj-pagination *::after {
    box-sizing: border-box
}

.nj-pagination__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--nj-pagination-border-radius)
}

.nj-pagination__item:not(.nj-pagination__item--disabled):not(.nj-pagination__item--active) .nj-pagination__link:hover {
    --nj-pagination-background-color: var(--nj-pagination-background-color-hovered)
}

.nj-pagination__item:not(.nj-pagination__item--disabled):not(.nj-pagination__item--active) .nj-pagination__link:focus-visible {
    --nj-pagination-background-color: var(--nj-pagination-background-color-focused)
}

.nj-pagination__item:not(.nj-pagination__item--disabled):not(.nj-pagination__item--active) .nj-pagination__link:focus-visible:before {
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    opacity: 1
}

.nj-pagination__item:not(.nj-pagination__item--disabled):not(.nj-pagination__item--active) .nj-pagination__link:active {
    --nj-pagination-background-color: var(--nj-pagination-background-color-pressed)
}

.nj-pagination__item:not(.nj-pagination__item--disabled):not(.nj-pagination__item--active) .nj-pagination__link:hover, .nj-pagination__item:not(.nj-pagination__item--disabled):not(.nj-pagination__item--active) .nj-pagination__link:focus-visible, .nj-pagination__item:not(.nj-pagination__item--disabled):not(.nj-pagination__item--active) .nj-pagination__link:active {
    --nj-pagination-border-scaling: var(--nj-pagination-border-scaling-active)
}

.nj-pagination__item--disabled {
    opacity: var(--nj-semantic-opacity-disabled);
    pointer-events: none
}

.nj-pagination__item--active {
    --nj-pagination-font-weight: var(--nj-semantic-font-weight-bold);
    --nj-pagination-background-color: var(--nj-pagination-background-color-active);
    --nj-pagination-border-scaling: var(--nj-pagination-border-scaling-active)
}

.nj-pagination__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-8);
    color: var(--nj-semantic-color-text-neutral-primary-default);
    font-weight: var(--nj-pagination-font-weight);
    font-size: var(--nj-semantic-size-font-content-2);
    text-decoration: none;
    background-color: var(--nj-pagination-background-color);
    border: none;
    outline: none;
    cursor: pointer;
    transition: background .25s var(--nj-semantic-motion-easing-linear-out-slow-in)
}

.nj-pagination__link:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    box-sizing: content-box !important;
    width: 100%;
    height: 100%;
    padding: var(--nj-semantic-size-border-focus-ring-offset);
    border-radius: var(--nj-semantic-size-border-radius-none);
    box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
    opacity: 0;
    transition: opacity .2s, transform .2s;
    transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
    content: "";
    pointer-events: none
}

.nj-pagination__link:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .125rem;
    background: var(--nj-semantic-color-border-brand-strong-default);
    transform: var(--nj-pagination-border-scaling);
    transform-origin: center center;
    transition: transform .25s var(--nj-semantic-motion-easing-linear-out-slow-in);
    content: ""
}

.nj-pagination__more {
    color: var(--nj-semantic-color-text-neutral-primary-default);
    fill: var(--nj-semantic-color-text-neutral-primary-default)
}

.nj-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    clip: rect(0, 0, 0, 0)
}

.nj-sr-only-focusable:active, .nj-sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    white-space: normal;
    clip: auto
}

.nj-search {
    --nj-search-border-color: var(--nj-semantic-color-border-neutral-moderate-default);
    --nj-search-field-background: none;
    --nj-search-box-shadow: inset 0 -1px 0 0 var(--nj-search-border-color), inset 0 1px 0 0 var(--nj-search-border-color), inset -1px 0 0 0 var(--nj-search-border-color), inset 1px 0 0 0 var(--nj-search-border-color);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    display: flex;
    width: 100%
}

.nj-search *, .nj-search *::before, .nj-search *::after {
    box-sizing: border-box
}

.nj-search--sm .nj-search__field {
    padding-top: var(--nj-semantic-size-spacing-4);
    padding-bottom: var(--nj-semantic-size-spacing-4)
}

.nj-search--md .nj-search__field {
    padding-top: var(--nj-semantic-size-spacing-8);
    padding-bottom: var(--nj-semantic-size-spacing-8)
}

.nj-search--lg .nj-search__field {
    padding-top: var(--nj-semantic-size-spacing-12);
    padding-bottom: var(--nj-semantic-size-spacing-12)
}

.nj-search--xl .nj-search__field {
    padding-top: var(--nj-semantic-size-spacing-16);
    padding-bottom: var(--nj-semantic-size-spacing-16)
}

.nj-search__field-wrapper {
    position: relative;
    display: flex;
    flex-grow: 1
}

.nj-search__field {
    width: 100%;
    padding: var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-48);
    color: var(--nj-semantic-color-text-neutral-primary-default);
    font-size: var(--nj-semantic-size-font-content-1);
    background-color: var(--nj-search-field-background);
    border: none;
    outline: none;
    box-shadow: var(--nj-search-box-shadow);
    appearance: none;
    line-height: var(--nj-semantic-font-line-height-default)
}

.nj-search:has(.nj-search__button) .nj-search__field {
    --nj-search-box-shadow: inset 0 -1px 0 0 var(--nj-search-border-color), inset 0 1px 0 0 var(--nj-search-border-color), inset 1px 0 0 0 var(--nj-search-border-color)
}

.nj-search__field::-webkit-search-cancel-button {
    display: none
}

.nj-search__field:enabled:focus {
    --nj-search-border-color: var(--nj-semantic-color-border-brand-strong-default);
    --nj-search-box-shadow: inset 0 -2px 0 0 var(--nj-search-border-color), inset 0 2px 0 0 var(--nj-search-border-color), inset -2px 0 0 0 var(--nj-search-border-color), inset 2px 0 0 0 var(--nj-search-border-color)
}

.nj-search:has(.nj-search__button) .nj-search__field:enabled:focus {
    --nj-search-box-shadow: inset 0 -2px 0 0 var(--nj-search-border-color), inset 0 2px 0 0 var(--nj-search-border-color), inset 2px 0 0 0 var(--nj-search-border-color)
}

.nj-search__field:enabled:hover {
    --nj-search-field-background: var(--nj-semantic-color-background-neutral-primary-hovered)
}

.nj-search__field:disabled {
    opacity: var(--nj-semantic-opacity-disabled)
}

.nj-search__icon {
    position: absolute;
    top: 50%;
    left: var(--nj-semantic-size-spacing-16);
    transform: translateY(-50%)
}

.nj-search__clear-button {
    position: absolute;
    top: 50%;
    right: var(--nj-semantic-size-spacing-16);
    transform: translateY(-50%)
}

.nj-search__clear-button--hidden {
    display: none
}

.nj-search :has(input:disabled) .nj-search__icon, .nj-search :has(input:disabled) .nj-search__clear-button {
    opacity: var(--nj-semantic-opacity-disabled)
}

.nj-list-deprecated {
    --nj-list-deprecated-background-color: var(--nj-semantic-color-background-neutral-primary-translucent-default);
    --nj-list-deprecated-item-background-color: var(--nj-semantic-color-background-neutral-primary-translucent-default);
    --nj-list-deprecated-item-background-color-hovered: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
    --nj-list-deprecated-item-background-color-pressed: var(--nj-semantic-color-background-neutral-primary-translucent-selected);
    --nj-list-deprecated-text-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-list-deprecated-text-font-size: var(--nj-semantic-size-font-content-1);
    --nj-list-deprecated-icon-color: var(--nj-semantic-color-icon-neutral-secondary-default);
    --nj-list-deprecated-icon-color-pressed: var(--nj-semantic-color-icon-brand-primary-default);
    --nj-list-deprecated-item-gap: var(--nj-semantic-size-spacing-16);
    --nj-list-deprecated-item-padding: var(--nj-semantic-size-spacing-24) var(--nj-semantic-size-spacing-24) var(--nj-semantic-size-spacing-24) var(--nj-semantic-size-spacing-24);
    --nj-list-deprecated-separator-border-color: var(--nj-core-color-reference-neutral-alpha-300);
    --nj-list-deprecated-item-side-border-color: var(--nj-semantic-color-border-brand-strong-default);
    --nj-list-deprecated-item-transform: scale3d(1, 0, 1);
    --nj-list-deprecated-item-transform-hovered: scale3d(1, 1, 1);
    --nj-list-deprecated-item-border-left: 0;
    --nj-list-deprecated-item-border-right: auto;
    --nj-list-deprecated-gap: 0;
    --nj-list-deprecated-item-box-shadow: none;
    --nj-list-deprecated-item-box-shadow-visible: inset 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: var(--nj-list-deprecated-gap);
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: var(--nj-list-deprecated-background-color);
    outline: none
}

.nj-list-deprecated *, .nj-list-deprecated *::before, .nj-list-deprecated *::after {
    box-sizing: border-box
}

.nj-list-deprecated--no-border .nj-list-deprecated__item {
    border-bottom: 0
}

.nj-list-deprecated__item {
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid var(--nj-list-deprecated-separator-border-color);
    border-left: 0
}

.nj-list-deprecated__item--clickable {
    position: relative;
    box-shadow: var(--nj-list-deprecated-item-box-shadow)
}

.nj-list-deprecated__item--clickable:hover, .nj-list-deprecated__item--clickable:focus-within, .nj-list-deprecated__item--clickable[aria-selected=true] {
    --nj-list-deprecated-item-transform: var(--nj-list-deprecated-item-transform-hovered)
}

.nj-list-deprecated__item--clickable > button, .nj-list-deprecated__item--clickable > a, .nj-list-deprecated__item--clickable[role=option] {
    outline: none
}

.nj-list-deprecated__item--clickable.nj-list-deprecated__item--active > button, .nj-list-deprecated__item--clickable.nj-list-deprecated__item--active > a, .nj-list-deprecated__item--clickable.active > button, .nj-list-deprecated__item--clickable.active > a {
    font-weight: var(--nj-semantic-font-weight-bold)
}

.nj-list-deprecated__item::after {
    position: absolute;
    right: var(--nj-list-deprecated-item-border-right);
    bottom: 0;
    left: var(--nj-list-deprecated-item-border-left);
    width: .125rem;
    height: 100%;
    background: var(--nj-list-deprecated-item-side-border-color);
    border-radius: var(--nj-semantic-size-border-radius-none);
    transform: var(--nj-list-deprecated-item-transform);
    transform-origin: center center;
    transition: transform .3s var(--nj-semantic-motion-easing-fast-out-slow-in);
    content: ""
}

.nj-list-deprecated__item--right-border {
    --nj-list-deprecated-item-border-left: none;
    --nj-list-deprecated-item-border-right: 0
}

.nj-list-deprecated__item--no-active-border::after {
    content: none
}

.nj-list-deprecated__item mark {
    margin: 0;
    padding: 0;
    color: var(--nj-semantic-color-text-brand-primary-default);
    background: none
}

.nj-list-deprecated__item:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.nj-list-deprecated__item:hover, .nj-list-deprecated__item:focus, .nj-list-deprecated__item[aria-selected=true] {
    z-index: 1;
    text-decoration: none
}

.nj-list-deprecated__item--disabled, .nj-list-deprecated__item.disabled, .nj-list-deprecated__item:disabled {
    opacity: var(--nj-semantic-opacity-disabled);
    pointer-events: none
}

.nj-list-deprecated__item--active, .nj-list-deprecated__item.active {
    --nj-list-deprecated-item-background-color: var(--nj-semantic-color-background-neutral-primary-translucent-selected);
    --nj-list-deprecated-item-transform: var(--nj-list-deprecated-item-transform-hovered);
    --nj-list-deprecated-icon-color: var(--nj-list-deprecated-icon-color-pressed);
    position: relative;
    z-index: 2;
    font-weight: var(--nj-semantic-font-weight-bold)
}

.nj-list-deprecated__item--active, .nj-list-deprecated__item--active.nj-list-deprecated__item-icon, .nj-list-deprecated__item.active, .nj-list-deprecated__item.active.nj-list-deprecated__item-icon {
    transition: color .15s, background .15s, border-color .15s
}

.nj-list-deprecated__item-icon {
    color: var(--nj-list-deprecated-icon-color)
}

.nj-list-deprecated__item-content {
    flex-grow: 1
}

.nj-list-deprecated__item-right-content {
    flex-grow: 0;
    margin-left: auto
}

.nj-list-deprecated--sm {
    --nj-list-deprecated-item-padding: var(--nj-semantic-size-spacing-12) var(--nj-semantic-size-spacing-24) var(--nj-semantic-size-spacing-12) var(--nj-semantic-size-spacing-24)
}

.nj-list-deprecated--checkbox .nj-list-deprecated__item--active, .nj-list-deprecated--checkbox .nj-list-deprecated__item:active {
    font-weight: var(--nj-semantic-font-weight-normal)
}

.nj-list-deprecated--spaced-items {
    --nj-list-deprecated-gap: var(--nj-semantic-size-spacing-8)
}

.nj-list-deprecated__item--clickable > button, .nj-list-deprecated__item--clickable > a, .nj-list-deprecated__item--clickable[role=option], .nj-list-deprecated__item:not(.nj-list-deprecated__item--clickable) {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    gap: var(--nj-list-deprecated-item-gap);
    align-items: flex-start;
    padding: var(--nj-list-deprecated-item-padding);
    color: var(--nj-list-deprecated-text-color);
    font-size: var(--nj-list-deprecated-text-font-size);
    line-height: 1.5rem;
    text-decoration: none;
    background-color: var(--nj-list-deprecated-item-background-color);
    transition: color .15s, background .15s, border-color .15s;
    transition-timing-function: var(--nj-semantic-motion-easing-linear-out-slow-in)
}

.nj-list-deprecated__item--clickable > button, .nj-list-deprecated__item--clickable > a, .nj-list-deprecated__item--clickable[role=option], .nj-list-deprecated--clickable:not(.nj-list-deprecated--checkbox) .nj-list-deprecated__item {
    width: 100%;
    text-align: inherit;
    border: none;
    cursor: pointer
}

.nj-list-deprecated__item--clickable > button:active, .nj-list-deprecated__item--clickable > a:active, .nj-list-deprecated__item--clickable[role=option]:active, .nj-list-deprecated--clickable:not(.nj-list-deprecated--checkbox) .nj-list-deprecated__item:active, .nj-list-deprecated__item--clickable > button.active, .nj-list-deprecated__item--clickable > a.active, .active.nj-list-deprecated__item--clickable[role=option], .nj-list-deprecated--clickable:not(.nj-list-deprecated--checkbox) .active.nj-list-deprecated__item, .nj-list-deprecated__item--clickable > button.nj-list-deprecated__item--active, .nj-list-deprecated__item--clickable > a.nj-list-deprecated__item--active, .nj-list-deprecated__item--active.nj-list-deprecated__item--clickable[role=option], .nj-list-deprecated--clickable:not(.nj-list-deprecated--checkbox) .nj-list-deprecated__item--active.nj-list-deprecated__item {
    --nj-list-deprecated-text-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-list-deprecated-item-background-color: var(--nj-list-deprecated-item-background-color-pressed);
    --nj-list-deprecated-item-transform: var(--nj-list-deprecated-item-transform-hovered)
}

.nj-list-deprecated__item--clickable > button:hover:not(:focus-visible):not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated__item--clickable > a:hover:not(:focus-visible):not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated__item--clickable[role=option]:hover:not(:focus-visible):not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated--clickable:not(.nj-list-deprecated--checkbox) .nj-list-deprecated__item:hover:not(:focus-visible):not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated__item--clickable > button:focus:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated__item--clickable > a:focus:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated__item--clickable[role=option]:focus:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated--clickable:not(.nj-list-deprecated--checkbox) .nj-list-deprecated__item:focus:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated__item--clickable > button.nj-list-deprecated__item--focus-visible:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated__item--clickable > a.nj-list-deprecated__item--focus-visible:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated__item--focus-visible.nj-list-deprecated__item--clickable[role=option]:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated--clickable:not(.nj-list-deprecated--checkbox) .nj-list-deprecated__item--focus-visible.nj-list-deprecated__item:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated__item--clickable > button[aria-selected=true]:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated__item--clickable > a[aria-selected=true]:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), [aria-selected=true].nj-list-deprecated__item--clickable[role=option]:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active), .nj-list-deprecated--clickable:not(.nj-list-deprecated--checkbox) [aria-selected=true].nj-list-deprecated__item:not(.nj-list-deprecated__item--active):not(.nj-list-deprecated__item.active) {
    --nj-list-deprecated-text-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-list-deprecated-item-background-color: var(--nj-list-deprecated-item-background-color-hovered);
    --nj-list-deprecated-item-transform: var(--nj-list-deprecated-item-transform-hovered);
    text-decoration: none
}

.nj-list-deprecated__item--clickable > button[aria-selected=true]:active, .nj-list-deprecated__item--clickable > a[aria-selected=true]:active, [aria-selected=true].nj-list-deprecated__item--clickable[role=option]:active, .nj-list-deprecated--clickable:not(.nj-list-deprecated--checkbox) [aria-selected=true].nj-list-deprecated__item:active, .nj-list-deprecated__item--clickable > button[aria-selected=true].active, .nj-list-deprecated__item--clickable > a[aria-selected=true].active, [aria-selected=true].active.nj-list-deprecated__item--clickable[role=option], .nj-list-deprecated--clickable:not(.nj-list-deprecated--checkbox) [aria-selected=true].active.nj-list-deprecated__item, .nj-list-deprecated__item--clickable > button[aria-selected=true].nj-list-deprecated__item--active, .nj-list-deprecated__item--clickable > a[aria-selected=true].nj-list-deprecated__item--active, [aria-selected=true].nj-list-deprecated__item--active.nj-list-deprecated__item--clickable[role=option], .nj-list-deprecated--clickable:not(.nj-list-deprecated--checkbox) [aria-selected=true].nj-list-deprecated__item--active.nj-list-deprecated__item {
    --nj-list-deprecated-item-box-shadow: var(--nj-list-deprecated-item-box-shadow-visible)
}

.nj-list-deprecated--checkbox .nj-list-deprecated__item {
    width: 100%;
    text-align: inherit;
    border: none;
    cursor: pointer
}

.nj-list-deprecated--checkbox .nj-list-deprecated__item:hover:not(:focus-visible), .nj-list-deprecated--checkbox .nj-list-deprecated__item:focus-visible {
    --nj-list-deprecated-text-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-list-deprecated-item-background-color: var(--nj-list-deprecated-item-background-color-hovered);
    text-decoration: none
}

.nj-list-deprecated--checkbox .nj-list-deprecated__item:active, .nj-list-deprecated--checkbox .active.nj-list-deprecated__item, .nj-list-deprecated--checkbox .nj-list-deprecated__item--active.nj-list-deprecated__item {
    --nj-list-deprecated-text-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-list-deprecated-item-background-color: var(--nj-list-deprecated-item-background-color-pressed);
    font-weight: var(--nj-semantic-font-weight-normal)
}

.nj-list-deprecated--checkbox .nj-list-deprecated__item:focus-visible[aria-selected=true]:active, .nj-list-deprecated--checkbox .nj-list-deprecated__item:focus-visible[aria-selected=true].active, .nj-list-deprecated--checkbox .nj-list-deprecated__item:focus-visible[aria-selected=true].nj-list-deprecated__item--active {
    --nj-list-deprecated-item-box-shadow: var(--nj-list-deprecated-item-box-shadow-visible)
}

:root {
    --nj-sidebar-width: 300px;
    --nj-sidebar-width-folded: 72px
}

.nj-sidebar {
    --nj-sidebar-top: 0;
    --nj-sidebar-height: 100%;
    --nj-sidebar-list-gap: var(--nj-semantic-size-spacing-8);
    --nj-sidebar-list-item-gap: var(--nj-semantic-size-spacing-16);
    --nj-sidebar-transition-duration: .15s;
    --nj-sidebar-transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
    --nj-sidebar-nav-list-item-opacity: 1;
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: fixed;
    top: var(--nj-sidebar-top);
    left: 0;
    z-index: calc(var(--nj-semantic-elevation-z-index-fixed) - 1);
    display: flex;
    flex-direction: column;
    width: var(--nj-sidebar-width);
    height: var(--nj-sidebar-height);
    overflow-x: hidden;
    background-color: var(--nj-semantic-color-background-neutral-primary-default);
    border-right: 1px solid var(--nj-semantic-color-border-neutral-subtle-default);
    transition: width var(--nj-sidebar-transition-duration) var(--nj-sidebar-transition-timing-function)
}

.nj-sidebar *, .nj-sidebar *::before, .nj-sidebar *::after {
    box-sizing: border-box
}

.nj-sidebar--folded {
    --nj-sidebar-width: var(--nj-sidebar-width-folded);
    --nj-sidebar-nav-list-item-opacity: 0
}

.nj-sidebar--folded .nj-sidebar__fold-btn {
    transform: rotate(-180deg)
}

.nj-sidebar--folded .nj-sidebar__logo {
    display: none
}

.nj-sidebar--folded .nj-sidebar__logo--folded {
    display: inline-block
}

.nj-sidebar--folded + .nj-sidebar-content {
    margin-left: var(--nj-sidebar-width-folded)
}

.nj-sidebar--no-motion {
    --nj-sidebar-transition-duration: 0
}

@media (prefers-reduced-motion) {
    .nj-sidebar {
        --nj-sidebar-transition-duration: 0
    }
}

.nj-sidebar__brand {
    display: block;
    height: 42px;
    margin: var(--nj-semantic-size-spacing-16) auto;
    text-align: center
}

.nj-sidebar__logo {
    display: inline-block
}

.nj-sidebar__logo--folded {
    display: none
}

.nj-sidebar__collapse {
    flex-grow: 0;
    padding: var(--nj-semantic-size-spacing-8) 0;
    border-top: 1px solid var(--nj-semantic-color-border-neutral-subtle-default)
}

.nj-sidebar .nj-list-deprecated__item-content, .nj-sidebar .nj-list-deprecated__item-right-content, .nj-sidebar .nj-list-item__content, .nj-sidebar .nj-list-item__trailing {
    opacity: var(--nj-sidebar-nav-list-item-opacity);
    transition: opacity var(--nj-sidebar-transition-duration) var(--nj-sidebar-transition-timing-function)
}

.nj-sidebar__navigation {
    gap: var(--nj-sidebar-list-gap);
    margin-top: var(--nj-semantic-size-spacing-32);
    overflow-y: scroll
}

.nj-sidebar__navigation--footer {
    flex-grow: 0;
    margin-top: auto;
    padding-bottom: var(--nj-semantic-size-spacing-16)
}

.nj-sidebar__divider {
    flex-shrink: 0;
    width: 85%;
    height: 2px;
    margin: var(--nj-semantic-size-spacing-16) auto;
    background: repeating-linear-gradient(90deg, var(--nj-semantic-color-border-neutral-subtle-default) 0, var(--nj-semantic-color-border-neutral-subtle-default) 4px, var(--nj-semantic-color-background-neutral-primary-translucent-default) 0, var(--nj-semantic-color-background-neutral-primary-translucent-default) 8px);
    border: none
}

.nj-sidebar-content {
    margin-left: var(--nj-sidebar-width);
    transition: margin-left var(--nj-sidebar-transition-duration) var(--nj-sidebar-transition-timing-function)
}

.nj-sidebar-content--nopush {
    margin-left: var(--nj-sidebar-width-folded)
}

.nj-tab {
    --nj-tab-color-line-tab: var(--nj-core-color-reference-neutral-alpha-300);
    --nj-tab-gap: var(--nj-semantic-size-spacing-24);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default)
}

.nj-tab *, .nj-tab *::before, .nj-tab *::after {
    box-sizing: border-box
}

.nj-tab--compact {
    --nj-tab-gap: 0
}

.nj-tab--spacious {
    --nj-tab-gap: var(--nj-semantic-size-spacing-48)
}

.nj-tab--stretched {
    --nj-tab-gap: 0
}

.nj-tab--stretched .nj-tab__item {
    flex-grow: 1
}

.nj-tab__items {
    display: inline-flex;
    flex: 1 0 auto;
    gap: var(--nj-tab-gap);
    justify-content: left;
    width: 100%;
    margin: 0;
    padding-left: 0;
    list-style: none;
    border-bottom: var(--nj-semantic-size-border-width) solid var(--nj-tab-color-line-tab)
}

.nj-tab__item {
    position: relative;
    display: inline-flex;
    gap: var(--nj-semantic-size-spacing-8);
    align-items: center;
    justify-content: center;
    padding: var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-24);
    color: var(--nj-semantic-color-text-neutral-primary-default);
    font-size: var(--nj-semantic-size-font-content-1);
    background-color: rgba(0, 0, 0, 0);
    border: none;
    outline: none;
    cursor: pointer;
    transition: background .25s var(--nj-semantic-motion-easing-linear-out-slow-in)
}

.nj-tab__item:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    box-sizing: content-box !important;
    width: 100%;
    height: 100%;
    padding: var(--nj-semantic-size-border-focus-ring-offset);
    border-radius: var(--nj-semantic-size-border-radius-none);
    box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
    opacity: 0;
    transition: opacity .2s, transform .2s;
    transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
    content: "";
    pointer-events: none
}

.nj-tab__item:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: .125rem;
    background: var(--nj-semantic-color-border-brand-strong-default);
    border-radius: var(--nj-semantic-size-border-radius-none);
    transform: scale3d(0, 0, 0);
    transform-origin: center center;
    transition: transform .25s var(--nj-semantic-motion-easing-linear-out-slow-in);
    content: ""
}

.nj-tab__item:not(.nj-tab__item:disabled):hover {
    background: var(--nj-semantic-color-background-neutral-primary-translucent-hovered)
}

.nj-tab__item:not(.nj-tab__item:disabled):focus-visible {
    background: var(--nj-semantic-color-background-neutral-primary-translucent-focused)
}

.nj-tab__item:not(.nj-tab__item:disabled):focus-visible:before {
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    opacity: 1
}

.nj-tab__item:not(.nj-tab__item:disabled):active {
    background: var(--nj-semantic-color-background-neutral-primary-translucent-pressed)
}

.nj-tab__item:not(.nj-tab__item:disabled):hover:after, .nj-tab__item:not(.nj-tab__item:disabled):focus-visible:after, .nj-tab__item:not(.nj-tab__item:disabled):active:after {
    transform: scale3d(1, 1, 1)
}

.nj-tab__item--active {
    font-weight: var(--nj-semantic-font-weight-bold);
    background: var(--nj-semantic-color-background-neutral-primary-translucent-default)
}

.nj-tab__item--active:after {
    transform: scale3d(1, 1, 1)
}

.nj-tab__item:disabled {
    cursor: default;
    opacity: var(--nj-semantic-opacity-disabled);
    pointer-events: none
}

.nj-tab__content {
    display: none;
    color: var(--nj-semantic-color-text-neutral-primary-default)
}

.nj-tab__content--active {
    display: block
}

.nj-dropdown {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: relative;
    display: block;
    width: 100%;
    height: 2.5rem;
    padding-right: 1.5625rem;
    background: no-repeat bottom, 50% calc(100% - 1px);
    background-image: linear-gradient(to top, var(--nj-deprecated-color-text-label-focus) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px);
    background-size: 0 100%, 100% 100%;
    outline: 0;
    cursor: pointer;
    transition: background 0s ease-out
}

.nj-dropdown *, .nj-dropdown *::before, .nj-dropdown *::after {
    box-sizing: border-box
}

.nj-dropdown.nj-dropdown--shown-collapse {
    background-size: 100% 100%, 100% 100%;
    transition: background-size .3s var(--nj-semantic-motion-easing-fast-out-slow-in)
}

.nj-dropdown.nj-dropdown--shown-collapse .nj-dropdown__label, .nj-dropdown[data-selected-content] .nj-dropdown__label {
    bottom: 30px;
    color: var(--nj-deprecated-color-text-label-focused);
    font-size: var(--nj-semantic-size-font-content-3)
}

.nj-dropdown::before {
    position: absolute;
    bottom: .625rem;
    color: var(--nj-deprecated-color-placeholder-input-focused);
    font-size: var(--nj-semantic-size-font-content-1);
    line-height: 1rem;
    content: attr(data-selected-content)
}

.nj-dropdown::after {
    position: absolute;
    right: .625rem;
    bottom: .875rem;
    display: inline-block;
    padding: var(--nj-semantic-size-spacing-4);
    border: solid var(--nj-deprecated-color-icon-input);
    border-width: 0 .125rem .125rem 0;
    transform: rotate(45deg);
    content: ""
}

.nj-dropdown__label {
    position: absolute;
    bottom: .625rem;
    color: var(--nj-deprecated-color-placeholder-input-hovered);
    line-height: 1rem;
    white-space: nowrap;
    transition: .3s ease all
}

.nj-dropdown__list {
    position: absolute;
    top: 3rem;
    z-index: var(--nj-semantic-elevation-z-index-dropdown);
    width: 100%
}

.nj-dropdown__list .nj-list-deprecated {
    --nj-list-deprecated-item-background-color-hovered: var(--nj-deprecated-color-base-gray-100)
}

[data-theme=dark] .nj-dropdown__list .nj-list-deprecated, .nj-dropdown__list .nj-list-deprecated[data-theme=dark] {
    --nj-list-deprecated-item-background-color-hovered: var(--nj-deprecated-color-base-gray-900)
}

.nj-dropdown__list .nj-list-deprecated button.nj-list-deprecated__item:hover {
    color: inherit
}

.nj-alert {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: relative;
    display: flex;
    align-items: center;
    margin: var(--nj-semantic-size-spacing-16) 0;
    padding: var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-48) var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-16);
    color: var(--nj-deprecated-color-text-background-base);
    font-size: var(--nj-semantic-size-font-content-2)
}

.nj-alert *, .nj-alert *::before, .nj-alert *::after {
    box-sizing: border-box
}

.nj-alert__icon {
    margin-right: var(--nj-semantic-size-spacing-16)
}

.nj-alert__icon, .nj-alert__icon.material-icons {
    color: inherit
}

.nj-alert__title {
    display: block;
    font-weight: var(--nj-semantic-font-weight-bold)
}

.nj-alert a.nj-alert__close {
    pointer-events: none
}

.nj-alert button.nj-alert__close {
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    appearance: none
}

.nj-alert__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-16);
    color: var(--nj-deprecated-color-text-background-base);
    opacity: 1
}

.nj-alert__close:hover {
    text-decoration: none
}

.nj-alert__close:not(:disabled):not(.disabled):hover, .nj-alert__close:not(:disabled):not(.disabled):focus {
    opacity: .7
}

.nj-alert__close-icon {
    display: block;
    font-size: var(--nj-semantic-size-font-heading-6)
}

.nj-alert__close-icon, .nj-alert__close-icon.material-icons {
    color: inherit
}

.nj-alert--primary {
    background-color: var(--nj-deprecated-color-base-primary)
}

.nj-alert--success {
    background-color: var(--nj-deprecated-color-base-success)
}

.nj-alert--warning {
    background-color: var(--nj-deprecated-color-base-warning)
}

.nj-alert--danger {
    background-color: var(--nj-deprecated-color-base-danger)
}

.nj-alert--light {
    background-color: var(--nj-deprecated-color-base-light);
    background-color: var(--nj-semantic-color-background-neutral-primary-default)
}

.nj-alert--light {
    color: var(--nj-deprecated-color-base-primary)
}

.nj-alert--light .nj-alert__close {
    color: var(--nj-deprecated-color-text-body)
}

.nj-avatar {
    --nj-avatar-border-color: var(--nj-semantic-color-border-neutral-inverse-default);
    --nj-avatar-background-color: var(--nj-semantic-color-background-brand-solid-default);
    --nj-avatar-background-color-hovered: var(--nj-semantic-color-background-brand-solid-hovered);
    --nj-avatar-background-color-pressed: var(--nj-semantic-color-background-brand-solid-pressed);
    --nj-avatar-outline-color-hovered: var(--nj-avatar-background-color-hovered);
    --nj-avatar-outline-color-pressed: var(--nj-avatar-background-color-pressed);
    --nj-avatar-size: var(--nj-component-avatar-size-base);
    --nj-avatar-font-size: var(--nj-semantic-size-font-heading-5);
    --nj-avatar-focus-additional-offset: 4px;
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: var(--nj-avatar-size);
    height: var(--nj-avatar-size);
    color: var(--nj-semantic-color-text-neutral-inverse-default);
    font-size: var(--nj-avatar-font-size);
    background-color: var(--nj-avatar-background-color);
    border: 2px solid var(--nj-avatar-border-color);
    border-radius: 50%;
    -webkit-user-select: none;
    user-select: none
}

.nj-avatar *, .nj-avatar *::before, .nj-avatar *::after {
    box-sizing: border-box
}

.nj-avatar *, .nj-avatar *::before, .nj-avatar *::after {
    box-sizing: border-box
}

.nj-avatar--default-icon::before {
    width: 50%;
    height: 50%;
    background: var(--nj-semantic-color-text-neutral-inverse-default);
    content: "";
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_1642_712%29%22%3E%3Cpath%20d%3D%22M12%205.9C13.16%205.9%2014.1%206.84%2014.1%208C14.1%209.16%2013.16%2010.1%2012%2010.1C10.84%2010.1%209.9%209.16%209.9%208C9.9%206.84%2010.84%205.9%2012%205.9ZM12%2014.9C14.97%2014.9%2018.1%2016.36%2018.1%2017V18.1H5.9V17C5.9%2016.36%209.03%2014.9%2012%2014.9ZM12%204C9.79%204%208%205.79%208%208C8%2010.21%209.79%2012%2012%2012C14.21%2012%2016%2010.21%2016%208C16%205.79%2014.21%204%2012%204ZM12%2013C9.33%2013%204%2014.34%204%2017V20H20V17C20%2014.34%2014.67%2013%2012%2013Z%22%20fill%3D%22%23212121%22%20%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1642_712%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20%20%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_1642_712%29%22%3E%3Cpath%20d%3D%22M12%205.9C13.16%205.9%2014.1%206.84%2014.1%208C14.1%209.16%2013.16%2010.1%2012%2010.1C10.84%2010.1%209.9%209.16%209.9%208C9.9%206.84%2010.84%205.9%2012%205.9ZM12%2014.9C14.97%2014.9%2018.1%2016.36%2018.1%2017V18.1H5.9V17C5.9%2016.36%209.03%2014.9%2012%2014.9ZM12%204C9.79%204%208%205.79%208%208C8%2010.21%209.79%2012%2012%2012C14.21%2012%2016%2010.21%2016%208C16%205.79%2014.21%204%2012%204ZM12%2013C9.33%2013%204%2014.34%204%2017V20H20V17C20%2014.34%2014.67%2013%2012%2013Z%22%20fill%3D%22%23212121%22%20%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1642_712%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20%20%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E")
}

.nj-avatar__picture {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 50%;
    -webkit-user-drag: none;
    user-drag: none
}

.nj-avatar__initials {
    text-transform: uppercase
}

.nj-avatar--remaining-count {
    --nj-avatar-background-color: var(--nj-semantic-color-background-neutral-solid-default);
    --nj-avatar-background-color-hovered: var(--nj-semantic-color-background-neutral-solid-hovered);
    --nj-avatar-background-color-active: var(--nj-semantic-color-background-neutral-solid-pressed)
}

.nj-avatar .nj-badge {
    position: absolute;
    top: 0;
    left: 60%;
    z-index: 2;
    font-weight: var(--nj-semantic-font-weight-normal);
    transform: translateY(-50%)
}

.nj-avatar .nj-badge * {
    margin: 0
}

.nj-avatar .nj-status-indicator {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2
}

.nj-avatar--sm {
    --nj-avatar-size: var(--nj-component-avatar-size-sm);
    --nj-avatar-font-size: var(--nj-semantic-size-font-content-2)
}

.nj-avatar--sm .nj-status-indicator {
    transform: translate(25%, 25%)
}

.nj-avatar--lg {
    --nj-avatar-size: var(--nj-component-avatar-size-lg);
    --nj-avatar-font-size: var(--nj-semantic-size-font-heading-4)
}

.nj-avatar--lg .nj-badge {
    transform: translateY(-25%)
}

.nj-avatar--xl {
    --nj-avatar-size: var(--nj-component-avatar-size-xl);
    --nj-avatar-font-size: var(--nj-semantic-size-font-heading-2)
}

.nj-avatar--xl .nj-badge {
    transform: translateY(-25%)
}

.nj-avatar[href], .nj-avatar--clickable {
    padding: 0;
    text-decoration: none;
    cursor: pointer
}

.nj-avatar[href].nj-avatar--picture, .nj-avatar--clickable.nj-avatar--picture {
    --nj-avatar-filter: var(--nj-semantic-color-background-neutral-primary-translucent-default)
}

.nj-avatar[href].nj-avatar--picture::after, .nj-avatar--clickable.nj-avatar--picture::after {
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 50%, var(--nj-avatar-filter) 70%, transparent 50%);
    transform: translate(-50%, -50%);
    content: ""
}

.nj-avatar[href].nj-avatar--picture:hover, .nj-avatar--clickable.nj-avatar--picture:hover {
    --nj-avatar-filter: var(--nj-semantic-color-background-neutral-primary-translucent-hovered)
}

.nj-avatar[href].nj-avatar--picture:focus-visible, .nj-avatar--clickable.nj-avatar--picture:focus-visible {
    --nj-avatar-filter: var(--nj-semantic-color-background-neutral-primary-translucent-focused)
}

.nj-avatar[href].nj-avatar--picture:active, .nj-avatar--clickable.nj-avatar--picture:active {
    --nj-avatar-filter: var(--nj-semantic-color-background-neutral-primary-translucent-pressed)
}

.nj-avatar[href]:hover, .nj-avatar--clickable:hover {
    --nj-avatar-background-color: var(--nj-avatar-background-color-hovered);
    color: var(--nj-semantic-color-text-neutral-inverse-default);
    box-shadow: 0 0 0 2px var(--nj-semantic-color-background-brand-solid-hovered)
}

.nj-avatar[href]:active, .nj-avatar--clickable:active {
    --nj-avatar-background-color: var(--nj-avatar-background-color-pressed);
    box-shadow: 0 0 0 2px var(--nj-semantic-color-background-brand-solid-pressed)
}

.nj-avatar:focus-visible {
    --nj-avatar-background-color: var(--nj-avatar-background-color-hovered);
    outline: none;
    box-shadow: 0 0 0 2px var(--nj-semantic-color-background-brand-solid-hovered)
}

.nj-avatar:focus-visible::after {
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    padding: calc(var(--nj-semantic-size-border-focus-ring-offset) + var(--nj-avatar-focus-additional-offset));
    border: var(--nj-semantic-size-border-focus-ring-width) solid var(--nj-semantic-color-border-brand-strong-default);
    transform: translate(-50%, -50%);
    content: "";
    pointer-events: none
}

.nj-avatar-list {
    --nj-avatar-size: var(--nj-component-avatar-size-base);
    --nj-avatar-list-density--default: -.25;
    --nj-avatar-list-density--compact: -.5;
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    display: flex
}

.nj-avatar-list *, .nj-avatar-list *::before, .nj-avatar-list *::after {
    box-sizing: border-box
}

.nj-avatar-list .nj-avatar:not(:first-child), .nj-avatar-list .nj-avatar__tooltip:not(:first-child) {
    margin-left: calc(var(--nj-avatar-size) * var(--nj-avatar-list-density--default))
}

.nj-avatar-list--compact .nj-avatar:not(:first-child), .nj-avatar-list--compact .nj-avatar__tooltip:not(:first-child) {
    margin-left: calc(var(--nj-avatar-size) * var(--nj-avatar-list-density--compact))
}

.nj-avatar-list .nj-avatar--sm:not(:first-child), .nj-avatar-list .nj-avatar__tooltip--sm:not(:first-child) {
    --nj-avatar-size: var(--nj-component-avatar-size-sm)
}

.nj-avatar-list .nj-avatar--lg:not(:first-child), .nj-avatar-list .nj-avatar__tooltip--lg:not(:first-child) {
    --nj-avatar-size: var(--nj-component-avatar-size-lg)
}

.nj-avatar-list .nj-avatar--xl:not(:first-child), .nj-avatar-list .nj-avatar__tooltip--xl:not(:first-child) {
    --nj-avatar-size: var(--nj-component-avatar-size-xl)
}

.nj-breadcrumb {
    --nj-breadcrumb-separator-color: var(--nj-semantic-color-text-neutral-tertiary-default);
    --nj-breadcrumb-see-more-color: var(--nj-semantic-color-text-neutral-tertiary-default);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: var(--nj-semantic-size-spacing-32) 0;
    padding: var(--nj-semantic-size-spacing-4);
    font-size: var(--nj-semantic-size-font-content-2)
}

.nj-breadcrumb *, .nj-breadcrumb *::before, .nj-breadcrumb *::after {
    box-sizing: border-box
}

.nj-breadcrumb__item {
    list-style: none
}

.nj-breadcrumb__item:not(:first-of-type) {
    padding-left: var(--nj-semantic-size-spacing-8)
}

.nj-breadcrumb__item:not(:first-of-type)::before {
    display: inline-block;
    width: 1px;
    height: 10px;
    margin-right: var(--nj-semantic-size-spacing-8);
    background-color: var(--nj-breadcrumb-separator-color);
    transform: skew(-18deg);
    content: ""
}

.nj-breadcrumb__item:last-of-type {
    color: var(--nj-semantic-color-text-neutral-primary-default);
    font-weight: var(--nj-semantic-font-weight-bold)
}

.nj-breadcrumb__see-more {
    display: inline-flex;
    align-items: center;
    padding-left: var(--nj-semantic-size-spacing-8);
    list-style: none
}

.nj-breadcrumb__see-more::before {
    display: inline-block;
    width: 1px;
    height: 10px;
    margin-right: var(--nj-semantic-size-spacing-8);
    background-color: var(--nj-breadcrumb-separator-color);
    transform: skew(-18deg);
    content: ""
}

.nj-breadcrumb__see-more button {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 12px;
    background-color: var(--nj-semantic-color-background-neutral-tertiary-default);
    border: none;
    border-radius: var(--nj-semantic-size-border-radius-none);
    cursor: pointer
}

.nj-breadcrumb__see-more button:after {
    position: absolute;
    top: 0;
    left: 50%;
    color: var(--nj-breadcrumb-see-more-color);
    font-size: var(--nj-semantic-size-font-content-3);
    line-height: 1;
    transform: translate(-50%, -25%);
    content: "..."
}

.nj-breadcrumb__see-more button:hover {
    background-color: var(--nj-semantic-color-background-neutral-tertiary-hovered)
}

.nj-breadcrumb__see-more button:focus-visible {
    background-color: var(--nj-semantic-color-background-neutral-tertiary-focused);
    outline: var(--nj-semantic-size-border-focus-ring-width) solid var(--nj-semantic-color-border-brand-strong-default);
    outline-offset: var(--nj-semantic-size-border-focus-ring-offset)
}

.nj-breadcrumb__see-more button:active {
    background-color: var(--nj-semantic-color-background-neutral-tertiary-pressed)
}

.nj-bullet {
    --nj-bullet-size: 1rem;
    --nj-bullet-border-color: var(--nj-semantic-color-border-neutral-inverse-default);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    display: inline-flex;
    flex-shrink: 0;
    width: var(--nj-bullet-size);
    height: var(--nj-bullet-size);
    background-color: var(--nj-semantic-color-background-brand-solid-default);
    border-radius: 50%;
    box-shadow: 0 0 0 1px var(--nj-bullet-border-color)
}

.nj-bullet *, .nj-bullet *::before, .nj-bullet *::after {
    box-sizing: border-box
}

.nj-bullet--sm {
    --nj-bullet-size: .75rem
}

.nj-bullet--brand {
    background-color: var(--nj-semantic-color-background-brand-solid-default)
}

.nj-bullet--grey {
    background-color: var(--nj-semantic-color-background-accent-grey-solid-default)
}

.nj-bullet--blue {
    background-color: var(--nj-semantic-color-background-accent-blue-solid-default)
}

.nj-bullet--teal {
    background-color: var(--nj-semantic-color-background-accent-teal-solid-default)
}

.nj-bullet--pink {
    background-color: var(--nj-semantic-color-background-accent-pink-solid-default)
}

.nj-bullet--orange {
    background-color: var(--nj-semantic-color-background-accent-orange-solid-default)
}

.nj-bullet--red {
    background-color: var(--nj-semantic-color-background-accent-red-solid-default)
}

.nj-bullet--green {
    background-color: var(--nj-semantic-color-background-accent-green-solid-default)
}

.nj-bullet--ultramarine {
    background-color: var(--nj-semantic-color-background-accent-ultramarine-solid-default)
}

.nj-bullet--yellow {
    background-color: var(--nj-semantic-color-background-accent-yellow-solid-default)
}

.nj-bullet--purple {
    background-color: var(--nj-semantic-color-background-accent-purple-solid-default)
}

.nj-bullet--lime {
    background-color: var(--nj-semantic-color-background-accent-lime-solid-default)
}

.nj-btn {
    --nj-btn-current-bg-color: var(--nj-btn-bg-color);
    --nj-btn-current-color: var(--nj-btn-color);
    --nj-btn-bg-color: var(--nj-semantic-color-background-brand-solid-default);
    --nj-btn-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-btn-font-weight: var(--nj-semantic-font-weight-normal);
    --nj-btn-hovered-bg-color: var(--nj-semantic-color-background-brand-solid-hovered);
    --nj-btn-hovered-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-btn-focused-bg-color: var(--nj-semantic-color-background-brand-solid-focused);
    --nj-btn-focused-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-btn-pressed-bg-color: var(--nj-semantic-color-background-brand-solid-pressed);
    --nj-btn-pressed-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-btn-border-color: transparent;
    --nj-btn-focused-ring-color: var(--nj-semantic-color-border-brand-strong-default);
    --nj-btn-icon-size: var(--nj-semantic-size-icon-md);
    --nj-btn-pad: var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-32);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    position: relative;
    display: inline-flex;
    gap: var(--nj-semantic-size-spacing-8);
    align-items: center;
    justify-content: center;
    padding: var(--nj-btn-pad);
    color: var(--nj-btn-current-color);
    font-weight: var(--nj-btn-font-weight);
    font-size: var(--nj-semantic-size-font-content-2);
    line-height: var(--nj-btn-icon-size);
    letter-spacing: 0;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    background: var(--nj-btn-current-bg-color);
    border: 1px solid var(--nj-btn-border-color);
    border-radius: var(--nj-semantic-size-border-radius-none);
    outline: 0;
    transition: color .2s, border-color .2s, background-color .2s;
    transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
    -webkit-user-select: none;
    user-select: none;
    fill: var(--nj-btn-current-color)
}

.nj-btn *, .nj-btn *::before, .nj-btn *::after {
    box-sizing: border-box
}

.nj-btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.nj-btn:not(:disabled):not(.disabled):hover {
    --nj-btn-current-bg-color: var(--nj-btn-hovered-bg-color);
    --nj-btn-current-color: var(--nj-btn-hovered-color);
    text-decoration: none;
    outline: 0
}

.nj-btn:not(:disabled):not(.disabled):active, .nj-btn:not(:disabled):not(.disabled).active, .nj-btn:not(:disabled):not(.disabled)[aria-expanded=true] {
    --nj-btn-current-bg-color: var(--nj-btn-pressed-bg-color);
    --nj-btn-current-color: var(--nj-btn-pressed-color);
    text-decoration: none
}

.nj-btn::after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    box-sizing: content-box !important;
    width: 100%;
    height: 100%;
    padding: var(--nj-semantic-size-border-focus-ring-offset);
    border-radius: var(--nj-semantic-size-border-radius-none);
    box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-btn-focused-ring-color);
    transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
    opacity: 0;
    transition: opacity .2s, transform .2s;
    transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
    content: "";
    pointer-events: none
}

.nj-btn:focus-visible:not(:active) {
    --nj-btn-current-bg-color: var(--nj-btn-focused-bg-color);
    --nj-btn-current-color: var(--nj-btn-focused-color)
}

.nj-btn:focus-visible:not(:active):not(.disabled)::after {
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    opacity: 1
}

.nj-btn__icon {
    display: inline-flex;
    align-items: center;
    width: var(--nj-btn-icon-size);
    height: var(--nj-btn-icon-size);
    color: var(--nj-btn-current-color);
    font-size: var(--nj-btn-icon-size);
    transition: color .2s var(--nj-semantic-motion-easing-fast-out-slow-in);
    fill: var(--nj-btn-current-color)
}

.nj-btn__icon.material-icons {
    color: var(--nj-btn-current-color)
}

.nj-btn.disabled, .nj-btn:disabled {
    text-decoration: none;
    cursor: not-allowed;
    opacity: var(--nj-semantic-opacity-disabled)
}

.nj-btn--lg {
    font-size: var(--nj-semantic-size-font-content-1);
    --nj-btn-icon-size: var(--nj-semantic-size-icon-md);
    --nj-btn-pad: var(--nj-semantic-size-spacing-12) var(--nj-semantic-size-spacing-48)
}

.nj-btn--xl {
    font-size: var(--nj-semantic-size-font-content-1);
    --nj-btn-icon-size: var(--nj-semantic-size-icon-md);
    --nj-btn-pad: var(--nj-semantic-size-spacing-16) var(--nj-semantic-size-spacing-48)
}

.nj-btn--sm {
    font-size: var(--nj-semantic-size-font-content-3);
    --nj-btn-icon-size: var(--nj-semantic-size-icon-sm);
    --nj-btn-pad: var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-24)
}

.nj-btn--xs {
    font-size: var(--nj-semantic-size-font-content-3);
    --nj-btn-icon-size: var(--nj-semantic-size-icon-sm);
    --nj-btn-pad: var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-16)
}

.nj-btn--subtle, .nj-btn--minimal {
    --nj-btn-bg-color: var(--nj-semantic-color-background-brand-primary-translucent-default);
    --nj-btn-color: var(--nj-semantic-color-text-brand-primary-default);
    --nj-btn-hovered-bg-color: var(--nj-semantic-color-background-brand-primary-translucent-hovered);
    --nj-btn-hovered-color: var(--nj-semantic-color-text-brand-primary-hovered);
    --nj-btn-pressed-bg-color: var(--nj-semantic-color-background-brand-primary-translucent-pressed);
    --nj-btn-pressed-color: var(--nj-semantic-color-text-brand-primary-pressed);
    --nj-btn-focused-bg-color: var(--nj-semantic-color-background-brand-primary-translucent-focused);
    --nj-btn-focused-color: var(--nj-semantic-color-text-brand-primary-focused)
}

.nj-btn--subtle {
    --nj-btn-border-color: var(--nj-semantic-color-border-brand-strong-default)
}

.nj-btn--minimal {
    border: none
}

.nj-btn--secondary {
    --nj-btn-bg-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);
    --nj-btn-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-btn-hovered-bg-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-hovered);
    --nj-btn-hovered-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-btn-pressed-bg-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-pressed);
    --nj-btn-pressed-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-btn-focused-bg-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-focused);
    --nj-btn-focused-color: var(--nj-semantic-color-text-neutral-primary-default)
}

.nj-btn--secondary.nj-btn--subtle, .nj-btn--secondary.nj-btn--minimal {
    --nj-btn-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-default);
    --nj-btn-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-btn-hovered-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
    --nj-btn-hovered-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-btn-pressed-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);
    --nj-btn-pressed-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-btn-focused-bg-color: var(--nj-semantic-color-background-neutral-primary-translucent-focused);
    --nj-btn-focused-color: var(--nj-semantic-color-text-neutral-primary-default)
}

.nj-btn--secondary.nj-btn--subtle {
    --nj-btn-border-color: var(--nj-semantic-color-border-neutral-strong-default)
}

.nj-btn--secondary.nj-btn--minimal {
    border: none
}

.nj-btn--destructive {
    --nj-btn-bg-color: var(--nj-semantic-color-background-status-danger-solid-default);
    --nj-btn-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-btn-hovered-bg-color: var(--nj-semantic-color-background-status-danger-solid-hovered);
    --nj-btn-hovered-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-btn-pressed-bg-color: var(--nj-semantic-color-background-status-danger-solid-pressed);
    --nj-btn-pressed-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-btn-focused-bg-color: var(--nj-semantic-color-background-status-danger-solid-focused);
    --nj-btn-focused-color: var(--nj-semantic-color-text-neutral-inverse-default)
}

.nj-btn--destructive.nj-btn--subtle, .nj-btn--destructive.nj-btn--minimal {
    --nj-btn-bg-color: var(--nj-semantic-color-background-status-danger-primary-translucent-default);
    --nj-btn-color: var(--nj-semantic-color-text-status-danger-primary-default);
    --nj-btn-hovered-bg-color: var(--nj-semantic-color-background-status-danger-primary-translucent-hovered);
    --nj-btn-hovered-color: var(--nj-semantic-color-text-status-danger-primary-hovered);
    --nj-btn-pressed-bg-color: var(--nj-semantic-color-background-status-danger-primary-translucent-pressed);
    --nj-btn-pressed-color: var(--nj-semantic-color-text-status-danger-primary-pressed);
    --nj-btn-focused-bg-color: var(--nj-semantic-color-background-status-danger-primary-translucent-focused);
    --nj-btn-focused-color: var(--nj-semantic-color-text-status-danger-primary-focused)
}

.nj-btn--destructive.nj-btn--subtle {
    --nj-btn-border-color: var(--nj-semantic-color-border-status-danger-strong-default)
}

.nj-btn--destructive.nj-btn--minimal {
    border: none
}

.nj-btn--inverse {
    --nj-btn-bg-color: var(--nj-semantic-color-background-neutral-inverse-default);
    --nj-btn-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-btn-hovered-bg-color: var(--nj-semantic-color-background-neutral-inverse-hovered);
    --nj-btn-hovered-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-btn-pressed-bg-color: var(--nj-semantic-color-background-neutral-inverse-pressed);
    --nj-btn-pressed-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-btn-focused-bg-color: var(--nj-semantic-color-background-neutral-inverse-focused);
    --nj-btn-focused-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-btn-focused-ring-color: var(--nj-semantic-color-border-neutral-inverse-default)
}

.nj-btn--inverse.nj-btn--subtle, .nj-btn--inverse.nj-btn--minimal {
    --nj-btn-bg-color: var(--nj-core-color-reference-neutral-alpha-inverse-0);
    --nj-btn-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-btn-hovered-bg-color: var(--nj-core-color-reference-neutral-alpha-inverse-200);
    --nj-btn-hovered-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-btn-pressed-bg-color: var(--nj-core-color-reference-neutral-alpha-inverse-300);
    --nj-btn-pressed-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-btn-focused-bg-color: var(--nj-core-color-reference-neutral-alpha-inverse-200);
    --nj-btn-focused-color: var(--nj-semantic-color-text-neutral-inverse-default)
}

.nj-btn--inverse.nj-btn--subtle {
    --nj-btn-border-color: var(--nj-semantic-color-border-neutral-inverse-default)
}

a.nj-btn.disabled {
    pointer-events: none
}

.nj-card {
    --nj-card-background: var(--nj-semantic-color-background-neutral-primary-default);
    --nj-card-details-color: var(--nj-semantic-color-text-neutral-secondary-default);
    --nj-card-deck-margin: var(--nj-semantic-size-spacing-16);
    --nj-card-spacer: var(--nj-semantic-size-spacing-24);
    --nj-card-border-size: 1px;
    --nj-card-image-filter-opacitiy: 0;
    --nj-card-image-overlay: var(--nj-semantic-color-background-neutral-primary-translucent-default);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    color: var(--nj-semantic-color-text-body);
    word-wrap: break-word;
    background-color: var(--nj-card-background);
    border: solid var(--nj-card-border-size) var(--nj-semantic-color-border-neutral-subtle-default);
    border-radius: var(--nj-semantic-size-border-radius-none)
}

.nj-card *, .nj-card *::before, .nj-card *::after {
    box-sizing: border-box
}

.nj-card__header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--nj-card-spacer) var(--nj-card-spacer);
    color: var(--nj-semantic-color-text-neutral-inverse-default);
    background-color: var(--nj-semantic-color-background-brand-solid-default)
}

.nj-card__body {
    flex-direction: column;
    padding: var(--nj-card-spacer)
}

.nj-card__details {
    color: var(--nj-card-details-color);
    font-size: var(--nj-semantic-size-font-content-3)
}

.nj-card__title {
    margin-top: var(--nj-semantic-size-spacing-16);
    margin-bottom: var(--nj-semantic-size-spacing-16);
    font-weight: var(--nj-semantic-font-weight-bold);
    font-size: var(--nj-semantic-size-font-heading-4)
}

.nj-card__subtitle {
    font-weight: var(--nj-semantic-font-weight-bold);
    font-size: var(--nj-semantic-size-font-content-1)
}

.nj-card__description {
    margin-bottom: 0
}

.nj-card__date {
    margin: auto 0 0;
    color: var(--nj-card-details-color);
    font-size: var(--nj-semantic-size-font-content-3);
    line-height: 1.5rem;
    text-transform: uppercase
}

.nj-card__number {
    font-weight: var(--nj-semantic-font-weight-bold);
    font-size: var(--nj-semantic-size-font-heading-2)
}

.nj-card__growth {
    display: flex;
    align-items: center;
    font-weight: var(--nj-semantic-font-weight-light);
    font-size: var(--nj-semantic-size-font-heading-4)
}

.nj-card__img-wrapper {
    width: 100%
}

.nj-card__img {
    width: 100%;
    height: 100%;
    min-height: 1px;
    object-fit: cover
}

.nj-card__overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: var(--nj-semantic-size-spacing-16);
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color .2s var(--nj-semantic-motion-easing-linear-out-slow-in), padding .2s var(--nj-semantic-motion-easing-linear-out-slow-in)
}

.nj-card--border {
    overflow: initial
}

.nj-card--border::before {
    position: absolute;
    top: 100%;
    left: calc(-1 * var(--nj-card-border-size));
    width: calc(100% + 2 * var(--nj-card-border-size));
    height: 4px;
    background: var(--nj-semantic-color-background-additional-engie-ray-default);
    content: ""
}

.nj-card--horizontal {
    flex-direction: row
}

@media (max-width: 575.98px) {
    .nj-card--horizontal {
        flex-wrap: wrap
    }
}

.nj-card--horizontal .nj-card__img-wrapper {
    flex-shrink: 0;
    width: 33%;
    min-width: 200px
}

@media (max-width: 575.98px) {
    .nj-card--horizontal .nj-card__img-wrapper {
        width: 100%
    }
}

.nj-card--cover {
    min-height: 320px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: none
}

.nj-card--cover .nj-card__body {
    position: relative;
    flex-grow: 1;
    padding: 0;
    overflow: hidden
}

.nj-card--cover .nj-card__title {
    color: var(--nj-semantic-color-text-neutral-inverse-not-invertible-default)
}

.nj-card--cover .nj-card__description {
    position: relative;
    top: 100%;
    color: var(--nj-semantic-color-text-neutral-inverse-not-invertible-default)
}

.nj-card--cover .nj-card__icon, .nj-card--cover .material-icons {
    position: absolute;
    right: var(--nj-semantic-size-spacing-16);
    bottom: var(--nj-semantic-size-spacing-16);
    z-index: 0;
    color: var(--nj-semantic-color-text-neutral-inverse-not-invertible-default)
}

.nj-card--cover:hover .nj-card__title, .nj-card--cover:hover .nj-card__description, .nj-card--cover:focus-visible .nj-card__title, .nj-card--cover:focus-visible .nj-card__description {
    color: var(--nj-semantic-color-text-neutral-primary-default)
}

.nj-card--cover:hover .nj-card__description, .nj-card--cover:focus-visible .nj-card__description {
    top: 0;
    transition: top .3s var(--nj-semantic-motion-easing-linear-out-slow-in)
}

.nj-card--cover:hover .nj-card__icon, .nj-card--cover:hover .material-icons, .nj-card--cover:focus-visible .nj-card__icon, .nj-card--cover:focus-visible .material-icons {
    color: var(--nj-semantic-color-text-neutral-primary-default)
}

.nj-card--cover:hover .nj-card__overlay, .nj-card--cover:focus-visible .nj-card__overlay {
    background-color: var(--nj-semantic-color-background-neutral-secondary-default)
}

.nj-card--cover:active .nj-card__overlay {
    background-color: var(--nj-semantic-color-background-neutral-secondary-pressed)
}

a.nj-card {
    color: inherit;
    text-decoration: none;
    transition: background-color .3s var(--nj-semantic-motion-easing-linear-out-slow-in)
}

a.nj-card::after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    box-sizing: content-box !important;
    width: 100%;
    height: 100%;
    padding: var(--nj-semantic-size-border-focus-ring-offset);
    border-radius: var(--nj-semantic-size-border-radius-none);
    box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    transform: translate(-50%, -50%) scale3d(0.95, 0.95, 1);
    opacity: 0;
    transition: opacity .2s, transform .2s;
    transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
    content: "";
    pointer-events: none
}

a.nj-card .nj-card__img-wrapper {
    position: relative
}

a.nj-card .nj-card__img-wrapper:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--nj-card-image-overlay);
    opacity: var(--nj-card-image-filter-opacitiy);
    transition: opacity .3s var(--nj-semantic-motion-easing-linear-out-slow-in);
    content: ""
}

a.nj-card:hover {
    --nj-card-background: var(--nj-semantic-color-background-neutral-primary-hovered);
    --nj-card-image-filter-opacitiy: 1;
    --nj-card-image-overlay: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);
    color: inherit;
    text-decoration: none
}

a.nj-card:focus-visible {
    --nj-card-background: var(--nj-semantic-color-background-neutral-primary-focused);
    --nj-card-image-filter-opacitiy: 1;
    --nj-card-image-overlay: var(--nj-semantic-color-background-neutral-primary-translucent-focused);
    text-decoration: none;
    outline: none
}

a.nj-card:focus-visible::after {
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    opacity: 1
}

a.nj-card:active {
    --nj-card-background: var(--nj-semantic-color-background-neutral-primary-pressed);
    --nj-card-image-filter-opacitiy: 1;
    --nj-card-image-overlay: var(--nj-semantic-color-background-neutral-primary-translucent-pressed)
}

.nj-card-deck {
    display: flex;
    flex-direction: column
}

.nj-card-deck .nj-card {
    margin-bottom: var(--nj-card-deck-margin)
}

@media (min-width: 576px) {
    .nj-card-deck {
        flex-flow: row wrap;
        margin-right: calc(-1 * var(--nj-card-deck-margin));
        margin-left: calc(-1 * var(--nj-card-deck-margin))
    }

    .nj-card-deck .nj-card {
        display: flex;
        flex: 1 0 0;
        flex-direction: column;
        margin-right: var(--nj-card-deck-margin);
        margin-bottom: 0;
        margin-left: var(--nj-card-deck-margin)
    }
}

.nj-card-columns .nj-card {
    margin-bottom: var(--nj-card-deck-margin)
}

@media (min-width: 576px) {
    .nj-card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .nj-card-columns .nj-card {
        display: inline-block;
        width: 100%
    }
}

.nj-collapse {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default)
}

.nj-collapse *, .nj-collapse *::before, .nj-collapse *::after {
    box-sizing: border-box
}

.nj-collapse:not(.show) {
    display: none
}

.nj-collapsing {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

.nj-collapsing *, .nj-collapsing *::before, .nj-collapsing *::after {
    box-sizing: border-box
}

.nj-header {
    --nj-header-height: 10rem;
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    z-index: var(--nj-semantic-elevation-z-index-fixed)
}

.nj-header *, .nj-header *::before, .nj-header *::after {
    box-sizing: border-box
}

.nj-header__group {
    position: relative;
    z-index: var(--nj-semantic-elevation-z-index-fixed);
    padding: 0 var(--nj-semantic-size-spacing-32);
    background: var(--nj-semantic-color-background-neutral-primary-default);
    border-bottom: 1px solid var(--nj-semantic-color-border-neutral-subtle-default);
    transform: none;
    transition: transform .5s
}

.nj-header__group::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: var(--nj-semantic-color-background-additional-engie-ray-default);
    content: ""
}

.nj-header.nj-header--fixed {
    height: var(--nj-header-height)
}

.nj-header.nj-header--fixed .nj-header__group {
    position: fixed;
    top: 0;
    z-index: var(--nj-semantic-elevation-z-index-fixed);
    width: 100%
}

.nj-header__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--nj-semantic-size-spacing-24) 0
}

.nj-header__head-link {
    font-size: var(--nj-semantic-size-font-content-2)
}

.nj-header__head-link--active {
    font-weight: var(--nj-semantic-font-weight-bold)
}

.nj-header__logo:focus-visible {
    outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    outline-offset: var(--nj-semantic-size-border-focus-ring-offset)
}

.nj-header__nav-logo--reduced {
    display: flex;
    align-items: center;
    width: 0;
    margin-right: 0;
    transform: translate3d(0, 1rem, 0);
    visibility: hidden;
    opacity: 0;
    transition: opacity .25s, width .3s .1s, margin .3s .1s, visibility .1ms .6s, transform .1ms .6s
}

.nj-header nav {
    display: flex;
    align-items: center;
    height: 4rem;
    border-top: var(--nj-semantic-size-border-width) solid var(--nj-semantic-color-border-neutral-subtle-default)
}

.nj-header__nav-burger {
    position: absolute;
    left: 0;
    display: none
}

.nj-header__nav-burger button {
    margin: var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-32);
    padding: var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-0);
    background: none;
    border: 0;
    outline: none;
    cursor: pointer
}

.nj-header__nav-burger button:focus-visible {
    background-color: var(--nj-semantic-color-background-brand-primary-translucent-hovered);
    outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    outline-offset: var(--nj-semantic-size-spacing-2)
}

.nj-header__nav-burger button div:first-of-type, .nj-header__nav-burger button::before, .nj-header__nav-burger button::after {
    display: block;
    width: 22.5px;
    height: 2px;
    margin: 4px;
    background-color: var(--nj-semantic-color-background-brand-solid-default)
}

.nj-header__nav-burger button::before, .nj-header__nav-burger button::after {
    content: ""
}

.nj-header__nav-burger--close button div:first-of-type {
    opacity: 0
}

.nj-header__nav-burger--close button::before {
    transform: rotate(45deg) translate3d(0, 6px, 0);
    transform-origin: center 7px
}

.nj-header__nav-burger--close button::after {
    transform: rotate(-45deg) translate3d(0, -6px, 0);
    transform-origin: center -5px
}

.nj-header__nav {
    display: flex;
    flex: 1 0 auto;
    justify-content: space-between;
    height: 4rem;
    margin: 0;
    padding-left: 0;
    list-style: none
}

.nj-header__nav-item {
    display: flex;
    align-items: center
}

.nj-header__nav-item:first-child .nj-header__nav-link {
    margin-left: 0
}

.nj-header__nav-item:hover > .nj-header__menu {
    display: block
}

.nj-header__nav--panel {
    padding-left: 0;
    list-style: none
}

.nj-header__nav-link {
    position: relative;
    display: flex;
    align-items: center;
    height: 4rem;
    margin: 0 var(--nj-semantic-size-spacing-24);
    padding: var(--nj-semantic-size-spacing-0) var(--nj-semantic-size-spacing-4);
    color: var(--nj-semantic-color-text-neutral-primary-default);
    line-height: 1.2rem;
    text-decoration: none;
    transition: .3s var(--nj-semantic-motion-easing-fast-out-slow-in);
    transition-property: color
}

.nj-header__nav-link:focus-visible + .nj-header__menu {
    display: block
}

.nj-header__nav-link::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .125rem;
    background: var(--nj-semantic-color-border-brand-strong-default);
    opacity: 0;
    transition: .3s var(--nj-semantic-motion-easing-fast-out-slow-in);
    transition-property: opacity;
    content: ""
}

.nj-header__nav-link:focus-visible {
    outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    outline-offset: -2px
}

.nj-header__nav-link.active, .nj-header__nav-link:hover {
    color: var(--nj-semantic-color-text-neutral-primary-default)
}

.nj-header__nav-link.active::after, .nj-header__nav-link:hover::after {
    opacity: 1
}

.nj-header__nav-link.active {
    font-weight: var(--nj-semantic-font-weight-bold)
}

.nj-header__nav-link.disabled {
    cursor: default;
    opacity: var(--nj-semantic-opacity-disabled);
    pointer-events: none
}

.nj-header__sub-nav {
    padding-left: 0;
    list-style: none
}

.nj-header__sub-nav .nj-header__nav--panel {
    display: flex;
    flex-direction: column;
    gap: var(--nj-semantic-size-spacing-8)
}

.nj-header__search-icon {
    position: absolute;
    right: var(--nj-semantic-size-spacing-32);
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    margin: 0
}

.nj-header__search {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    padding: 0 var(--nj-semantic-size-spacing-32);
    background-color: var(--nj-semantic-color-background-neutral-primary-default)
}

.nj-header__search, .nj-header__search.nj-collapsing {
    position: absolute;
    top: calc(100% - 4rem);
    left: 0;
    height: 4rem;
    opacity: 0;
    transition: .1s var(--nj-semantic-motion-easing-fast-out-slow-in)
}

.nj-header__search.nj-collapsing, .nj-header__search.show {
    width: 100%
}

.nj-header__search.show {
    z-index: 1;
    opacity: 1;
    transition-property: opacity
}

.nj-header__search-input {
    margin-right: var(--nj-semantic-size-spacing-24)
}

.nj-header__close {
    display: inline-flex;
    margin-left: var(--nj-semantic-size-spacing-16)
}

.nj-header__menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    width: 100%;
    padding: var(--nj-semantic-size-spacing-32) 0;
    background: var(--nj-semantic-color-background-neutral-primary-default);
    border-top: 1px solid var(--nj-semantic-color-border-neutral-subtle-default);
    border-bottom: 1px solid var(--nj-semantic-color-border-neutral-subtle-default)
}

.nj-header__menu-title {
    display: block;
    margin-bottom: var(--nj-semantic-size-spacing-16);
    color: var(--nj-semantic-color-text-neutral-primary-default);
    font-weight: var(--nj-semantic-font-weight-bold);
    line-height: 2rem;
    text-decoration: none;
    transition: .15s color
}

.nj-header__menu-title + .nj-header__nav--panel li:first-child {
    display: none
}

.nj-header__menu-link {
    line-height: 2rem;
    transition: .15s color
}

.nj-header__menu-arrow-left {
    display: none
}

.nj-header__menu-arrow-right {
    display: none
}

.nj-header__menu-return {
    display: none
}

.nj-header--sm .nj-header__group {
    transform: translate3d(0, calc(-100% + 4rem), 0);
    transition: transform .5s
}

.nj-header--sm .nj-header__group .nj-header__nav-logo--reduced {
    width: 2rem;
    margin-right: 3.5rem;
    transform: translate3d(0, 0, 0);
    visibility: visible;
    opacity: 1;
    transition: visibility .1ms, width .35s .1ms, margin .35s .1ms, opacity .3s .2s ease-out, transform .3s .2s
}

.nj-header--sm .nj-header__group .nj-header__search {
    top: calc(100% - 4rem);
    height: 4rem
}

@media (max-width: 0) {
    .nj-header--expand-xs.nj-header--fixed {
        height: 4rem
    }

    .nj-header--expand-xs .nj-header__group {
        position: fixed;
        top: 0;
        z-index: var(--nj-semantic-elevation-z-index-fixed);
        width: 100%
    }

    .nj-header--expand-xs .nj-header__head {
        position: absolute;
        top: 0;
        left: 0;
        justify-content: center;
        width: 100%;
        height: 4rem
    }

    .nj-header--expand-xs .nj-header__head > * {
        display: none
    }

    .nj-header--expand-xs .nj-header__head .nj-header__logo {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .nj-header--expand-xs .nj-header__head .nj-header__logo img {
        width: 63px
    }

    .nj-header--expand-xs .nj-header__nav-burger {
        display: block
    }

    .nj-header--expand-xs .nj-header__nav-logo--reduced {
        display: none
    }

    .nj-header--expand-xs .nj-header__nav-logo {
        display: flex
    }

    .nj-header--expand-xs .nj-header__nav--panel {
        position: fixed;
        top: 4rem;
        left: -100%;
        flex-direction: column;
        justify-content: normal;
        width: 100vw;
        min-height: 100vh;
        padding: 0 2rem;
        overflow-y: auto;
        background-color: var(--nj-semantic-color-background-neutral-secondary-default);
        transform: translate3d(0, 0, 0);
        visibility: hidden;
        transition: visibility .5s .1ms, transform .5s
    }

    .nj-header--expand-xs .nj-header__nav--panel li {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        height: 4rem
    }

    .nj-header--expand-xs .nj-header__nav--panel li a {
        margin: 0
    }

    .nj-header--expand-xs .nj-header__nav--panel .nj-header__nav--panel {
        top: 0;
        left: 100%;
        z-index: 1
    }

    .nj-header--expand-xs .nj-header__nav--show {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
        transition: visibility .1ms, transform .5s
    }

    .nj-header--expand-xs .nj-header__nav.nj-header__nav--show {
        transform: translate3d(100%, 0, 0)
    }

    .nj-header--expand-xs .nj-header__nav-item {
        line-height: 1.2rem
    }

    .nj-header--expand-xs .nj-header__nav-link {
        position: relative;
        flex-grow: 1;
        margin: 0
    }

    .nj-header--expand-xs .nj-header__nav-link::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: .125rem;
        background: var(--nj-semantic-color-border-brand-strong-default);
        opacity: 0;
        transition: .3s var(--nj-semantic-motion-easing-fast-out-slow-in);
        transition-property: opacity;
        content: ""
    }

    .nj-header--expand-xs .nj-header__nav-link.active::after {
        opacity: 1
    }

    .nj-header--expand-xs .nj-header__nav-link:focus-visible {
        outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
        outline-offset: var(--nj-semantic-size-border-focus-ring-offset)
    }

    .nj-header--expand-xs .nj-header__menu {
        display: block;
        border-top: 0;
        box-shadow: none
    }

    .nj-header--expand-xs .nj-header__menu .container {
        max-width: inherit;
        padding: 0
    }

    .nj-header--expand-xs .nj-header__menu .col {
        flex-basis: 100%
    }

    .nj-header--expand-xs .nj-header__menu-return {
        display: flex;
        align-items: center;
        height: 4rem;
        font-size: 1.5rem;
        cursor: pointer
    }

    .nj-header--expand-xs .nj-header__menu-return:focus-visible {
        outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
        outline-offset: var(--nj-semantic-size-border-focus-ring-offset)
    }

    .nj-header--expand-xs .nj-header__menu-title {
        display: flex;
        flex-grow: 1;
        align-items: center;
        margin: 0;
        cursor: pointer
    }

    .nj-header--expand-xs .nj-header__menu-title + .nj-header__nav--panel li:first-child {
        display: flex
    }

    .nj-header--expand-xs .nj-header__menu-arrow-right {
        display: block;
        margin-left: var(--nj-semantic-size-spacing-8);
        color: inherit
    }

    .nj-header--expand-xs .nj-header__menu-arrow-left {
        display: block;
        margin-top: 5px;
        margin-right: var(--nj-semantic-size-spacing-8);
        margin-left: -5px;
        color: inherit
    }

    .nj-header--expand-xs .nj-header__search-icon {
        right: 2rem
    }

    .nj-header--expand-xs a {
        text-decoration: none
    }
}

@media (max-width: 576px) {
    .nj-header--expand-sm.nj-header--fixed {
        height: 4rem
    }

    .nj-header--expand-sm .nj-header__group {
        position: fixed;
        top: 0;
        z-index: var(--nj-semantic-elevation-z-index-fixed);
        width: 100%
    }

    .nj-header--expand-sm .nj-header__head {
        position: absolute;
        top: 0;
        left: 0;
        justify-content: center;
        width: 100%;
        height: 4rem
    }

    .nj-header--expand-sm .nj-header__head > * {
        display: none
    }

    .nj-header--expand-sm .nj-header__head .nj-header__logo {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .nj-header--expand-sm .nj-header__head .nj-header__logo img {
        width: 63px
    }

    .nj-header--expand-sm .nj-header__nav-burger {
        display: block
    }

    .nj-header--expand-sm .nj-header__nav-logo--reduced {
        display: none
    }

    .nj-header--expand-sm .nj-header__nav-logo {
        display: flex
    }

    .nj-header--expand-sm .nj-header__nav--panel {
        position: fixed;
        top: 4rem;
        left: -100%;
        flex-direction: column;
        justify-content: normal;
        width: 100vw;
        min-height: 100vh;
        padding: 0 2rem;
        overflow-y: auto;
        background-color: var(--nj-semantic-color-background-neutral-secondary-default);
        transform: translate3d(0, 0, 0);
        visibility: hidden;
        transition: visibility .5s .1ms, transform .5s
    }

    .nj-header--expand-sm .nj-header__nav--panel li {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        height: 4rem
    }

    .nj-header--expand-sm .nj-header__nav--panel li a {
        margin: 0
    }

    .nj-header--expand-sm .nj-header__nav--panel .nj-header__nav--panel {
        top: 0;
        left: 100%;
        z-index: 1
    }

    .nj-header--expand-sm .nj-header__nav--show {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
        transition: visibility .1ms, transform .5s
    }

    .nj-header--expand-sm .nj-header__nav.nj-header__nav--show {
        transform: translate3d(100%, 0, 0)
    }

    .nj-header--expand-sm .nj-header__nav-item {
        line-height: 1.2rem
    }

    .nj-header--expand-sm .nj-header__nav-link {
        position: relative;
        flex-grow: 1;
        margin: 0
    }

    .nj-header--expand-sm .nj-header__nav-link::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: .125rem;
        background: var(--nj-semantic-color-border-brand-strong-default);
        opacity: 0;
        transition: .3s var(--nj-semantic-motion-easing-fast-out-slow-in);
        transition-property: opacity;
        content: ""
    }

    .nj-header--expand-sm .nj-header__nav-link.active::after {
        opacity: 1
    }

    .nj-header--expand-sm .nj-header__nav-link:focus-visible {
        outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
        outline-offset: var(--nj-semantic-size-border-focus-ring-offset)
    }

    .nj-header--expand-sm .nj-header__menu {
        display: block;
        border-top: 0;
        box-shadow: none
    }

    .nj-header--expand-sm .nj-header__menu .container {
        max-width: inherit;
        padding: 0
    }

    .nj-header--expand-sm .nj-header__menu .col {
        flex-basis: 100%
    }

    .nj-header--expand-sm .nj-header__menu-return {
        display: flex;
        align-items: center;
        height: 4rem;
        font-size: 1.5rem;
        cursor: pointer
    }

    .nj-header--expand-sm .nj-header__menu-return:focus-visible {
        outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
        outline-offset: var(--nj-semantic-size-border-focus-ring-offset)
    }

    .nj-header--expand-sm .nj-header__menu-title {
        display: flex;
        flex-grow: 1;
        align-items: center;
        margin: 0;
        cursor: pointer
    }

    .nj-header--expand-sm .nj-header__menu-title + .nj-header__nav--panel li:first-child {
        display: flex
    }

    .nj-header--expand-sm .nj-header__menu-arrow-right {
        display: block;
        margin-left: var(--nj-semantic-size-spacing-8);
        color: inherit
    }

    .nj-header--expand-sm .nj-header__menu-arrow-left {
        display: block;
        margin-top: 5px;
        margin-right: var(--nj-semantic-size-spacing-8);
        margin-left: -5px;
        color: inherit
    }

    .nj-header--expand-sm .nj-header__search-icon {
        right: 2rem
    }

    .nj-header--expand-sm a {
        text-decoration: none
    }
}

@media (max-width: 768px) {
    .nj-header--expand-md.nj-header--fixed {
        height: 4rem
    }

    .nj-header--expand-md .nj-header__group {
        position: fixed;
        top: 0;
        z-index: var(--nj-semantic-elevation-z-index-fixed);
        width: 100%
    }

    .nj-header--expand-md .nj-header__head {
        position: absolute;
        top: 0;
        left: 0;
        justify-content: center;
        width: 100%;
        height: 4rem
    }

    .nj-header--expand-md .nj-header__head > * {
        display: none
    }

    .nj-header--expand-md .nj-header__head .nj-header__logo {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .nj-header--expand-md .nj-header__head .nj-header__logo img {
        width: 63px
    }

    .nj-header--expand-md .nj-header__nav-burger {
        display: block
    }

    .nj-header--expand-md .nj-header__nav-logo--reduced {
        display: none
    }

    .nj-header--expand-md .nj-header__nav-logo {
        display: flex
    }

    .nj-header--expand-md .nj-header__nav--panel {
        position: fixed;
        top: 4rem;
        left: -100%;
        flex-direction: column;
        justify-content: normal;
        width: 100vw;
        min-height: 100vh;
        padding: 0 2rem;
        overflow-y: auto;
        background-color: var(--nj-semantic-color-background-neutral-secondary-default);
        transform: translate3d(0, 0, 0);
        visibility: hidden;
        transition: visibility .5s .1ms, transform .5s
    }

    .nj-header--expand-md .nj-header__nav--panel li {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        height: 4rem
    }

    .nj-header--expand-md .nj-header__nav--panel li a {
        margin: 0
    }

    .nj-header--expand-md .nj-header__nav--panel .nj-header__nav--panel {
        top: 0;
        left: 100%;
        z-index: 1
    }

    .nj-header--expand-md .nj-header__nav--show {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
        transition: visibility .1ms, transform .5s
    }

    .nj-header--expand-md .nj-header__nav.nj-header__nav--show {
        transform: translate3d(100%, 0, 0)
    }

    .nj-header--expand-md .nj-header__nav-item {
        line-height: 1.2rem
    }

    .nj-header--expand-md .nj-header__nav-link {
        position: relative;
        flex-grow: 1;
        margin: 0
    }

    .nj-header--expand-md .nj-header__nav-link::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: .125rem;
        background: var(--nj-semantic-color-border-brand-strong-default);
        opacity: 0;
        transition: .3s var(--nj-semantic-motion-easing-fast-out-slow-in);
        transition-property: opacity;
        content: ""
    }

    .nj-header--expand-md .nj-header__nav-link.active::after {
        opacity: 1
    }

    .nj-header--expand-md .nj-header__nav-link:focus-visible {
        outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
        outline-offset: var(--nj-semantic-size-border-focus-ring-offset)
    }

    .nj-header--expand-md .nj-header__menu {
        display: block;
        border-top: 0;
        box-shadow: none
    }

    .nj-header--expand-md .nj-header__menu .container {
        max-width: inherit;
        padding: 0
    }

    .nj-header--expand-md .nj-header__menu .col {
        flex-basis: 100%
    }

    .nj-header--expand-md .nj-header__menu-return {
        display: flex;
        align-items: center;
        height: 4rem;
        font-size: 1.5rem;
        cursor: pointer
    }

    .nj-header--expand-md .nj-header__menu-return:focus-visible {
        outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
        outline-offset: var(--nj-semantic-size-border-focus-ring-offset)
    }

    .nj-header--expand-md .nj-header__menu-title {
        display: flex;
        flex-grow: 1;
        align-items: center;
        margin: 0;
        cursor: pointer
    }

    .nj-header--expand-md .nj-header__menu-title + .nj-header__nav--panel li:first-child {
        display: flex
    }

    .nj-header--expand-md .nj-header__menu-arrow-right {
        display: block;
        margin-left: var(--nj-semantic-size-spacing-8);
        color: inherit
    }

    .nj-header--expand-md .nj-header__menu-arrow-left {
        display: block;
        margin-top: 5px;
        margin-right: var(--nj-semantic-size-spacing-8);
        margin-left: -5px;
        color: inherit
    }

    .nj-header--expand-md .nj-header__search-icon {
        right: 2rem
    }

    .nj-header--expand-md a {
        text-decoration: none
    }
}

@media (max-width: 992px) {
    .nj-header--expand-lg.nj-header--fixed {
        height: 4rem
    }

    .nj-header--expand-lg .nj-header__group {
        position: fixed;
        top: 0;
        z-index: var(--nj-semantic-elevation-z-index-fixed);
        width: 100%
    }

    .nj-header--expand-lg .nj-header__head {
        position: absolute;
        top: 0;
        left: 0;
        justify-content: center;
        width: 100%;
        height: 4rem
    }

    .nj-header--expand-lg .nj-header__head > * {
        display: none
    }

    .nj-header--expand-lg .nj-header__head .nj-header__logo {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .nj-header--expand-lg .nj-header__head .nj-header__logo img {
        width: 63px
    }

    .nj-header--expand-lg .nj-header__nav-burger {
        display: block
    }

    .nj-header--expand-lg .nj-header__nav-logo--reduced {
        display: none
    }

    .nj-header--expand-lg .nj-header__nav-logo {
        display: flex
    }

    .nj-header--expand-lg .nj-header__nav--panel {
        position: fixed;
        top: 4rem;
        left: -100%;
        flex-direction: column;
        justify-content: normal;
        width: 100vw;
        min-height: 100vh;
        padding: 0 2rem;
        overflow-y: auto;
        background-color: var(--nj-semantic-color-background-neutral-secondary-default);
        transform: translate3d(0, 0, 0);
        visibility: hidden;
        transition: visibility .5s .1ms, transform .5s
    }

    .nj-header--expand-lg .nj-header__nav--panel li {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        height: 4rem
    }

    .nj-header--expand-lg .nj-header__nav--panel li a {
        margin: 0
    }

    .nj-header--expand-lg .nj-header__nav--panel .nj-header__nav--panel {
        top: 0;
        left: 100%;
        z-index: 1
    }

    .nj-header--expand-lg .nj-header__nav--show {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
        transition: visibility .1ms, transform .5s
    }

    .nj-header--expand-lg .nj-header__nav.nj-header__nav--show {
        transform: translate3d(100%, 0, 0)
    }

    .nj-header--expand-lg .nj-header__nav-item {
        line-height: 1.2rem
    }

    .nj-header--expand-lg .nj-header__nav-link {
        position: relative;
        flex-grow: 1;
        margin: 0
    }

    .nj-header--expand-lg .nj-header__nav-link::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: .125rem;
        background: var(--nj-semantic-color-border-brand-strong-default);
        opacity: 0;
        transition: .3s var(--nj-semantic-motion-easing-fast-out-slow-in);
        transition-property: opacity;
        content: ""
    }

    .nj-header--expand-lg .nj-header__nav-link.active::after {
        opacity: 1
    }

    .nj-header--expand-lg .nj-header__nav-link:focus-visible {
        outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
        outline-offset: var(--nj-semantic-size-border-focus-ring-offset)
    }

    .nj-header--expand-lg .nj-header__menu {
        display: block;
        border-top: 0;
        box-shadow: none
    }

    .nj-header--expand-lg .nj-header__menu .container {
        max-width: inherit;
        padding: 0
    }

    .nj-header--expand-lg .nj-header__menu .col {
        flex-basis: 100%
    }

    .nj-header--expand-lg .nj-header__menu-return {
        display: flex;
        align-items: center;
        height: 4rem;
        font-size: 1.5rem;
        cursor: pointer
    }

    .nj-header--expand-lg .nj-header__menu-return:focus-visible {
        outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
        outline-offset: var(--nj-semantic-size-border-focus-ring-offset)
    }

    .nj-header--expand-lg .nj-header__menu-title {
        display: flex;
        flex-grow: 1;
        align-items: center;
        margin: 0;
        cursor: pointer
    }

    .nj-header--expand-lg .nj-header__menu-title + .nj-header__nav--panel li:first-child {
        display: flex
    }

    .nj-header--expand-lg .nj-header__menu-arrow-right {
        display: block;
        margin-left: var(--nj-semantic-size-spacing-8);
        color: inherit
    }

    .nj-header--expand-lg .nj-header__menu-arrow-left {
        display: block;
        margin-top: 5px;
        margin-right: var(--nj-semantic-size-spacing-8);
        margin-left: -5px;
        color: inherit
    }

    .nj-header--expand-lg .nj-header__search-icon {
        right: 2rem
    }

    .nj-header--expand-lg a {
        text-decoration: none
    }
}

@media (max-width: 1200px) {
    .nj-header--expand-xl.nj-header--fixed {
        height: 4rem
    }

    .nj-header--expand-xl .nj-header__group {
        position: fixed;
        top: 0;
        z-index: var(--nj-semantic-elevation-z-index-fixed);
        width: 100%
    }

    .nj-header--expand-xl .nj-header__head {
        position: absolute;
        top: 0;
        left: 0;
        justify-content: center;
        width: 100%;
        height: 4rem
    }

    .nj-header--expand-xl .nj-header__head > * {
        display: none
    }

    .nj-header--expand-xl .nj-header__head .nj-header__logo {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .nj-header--expand-xl .nj-header__head .nj-header__logo img {
        width: 63px
    }

    .nj-header--expand-xl .nj-header__nav-burger {
        display: block
    }

    .nj-header--expand-xl .nj-header__nav-logo--reduced {
        display: none
    }

    .nj-header--expand-xl .nj-header__nav-logo {
        display: flex
    }

    .nj-header--expand-xl .nj-header__nav--panel {
        position: fixed;
        top: 4rem;
        left: -100%;
        flex-direction: column;
        justify-content: normal;
        width: 100vw;
        min-height: 100vh;
        padding: 0 2rem;
        overflow-y: auto;
        background-color: var(--nj-semantic-color-background-neutral-secondary-default);
        transform: translate3d(0, 0, 0);
        visibility: hidden;
        transition: visibility .5s .1ms, transform .5s
    }

    .nj-header--expand-xl .nj-header__nav--panel li {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        height: 4rem
    }

    .nj-header--expand-xl .nj-header__nav--panel li a {
        margin: 0
    }

    .nj-header--expand-xl .nj-header__nav--panel .nj-header__nav--panel {
        top: 0;
        left: 100%;
        z-index: 1
    }

    .nj-header--expand-xl .nj-header__nav--show {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
        transition: visibility .1ms, transform .5s
    }

    .nj-header--expand-xl .nj-header__nav.nj-header__nav--show {
        transform: translate3d(100%, 0, 0)
    }

    .nj-header--expand-xl .nj-header__nav-item {
        line-height: 1.2rem
    }

    .nj-header--expand-xl .nj-header__nav-link {
        position: relative;
        flex-grow: 1;
        margin: 0
    }

    .nj-header--expand-xl .nj-header__nav-link::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: .125rem;
        background: var(--nj-semantic-color-border-brand-strong-default);
        opacity: 0;
        transition: .3s var(--nj-semantic-motion-easing-fast-out-slow-in);
        transition-property: opacity;
        content: ""
    }

    .nj-header--expand-xl .nj-header__nav-link.active::after {
        opacity: 1
    }

    .nj-header--expand-xl .nj-header__nav-link:focus-visible {
        outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
        outline-offset: var(--nj-semantic-size-border-focus-ring-offset)
    }

    .nj-header--expand-xl .nj-header__menu {
        display: block;
        border-top: 0;
        box-shadow: none
    }

    .nj-header--expand-xl .nj-header__menu .container {
        max-width: inherit;
        padding: 0
    }

    .nj-header--expand-xl .nj-header__menu .col {
        flex-basis: 100%
    }

    .nj-header--expand-xl .nj-header__menu-return {
        display: flex;
        align-items: center;
        height: 4rem;
        font-size: 1.5rem;
        cursor: pointer
    }

    .nj-header--expand-xl .nj-header__menu-return:focus-visible {
        outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
        outline-offset: var(--nj-semantic-size-border-focus-ring-offset)
    }

    .nj-header--expand-xl .nj-header__menu-title {
        display: flex;
        flex-grow: 1;
        align-items: center;
        margin: 0;
        cursor: pointer
    }

    .nj-header--expand-xl .nj-header__menu-title + .nj-header__nav--panel li:first-child {
        display: flex
    }

    .nj-header--expand-xl .nj-header__menu-arrow-right {
        display: block;
        margin-left: var(--nj-semantic-size-spacing-8);
        color: inherit
    }

    .nj-header--expand-xl .nj-header__menu-arrow-left {
        display: block;
        margin-top: 5px;
        margin-right: var(--nj-semantic-size-spacing-8);
        margin-left: -5px;
        color: inherit
    }

    .nj-header--expand-xl .nj-header__search-icon {
        right: 2rem
    }

    .nj-header--expand-xl a {
        text-decoration: none
    }
}

.nj-fab {
    --nj-fab-background: var(--nj-semantic-color-background-brand-solid-default);
    --nj-fab-background-hovered: var(--nj-semantic-color-background-brand-solid-hovered);
    --nj-fab-background-focused: var(--nj-semantic-color-background-brand-solid-focused);
    --nj-fab-background-pressed: var(--nj-semantic-color-background-brand-solid-pressed);
    --nj-fab-color: var(--nj-semantic-color-text-neutral-inverse-default);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: relative;
    z-index: var(--nj-semantic-elevation-z-index-fixed);
    width: var(--nj-component-fab-size-base);
    min-width: var(--nj-component-fab-size-base);
    height: var(--nj-component-fab-size-base);
    padding: 0;
    color: var(--nj-fab-color);
    line-height: 0;
    background: var(--nj-fab-background);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    transition: .3s var(--nj-semantic-motion-easing-fast-out-slow-in)
}

.nj-fab *, .nj-fab *::before, .nj-fab *::after {
    box-sizing: border-box
}

.nj-fab:not(.disabled):not(.nj-fab:disabled):after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    box-sizing: content-box !important;
    width: 100%;
    height: 100%;
    padding: var(--nj-semantic-size-border-focus-ring-offset);
    border-radius: var(--nj-semantic-size-border-radius-none);
    box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
    opacity: 0;
    transition: opacity .2s, transform .2s;
    transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
    content: "";
    pointer-events: none
}

.nj-fab:not(.disabled):not(.nj-fab:disabled):hover {
    --nj-fab-background: var(--nj-fab-background-hovered);
    text-decoration: none;
    outline: 0
}

.nj-fab:not(.disabled):not(.nj-fab:disabled):focus-visible {
    --nj-fab-background: var(--nj-fab-background-focused);
    text-decoration: none;
    outline: 0
}

.nj-fab:not(.disabled):not(.nj-fab:disabled):focus-visible:after {
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    opacity: 1
}

.nj-fab:not(.disabled):not(.nj-fab:disabled):active {
    --nj-fab-background: var(--nj-fab-background-pressed);
    text-decoration: none
}

.nj-fab__actions {
    position: absolute;
    top: 0;
    left: 0;
    z-index: var(--nj-semantic-elevation-z-index-dropdown);
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--nj-component-fab-size-base);
    height: var(--nj-component-fab-size-base);
    margin: 0;
    padding-left: 0;
    list-style: none;
    visibility: hidden
}

.nj-fab__actions--sm {
    width: var(--nj-component-fab-size-sm);
    height: var(--nj-component-fab-size-sm)
}

.nj-fab__actions .nj-fab__item {
    position: absolute
}

.nj-fab .material-icons {
    color: inherit
}

.nj-fab--sm {
    width: var(--nj-component-fab-size-sm);
    min-width: var(--nj-component-fab-size-sm);
    height: var(--nj-component-fab-size-sm)
}

.nj-fab.active {
    --nj-fab-background: var(--nj-semantic-color-background-neutral-solid-default);
    --nj-fab-background-hovered: var(--nj-semantic-color-background-neutral-solid-hovered);
    --nj-fab-background-focused: var(--nj-semantic-color-background-neutral-solid-focused);
    --nj-fab-background-pressed: var(--nj-semantic-color-background-neutral-solid-pressed)
}

.nj-fab.active:not(.no-rotate) .material-icons {
    transform: rotate(-45deg)
}

.nj-fab.active ~ .nj-fab__actions {
    visibility: initial
}

.nj-fab.disabled, .nj-fab:disabled {
    cursor: not-allowed;
    opacity: var(--nj-semantic-opacity-disabled)
}

.nj-fab-menu {
    position: relative;
    z-index: var(--nj-semantic-elevation-z-index-fixed)
}

.nj-fab-menu .nj-fab--light {
    --nj-fab-background: var(--nj-semantic-color-background-neutral-primary-default);
    --nj-fab-background-hovered: var(--nj-semantic-color-background-neutral-primary-hovered);
    --nj-fab-background-focused: var(--nj-semantic-color-background-neutral-primary-focused);
    --nj-fab-background-pressed: var(--nj-semantic-color-background-neutral-primary-pressed);
    --nj-fab-color: var(--nj-semantic-color-icon-neutral-secondary-default);
    border: solid 1px var(--nj-semantic-color-border-neutral-subtle-default)
}

.nj-footer {
    --nj-footer-bg-color: var(--nj-semantic-color-background-neutral-secondary-default);
    --nj-footer-logo-height: 48px;
    --nj-footer-logo-height-sm: 32px;
    --nj-footer-divider: 1px solid var(--nj-semantic-color-border-neutral-subtle-default);
    --nj-footer-gap: var(--nj-semantic-size-spacing-24);
    --nj-footer-menu-min-width: 14rem;
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    padding-top: var(--nj-footer-gap);
    background-color: var(--nj-footer-bg-color)
}

.nj-footer *, .nj-footer *::before, .nj-footer *::after {
    box-sizing: border-box
}

.nj-footer > div {
    display: grid;
    gap: var(--nj-footer-gap)
}

.nj-footer::after {
    display: block;
    width: 100%;
    height: 3px;
    margin-top: var(--nj-footer-gap);
    background: var(--nj-semantic-color-background-additional-engie-ray-default);
    content: ""
}

.nj-footer__baseline {
    --nj-footer-baseline-gap: var(--nj-semantic-size-spacing-64);
    display: flex;
    gap: var(--nj-footer-baseline-gap);
    align-items: center;
    justify-content: center;
    padding: var(--nj-semantic-size-spacing-32) 0;
    font-weight: var(--nj-semantic-font-weight-bold);
    font-size: var(--nj-semantic-size-font-heading-4);
    text-align: center
}

.nj-footer__baseline p {
    margin: 0
}

@media (max-width: 991.98px) {
    .nj-footer__baseline {
        --nj-footer-baseline-gap: var(--nj-semantic-size-spacing-32);
        flex-wrap: wrap
    }
}

.nj-footer__logo {
    display: block;
    width: auto;
    height: var(--nj-footer-logo-height)
}

@media (max-width: 991.98px) {
    .nj-footer__logo {
        --nj-footer-logo-height: var(--nj-footer-logo-height-sm)
    }
}

.nj-footer__menu {
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(var(--nj-footer-menu-min-width), 1fr));
    gap: var(--nj-semantic-size-spacing-32);
    padding-top: var(--nj-footer-gap);
    border-top: var(--nj-footer-divider)
}

.nj-footer__menu-section {
    display: grid;
    gap: var(--nj-semantic-size-spacing-24);
    align-content: start;
    align-items: start
}

.nj-footer__links-list-title {
    display: flex;
    margin: 0;
    font-size: var(--nj-semantic-size-font-content-1)
}

.nj-footer__links-list {
    display: grid;
    gap: var(--nj-semantic-size-spacing-8);
    margin: 0;
    padding-left: 0;
    font-size: var(--nj-semantic-size-font-content-2);
    list-style: none
}

.nj-footer__links {
    display: flex;
    flex-wrap: wrap;
    gap: var(--nj-semantic-size-spacing-12) var(--nj-semantic-size-spacing-32);
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: var(--nj-footer-gap) 0 0;
    font-size: var(--nj-semantic-size-font-content-2);
    list-style: none;
    border-top: var(--nj-footer-divider)
}

.nj-footer__social {
    display: flex;
    flex-wrap: wrap;
    gap: var(--nj-semantic-size-spacing-12) var(--nj-semantic-size-spacing-24);
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none
}

.nj-footer__social-link {
    position: relative;
    display: block;
    width: auto;
    height: 32px;
    padding: 4px
}

.nj-footer__social-link:hover {
    background-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered)
}

.nj-footer__social-link:after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    box-sizing: content-box !important;
    width: 100%;
    height: 100%;
    padding: var(--nj-semantic-size-border-focus-ring-offset);
    border-radius: var(--nj-semantic-size-border-radius-none);
    box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
    opacity: 0;
    transition: opacity .2s, transform .2s;
    transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
    content: "";
    pointer-events: none
}

.nj-footer__social-link:focus-visible {
    outline: none
}

.nj-footer__social-link:focus-visible:after {
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    opacity: 1
}

.nj-footer__social-icon {
    width: auto;
    height: 100%
}

.nj-form-group {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: relative;
    min-width: 0;
    margin: 0 0 var(--nj-semantic-size-spacing-16);
    padding: 1.75rem 0 0;
    border: 0
}

.nj-form-group *, .nj-form-group *::before, .nj-form-group *::after {
    box-sizing: border-box
}

.nj-form-group.is-filled .nj-label-placeholder {
    display: none
}

.nj-form-group.is-filled .nj-form-control__reset {
    display: block
}

.nj-form-group.nj-form-input-search.is-filled .nj-form-control__search {
    display: none
}

.nj-form-group.is-focused .nj-label-floating, .nj-form-group .is-focused .nj-label-floating, .nj-form-group.is-filled .nj-label-floating, .nj-form-group .is-filled .nj-label-floating {
    top: 1rem;
    left: 0;
    font-size: .75rem
}

.nj-form-group [class^=nj-label], .nj-form-group [class*=" nj-label"] {
    color: var(--nj-deprecated-color-text-label)
}

.nj-form-group .nj-form-control, .is-focused .nj-form-group .nj-form-control {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-text-label-focus) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

.nj-form-group .nj-form-control:invalid {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-base-danger) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

.nj-form-group .nj-form-control[readonly] {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-border-input) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

fieldset[disabled][disabled] .nj-form-group .nj-form-control, .nj-form-group .nj-form-control.disabled, .nj-form-group .nj-form-control:disabled, .nj-form-group .nj-form-control[disabled] {
    background-image: linear-gradient(to top, transparent 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input-disabled) 1px, transparent 1px)
}

.nj-form-group .is-focused [class^=nj-label], .nj-form-group .is-focused [class*=" nj-label"], .nj-form-group.is-focused [class^=nj-label], .nj-form-group.is-focused [class*=" nj-label"] {
    color: var(--nj-deprecated-color-text-label-focus)
}

.nj-form-group .is-focused [class^=nj-label].has-danger, .nj-form-group .is-focused [class*=" nj-label"].has-danger, .nj-form-group.is-focused [class^=nj-label].has-danger, .nj-form-group.is-focused [class*=" nj-label"].has-danger {
    color: var(--nj-deprecated-color-base-danger)
}

.nj-form-group .is-focused .nj-label-placeholder, .nj-form-group.is-focused .nj-label-placeholder {
    color: var(--nj-deprecated-color-text-label)
}

.nj-form-group .is-focused .nj-help, .nj-form-group.is-focused .nj-help {
    color: var(--nj-deprecated-color-base-gray-600)
}

.nj-form-group .nj-label-floating {
    color: var(--nj-semantic-color-text-label)
}

.nj-form-group.is-filled .nj-label-floating {
    color: var(--nj-semantic-color-text-label)
}

.nj-form-group.has-success [class^=nj-label], .nj-form-group.has-success [class*=" nj-label"] {
    color: var(--nj-deprecated-color-base-success)
}

.nj-form-group.has-success .nj-form-control, .is-focused .nj-form-group.has-success .nj-form-control {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-base-success) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

.nj-form-group.has-success .nj-form-control:invalid {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-base-danger) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

.nj-form-group.has-success .nj-form-control[readonly] {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-border-input) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

fieldset[disabled][disabled] .nj-form-group.has-success .nj-form-control, .nj-form-group.has-success .nj-form-control.disabled, .nj-form-group.has-success .nj-form-control:disabled, .nj-form-group.has-success .nj-form-control[disabled] {
    background-image: linear-gradient(to top, transparent 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input-disabled) 1px, transparent 1px)
}

.nj-form-group.has-success .is-focused [class^=nj-label], .nj-form-group.has-success .is-focused [class*=" nj-label"], .nj-form-group.has-success.is-focused [class^=nj-label], .nj-form-group.has-success.is-focused [class*=" nj-label"] {
    color: var(--nj-deprecated-color-base-success)
}

.nj-form-group.has-success .is-focused [class^=nj-label].has-danger, .nj-form-group.has-success .is-focused [class*=" nj-label"].has-danger, .nj-form-group.has-success.is-focused [class^=nj-label].has-danger, .nj-form-group.has-success.is-focused [class*=" nj-label"].has-danger {
    color: var(--nj-deprecated-color-base-danger)
}

.nj-form-group.has-success .is-focused .nj-label-placeholder, .nj-form-group.has-success.is-focused .nj-label-placeholder {
    color: var(--nj-deprecated-color-base-success)
}

.nj-form-group.has-success .is-focused .nj-help, .nj-form-group.has-success.is-focused .nj-help {
    color: var(--nj-deprecated-color-base-gray-600)
}

.nj-form-group.has-success .nj-form-control {
    background-size: 100% 100%, 100% 100%;
    transition: background-size .3s var(--nj-semantic-motion-easing-fast-out-slow-in)
}

.nj-form-group.has-warning [class^=nj-label], .nj-form-group.has-warning [class*=" nj-label"] {
    color: var(--nj-deprecated-color-base-warning)
}

.nj-form-group.has-warning .nj-form-control, .is-focused .nj-form-group.has-warning .nj-form-control {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-base-warning) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

.nj-form-group.has-warning .nj-form-control:invalid {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-base-danger) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

.nj-form-group.has-warning .nj-form-control[readonly] {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-border-input) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

fieldset[disabled][disabled] .nj-form-group.has-warning .nj-form-control, .nj-form-group.has-warning .nj-form-control.disabled, .nj-form-group.has-warning .nj-form-control:disabled, .nj-form-group.has-warning .nj-form-control[disabled] {
    background-image: linear-gradient(to top, transparent 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input-disabled) 1px, transparent 1px)
}

.nj-form-group.has-warning .is-focused [class^=nj-label], .nj-form-group.has-warning .is-focused [class*=" nj-label"], .nj-form-group.has-warning.is-focused [class^=nj-label], .nj-form-group.has-warning.is-focused [class*=" nj-label"] {
    color: var(--nj-deprecated-color-base-warning)
}

.nj-form-group.has-warning .is-focused [class^=nj-label].has-danger, .nj-form-group.has-warning .is-focused [class*=" nj-label"].has-danger, .nj-form-group.has-warning.is-focused [class^=nj-label].has-danger, .nj-form-group.has-warning.is-focused [class*=" nj-label"].has-danger {
    color: var(--nj-deprecated-color-base-danger)
}

.nj-form-group.has-warning .is-focused .nj-label-placeholder, .nj-form-group.has-warning.is-focused .nj-label-placeholder {
    color: var(--nj-deprecated-color-base-warning)
}

.nj-form-group.has-warning .is-focused .nj-help, .nj-form-group.has-warning.is-focused .nj-help {
    color: var(--nj-deprecated-color-base-gray-600)
}

.nj-form-group.has-warning .nj-form-control {
    background-size: 100% 100%, 100% 100%;
    transition: background-size .3s var(--nj-semantic-motion-easing-fast-out-slow-in)
}

.nj-form-group.has-danger [class^=nj-label], .nj-form-group.has-danger [class*=" nj-label"] {
    color: var(--nj-deprecated-color-base-danger)
}

.nj-form-group.has-danger .nj-form-control, .is-focused .nj-form-group.has-danger .nj-form-control {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-base-danger) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

.nj-form-group.has-danger .nj-form-control:invalid {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-base-danger) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

.nj-form-group.has-danger .nj-form-control[readonly] {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-border-input) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

fieldset[disabled][disabled] .nj-form-group.has-danger .nj-form-control, .nj-form-group.has-danger .nj-form-control.disabled, .nj-form-group.has-danger .nj-form-control:disabled, .nj-form-group.has-danger .nj-form-control[disabled] {
    background-image: linear-gradient(to top, transparent 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input-disabled) 1px, transparent 1px)
}

.nj-form-group.has-danger .is-focused [class^=nj-label], .nj-form-group.has-danger .is-focused [class*=" nj-label"], .nj-form-group.has-danger.is-focused [class^=nj-label], .nj-form-group.has-danger.is-focused [class*=" nj-label"] {
    color: var(--nj-deprecated-color-base-danger)
}

.nj-form-group.has-danger .is-focused [class^=nj-label].has-danger, .nj-form-group.has-danger .is-focused [class*=" nj-label"].has-danger, .nj-form-group.has-danger.is-focused [class^=nj-label].has-danger, .nj-form-group.has-danger.is-focused [class*=" nj-label"].has-danger {
    color: var(--nj-deprecated-color-base-danger)
}

.nj-form-group.has-danger .is-focused .nj-label-placeholder, .nj-form-group.has-danger.is-focused .nj-label-placeholder {
    color: var(--nj-deprecated-color-base-danger)
}

.nj-form-group.has-danger .is-focused .nj-help, .nj-form-group.has-danger.is-focused .nj-help {
    color: var(--nj-deprecated-color-base-gray-600)
}

.nj-form-group.has-danger .nj-form-control {
    background-size: 100% 100%, 100% 100%;
    transition: background-size .3s var(--nj-semantic-motion-easing-fast-out-slow-in)
}

.nj-form-group.is-focused .nj-form-control {
    background-size: 100% 100%, 100% 100%;
    transition: background-size .3s var(--nj-semantic-motion-easing-fast-out-slow-in)
}

.nj-form-group.is-focused .nj-form-control:invalid ~ [class^=nj-label], .nj-form-group.is-focused .nj-form-control:invalid ~ [class*=" nj-label"] {
    color: var(--nj-deprecated-color-base-danger)
}

.nj-form-group.is-visible .nj-form-control__password-off {
    display: none
}

.nj-form-group.is-visible .nj-form-control__password-on {
    display: block
}

.nj-form-group--icon-right .nj-form-control {
    padding-right: 2rem
}

.nj-form-group--icon-right .material-icons {
    position: absolute;
    right: 0;
    bottom: .5rem
}

.nj-form-group--icon-left .nj-form-control {
    padding-left: 2rem
}

.nj-form-group--icon-left .nj-label-floating, .nj-form-group--icon-left .nj-label-placeholder {
    left: 2rem
}

.nj-form-group--icon-left .material-icons {
    position: absolute;
    bottom: .5rem;
    left: 0
}

.nj-form-group .material-icons {
    color: var(--nj-deprecated-color-icon-input)
}

.nj-form-control {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    display: block;
    width: 100%;
    height: 2.5rem;
    padding-right: 0;
    padding-left: 0;
    color: var(--nj-deprecated-color-text-input);
    line-height: 1.3;
    background: no-repeat bottom, 50% calc(100% - 1px);
    background-size: 0 100%, 100% 100%;
    background-clip: padding-box;
    border: 0;
    transition: background 0s ease-out
}

.nj-form-control *, .nj-form-control *::before, .nj-form-control *::after {
    box-sizing: border-box
}

.nj-form-control::placeholder {
    color: var(--nj-deprecated-color-placeholder-input);
    font-size: var(--nj-semantic-size-font-content-1)
}

.nj-form-control:hover {
    outline: 0
}

.nj-form-control:hover::placeholder {
    color: var(--nj-deprecated-color-placeholder-input-hovered)
}

.nj-form-control:focus {
    color: var(--nj-deprecated-color-text-input);
    outline: 0
}

.nj-form-control:focus::placeholder {
    color: var(--nj-deprecated-color-placeholder-input-focused)
}

.nj-form-control:-webkit-autofill, .nj-form-control:-webkit-autofill:hover, .nj-form-control:-webkit-autofill:focus, .nj-form-control:-webkit-autofill:active {
    -webkit-text-fill-color: var(--nj-deprecated-color-text-body);
    -webkit-box-shadow: 0 0 0 30px var(--nj-deprecated-color-background-components) inset !important
}

.nj-form-control::-ms-expand {
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.nj-form-control:disabled::placeholder, .nj-form-control[readonly]::placeholder {
    color: var(--nj-deprecated-color-placeholder-input-disabled)
}

.nj-form-control:disabled + [class^=nj-label] {
    color: var(--nj-deprecated-color-placeholder-input-disabled)
}

.nj-form-control__reset {
    display: none;
    cursor: pointer;
    transition: .2s var(--nj-semantic-motion-easing-fast-out-slow-in)
}

.nj-form-control__reset:hover {
    transform: rotate(-90deg)
}

.nj-form-control__password-on {
    display: none;
    cursor: pointer
}

.nj-form-control__password-off {
    cursor: pointer
}

textarea.nj-form-control {
    height: auto
}

.nj-help {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: absolute;
    display: none;
    margin-top: .25rem;
    font-weight: 400;
    font-size: var(--nj-semantic-size-font-content-3)
}

.nj-help *, .nj-help *::before, .nj-help *::after {
    box-sizing: border-box
}

.nj-form-group.is-focused .nj-help {
    display: block
}

.nj-help:nth-of-type(2) {
    padding-top: 1rem
}

[class^=nj-label], [class*=nj-label] {
    position: absolute;
    font-size: var(--nj-semantic-size-font-content-1);
    transition: .3s ease all;
    pointer-events: none
}

[class^=nj-label].nj-label-floating, [class*=nj-label].nj-label-floating {
    will-change: left, top, contents
}

.nj-label-floating, .nj-label-placeholder {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    top: 2.1875rem;
    left: 0
}

.nj-label-floating *, .nj-label-floating *::before, .nj-label-floating *::after, .nj-label-placeholder *, .nj-label-placeholder *::before, .nj-label-placeholder *::after {
    box-sizing: border-box
}

.nj-label-floating {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default)
}

.nj-label-floating *, .nj-label-floating *::before, .nj-label-floating *::after {
    box-sizing: border-box
}

.nj-label-floating + .nj-form-control::placeholder {
    opacity: 0
}

.nj-label-floating + .nj-form-control:focus::placeholder {
    opacity: 1
}

.nj-label-static {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    white-space: nowrap;
    top: 1rem;
    left: 0;
    font-size: .75rem
}

.nj-label-static *, .nj-label-static *::before, .nj-label-static *::after {
    box-sizing: border-box
}

.nj-form-autocomplete {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default)
}

.nj-form-autocomplete *, .nj-form-autocomplete *::before, .nj-form-autocomplete *::after {
    box-sizing: border-box
}

.nj-form-autocomplete:focus {
    outline: none
}

.nj-form-autocomplete input ~ .nj-form-autocomplete__list {
    display: none
}

.nj-form-autocomplete input:valid:focus ~ .nj-form-autocomplete__list {
    display: block
}

.nj-form-autocomplete input[readonly]:focus ~ .nj-form-autocomplete__list {
    display: block
}

.nj-form-autocomplete .nj-form-control[readonly] {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-base-primary) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

.nj-form-autocomplete__list {
    max-height: 24rem;
    overflow-y: scroll
}

.nj-form-autocomplete__list.nj-card {
    position: absolute;
    z-index: var(--nj-semantic-elevation-z-index-dropdown);
    width: 100%
}

.nj-form-autocomplete .nj-form-autocomplete__list:focus, .nj-form-autocomplete .nj-form-autocomplete__list:active {
    display: block
}

.nj-form-dropdown {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default)
}

.nj-form-dropdown *, .nj-form-dropdown *::before, .nj-form-dropdown *::after {
    box-sizing: border-box
}

.nj-form-dropdown input {
    cursor: pointer
}

.container {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: calc(var(--nj-semantic-size-spacing-32) * .5);
    padding-left: calc(var(--nj-semantic-size-spacing-32) * .5)
}

.container *, .container *::before, .container *::after {
    box-sizing: border-box
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: calc(var(--nj-semantic-size-spacing-32) * .5);
    padding-left: calc(var(--nj-semantic-size-spacing-32) * .5)
}

.container-fluid *, .container-fluid *::before, .container-fluid *::after {
    box-sizing: border-box
}

.row {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(var(--nj-semantic-size-spacing-32) / -2);
    margin-left: calc(var(--nj-semantic-size-spacing-32) / -2)
}

.row *, .row *::before, .row *::after {
    box-sizing: border-box
}

.no-gutters {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    margin-right: 0;
    margin-left: 0
}

.no-gutters *, .no-gutters *::before, .no-gutters *::after {
    box-sizing: border-box
}

.no-gutters > .col, .no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: calc(var(--nj-semantic-size-spacing-32) * .5);
    padding-left: calc(var(--nj-semantic-size-spacing-32) * .5)
}

.col-xl *, .col-xl-auto *, .col-xl-12 *, .col-xl-11 *, .col-xl-10 *, .col-xl-9 *, .col-xl-8 *, .col-xl-7 *, .col-xl-6 *, .col-xl-5 *, .col-xl-4 *, .col-xl-3 *, .col-xl-2 *, .col-xl-1 *, .col-lg *, .col-lg-auto *, .col-lg-12 *, .col-lg-11 *, .col-lg-10 *, .col-lg-9 *, .col-lg-8 *, .col-lg-7 *, .col-lg-6 *, .col-lg-5 *, .col-lg-4 *, .col-lg-3 *, .col-lg-2 *, .col-lg-1 *, .col-md *, .col-md-auto *, .col-md-12 *, .col-md-11 *, .col-md-10 *, .col-md-9 *, .col-md-8 *, .col-md-7 *, .col-md-6 *, .col-md-5 *, .col-md-4 *, .col-md-3 *, .col-md-2 *, .col-md-1 *, .col-sm *, .col-sm-auto *, .col-sm-12 *, .col-sm-11 *, .col-sm-10 *, .col-sm-9 *, .col-sm-8 *, .col-sm-7 *, .col-sm-6 *, .col-sm-5 *, .col-sm-4 *, .col-sm-3 *, .col-sm-2 *, .col-sm-1 *, .col *, .col-auto *, .col-12 *, .col-11 *, .col-10 *, .col-9 *, .col-8 *, .col-7 *, .col-6 *, .col-5 *, .col-4 *, .col-3 *, .col-2 *, .col-1 *, .col-xl *::before, .col-xl-auto *::before, .col-xl-12 *::before, .col-xl-11 *::before, .col-xl-10 *::before, .col-xl-9 *::before, .col-xl-8 *::before, .col-xl-7 *::before, .col-xl-6 *::before, .col-xl-5 *::before, .col-xl-4 *::before, .col-xl-3 *::before, .col-xl-2 *::before, .col-xl-1 *::before, .col-lg *::before, .col-lg-auto *::before, .col-lg-12 *::before, .col-lg-11 *::before, .col-lg-10 *::before, .col-lg-9 *::before, .col-lg-8 *::before, .col-lg-7 *::before, .col-lg-6 *::before, .col-lg-5 *::before, .col-lg-4 *::before, .col-lg-3 *::before, .col-lg-2 *::before, .col-lg-1 *::before, .col-md *::before, .col-md-auto *::before, .col-md-12 *::before, .col-md-11 *::before, .col-md-10 *::before, .col-md-9 *::before, .col-md-8 *::before, .col-md-7 *::before, .col-md-6 *::before, .col-md-5 *::before, .col-md-4 *::before, .col-md-3 *::before, .col-md-2 *::before, .col-md-1 *::before, .col-sm *::before, .col-sm-auto *::before, .col-sm-12 *::before, .col-sm-11 *::before, .col-sm-10 *::before, .col-sm-9 *::before, .col-sm-8 *::before, .col-sm-7 *::before, .col-sm-6 *::before, .col-sm-5 *::before, .col-sm-4 *::before, .col-sm-3 *::before, .col-sm-2 *::before, .col-sm-1 *::before, .col *::before, .col-auto *::before, .col-12 *::before, .col-11 *::before, .col-10 *::before, .col-9 *::before, .col-8 *::before, .col-7 *::before, .col-6 *::before, .col-5 *::before, .col-4 *::before, .col-3 *::before, .col-2 *::before, .col-1 *::before, .col-xl *::after, .col-xl-auto *::after, .col-xl-12 *::after, .col-xl-11 *::after, .col-xl-10 *::after, .col-xl-9 *::after, .col-xl-8 *::after, .col-xl-7 *::after, .col-xl-6 *::after, .col-xl-5 *::after, .col-xl-4 *::after, .col-xl-3 *::after, .col-xl-2 *::after, .col-xl-1 *::after, .col-lg *::after, .col-lg-auto *::after, .col-lg-12 *::after, .col-lg-11 *::after, .col-lg-10 *::after, .col-lg-9 *::after, .col-lg-8 *::after, .col-lg-7 *::after, .col-lg-6 *::after, .col-lg-5 *::after, .col-lg-4 *::after, .col-lg-3 *::after, .col-lg-2 *::after, .col-lg-1 *::after, .col-md *::after, .col-md-auto *::after, .col-md-12 *::after, .col-md-11 *::after, .col-md-10 *::after, .col-md-9 *::after, .col-md-8 *::after, .col-md-7 *::after, .col-md-6 *::after, .col-md-5 *::after, .col-md-4 *::after, .col-md-3 *::after, .col-md-2 *::after, .col-md-1 *::after, .col-sm *::after, .col-sm-auto *::after, .col-sm-12 *::after, .col-sm-11 *::after, .col-sm-10 *::after, .col-sm-9 *::after, .col-sm-8 *::after, .col-sm-7 *::after, .col-sm-6 *::after, .col-sm-5 *::after, .col-sm-4 *::after, .col-sm-3 *::after, .col-sm-2 *::after, .col-sm-1 *::after, .col *::after, .col-auto *::after, .col-12 *::after, .col-11 *::after, .col-10 *::after, .col-9 *::after, .col-8 *::after, .col-7 *::after, .col-6 *::after, .col-5 *::after, .col-4 *::after, .col-3 *::after, .col-2 *::after, .col-1 *::after {
    box-sizing: border-box
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .offset-md-2 {
        margin-left: 16.6666666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.3333333333%
    }

    .offset-md-5 {
        margin-left: 41.6666666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.3333333333%
    }

    .offset-md-8 {
        margin-left: 66.6666666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.3333333333%
    }

    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

.nj-inline-message {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    display: flex;
    gap: var(--nj-semantic-size-spacing-16);
    align-items: flex-start;
    padding: var(--nj-semantic-size-spacing-16);
    background: var(--nj-inline-message-bg);
    border: solid 1px var(--nj-inline-message-border);
    border-radius: var(--nj-semantic-size-border-radius-none);
    transform-origin: left center;
    --nj-inline-message-bg: var(--nj-semantic-color-background-status-danger-tertiary-default);
    --nj-inline-message-border: var(--nj-semantic-color-border-status-danger-moderate-default);
    --nj-inline-message-color: var(--nj-semantic-color-text-neutral-primary-default)
}

.nj-inline-message *, .nj-inline-message *::before, .nj-inline-message *::after {
    box-sizing: border-box
}

.nj-inline-message__status {
    flex-shrink: 0
}

.nj-inline-message__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: var(--nj-semantic-size-spacing-8);
    color: var(--nj-inline-message-color)
}

.nj-inline-message__close {
    flex-shrink: 0
}

.nj-inline-message__title {
    margin: 0;
    padding: 0;
    font-weight: var(--nj-semantic-font-weight-normal);
    font-size: var(--nj-semantic-size-font-content-1);
    line-height: 1
}

.nj-inline-message__body {
    margin: 0;
    padding: 0
}

.nj-inline-message--information {
    --nj-inline-message-bg: var(--nj-semantic-color-background-status-information-tertiary-default);
    --nj-inline-message-border: var(--nj-semantic-color-border-status-information-moderate-default)
}

.nj-inline-message--danger {
    --nj-inline-message-bg: var(--nj-semantic-color-background-status-danger-tertiary-default);
    --nj-inline-message-border: var(--nj-semantic-color-border-status-danger-moderate-default)
}

.nj-inline-message--warning {
    --nj-inline-message-bg: var(--nj-semantic-color-background-status-warning-tertiary-default);
    --nj-inline-message-border: var(--nj-semantic-color-border-status-warning-moderate-default)
}

.nj-inline-message--success {
    --nj-inline-message-bg: var(--nj-semantic-color-background-status-success-tertiary-default);
    --nj-inline-message-border: var(--nj-semantic-color-border-status-success-moderate-default)
}

.nj-inline-message--discovery {
    --nj-inline-message-bg: var(--nj-semantic-color-background-status-discovery-tertiary-default);
    --nj-inline-message-border: var(--nj-semantic-color-border-status-discovery-moderate-default)
}

.nj-inline-message--planet {
    --nj-inline-message-bg: var(--nj-semantic-color-background-status-planet-tertiary-default);
    --nj-inline-message-border: var(--nj-semantic-color-border-status-planet-moderate-default)
}

.nj-inline-message--fatal-error {
    --nj-inline-message-bg: var(--nj-semantic-color-background-accent-red-solid-default);
    --nj-inline-message-border: transparent;
    --nj-inline-message-color: var(--nj-semantic-color-text-neutral-inverse-default)
}

.nj-link {
    --nj-link-icon-size: 18px;
    --nj-link-icon-spacing: var(--nj-semantic-size-spacing-8);
    --nj-link-color: var(--nj-semantic-color-text-brand-primary-default);
    --nj-link-hovered-color: var(--nj-semantic-color-text-brand-primary-hovered);
    --nj-link-focused-color: var(--nj-semantic-color-text-brand-primary-focused);
    --nj-link-pressed-color: var(--nj-semantic-color-text-brand-primary-pressed);
    --nj-link-focused-ring-color: var(--nj-semantic-color-border-brand-strong-default);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: relative;
    padding-top: var(--nj-semantic-size-spacing-4);
    padding-bottom: var(--nj-semantic-size-spacing-4);
    color: var(--nj-link-color);
    text-decoration: none;
    background-image: linear-gradient(to right, var(--nj-link-color), var(--nj-link-color)), linear-gradient(to right, var(--nj-link-color), var(--nj-link-color));
    background-repeat: no-repeat;
    background-position: bottom 2px left 0, 0 100%;
    background-size: 100% 1px, 0 1px;
    cursor: pointer
}

.nj-link *, .nj-link *::before, .nj-link *::after {
    box-sizing: border-box
}

.nj-link:hover {
    color: var(--nj-link-color);
    text-decoration: none;
    background-size: 100% 2px, 0 2px
}

.nj-link:hover:not(.nj-link:hover:active) {
    --nj-link-color: var(--nj-link-hovered-color)
}

.nj-link:focus-visible:not(.nj-link:active) {
    --nj-link-color: var(--nj-link-focused-color);
    color: var(--nj-link-color);
    border-radius: var(--nj-semantic-size-border-radius-none);
    outline: solid var(--nj-semantic-size-border-focus-ring-width) var(--nj-link-focused-ring-color);
    outline-offset: var(--nj-semantic-size-border-focus-ring-offset)
}

.nj-link:active {
    --nj-link-color: var(--nj-link-pressed-color)
}

.nj-link.nj-link-icon {
    background-size: calc(100% - var(--nj-link-icon-size) - var(--nj-link-icon-spacing)) 1px, 0 1px
}

.nj-link.nj-link-icon .material-icons {
    margin-left: var(--nj-link-icon-spacing);
    color: var(--nj-link-color);
    font-size: var(--nj-link-icon-size);
    vertical-align: sub
}

.nj-link.nj-link-icon .material-icons:hover {
    color: var(--nj-link-color)
}

.nj-link.nj-link-icon:hover {
    background-size: calc(100% - var(--nj-link-icon-size) - var(--nj-link-icon-spacing)) 2px, calc(100% - var(--nj-link-icon-size) - var(--nj-link-icon-spacing)) 0
}

.nj-link.nj-link-icon:hover .material-icons {
    color: var(--nj-link-color)
}

.nj-link.nj-link-icon--before {
    background-position: calc(18px + var(--nj-link-icon-spacing)) 100%, calc(18px + var(--nj-link-icon-spacing)) 100%
}

.nj-link.nj-link-icon--before .material-icons {
    margin-right: var(--nj-link-icon-spacing);
    margin-left: 0
}

.nj-link--sm {
    --nj-link-icon-spacing: var(--nj-semantic-size-spacing-4);
    font-size: var(--nj-semantic-size-font-content-2)
}

.nj-link--md {
    font-size: var(--nj-semantic-size-font-content-1)
}

.nj-link--bold {
    font-weight: var(--nj-semantic-font-weight-bold)
}

.nj-link--grayed {
    --nj-link-color: var(--nj-semantic-color-text-neutral-tertiary-default);
    --nj-link-hovered-color: var(--nj-semantic-color-text-neutral-tertiary-hovered);
    --nj-link-focused-color: var(--nj-semantic-color-text-neutral-tertiary-focused);
    --nj-link-pressed-color: var(--nj-semantic-color-text-neutral-tertiary-pressed)
}

.nj-link--contextual {
    --nj-link-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-link-hovered-color: var(--nj-semantic-color-text-neutral-primary-hovered);
    --nj-link-focused-color: var(--nj-semantic-color-text-neutral-primary-focused);
    --nj-link-pressed-color: var(--nj-semantic-color-text-neutral-primary-pressed);
    background-size: 0 0, 0 0;
    transition: background-size .2s var(--nj-semantic-motion-easing-fast-out-slow-in)
}

.nj-link--contextual:hover, .nj-link--contextual:active {
    background-size: 100% 2px, 0 2px
}

.nj-link--contextual.nj-link-icon {
    background-size: 0 0, 0 0
}

.nj-link--contextual.nj-link-icon:hover, .nj-link--contextual.nj-link-icon:active {
    background-size: calc(100% - var(--nj-link-icon-size) - var(--nj-link-icon-spacing)) 2px, calc(100% - var(--nj-link-icon-size) - var(--nj-link-icon-spacing)) 0
}

.nj-link--inverse {
    --nj-link-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-link-hovered-color: var(--nj-semantic-color-text-neutral-inverse-hovered);
    --nj-link-focused-color: var(--nj-semantic-color-text-neutral-inverse-focused);
    --nj-link-pressed-color: var(--nj-semantic-color-text-neutral-inverse-pressed);
    --nj-link-focused-ring-color: var(--nj-semantic-color-border-neutral-inverse-default)
}

.nj-link--high-contrast {
    --nj-link-color: var(--nj-semantic-color-text-brand-contrast-default);
    --nj-link-hovered-color: var(--nj-semantic-color-text-brand-contrast-hovered);
    --nj-link-focused-color: var(--nj-semantic-color-text-brand-contrast-focused);
    --nj-link-pressed-color: var(--nj-semantic-color-text-brand-contrast-pressed)
}

.nj-modal {
    --nj-modal-background-color: var(--nj-semantic-color-background-neutral-primary-default);
    --nj-modal-elevation: var(--nj-semantic-elevation-z-index-modal);
    --nj-modal-padding: var(--nj-semantic-size-spacing-24);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: absolute;
    top: 0;
    left: 0;
    z-index: var(--nj-modal-elevation);
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: var(--nj-semantic-color-text-neutral-primary-default);
    outline: 0
}

.nj-modal *, .nj-modal *::before, .nj-modal *::after {
    box-sizing: border-box
}

.nj-modal--visible {
    display: block
}

.nj-modal--visible.nj-modal--vertical-centered {
    display: flex
}

.nj-modal--vertical-centered {
    align-items: center;
    justify-content: center
}

.nj-modal--information .nj-modal__header {
    margin-bottom: 0
}

.nj-modal--information .nj-modal__body {
    display: flex;
    flex-direction: column;
    align-items: center
}

.nj-modal--information .nj-modal__body .nj-modal__title {
    margin-top: var(--nj-semantic-size-spacing-16)
}

.nj-modal--information .nj-modal__body .nj-modal__description {
    margin-top: var(--nj-semantic-size-spacing-8);
    text-align: center
}

.nj-modal__dialog {
    position: relative;
    width: auto;
    max-width: 560px;
    margin: .5rem;
    pointer-events: none
}

@media (min-width: 576px) {
    .nj-modal__dialog {
        margin: 1.75rem auto
    }
}

.nj-modal__dialog.nj-modal--sm {
    max-width: 440px
}

.nj-modal.fade .nj-modal__dialog {
    transform: translate(0, -50px);
    transition: transform .3s ease-out
}

.nj-modal.show .nj-modal__dialog {
    transform: none
}

.nj-modal--vertical-centered .nj-modal__dialog {
    width: 100%
}

.nj-modal__content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: var(--nj-modal-padding);
    color: inherit;
    background-color: var(--nj-modal-background-color);
    border-radius: var(--nj-semantic-size-border-radius-none);
    outline: 0;
    pointer-events: auto
}

.nj-modal__content * {
    pointer-events: auto
}

.nj-modal__backdrop {
    position: absolute;
    top: 0;
    left: 0;
    z-index: var(--nj-semantic-elevation-z-index-modal-backdrop);
    width: 100%;
    height: 100%;
    background-color: var(--nj-component-backdrop-color-background)
}

.nj-modal__backdrop.fade {
    opacity: 0
}

.nj-modal__backdrop.show {
    opacity: 1
}

.nj-modal__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--nj-semantic-size-spacing-24)
}

.nj-modal__close {
    align-self: self-start;
    margin-left: auto
}

.nj-modal__title {
    display: flex;
    gap: var(--nj-semantic-size-spacing-16);
    align-items: center;
    margin-bottom: 0;
    padding-bottom: var(--nj-semantic-size-space-3);
    font-weight: var(--nj-semantic-font-weight-normal);
    font-size: var(--nj-semantic-size-font-heading-4);
    line-height: var(--nj-semantic-size-line-height-base), 1.5
}

.nj-modal__body {
    position: relative;
    flex: 1 1 auto
}

.nj-modal__body p:last-of-type {
    margin-bottom: 0
}

.nj-modal__footer {
    display: flex;
    gap: var(--nj-semantic-size-spacing-16);
    align-items: center;
    justify-content: flex-end;
    margin-top: var(--nj-semantic-size-spacing-32)
}

.nj-modal__footer--centered {
    justify-content: center
}

.nj-modal--fit-viewport, .nj-modal__backdrop--fit-viewport {
    position: fixed;
    width: 100dvw;
    height: 100dvh
}

.container {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: calc(var(--nj-semantic-size-spacing-32) * .5);
    padding-left: calc(var(--nj-semantic-size-spacing-32) * .5)
}

.container *, .container *::before, .container *::after {
    box-sizing: border-box
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: calc(var(--nj-semantic-size-spacing-32) * .5);
    padding-left: calc(var(--nj-semantic-size-spacing-32) * .5)
}

.container-fluid *, .container-fluid *::before, .container-fluid *::after {
    box-sizing: border-box
}

.row {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(var(--nj-semantic-size-spacing-32) / -2);
    margin-left: calc(var(--nj-semantic-size-spacing-32) / -2)
}

.row *, .row *::before, .row *::after {
    box-sizing: border-box
}

.no-gutters {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    margin-right: 0;
    margin-left: 0
}

.no-gutters *, .no-gutters *::before, .no-gutters *::after {
    box-sizing: border-box
}

.no-gutters > .col, .no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: calc(var(--nj-semantic-size-spacing-32) * .5);
    padding-left: calc(var(--nj-semantic-size-spacing-32) * .5)
}

.col-1 *, .col-2 *, .col-3 *, .col-4 *, .col-5 *, .col-6 *, .col-7 *, .col-8 *, .col-9 *, .col-10 *, .col-11 *, .col-12 *, .col *, .col-auto *, .col-sm-1 *, .col-sm-2 *, .col-sm-3 *, .col-sm-4 *, .col-sm-5 *, .col-sm-6 *, .col-sm-7 *, .col-sm-8 *, .col-sm-9 *, .col-sm-10 *, .col-sm-11 *, .col-sm-12 *, .col-sm *, .col-sm-auto *, .col-md-1 *, .col-md-2 *, .col-md-3 *, .col-md-4 *, .col-md-5 *, .col-md-6 *, .col-md-7 *, .col-md-8 *, .col-md-9 *, .col-md-10 *, .col-md-11 *, .col-md-12 *, .col-md *, .col-md-auto *, .col-lg-1 *, .col-lg-2 *, .col-lg-3 *, .col-lg-4 *, .col-lg-5 *, .col-lg-6 *, .col-lg-7 *, .col-lg-8 *, .col-lg-9 *, .col-lg-10 *, .col-lg-11 *, .col-lg-12 *, .col-lg *, .col-lg-auto *, .col-xl-1 *, .col-xl-2 *, .col-xl-3 *, .col-xl-4 *, .col-xl-5 *, .col-xl-6 *, .col-xl-7 *, .col-xl-8 *, .col-xl-9 *, .col-xl-10 *, .col-xl-11 *, .col-xl-12 *, .col-xl *, .col-xl-auto *, .col-1 *::before, .col-2 *::before, .col-3 *::before, .col-4 *::before, .col-5 *::before, .col-6 *::before, .col-7 *::before, .col-8 *::before, .col-9 *::before, .col-10 *::before, .col-11 *::before, .col-12 *::before, .col *::before, .col-auto *::before, .col-sm-1 *::before, .col-sm-2 *::before, .col-sm-3 *::before, .col-sm-4 *::before, .col-sm-5 *::before, .col-sm-6 *::before, .col-sm-7 *::before, .col-sm-8 *::before, .col-sm-9 *::before, .col-sm-10 *::before, .col-sm-11 *::before, .col-sm-12 *::before, .col-sm *::before, .col-sm-auto *::before, .col-md-1 *::before, .col-md-2 *::before, .col-md-3 *::before, .col-md-4 *::before, .col-md-5 *::before, .col-md-6 *::before, .col-md-7 *::before, .col-md-8 *::before, .col-md-9 *::before, .col-md-10 *::before, .col-md-11 *::before, .col-md-12 *::before, .col-md *::before, .col-md-auto *::before, .col-lg-1 *::before, .col-lg-2 *::before, .col-lg-3 *::before, .col-lg-4 *::before, .col-lg-5 *::before, .col-lg-6 *::before, .col-lg-7 *::before, .col-lg-8 *::before, .col-lg-9 *::before, .col-lg-10 *::before, .col-lg-11 *::before, .col-lg-12 *::before, .col-lg *::before, .col-lg-auto *::before, .col-xl-1 *::before, .col-xl-2 *::before, .col-xl-3 *::before, .col-xl-4 *::before, .col-xl-5 *::before, .col-xl-6 *::before, .col-xl-7 *::before, .col-xl-8 *::before, .col-xl-9 *::before, .col-xl-10 *::before, .col-xl-11 *::before, .col-xl-12 *::before, .col-xl *::before, .col-xl-auto *::before, .col-1 *::after, .col-2 *::after, .col-3 *::after, .col-4 *::after, .col-5 *::after, .col-6 *::after, .col-7 *::after, .col-8 *::after, .col-9 *::after, .col-10 *::after, .col-11 *::after, .col-12 *::after, .col *::after, .col-auto *::after, .col-sm-1 *::after, .col-sm-2 *::after, .col-sm-3 *::after, .col-sm-4 *::after, .col-sm-5 *::after, .col-sm-6 *::after, .col-sm-7 *::after, .col-sm-8 *::after, .col-sm-9 *::after, .col-sm-10 *::after, .col-sm-11 *::after, .col-sm-12 *::after, .col-sm *::after, .col-sm-auto *::after, .col-md-1 *::after, .col-md-2 *::after, .col-md-3 *::after, .col-md-4 *::after, .col-md-5 *::after, .col-md-6 *::after, .col-md-7 *::after, .col-md-8 *::after, .col-md-9 *::after, .col-md-10 *::after, .col-md-11 *::after, .col-md-12 *::after, .col-md *::after, .col-md-auto *::after, .col-lg-1 *::after, .col-lg-2 *::after, .col-lg-3 *::after, .col-lg-4 *::after, .col-lg-5 *::after, .col-lg-6 *::after, .col-lg-7 *::after, .col-lg-8 *::after, .col-lg-9 *::after, .col-lg-10 *::after, .col-lg-11 *::after, .col-lg-12 *::after, .col-lg *::after, .col-lg-auto *::after, .col-xl-1 *::after, .col-xl-2 *::after, .col-xl-3 *::after, .col-xl-4 *::after, .col-xl-5 *::after, .col-xl-6 *::after, .col-xl-7 *::after, .col-xl-8 *::after, .col-xl-9 *::after, .col-xl-10 *::after, .col-xl-11 *::after, .col-xl-12 *::after, .col-xl *::after, .col-xl-auto *::after {
    box-sizing: border-box
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .offset-md-2 {
        margin-left: 16.6666666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.3333333333%
    }

    .offset-md-5 {
        margin-left: 41.6666666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.3333333333%
    }

    .offset-md-8 {
        margin-left: 66.6666666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.3333333333%
    }

    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

.nj-navbar {
    --nj-navbar-item-line-color: var(--nj-semantic-color-border-neutral-subtle-default);
    --nj-navbar-size-height-small: 3.5rem;
    --nj-navbar-size-height-normal: 6rem;
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: baseline;
    align-items: center;
    justify-content: space-between;
    min-height: var(--nj-navbar-size-height-normal);
    padding: 0 var(--nj-semantic-size-spacing-32);
    background-color: var(--nj-semantic-color-background-neutral-primary-default);
    transition: transform 350ms 100ms, background-color .35s, height 350ms 100ms
}

.nj-navbar *, .nj-navbar *::before, .nj-navbar *::after {
    box-sizing: border-box
}

@media (max-width: 767.98px) {
    .nj-navbar {
        min-height: var(--nj-navbar-size-height-small);
        padding: 0 var(--nj-semantic-size-spacing-16)
    }
}

.nj-navbar--sm {
    min-height: var(--nj-navbar-size-height-small)
}

.nj-navbar--sm .nj-navbar__brand, .nj-navbar--sm .nj-navbar__nav-item, .nj-navbar--sm .nj-navbar__nav-link {
    height: var(--nj-navbar-size-height-small)
}

.nj-navbar--sm .nj-navbar__logo {
    width: 4.125rem
}

.nj-navbar > .container, .nj-navbar > .container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.nj-navbar__brand {
    display: flex;
    align-items: center;
    height: var(--nj-navbar-size-height-normal)
}

@media (max-width: 767.98px) {
    .nj-navbar__brand {
        height: var(--nj-navbar-size-height-small)
    }
}

.nj-navbar__logo {
    display: block;
    max-width: 5.4375rem;
    height: calc(var(--nj-navbar-size-height-normal) - var(--nj-semantic-size-spacing-64));
    max-height: 100%;
    fill: var(--nj-core-color-engie-blue)
}

@media (max-width: 767.98px) {
    .nj-navbar__logo {
        max-width: 4.125rem;
        height: calc(var(--nj-navbar-size-height-small) - var(--nj-semantic-size-spacing-32))
    }
}

.nj-navbar__logo--white {
    fill: var(--nj-semantic-color-icon-inverse-default)
}

.nj-navbar__nav {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 auto;
    padding-left: 0;
    list-style: none
}

.nj-navbar__nav-item {
    box-sizing: content-box;
    height: var(--nj-navbar-size-height-normal);
    border-bottom: 1px solid var(--nj-navbar-item-line-color)
}

@media (max-width: 767.98px) {
    .nj-navbar__nav-item {
        height: calc(var(--nj-navbar-size-height-small) + 1px)
    }
}

.nj-navbar__nav-link {
    position: relative;
    display: flex;
    align-items: center;
    height: var(--nj-navbar-size-height-normal);
    margin: 0;
    color: var(--nj-semantic-color-text-neutral-primary-default);
    font-weight: var(--nj-semantic-font-weight-base);
    font-size: var(--nj-semantic-size-font-content-1);
    text-decoration: none;
    transition: .3s var(--nj-semantic-motion-easing-fast-out-slow-in);
    transition-property: color
}

@media (max-width: 767.98px) {
    .nj-navbar__nav-link {
        height: var(--nj-navbar-size-height-small)
    }
}

.nj-navbar__nav-link::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .125rem;
    background: var(--nj-semantic-color-border-brand-strong-default);
    opacity: 0;
    transition: .3s var(--nj-semantic-motion-easing-fast-out-slow-in);
    transition-property: opacity;
    content: ""
}

@media (max-width: 991.98px) {
    .nj-navbar__nav-link::after {
        bottom: -2px
    }
}

.nj-navbar__nav-link.active, .nj-navbar__nav-link:hover {
    color: var(--nj-semantic-color-text-neutral-primary-default);
    text-decoration: none
}

.nj-navbar__nav-link.active::after, .nj-navbar__nav-link:hover::after {
    opacity: 1
}

.nj-navbar__nav-link.disabled {
    cursor: default;
    opacity: var(--nj-semantic-opacity-disabled);
    pointer-events: none
}

.nj-navbar__nav-link--icon::after {
    content: none
}

.nj-navbar__toggler {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    cursor: pointer
}

.nj-navbar__toggler-icon.material-icons {
    display: block;
    color: var(--nj-semantic-color-icon-brand-primary-default)
}

.nj-navbar__search {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    margin: 0;
    padding: 0 var(--nj-semantic-size-spacing-32);
    background-color: var(--nj-semantic-color-background-neutral-primary-default)
}

.nj-navbar__search, .nj-navbar__search.nj-collapsing {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .1s var(--nj-semantic-motion-easing-fast-out-slow-in)
}

.nj-navbar__search.nj-collapsing, .nj-navbar__search.show {
    width: 100%
}

.nj-navbar__search.show {
    opacity: 1;
    transition-property: opacity
}

.nj-navbar__search-input {
    margin-right: var(--nj-semantic-size-spacing-24)
}

.nj-navbar__search-button {
    flex: 0 0 auto
}

.nj-navbar--shadow {
    border-bottom: 1px solid var(--nj-semantic-color-border-neutral-subtle-default)
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse) {
    background: rgba(0, 0, 0, 0)
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__nav-link {
    color: var(--nj-semantic-color-text-neutral-inverse-default)
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__nav-link::after {
    background: var(--nj-semantic-color-border-neutral-heavy-default)
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__logo {
    fill: var(--nj-semantic-color-icon-neutral-inverse-default)
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__toggler-icon {
    color: var(--nj-semantic-color-icon-neutral-inverse-default)
}

[data-theme=dark] .nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__nav-link, .nj-navbar--transparent:not(.nj-navbar--shown-collapse)[data-theme=dark] .nj-navbar__nav-link {
    color: var(--nj-semantic-color-text-neutral-primary-default)
}

[data-theme=dark] .nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__nav-link::after, .nj-navbar--transparent:not(.nj-navbar--shown-collapse)[data-theme=dark] .nj-navbar__nav-link::after {
    background: var(--nj-semantic-color-border-neutral-heavy-default)
}

[data-theme=dark] .nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__logo, .nj-navbar--transparent:not(.nj-navbar--shown-collapse)[data-theme=dark] .nj-navbar__logo {
    fill: var(--nj-semantic-color-icon-neutral-primary-default)
}

[data-theme=dark] .nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__toggler-icon, .nj-navbar--transparent:not(.nj-navbar--shown-collapse)[data-theme=dark] .nj-navbar__toggler-icon {
    color: var(--nj-semantic-color-icon-neutral-primary-default)
}

.nj-navbar--transparent .nj-navbar__logo, .nj-navbar--transparent .nj-navbar--shown-collapse .nj-navbar__logo {
    fill: var(--nj-core-color-engie-blue)
}

.nj-navbar--collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

@media (max-width: 575.98px) {
    .nj-navbar--expand-sm > .container, .nj-navbar--expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 576px) {
    .nj-navbar--expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .nj-navbar--expand-sm .nj-navbar__nav {
        flex-direction: row
    }

    .nj-navbar--expand-sm .nj-navbar__nav-item {
        border: 0
    }

    .nj-navbar--expand-sm .nj-navbar__nav-link {
        margin-right: var(--nj-semantic-size-spacing-32);
        margin-left: var(--nj-semantic-size-spacing-32)
    }

    .nj-navbar--expand-sm .nj-navbar__nav-link--icon {
        margin-right: var(--nj-semantic-size-spacing-16);
        margin-left: var(--nj-semantic-size-spacing-16)
    }

    .nj-navbar--expand-sm .nj-navbar__nav-link--icon i {
        pointer-events: none
    }

    .nj-navbar--expand-sm > .container, .nj-navbar--expand-sm > .container-fluid {
        flex-wrap: nowrap
    }

    .nj-navbar--expand-sm .nj-navbar--collapse {
        display: flex !important;
        flex-basis: auto
    }

    .nj-navbar--expand-sm .nj-navbar__toggler {
        display: none
    }
}

@media (max-width: 767.98px) {
    .nj-navbar--expand-md > .container, .nj-navbar--expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .nj-navbar--expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .nj-navbar--expand-md .nj-navbar__nav {
        flex-direction: row
    }

    .nj-navbar--expand-md .nj-navbar__nav-item {
        border: 0
    }

    .nj-navbar--expand-md .nj-navbar__nav-link {
        margin-right: var(--nj-semantic-size-spacing-32);
        margin-left: var(--nj-semantic-size-spacing-32)
    }

    .nj-navbar--expand-md .nj-navbar__nav-link--icon {
        margin-right: var(--nj-semantic-size-spacing-16);
        margin-left: var(--nj-semantic-size-spacing-16)
    }

    .nj-navbar--expand-md .nj-navbar__nav-link--icon i {
        pointer-events: none
    }

    .nj-navbar--expand-md > .container, .nj-navbar--expand-md > .container-fluid {
        flex-wrap: nowrap
    }

    .nj-navbar--expand-md .nj-navbar--collapse {
        display: flex !important;
        flex-basis: auto
    }

    .nj-navbar--expand-md .nj-navbar__toggler {
        display: none
    }
}

@media (max-width: 991.98px) {
    .nj-navbar--expand-lg > .container, .nj-navbar--expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .nj-navbar--expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .nj-navbar--expand-lg .nj-navbar__nav {
        flex-direction: row
    }

    .nj-navbar--expand-lg .nj-navbar__nav-item {
        border: 0
    }

    .nj-navbar--expand-lg .nj-navbar__nav-link {
        margin-right: var(--nj-semantic-size-spacing-32);
        margin-left: var(--nj-semantic-size-spacing-32)
    }

    .nj-navbar--expand-lg .nj-navbar__nav-link--icon {
        margin-right: var(--nj-semantic-size-spacing-16);
        margin-left: var(--nj-semantic-size-spacing-16)
    }

    .nj-navbar--expand-lg .nj-navbar__nav-link--icon i {
        pointer-events: none
    }

    .nj-navbar--expand-lg > .container, .nj-navbar--expand-lg > .container-fluid {
        flex-wrap: nowrap
    }

    .nj-navbar--expand-lg .nj-navbar--collapse {
        display: flex !important;
        flex-basis: auto
    }

    .nj-navbar--expand-lg .nj-navbar__toggler {
        display: none
    }
}

@media (max-width: 1199.98px) {
    .nj-navbar--expand-xl > .container, .nj-navbar--expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .nj-navbar--expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .nj-navbar--expand-xl .nj-navbar__nav {
        flex-direction: row
    }

    .nj-navbar--expand-xl .nj-navbar__nav-item {
        border: 0
    }

    .nj-navbar--expand-xl .nj-navbar__nav-link {
        margin-right: var(--nj-semantic-size-spacing-32);
        margin-left: var(--nj-semantic-size-spacing-32)
    }

    .nj-navbar--expand-xl .nj-navbar__nav-link--icon {
        margin-right: var(--nj-semantic-size-spacing-16);
        margin-left: var(--nj-semantic-size-spacing-16)
    }

    .nj-navbar--expand-xl .nj-navbar__nav-link--icon i {
        pointer-events: none
    }

    .nj-navbar--expand-xl > .container, .nj-navbar--expand-xl > .container-fluid {
        flex-wrap: nowrap
    }

    .nj-navbar--expand-xl .nj-navbar--collapse {
        display: flex !important;
        flex-basis: auto
    }

    .nj-navbar--expand-xl .nj-navbar__toggler {
        display: none
    }
}

.nj-navbar--expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.nj-navbar--expand > .container, .nj-navbar--expand > .container-fluid {
    padding-right: 0;
    padding-left: 0
}

.nj-navbar--expand .nj-navbar__nav {
    flex-direction: row
}

.nj-navbar--expand .nj-navbar__nav-item {
    border: 0
}

.nj-navbar--expand .nj-navbar__nav-link {
    margin-right: var(--nj-semantic-size-spacing-32);
    margin-left: var(--nj-semantic-size-spacing-32)
}

.nj-navbar--expand .nj-navbar__nav-link--icon {
    margin-right: var(--nj-semantic-size-spacing-16);
    margin-left: var(--nj-semantic-size-spacing-16)
}

.nj-navbar--expand .nj-navbar__nav-link--icon i {
    pointer-events: none
}

.nj-navbar--expand > .container, .nj-navbar--expand > .container-fluid {
    flex-wrap: nowrap
}

.nj-navbar--expand .nj-navbar--collapse {
    display: flex !important;
    flex-basis: auto
}

.nj-navbar--expand .nj-navbar__toggler {
    display: none
}

.nj-progress {
    --nj-progress-background-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);
    --nj-progress-completion-color: var(--nj-semantic-color-background-brand-solid-default);
    --nj-progress-text-color: var(--nj-semantic-color-text-neutral-secondary-default);
    --nj-progress-border-radius: var(--nj-semantic-size-border-radius-none);
    --nj-progress-bar-transition: none;
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: relative;
    height: .5rem;
    background-color: var(--nj-progress-background-color);
    border-radius: var(--nj-progress-border-radius)
}

.nj-progress *, .nj-progress *::before, .nj-progress *::after {
    box-sizing: border-box
}

.nj-progress--has-transition {
    --nj-progress-bar-transition: width .3s var(--nj-semantic-motion-easing-linear-out-slow-in)
}

.nj-progress__bar {
    width: 0;
    height: .5rem;
    background-color: var(--nj-progress-completion-color);
    border-radius: var(--nj-progress-border-radius);
    transform-origin: left;
    transition: var(--nj-progress-bar-transition)
}

@media screen and (prefers-reduced-motion: reduce) {
    .nj-progress__bar {
        --nj-progress-bar-transition: none
    }
}

.nj-progress__text {
    width: 100%;
    margin-top: var(--nj-semantic-size-spacing-12);
    color: var(--nj-progress-text-color);
    font-size: var(--nj-semantic-size-font-content-1);
    text-align: center
}

.nj-icon-material {
    box-sizing: border-box;
    --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-primary-default);
    position: relative;
    color: var(--nj-material-icon-color)
}

.nj-icon-material *, .nj-icon-material *::before, .nj-icon-material *::after {
    box-sizing: border-box
}

.nj-icon-material--secondary {
    --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-secondary-default)
}

.nj-icon-material--tertiary {
    --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-tertiary-default)
}

.nj-icon-material--inverse {
    --nj-material-icon-color: var(--nj-semantic-color-icon-neutral-inverse-default)
}

.nj-icon-material--brand {
    --nj-material-icon-color: var(--nj-semantic-color-icon-brand-primary-default)
}

.nj-icon-material.nj-icon-material--grey {
    --nj-material-icon-color: var(--nj-semantic-color-icon-accent-grey-primary-default)
}

.nj-icon-material.nj-icon-material--blue {
    --nj-material-icon-color: var(--nj-semantic-color-icon-accent-blue-primary-default)
}

.nj-icon-material.nj-icon-material--teal {
    --nj-material-icon-color: var(--nj-semantic-color-icon-accent-teal-primary-default)
}

.nj-icon-material.nj-icon-material--pink {
    --nj-material-icon-color: var(--nj-semantic-color-icon-accent-pink-primary-default)
}

.nj-icon-material.nj-icon-material--orange {
    --nj-material-icon-color: var(--nj-semantic-color-icon-accent-orange-primary-default)
}

.nj-icon-material.nj-icon-material--red {
    --nj-material-icon-color: var(--nj-semantic-color-icon-accent-red-primary-default)
}

.nj-icon-material.nj-icon-material--green {
    --nj-material-icon-color: var(--nj-semantic-color-icon-accent-green-primary-default)
}

.nj-icon-material.nj-icon-material--ultramarine {
    --nj-material-icon-color: var(--nj-semantic-color-icon-accent-ultramarine-primary-default)
}

.nj-icon-material.nj-icon-material--yellow {
    --nj-material-icon-color: var(--nj-semantic-color-icon-accent-yellow-primary-default)
}

.nj-icon-material.nj-icon-material--purple {
    --nj-material-icon-color: var(--nj-semantic-color-icon-accent-purple-primary-default)
}

.nj-icon-material.nj-icon-material--lime {
    --nj-material-icon-color: var(--nj-semantic-color-icon-accent-lime-primary-default)
}

.nj-icon-material--color-inherit, .nj-radio-group__error-message .nj-icon-material {
    --nj-material-icon-color: inherit
}

.nj-icon-material--xs {
    font-size: var(--nj-semantic-size-icon-xs)
}

.nj-icon-material--sm, .nj-radio-group__error-message .nj-icon-material {
    font-size: var(--nj-semantic-size-icon-sm)
}

.nj-icon-material--md {
    font-size: var(--nj-semantic-size-icon-md)
}

.nj-icon-material--lg {
    font-size: var(--nj-semantic-size-icon-lg)
}

.nj-icon-material--xl {
    font-size: var(--nj-semantic-size-icon-xl)
}

.nj-icon-material--xxl {
    font-size: var(--nj-semantic-size-icon-xxl)
}

.nj-icon-material--3xl {
    font-size: var(--nj-semantic-size-icon-3xl)
}

.nj-icon-material--4xl {
    font-size: var(--nj-semantic-size-icon-4xl)
}

.nj-icon-material--5xl {
    font-size: var(--nj-semantic-size-icon-5xl)
}

.nj-icon-material--6xl {
    font-size: var(--nj-semantic-size-icon-6xl)
}

.nj-icon-material--size-inherit {
    font-size: inherit
}

.nj-icon-material-text {
    display: flex;
    gap: var(--nj-semantic-size-spacing-8);
    align-items: center
}

.nj-radio-group {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    display: flex;
    flex-direction: column;
    gap: var(--nj-semantic-size-spacing-8);
    align-items: flex-start;
    margin: 0;
    padding: 0;
    border: none
}

.nj-radio-group *, .nj-radio-group *::before, .nj-radio-group *::after {
    box-sizing: border-box
}

.nj-radio-group--row {
    flex-direction: row;
    gap: var(--nj-semantic-size-spacing-24)
}

.nj-radio-group__legend {
    margin: 0 0 var(--nj-semantic-size-spacing-16) 0;
    font-weight: var(--nj-semantic-font-weight-bold);
    font-size: inherit
}

.nj-radio-group__error-message {
    display: flex;
    gap: var(--nj-semantic-size-spacing-4);
    align-items: center;
    margin: var(--nj-semantic-size-spacing-2);
    padding: 0;
    color: var(--nj-semantic-color-text-status-danger-primary-default);
    font-weight: var(--nj-semantic-font-weight-normal);
    font-size: var(--nj-semantic-size-font-content-2)
}

.nj-radio-group__required {
    padding-left: var(--nj-semantic-size-spacing-2);
    color: var(--nj-semantic-color-text-status-danger-primary-default)
}

.nj-radio-group--has-error .nj-radio {
    --nj-radio-border-color: var(--nj-semantic-color-border-status-danger-strong-default);
    --nj-radio-check-background-color: var(--nj-semantic-color-background-status-danger-solid-default)
}

.nj-radio {
    --nj-radio-size: 1rem;
    --nj-radio-size-lg: 1.5rem;
    --nj-radio-size-xl: 2rem;
    --nj-radio-dot-size: 0.375rem;
    --nj-radio-dot-size-lg: 0.625rem;
    --nj-radio-dot-size-xl: 0.875rem;
    --nj-radio-gap: var(--nj-semantic-size-spacing-8);
    --nj-radio-line-height: var(--nj-radio-size);
    --nj-radio-border-color: var(--nj-semantic-color-border-neutral-strong-default);
    --nj-radio-check-background-color: var(--nj-semantic-color-background-brand-solid-default);
    --nj-radio-background-color: var(--nj-semantic-color-background-neutral-primary-translucent-default);
    --nj-radio-border-transition: border-color var(--nj-semantic-motion-easing-fast-out-slow-in) 0.2s;
    --nj-radio-dot-transition: transform var(--nj-semantic-motion-easing-fast-out-slow-in) 0.3s;
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: relative
}

.nj-radio *, .nj-radio *::before, .nj-radio *::after {
    box-sizing: border-box
}

.nj-radio:not(:has(.nj-radio__error-message)) {
    display: inline-flex
}

.nj-radio:has(label) {
    --nj-semantic-size-border-focus-ring-offset: 2px
}

.nj-radio::after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    box-sizing: content-box !important;
    width: 100%;
    height: 100%;
    padding: var(--nj-semantic-size-border-focus-ring-offset);
    border-radius: var(--nj-semantic-size-border-radius-none);
    box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
    opacity: 0;
    transition: opacity .2s, transform .2s;
    transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
    content: "";
    pointer-events: none
}

.nj-radio:not([disabled]):not(:disabled):not(.nj-radio--disabled):hover {
    --nj-radio-background-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered)
}

.nj-radio:not([disabled]):not(:disabled):not(.nj-radio--disabled):has(input:focus-visible) {
    --nj-radio-background-color: var(--nj-semantic-color-background-neutral-primary-translucent-focused)
}

.nj-radio:not([disabled]):not(:disabled):not(.nj-radio--disabled):has(input:focus-visible)::after {
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    opacity: 1
}

.nj-radio:not([disabled]):not(:disabled):not(.nj-radio--disabled):active {
    --nj-radio-background-color: var(--nj-semantic-color-background-neutral-primary-translucent-pressed)
}

.nj-radio--lg {
    --nj-radio-size: var(--nj-radio-size-lg);
    --nj-radio-dot-size: var(--nj-radio-dot-size-lg)
}

.nj-radio--xl {
    --nj-radio-size: var(--nj-radio-size-xl);
    --nj-radio-dot-size: var(--nj-radio-dot-size-xl)
}

.nj-radio--no-animation {
    --nj-radio-border-transition: none;
    --nj-radio-dot-transition: none
}

.nj-radio label {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--nj-radio-gap);
    color: var(--nj-semantic-color-text-neutral-primary-default);
    line-height: var(--nj-radio-line-height);
    cursor: pointer
}

.nj-radio input[type=radio] {
    position: relative;
    width: var(--nj-radio-size);
    height: var(--nj-radio-size);
    margin: 0;
    background: var(--nj-radio-background-color);
    border: .125rem solid var(--nj-radio-border-color);
    border-radius: 50%;
    cursor: pointer;
    transition: var(--nj-radio-border-transition);
    appearance: none
}

.nj-radio input[type=radio]::before {
    position: absolute;
    top: 50%;
    left: 50%;
    align-items: center;
    justify-content: center;
    width: var(--nj-radio-dot-size);
    height: var(--nj-radio-dot-size);
    background-color: var(--nj-radio-check-background-color);
    border-radius: 50%;
    transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
    transition: var(--nj-radio-dot-transition);
    content: ""
}

.nj-radio input[type=radio]:focus, .nj-radio input[type=radio]:focus-visible {
    outline: none
}

.nj-radio-group:not(.nj-radio-group--has-error) .nj-radio input[type=radio]:checked {
    --nj-radio-border-color: var(--nj-semantic-color-border-brand-strong-default);
    --nj-radio-check-background-color: var(--nj-semantic-color-background-brand-solid-default)
}

.nj-radio input[type=radio]:checked::before {
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1)
}

.nj-radio input[type=radio]:checked:hover {
    --nj-radio-background-color: var(--nj-semantic-color-background-brand-primary-translucent-hovered)
}

.nj-radio input[type=radio]:checked:active {
    --nj-radio-background-color: var(--nj-semantic-color-background-brand-primary-translucent-pressed)
}

.nj-radio:has(input:disabled) {
    opacity: var(--nj-semantic-opacity-disabled)
}

.nj-radio:has(input:disabled) label, .nj-radio:has(input:disabled) input {
    cursor: not-allowed
}

select.nj-form-control {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    margin-right: 1.5625rem;
    appearance: none
}

select.nj-form-control *, select.nj-form-control *::before, select.nj-form-control *::after {
    box-sizing: border-box
}

select.nj-form-control:focus::-ms-value {
    color: var(--nj-deprecated-color-base-gray-600);
    background-color: #fff
}

select.nj-form-control[size], select.nj-form-control[multiple] {
    height: auto
}

select.nj-form-control ~ .material-icons {
    position: absolute;
    right: 0;
    bottom: 5px;
    z-index: 0;
    pointer-events: none
}

.nj-segmented-control {
    --nj-sc-btn-selected-width: 0;
    --nj-sc-btn-selected-right: 100%;
    --nj-sc-btn-selected-timing: .25s;
    --nj-sc-height: 32px;
    --nj-sc-font-size: var(--nj-semantic-size-font-content-3);
    --nj-sc-padding: var(--nj-semantic-size-spacing-4);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: relative;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    height: var(--nj-sc-height);
    padding: var(--nj-sc-padding);
    background-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);
    border-radius: var(--nj-semantic-size-border-radius-none)
}

.nj-segmented-control *, .nj-segmented-control *::before, .nj-segmented-control *::after {
    box-sizing: border-box
}

.nj-segmented-control::before {
    position: absolute;
    top: 50%;
    right: var(--nj-sc-btn-selected-right);
    width: var(--nj-sc-btn-selected-width);
    height: calc(100% - 2 * var(--nj-sc-padding));
    background: var(--nj-semantic-color-background-neutral-inverse-default);
    border-radius: var(--nj-semantic-size-border-radius-none);
    transform: translateY(-50%);
    transition: right var(--nj-sc-btn-selected-timing) var(--nj-semantic-motion-easing-fast-out-slow-in);
    content: ""
}

.nj-segmented-control--lg {
    --nj-sc-height: 40px;
    --nj-sc-font-size: var(--nj-semantic-size-font-content-2)
}

.nj-segmented-control--sm {
    --nj-sc-height: 24px;
    --nj-sc-padding: var(--nj-semantic-size-spacing-2)
}

.nj-segmented-control-btn {
    --nj-sc-btn-bg: var(--nj-semantic-color-background-neutral-primary-translucent-default);
    --nj-sc-btn-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-sc-btn-icon-color: var(--nj-semantic-color-icon-neutral-primary-default);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: relative;
    display: inline-flex;
    gap: var(--nj-semantic-size-spacing-4);
    align-items: center;
    height: 100%;
    max-height: var(--nj-sc-height, 28px);
    padding: 0 var(--nj-semantic-size-spacing-12);
    color: var(--nj-sc-btn-color);
    font-size: var(--nj-sc-font-size, var(--nj-semantic-size-font-content-3));
    background-color: var(--nj-sc-btn-bg);
    border: none;
    border-radius: var(--nj-semantic-size-border-radius-none);
    outline: none;
    cursor: pointer
}

.nj-segmented-control-btn *, .nj-segmented-control-btn *::before, .nj-segmented-control-btn *::after {
    box-sizing: border-box
}

.nj-segmented-control-btn__icon {
    width: var(--nj-semantic-size-icon-sm);
    height: var(--nj-semantic-size-icon-sm);
    color: var(--nj-sc-btn-icon-color);
    font-size: var(--nj-semantic-size-icon-sm);
    fill: var(--nj-sc-btn-icon-color)
}

.nj-segmented-control-btn:not(:disabled)::after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    box-sizing: content-box !important;
    width: 100%;
    height: 100%;
    padding: var(--nj-semantic-size-border-focus-ring-offset);
    border-radius: var(--nj-semantic-size-border-radius-none);
    box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
    opacity: 0;
    transition: opacity .2s, transform .2s;
    transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
    content: "";
    pointer-events: none
}

.nj-segmented-control-btn:not(:disabled):not(.nj-segmented-control-btn--selected):not(.nj-segmented-control-btn:active):hover, .nj-segmented-control-btn:not(:disabled):not(.nj-segmented-control-btn--selected):not(.nj-segmented-control-btn:active):focus-visible {
    --nj-sc-btn-bg: var(--nj-semantic-color-background-neutral-primary-translucent-hovered)
}

.nj-segmented-control-btn:not(:disabled):focus-visible {
    outline: none
}

.nj-segmented-control-btn:not(:disabled):focus-visible::after {
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    opacity: 1
}

.nj-segmented-control-btn:not(:disabled):active {
    --nj-sc-btn-bg: var(--nj-semantic-color-background-neutral-primary-translucent-pressed)
}

.nj-segmented-control-btn:disabled {
    cursor: not-allowed;
    opacity: var(--nj-semantic-opacity-disabled)
}

.nj-segmented-control-btn--selected {
    font-weight: var(--nj-semantic-font-weight-bold);
    cursor: auto
}

.nj-sidepanel {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: var(--nj-semantic-color-background-neutral-primary-default);
    border-left: var(--nj-semantic-size-border-width) solid var(--nj-semantic-color-border-neutral-subtle-default)
}

.nj-sidepanel *, .nj-sidepanel *::before, .nj-sidepanel *::after {
    box-sizing: border-box
}

.nj-sidepanel__header {
    padding: var(--nj-semantic-size-spacing-16) var(--nj-semantic-size-spacing-24);
    border-bottom: var(--nj-semantic-size-border-width) solid var(--nj-semantic-color-border-neutral-subtle-default)
}

.nj-sidepanel__content {
    flex-grow: 1;
    padding: var(--nj-semantic-size-spacing-24);
    overflow: auto
}

.nj-sidepanel__footer {
    padding: var(--nj-semantic-size-spacing-16) var(--nj-semantic-size-spacing-24);
    border-top: var(--nj-semantic-size-border-width) solid var(--nj-semantic-color-border-neutral-subtle-default)
}

.nj-sidepanel-header {
    display: flex;
    gap: var(--nj-semantic-size-spacing-48);
    justify-content: flex-end
}

.nj-sidepanel-header__title {
    flex-grow: 1;
    overflow: hidden;
    color: var(--nj-semantic-color-text-neutral-primary-default);
    font-weight: var(--nj-semantic-font-weight-bold);
    font-size: var(--nj-semantic-size-font-content-1);
    white-space: nowrap;
    text-overflow: ellipsis
}

.nj-sidepanel-header__actions {
    display: flex;
    gap: var(--nj-semantic-size-spacing-8)
}

.nj-sidepanel-layout {
    --nj-sidepanel-width: 30%;
    --nj-sidepanel-min-width: 280px;
    --nj-sidepanel-final-width: max(var(--nj-sidepanel-width), var(--nj-sidepanel-min-width));
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    container-type: inline-size
}

.nj-sidepanel-layout *, .nj-sidepanel-layout *::before, .nj-sidepanel-layout *::after {
    box-sizing: border-box
}

.nj-sidepanel-layout:not(.nj-sidepanel-layout--over-content):has(.nj-sidepanel-layout__sidepanel) .nj-sidepanel-layout__content {
    padding-right: var(--nj-sidepanel-final-width)
}

.nj-sidepanel-layout--over-content .nj-sidepanel-layout__sidepanel {
    position: absolute;
    display: block;
    width: var(--nj-sidepanel-final-width);
    inset: 0 0 0 auto
}

@container ( width < 575.98px) {
    .nj-sidepanel-layout .nj-sidepanel-layout__sidepanel {
        width: 100%;
        inset: 0
    }

    .nj-sidepanel-layout .nj-sidepanel-layout__content {
        padding-right: 0
    }
}

.nj-sidepanel-layout__content {
    display: block;
    width: 100%;
    height: 100%
}

.nj-sidepanel-layout__sidepanel {
    position: absolute;
    display: block;
    width: var(--nj-sidepanel-final-width);
    inset: 0 0 0 auto
}

.nj-skeleton-container {
    --nj-skeleton-container-gap: var(--nj-semantic-size-spacing-8);
    display: grid;
    gap: var(--nj-skeleton-container-gap)
}

.nj-skeleton-container[aria-hidden=true] {
    display: none
}

.nj-skeleton {
    --nj-skeleton-background: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);
    --nj-skeleton-gradient: var(--nj-component-skeleton-color-background);
    --nj-skeleton-width: 100%;
    position: relative;
    display: inline-flex;
    width: var(--nj-skeleton-width);
    height: var(--nj-skeleton-height);
    overflow: hidden;
    background: var(--nj-skeleton-background)
}

@media (prefers-reduced-motion: no-preference) {
    .nj-skeleton:before {
        position: absolute;
        top: 0;
        left: -100%;
        display: block;
        width: 100%;
        height: 100%;
        background: var(--nj-skeleton-gradient);
        animation: nj-skeleton-loading 1.7s var(--nj-semantic-motion-easing-fast-out-slow-in) infinite;
        content: ""
    }
}

.nj-skeleton--area {
    --nj-skeleton-width: 320px;
    --nj-skeleton-height: 200px;
    align-items: center;
    justify-content: center
}

.nj-skeleton__icon {
    color: var(--nj-semantic-color-icon-neutral-tertiary-default);
    opacity: var(--nj-semantic-opacity-disabled)
}

.nj-skeleton--circle {
    --nj-skeleton-width: var(--nj-component-avatar-size-base);
    --nj-skeleton-height: var(--nj-component-avatar-size-base);
    border-radius: 50%
}

.nj-skeleton--circle.nj-skeleton--sm {
    --nj-skeleton-width: var(--nj-component-avatar-size-sm);
    --nj-skeleton-height: var(--nj-component-avatar-size-sm)
}

.nj-skeleton--circle.nj-skeleton--lg {
    --nj-skeleton-width: var(--nj-component-avatar-size-lg);
    --nj-skeleton-height: var(--nj-component-avatar-size-lg)
}

.nj-skeleton--circle.nj-skeleton--xl {
    --nj-skeleton-width: var(--nj-component-avatar-size-xl);
    --nj-skeleton-height: var(--nj-component-avatar-size-xl)
}

.nj-skeleton--rectangle {
    --nj-skeleton-height: var(--nj-semantic-size-font-content-1)
}

.nj-skeleton--rectangle.nj-skeleton--peta {
    --nj-skeleton-height: var(--nj-semantic-size-font-display-1)
}

.nj-skeleton--rectangle.nj-skeleton--tera {
    --nj-skeleton-height: var(--nj-semantic-size-font-heading-1)
}

.nj-skeleton--rectangle.nj-skeleton--giga {
    --nj-skeleton-height: var(--nj-semantic-size-font-heading-2)
}

.nj-skeleton--rectangle.nj-skeleton--mega {
    --nj-skeleton-height: var(--nj-semantic-size-font-heading-3)
}

.nj-skeleton--rectangle.nj-skeleton--kilo {
    --nj-skeleton-height: var(--nj-semantic-size-font-heading-4)
}

.nj-skeleton--rectangle.nj-skeleton--hecto {
    --nj-skeleton-height: var(--nj-semantic-size-font-heading-5)
}

.nj-skeleton--rectangle.nj-skeleton--deca {
    --nj-skeleton-height: var(--nj-semantic-size-font-heading-6)
}

.nj-skeleton--rectangle.nj-skeleton--base {
    --nj-skeleton-height: var(--nj-semantic-size-font-content-1)
}

.nj-skeleton--rectangle.nj-skeleton--deci {
    --nj-skeleton-height: var(--nj-semantic-size-font-content-2)
}

.nj-skeleton--rectangle.nj-skeleton--centi {
    --nj-skeleton-height: var(--nj-semantic-size-font-content-3)
}

@keyframes nj-skeleton-loading {
    from {
        left: -100%
    }
    to {
        left: 100%
    }
}

.nj-slider {
    --nj-slider-track-position: 50% 100%;
    --nj-slider-thumb-bg: var(--nj-semantic-color-background-neutral-primary-default);
    --nj-slider-thumb-bg-hovered: var(--nj-semantic-color-background-neutral-primary-hovered);
    --nj-slider-thumb-bg-focused: var(--nj-semantic-color-background-neutral-primary-focused);
    --nj-slider-thumb-bg-pressed: var(--nj-semantic-color-background-neutral-primary-pressed);
    --nj-slider-thumb-border-color: var(--nj-semantic-color-border-brand-strong-default);
    --nj-slider-track-selected-bg: var(--nj-semantic-color-background-brand-solid-default);
    --nj-slider-track-bg: var(--nj-semantic-color-background-neutral-secondary-translucent-default);
    --nj-slider-track-width: 100%;
    --nj-slider-track-height: 4px;
    --nj-slider-track-border-radius: var(--nj-semantic-size-border-radius-none);
    --nj-slider-thumb-size: 16px;
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: relative;
    width: 100%
}

.nj-slider *, .nj-slider *::before, .nj-slider *::after {
    box-sizing: border-box
}

.nj-slider--disabled {
    opacity: var(--nj-semantic-opacity-disabled)
}

.nj-slider__tooltip-anchor {
    position: absolute;
    bottom: 2px;
    left: var(--nj-slider-anchor-left);
    z-index: -1;
    width: 100px;
    height: 20px;
    transform: translateX(-50%)
}

.nj-slider input[type=range] {
    display: block;
    width: 100%;
    height: calc(var(--nj-slider-thumb-size) + var(--nj-slider-track-height) * 2);
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none
}

.nj-slider input[type=range]:focus-visible {
    outline: none
}

.nj-slider input[type=range]:focus-visible::-webkit-slider-thumb {
    box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-offset) var(--nj-semantic-color-background-neutral-primary-default), 0 0 0 4px var(--nj-semantic-color-border-brand-strong-default)
}

.nj-slider input[type=range]:focus-visible::-moz-range-thumb {
    box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-offset) var(--nj-semantic-color-background-neutral-primary-default), 0 0 0 4px var(--nj-semantic-color-border-brand-strong-default)
}

.nj-slider input[type=range]::-webkit-slider-thumb {
    position: relative;
    width: var(--nj-slider-thumb-size);
    height: var(--nj-slider-thumb-size);
    margin-top: calc((var(--nj-slider-track-height) - var(--nj-slider-thumb-size)) / 2);
    background-color: var(--nj-slider-thumb-bg);
    border: var(--nj-slider-thumb-border-color) solid 2px;
    border-radius: 100%;
    box-shadow: none;
    appearance: none
}

.nj-slider input[type=range]::-webkit-slider-thumb:hover {
    background-color: var(--nj-slider-thumb-bg-hovered)
}

.nj-slider input[type=range]::-webkit-slider-thumb:active {
    background-color: var(--nj-slider-thumb-bg-pressed)
}

.nj-slider input[type=range]::-webkit-slider-runnable-track {
    width: var(--nj-slider-track-width);
    height: var(--nj-slider-track-height);
    color: rgba(0, 0, 0, 0);
    background: linear-gradient(var(--nj-slider-track-selected-bg), var(--nj-slider-track-selected-bg)) no-repeat var(--nj-slider-track-bg);
    background-size: var(--nj-slider-track-position);
    border-color: rgba(0, 0, 0, 0);
    border-radius: var(--nj-slider-track-border-radius);
    cursor: pointer
}

.nj-slider input[type=range]::-moz-range-thumb {
    position: relative;
    width: var(--nj-slider-thumb-size);
    height: var(--nj-slider-thumb-size);
    margin-top: calc((var(--nj-slider-track-height) - var(--nj-slider-thumb-size)) / 2);
    background-color: var(--nj-slider-thumb-bg);
    border: var(--nj-slider-thumb-border-color) solid 2px;
    border-radius: 100%;
    box-shadow: none;
    appearance: none
}

.nj-slider input[type=range]::-moz-range-thumb:hover {
    background-color: var(--nj-slider-thumb-bg-hovered)
}

.nj-slider input[type=range]::-moz-range-thumb:active {
    background-color: var(--nj-slider-thumb-bg-pressed)
}

.nj-slider input[type=range]::-moz-range-track {
    width: var(--nj-slider-track-width);
    height: var(--nj-slider-track-height);
    color: rgba(0, 0, 0, 0);
    background: linear-gradient(var(--nj-slider-track-selected-bg), var(--nj-slider-track-selected-bg)) no-repeat var(--nj-slider-track-bg);
    background-size: var(--nj-slider-track-position);
    border-color: rgba(0, 0, 0, 0);
    border-radius: var(--nj-slider-track-border-radius);
    cursor: pointer
}

.nj-slider input[type=range]::-moz-focus-outer {
    border: 0
}

.nj-slider input[type=range]:disabled {
    pointer-events: none
}

.nj-slider[data-tooltip=true] input[type=range] {
    margin-top: 38px
}

.nj-slider .nj-tooltip {
    bottom: 24px
}

.nj-slider .nj-tooltip .nj-tooltip__arrow {
    left: calc(50% - .4rem)
}

@keyframes spin {
    from {
        transform: rotate(45deg)
    }
    to {
        transform: rotate(765deg)
    }
}

.nj-spinner {
    --nj-spinner-bg: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);
    --nj-spinner-thumb-bg: var(--nj-semantic-color-background-brand-solid-default);
    --nj-spinner-border-width: 6px;
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: relative;
    display: inline-flex;
    width: 64px;
    height: 64px;
    border-top: var(--nj-spinner-border-width) solid var(--nj-spinner-bg);
    border-right: var(--nj-spinner-border-width) solid var(--nj-spinner-thumb-bg);
    border-bottom: var(--nj-spinner-border-width) solid var(--nj-spinner-bg);
    border-left: var(--nj-spinner-border-width) solid var(--nj-spinner-bg);
    border-radius: 100%;
    animation: spin 2s cubic-bezier(0.45, 0.15, 0.57, 0.92) infinite
}

.nj-spinner *, .nj-spinner *::before, .nj-spinner *::after {
    box-sizing: border-box
}

.nj-spinner:after {
    width: 10em;
    height: 10em;
    border-radius: 50%
}

.nj-spinner--inverse {
    --nj-spinner-bg: var(--nj-core-color-reference-neutral-alpha-inverse-200);
    --nj-spinner-thumb-bg: var(--nj-semantic-color-background-neutral-primary-default)
}

.nj-spinner--grey {
    --nj-spinner-bg: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);
    --nj-spinner-thumb-bg: var(--nj-semantic-color-background-neutral-solid-default)
}

.nj-spinner--xxs {
    --nj-spinner-border-width: 2px;
    width: 16px;
    height: 16px
}

.nj-spinner--xs {
    --nj-spinner-border-width: 3px;
    width: 24px;
    height: 24px
}

.nj-spinner--sm {
    --nj-spinner-border-width: 3px;
    width: 32px;
    height: 32px
}

.nj-spinner--md {
    --nj-spinner-border-width: 5px;
    width: 48px;
    height: 48px
}

.nj-spinner--lg {
    --nj-spinner-border-width: 6px;
    width: 64px;
    height: 64px
}

.nj-stamp {
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    width: 170px;
    height: 170px;
    border-radius: 50%
}

.nj-stamp *, .nj-stamp *::before, .nj-stamp *::after {
    box-sizing: border-box
}

.nj-stamp__text {
    font-weight: var(--nj-semantic-font-weight-black);
    font-size: var(--nj-semantic-size-font-heading-3);
    font-family: var(--nj-semantic-font-family-default)
}

.nj-stamp__overlay {
    opacity: 1;
    fill: var(--nj-semantic-color-background-neutral-inverse-default)
}

.nj-stamp--shadow {
    box-shadow: var(--nj-semantic-elevation-shadow-8-dp)
}

.nj-status-indicator {
    --nj-status-indicator-svg-diameter: 16px;
    --nj-status-indicator-diameter: calc(var(--nj-status-indicator-svg-diameter) + 2px);
    --nj-status-indicator-text-size: 14px;
    --nj-status-indicator-status-color: var(--nj-semantic-color-background-accent-green-solid-default);
    --nj-status-indicator-status-font-color: var(--nj-semantic-color-text-neutral-inverse-default);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    display: flex;
    gap: var(--nj-semantic-size-spacing-8);
    align-items: center;
    justify-content: center
}

.nj-status-indicator *, .nj-status-indicator *::before, .nj-status-indicator *::after {
    box-sizing: border-box
}

.nj-status-indicator__svg {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--nj-status-indicator-diameter);
    height: var(--nj-status-indicator-diameter);
    background-color: var(--nj-semantic-color-background-neutral-primary-default);
    border-radius: var(--nj-status-indicator-svg-diameter)
}

.nj-status-indicator__svg::after {
    position: absolute;
    width: var(--nj-status-indicator-svg-diameter);
    height: var(--nj-status-indicator-svg-diameter);
    background: var(--nj-status-indicator-status-color);
    content: "";
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM8%2015L3%2010L4.41%208.59L8%2012.17L15.59%204.58L17%206L8%2015Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM8%2015L3%2010L4.41%208.59L8%2012.17L15.59%204.58L17%206L8%2015Z%22%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator__svg::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    background: var(--nj-status-indicator-status-font-color);
    border-radius: 100%;
    transform: translate(-50%, -50%);
    content: ""
}

.nj-status-indicator__text {
    margin: 0;
    color: var(--nj-semantic-color-text-neutral-primary-default);
    font-size: var(--nj-status-indicator-text-size)
}

.nj-status-indicator--sm {
    --nj-status-indicator-text-size: 12px;
    --nj-status-indicator-svg-diameter: 12px
}

.nj-status-indicator--lg {
    --nj-status-indicator-text-size: 16px;
    --nj-status-indicator-svg-diameter: 24px
}

.nj-status-indicator--default {
    --nj-status-indicator-status-color: var(--nj-semantic-color-background-accent-green-solid-default)
}

.nj-status-indicator--offline {
    --nj-status-indicator-status-color: var(--nj-core-color-grey-500)
}

.nj-status-indicator--online {
    --nj-status-indicator-status-color: var(--nj-semantic-color-background-accent-green-solid-default)
}

.nj-status-indicator--away {
    --nj-status-indicator-status-color: var(--nj-semantic-color-background-accent-yellow-solid-default)
}

.nj-status-indicator--do-not-disturb {
    --nj-status-indicator-status-color: var(--nj-semantic-color-background-accent-red-solid-default)
}

.nj-status-indicator--busy {
    --nj-status-indicator-status-color: var(--nj-semantic-color-background-accent-red-solid-default)
}

.nj-status-indicator--unknown {
    --nj-status-indicator-status-color: var(--nj-semantic-color-background-neutral-solid-default)
}

.nj-status-indicator--error {
    --nj-status-indicator-status-color: var(--nj-semantic-color-background-status-danger-solid-default)
}

.nj-status-indicator--success {
    --nj-status-indicator-status-color: var(--nj-semantic-color-background-status-success-solid-default)
}

.nj-status-indicator--warning {
    --nj-status-indicator-status-color: var(--nj-semantic-color-background-status-warning-solid-default)
}

.nj-status-indicator--in-progress {
    --nj-status-indicator-status-color: var(--nj-semantic-color-background-accent-blue-solid-default)
}

.nj-status-indicator--information {
    --nj-status-indicator-status-color: var(--nj-semantic-color-background-status-information-solid-default)
}

.nj-status-indicator--discovery {
    --nj-status-indicator-status-color: var(--nj-semantic-color-background-status-discovery-solid-default)
}

.nj-status-indicator--planet {
    --nj-status-indicator-status-color: var(--nj-semantic-color-background-status-planet-solid-default)
}

.nj-status-indicator--default .nj-status-indicator__svg::after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM8%2015L3%2010L4.41%208.59L8%2012.17L15.59%204.58L17%206L8%2015Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM8%2015L3%2010L4.41%208.59L8%2012.17L15.59%204.58L17%206L8%2015Z%22%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--offline .nj-status-indicator__svg::after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.47%200%200%204.47%200%2010C0%2015.53%204.47%2020%2010%2020C15.53%2020%2020%2015.53%2020%2010C20%204.47%2015.53%200%2010%200ZM15%2013.59L13.59%2015L10%2011.41L6.41%2015L5%2013.59L8.59%2010L5%206.41L6.41%205L10%208.59L13.59%205L15%206.41L11.41%2010L15%2013.59Z%22%20%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.47%200%200%204.47%200%2010C0%2015.53%204.47%2020%2010%2020C15.53%2020%2020%2015.53%2020%2010C20%204.47%2015.53%200%2010%200ZM15%2013.59L13.59%2015L10%2011.41L6.41%2015L5%2013.59L8.59%2010L5%206.41L6.41%205L10%208.59L13.59%205L15%206.41L11.41%2010L15%2013.59Z%22%20%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--online .nj-status-indicator__svg::after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM8%2015L3%2010L4.41%208.59L8%2012.17L15.59%204.58L17%206L8%2015Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM8%2015L3%2010L4.41%208.59L8%2012.17L15.59%204.58L17%206L8%2015Z%22%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--away .nj-status-indicator__svg::after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.5%200%200%204.5%200%2010C0%2015.5%204.5%2020%2010%2020C15.5%2020%2020%2015.5%2020%2010C20%204.5%2015.5%200%2010%200ZM14.2%2014.2L9%2011V5H10.5V10.2L15%2012.9L14.2%2014.2Z%22%2F%3E%3C%2Fsvg%3E%20");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.5%200%200%204.5%200%2010C0%2015.5%204.5%2020%2010%2020C15.5%2020%2020%2015.5%2020%2010C20%204.5%2015.5%200%2010%200ZM14.2%2014.2L9%2011V5H10.5V10.2L15%2012.9L14.2%2014.2Z%22%2F%3E%3C%2Fsvg%3E%20")
}

.nj-status-indicator--do-not-disturb .nj-status-indicator__svg::after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM15%2011H5V9H15V11Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM15%2011H5V9H15V11Z%22%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--busy .nj-status-indicator__svg::after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200Z%22%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--unknown .nj-status-indicator__svg::after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM11%2017H9V15H11V17ZM13.07%209.25L12.17%2010.17C11.45%2010.9%2011%2011.5%2011%2013H9V12.5C9%2011.4%209.45%2010.4%2010.17%209.67L11.41%208.41C11.78%208.05%2012%207.55%2012%207C12%205.9%2011.1%205%2010%205C8.9%205%208%205.9%208%207H6C6%204.79%207.79%203%2010%203C12.21%203%2014%204.79%2014%207C14%207.88%2013.64%208.68%2013.07%209.25Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM11%2017H9V15H11V17ZM13.07%209.25L12.17%2010.17C11.45%2010.9%2011%2011.5%2011%2013H9V12.5C9%2011.4%209.45%2010.4%2010.17%209.67L11.41%208.41C11.78%208.05%2012%207.55%2012%207C12%205.9%2011.1%205%2010%205C8.9%205%208%205.9%208%207H6C6%204.79%207.79%203%2010%203C12.21%203%2014%204.79%2014%207C14%207.88%2013.64%208.68%2013.07%209.25Z%22%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--error .nj-status-indicator__svg::after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.47%200%200%204.47%200%2010C0%2015.53%204.47%2020%2010%2020C15.53%2020%2020%2015.53%2020%2010C20%204.47%2015.53%200%2010%200ZM15%2013.59L13.59%2015L10%2011.41L6.41%2015L5%2013.59L8.59%2010L5%206.41L6.41%205L10%208.59L13.59%205L15%206.41L11.41%2010L15%2013.59Z%22%20%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.47%200%200%204.47%200%2010C0%2015.53%204.47%2020%2010%2020C15.53%2020%2020%2015.53%2020%2010C20%204.47%2015.53%200%2010%200ZM15%2013.59L13.59%2015L10%2011.41L6.41%2015L5%2013.59L8.59%2010L5%206.41L6.41%205L10%208.59L13.59%205L15%206.41L11.41%2010L15%2013.59Z%22%20%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--success .nj-status-indicator__svg::after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM8%2015L3%2010L4.41%208.59L8%2012.17L15.59%204.58L17%206L8%2015Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM8%2015L3%2010L4.41%208.59L8%2012.17L15.59%204.58L17%206L8%2015Z%22%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--warning .nj-status-indicator__svg::after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM11%2015H9V13H11V15ZM11%2011H9V5H11V11Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM11%2015H9V13H11V15ZM11%2011H9V5H11V11Z%22%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--in-progress .nj-status-indicator__svg::after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.24%205.76C13.07%204.59%2011.54%204%2010%204V10L5.76%2014.24C8.1%2016.58%2011.9%2016.58%2014.25%2014.24C16.59%2011.9%2016.59%208.1%2014.24%205.76ZM10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM10%2018C5.58%2018%202%2014.42%202%2010C2%205.58%205.58%202%2010%202C14.42%202%2018%205.58%2018%2010C18%2014.42%2014.42%2018%2010%2018Z%22%20%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.24%205.76C13.07%204.59%2011.54%204%2010%204V10L5.76%2014.24C8.1%2016.58%2011.9%2016.58%2014.25%2014.24C16.59%2011.9%2016.59%208.1%2014.24%205.76ZM10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM10%2018C5.58%2018%202%2014.42%202%2010C2%205.58%205.58%202%2010%202C14.42%202%2018%205.58%2018%2010C18%2014.42%2014.42%2018%2010%2018Z%22%20%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--information .nj-status-indicator__svg::after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%20-3.05176e-05C4.48%20-3.05176e-05%200%204.47997%200%209.99997C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%209.99997C20%204.47997%2015.52%20-3.05176e-05%2010%20-3.05176e-05ZM11%2015H9V8.99997H11V15ZM11%206.99997L9%206.99997L9%204.99997L11%204.99997L11%206.99997Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%20-3.05176e-05C4.48%20-3.05176e-05%200%204.47997%200%209.99997C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%209.99997C20%204.47997%2015.52%20-3.05176e-05%2010%20-3.05176e-05ZM11%2015H9V8.99997H11V15ZM11%206.99997L9%206.99997L9%204.99997L11%204.99997L11%206.99997Z%22%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--discovery .nj-status-indicator__svg::after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%20-3.05176e-05C4.48%20-3.05176e-05%200%204.47997%200%209.99997C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%209.99997C20%204.47997%2015.52%20-3.05176e-05%2010%20-3.05176e-05ZM11%2015H9V8.99997H11V15ZM11%206.99997L9%206.99997L9%204.99997L11%204.99997L11%206.99997Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%20-3.05176e-05C4.48%20-3.05176e-05%200%204.47997%200%209.99997C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%209.99997C20%204.47997%2015.52%20-3.05176e-05%2010%20-3.05176e-05ZM11%2015H9V8.99997H11V15ZM11%206.99997L9%206.99997L9%204.99997L11%204.99997L11%206.99997Z%22%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--planet .nj-status-indicator__svg::after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%20-3.05176e-05C4.48%20-3.05176e-05%200%204.47997%200%209.99997C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%209.99997C20%204.47997%2015.52%20-3.05176e-05%2010%20-3.05176e-05ZM11%2015H9V8.99997H11V15ZM11%206.99997L9%206.99997L9%204.99997L11%204.99997L11%206.99997Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%20-3.05176e-05C4.48%20-3.05176e-05%200%204.47997%200%209.99997C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%209.99997C20%204.47997%2015.52%20-3.05176e-05%2010%20-3.05176e-05ZM11%2015H9V8.99997H11V15ZM11%206.99997L9%206.99997L9%204.99997L11%204.99997L11%206.99997Z%22%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--warning, .nj-status-indicator--away {
    --nj-status-indicator-status-font-color: var(--nj-semantic-color-text-neutral-primary-not-invertible-default)
}

.nj-switch {
    --nj-switch-checked-part-color: var(--nj-deprecated-color-text-body-inverted);
    --nj-switch-unchecked-part-color: var(--nj-deprecated-color-base-primary);
    --nj-switch-checked-part-color-disabled: var(--nj-deprecated-color-base-gray-200);
    --nj-switch-unchecked-part-color-disabled: var(--nj-deprecated-color-base-gray-400);
    --nj-switch-ckecked-background-color-disabled: var(--nj-deprecated-color-base-gray-400);
    --nj-switch-unckecked-background-color-disabled: var(--nj-deprecated-color-base-gray-200);
    --nj-switch-slider-color: var(--nj-deprecated-color-base-gray-200);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default)
}

[data-theme=dark] .nj-switch, .nj-switch[data-theme=dark] {
    --nj-switch-checked-part-color-disabled: var(--nj-deprecated-color-base-gray-300);
    --nj-switch-unchecked-part-color-disabled: var(--nj-deprecated-color-base-gray-400);
    --nj-switch-ckecked-background-color-disabled: var(--nj-deprecated-color-base-gray-400);
    --nj-switch-unckecked-background-color-disabled: var(--nj-deprecated-color-base-gray-500);
    --nj-switch-slider-color: var(--nj-deprecated-color-base-gray-800)
}

.nj-switch *, .nj-switch *::before, .nj-switch *::after {
    box-sizing: border-box
}

.nj-switch__slider {
    position: relative;
    z-index: 1;
    display: flex;
    height: 2rem;
    overflow: hidden;
    background-color: var(--nj-switch-slider-color);
    border-radius: 6.25rem;
    cursor: pointer;
    transition: .2s
}

.nj-switch__slider-left, .nj-switch__slider-right {
    position: relative;
    padding: 0 var(--nj-semantic-size-spacing-16);
    font-weight: var(--nj-semantic-font-weight-bold);
    font-size: 13px;
    line-height: 2rem;
    transition: .4s
}

.nj-switch__slider-left::before, .nj-switch__slider-right::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 2rem;
    background: var(--nj-deprecated-color-base-primary);
    border-radius: 6.25rem;
    transition: .2s;
    content: ""
}

.nj-switch__slider-left .nj-icon-material, .nj-switch__slider-right .nj-icon-material {
    color: inherit;
    line-height: inherit
}

.nj-switch__slider-left {
    color: var(--nj-switch-checked-part-color)
}

.nj-switch__slider-right {
    color: var(--nj-switch-unchecked-part-color)
}

.nj-switch__slider-right::before {
    left: -100%
}

.nj-switch label {
    display: inline-block;
    margin-bottom: .5rem
}

.nj-switch input {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    opacity: 0
}

.nj-switch input:checked + .nj-switch__slider .nj-switch__slider-left, .nj-switch input:checked + .nj-switch__slider .nj-switch__slider-right {
    color: var(--nj-switch-unchecked-part-color)
}

.nj-switch input:checked + .nj-switch__slider .nj-switch__slider-left::before, .nj-switch input:checked + .nj-switch__slider .nj-switch__slider-right::before {
    left: 100%
}

.nj-switch input:checked + .nj-switch__slider .nj-switch__slider-right {
    color: var(--nj-switch-checked-part-color)
}

.nj-switch input:checked + .nj-switch__slider .nj-switch__slider-right::before {
    left: 0
}

.nj-switch input:disabled + .nj-switch__slider {
    background-color: var(--nj-switch-unckecked-background-color-disabled);
    cursor: not-allowed
}

.nj-switch input:disabled + .nj-switch__slider .nj-switch__slider-left::before, .nj-switch input:disabled + .nj-switch__slider .nj-switch__slider-right::before {
    background: var(--nj-switch-ckecked-background-color-disabled)
}

.nj-switch input:disabled + .nj-switch__slider .nj-switch__slider-left {
    color: var(--nj-switch-checked-part-color-disabled)
}

.nj-switch input:disabled + .nj-switch__slider .nj-switch__slider-right {
    color: var(--nj-switch-unchecked-part-color-disabled)
}

.nj-switch input:disabled:checked + .nj-switch__slider .nj-switch__slider-left {
    color: var(--nj-switch-unchecked-part-color-disabled)
}

.nj-switch input:disabled:checked + .nj-switch__slider .nj-switch__slider-right {
    color: var(--nj-switch-checked-part-color-disabled)
}

.nj-switch--primary .nj-switch__slider-left::before, .nj-switch--primary .nj-switch__slider-right::before {
    background: var(--nj-deprecated-color-base-primary)
}

.nj-switch--primary .nj-switch__slider-right {
    color: var(--nj-deprecated-color-base-primary)
}

.nj-switch--primary input:checked + .nj-switch__slider .nj-switch__slider-left {
    color: var(--nj-deprecated-color-base-primary)
}

.nj-switch--success .nj-switch__slider-left::before, .nj-switch--success .nj-switch__slider-right::before {
    background: var(--nj-deprecated-color-base-success)
}

.nj-switch--success .nj-switch__slider-right {
    color: var(--nj-deprecated-color-base-success)
}

.nj-switch--success input:checked + .nj-switch__slider .nj-switch__slider-left {
    color: var(--nj-deprecated-color-base-success)
}

.nj-switch--warning .nj-switch__slider-left::before, .nj-switch--warning .nj-switch__slider-right::before {
    background: var(--nj-deprecated-color-base-warning)
}

.nj-switch--warning .nj-switch__slider-right {
    color: var(--nj-deprecated-color-base-warning)
}

.nj-switch--warning input:checked + .nj-switch__slider .nj-switch__slider-left {
    color: var(--nj-deprecated-color-base-warning)
}

.nj-switch--danger .nj-switch__slider-left::before, .nj-switch--danger .nj-switch__slider-right::before {
    background: var(--nj-deprecated-color-base-danger)
}

.nj-switch--danger .nj-switch__slider-right {
    color: var(--nj-deprecated-color-base-danger)
}

.nj-switch--danger input:checked + .nj-switch__slider .nj-switch__slider-left {
    color: var(--nj-deprecated-color-base-danger)
}

.nj-table {
    --nj-table-background-color: transparent;
    --nj-table-border-color: var(--nj-semantic-color-border-neutral-subtle-default);
    --nj-table-stripped-background-color: var(--nj-semantic-color-background-neutral-secondary-default);
    --nj-table-hoverable-background-color: var(--nj-semantic-color-background-neutral-tertiary-default);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    width: 100%;
    margin-bottom: var(--nj-semantic-size-spacing-16);
    color: var(--nj-text-color-primary);
    background-color: var(--nj-table-background-color);
    border-collapse: collapse
}

.nj-table *, .nj-table *::before, .nj-table *::after {
    box-sizing: border-box
}

.nj-table caption {
    color: var(--nj-text-color-primary)
}

.nj-table th, .nj-table td {
    padding: var(--nj-semantic-size-spacing-12);
    font-weight: var(--nj-semantic-font-weight-normal);
    font-size: var(--nj-semantic-size-font-content-2);
    text-align: inherit;
    vertical-align: top;
    border-top: var(--nj-semantic-size-border-width) solid var(--nj-table-border-color)
}

.nj-table thead tr th {
    font-size: var(--nj-semantic-size-font-content-3);
    text-transform: uppercase;
    vertical-align: bottom;
    border-top-width: 0;
    border-bottom-width: var(--nj-semantic-size-border-width)
}

.nj-table tbody + tbody {
    border-top: calc(2 * var(--nj-semantic-size-border-width)) solid var(--nj-table-border-color)
}

.nj-table--striped tbody tr:nth-of-type(odd) {
    background-color: var(--nj-table-stripped-background-color)
}

.nj-table--striped th, .nj-table--striped td {
    border: 0
}

.nj-table--hover tbody tr:hover {
    background-color: var(--nj-table-hoverable-background-color)
}

.nj-tag {
    --nj-tag-text-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-tag-icon-color: var(--nj-semantic-color-icon-neutral-tertiary-default);
    --nj-tag-background-color: var(--nj-semantic-color-background-neutral-tertiary-default);
    --nj-tag-text-color-hovered: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-neutral-tertiary-hovered);
    --nj-tag-background-color-hovered: var(--nj-semantic-color-background-neutral-tertiary-hovered);
    --nj-tag-text-color-focused: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-neutral-tertiary-focused);
    --nj-tag-background-color-focused: var(--nj-semantic-color-background-neutral-tertiary-focused);
    --nj-tag-text-color-pressed: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-neutral-tertiary-pressed);
    --nj-tag-background-color-pressed: var(--nj-semantic-color-background-neutral-tertiary-pressed);
    --nj-tag-border-color: var(--nj-semantic-color-border-neutral-moderate-default);
    --nj-tag-padding: var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-8);
    --nj-tag-gap: var(--nj-semantic-size-spacing-4);
    --nj-tag-font-size: var(--nj-semantic-size-font-content-1);
    --nj-tag-line-height: var(--nj-semantic-size-font-heading-4);
    --nj-tag-icon-size: var(--nj-semantic-size-icon-sm);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    position: relative;
    display: inline-flex;
    gap: var(--nj-tag-gap);
    align-items: center;
    padding: var(--nj-tag-padding);
    overflow: hidden;
    color: var(--nj-tag-text-color);
    font-weight: var(--nj-semantic-font-weight-normal);
    font-size: var(--nj-tag-font-size);
    line-height: var(--nj-tag-line-height);
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    background-color: var(--nj-tag-background-color);
    border: solid 1px var(--nj-tag-border-color);
    border-radius: var(--nj-semantic-size-border-radius-none)
}

.nj-tag *, .nj-tag *::before, .nj-tag *::after {
    box-sizing: border-box
}

.nj-tag--xs {
    --nj-tag-padding: var(--nj-semantic-size-spacing-2) var(--nj-semantic-size-spacing-4);
    --nj-tag-gap: var(--nj-semantic-size-spacing-4);
    --nj-tag-font-size: var(--nj-semantic-size-font-content-3);
    --nj-tag-line-height: var(--nj-semantic-size-font-content-1)
}

.nj-tag--sm {
    --nj-tag-padding: var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-4);
    --nj-tag-gap: var(--nj-semantic-size-spacing-4);
    --nj-tag-font-size: var(--nj-semantic-size-font-content-2);
    --nj-tag-line-height: var(--nj-semantic-size-font-content-1)
}

.nj-tag--lg {
    --nj-tag-padding: var(--nj-semantic-size-spacing-8) var(--nj-semantic-size-spacing-8);
    --nj-tag-gap: var(--nj-semantic-size-spacing-8);
    --nj-tag-font-size: var(--nj-semantic-size-font-heading-6);
    --nj-tag-line-height: var(--nj-semantic-size-font-heading-4);
    --nj-tag-icon-size: var(--nj-semantic-size-icon-md)
}

.nj-tag:empty {
    display: none
}

.nj-tag__icon, .nj-tag__icon.material-icons {
    z-index: 2;
    order: -1;
    width: var(--nj-tag-icon-size);
    height: var(--nj-tag-icon-size);
    color: var(--nj-tag-icon-color);
    font-size: var(--nj-tag-icon-size);
    pointer-events: none;
    fill: var(--nj-tag-icon-color)
}

.nj-tag__text {
    margin-top: 0;
    margin-bottom: 0
}

.nj-tag__link, .nj-tag__button {
    z-index: 1;
    padding: 0;
    color: var(--nj-tag-text-color);
    font: inherit;
    text-decoration: none;
    background: none;
    border: none;
    outline: none;
    cursor: pointer
}

.nj-tag__link:not(:disabled):not(.nj-tag__link.disabled,.nj-tag__button.disabled):not(.nj-tag__link--disabled,.nj-tag__button--disabled)::before, .nj-tag__button:not(:disabled):not(.nj-tag__link.disabled,.nj-tag__button.disabled):not(.nj-tag__link--disabled,.nj-tag__button--disabled)::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    box-sizing: content-box !important;
    width: 100%;
    height: 100%;
    padding: var(--nj-semantic-size-border-focus-ring-offset);
    border-radius: var(--nj-semantic-size-border-radius-none);
    box-shadow: 0 0 0 var(--nj-semantic-size-border-focus-ring-width) var(--nj-semantic-color-border-brand-strong-default);
    transform: translate(-50%, -50%) scale3d(0.85, 0.85, 1);
    opacity: 0;
    transition: opacity .2s, transform .2s;
    transition-timing-function: var(--nj-semantic-motion-easing-fast-out-slow-in);
    content: "";
    pointer-events: none
}

.nj-tag__link:not(:disabled):not(.nj-tag__link.disabled,.nj-tag__button.disabled):not(.nj-tag__link--disabled,.nj-tag__button--disabled)::after, .nj-tag__button:not(:disabled):not(.nj-tag__link.disabled,.nj-tag__button.disabled):not(.nj-tag__link--disabled,.nj-tag__button--disabled)::after {
    position: absolute;
    z-index: -1;
    background-color: var(--nj-tag-background-color);
    content: "";
    inset: 0
}

.nj-tag__link:not(:disabled):not(.nj-tag__link.disabled,.nj-tag__button.disabled):not(.nj-tag__link--disabled,.nj-tag__button--disabled):hover, .nj-tag__button:not(:disabled):not(.nj-tag__link.disabled,.nj-tag__button.disabled):not(.nj-tag__link--disabled,.nj-tag__button--disabled):hover {
    --nj-tag-text-color: var(--nj-tag-text-color-hovered)
}

.nj-tag__link:not(:disabled):not(.nj-tag__link.disabled,.nj-tag__button.disabled):not(.nj-tag__link--disabled,.nj-tag__button--disabled):hover::after, .nj-tag__button:not(:disabled):not(.nj-tag__link.disabled,.nj-tag__button.disabled):not(.nj-tag__link--disabled,.nj-tag__button--disabled):hover::after {
    --nj-tag-background-color: var(--nj-tag-background-color-hovered)
}

.nj-tag__link:not(:disabled):not(.nj-tag__link.disabled,.nj-tag__button.disabled):not(.nj-tag__link--disabled,.nj-tag__button--disabled):hover ~ .nj-tag__icon, .nj-tag__button:not(:disabled):not(.nj-tag__link.disabled,.nj-tag__button.disabled):not(.nj-tag__link--disabled,.nj-tag__button--disabled):hover ~ .nj-tag__icon {
    --nj-tag-icon-color: var(--nj-tag-icon-color-hovered)
}

.nj-tag__link:not(:disabled):not(.nj-tag__link.disabled,.nj-tag__button.disabled):not(.nj-tag__link--disabled,.nj-tag__button--disabled):focus-visible::before, .nj-tag__button:not(:disabled):not(.nj-tag__link.disabled,.nj-tag__button.disabled):not(.nj-tag__link--disabled,.nj-tag__button--disabled):focus-visible::before {
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    opacity: 1
}

.nj-tag__link:not(:disabled):not(.nj-tag__link.disabled,.nj-tag__button.disabled):not(.nj-tag__link--disabled,.nj-tag__button--disabled):active, .nj-tag__button:not(:disabled):not(.nj-tag__link.disabled,.nj-tag__button.disabled):not(.nj-tag__link--disabled,.nj-tag__button--disabled):active {
    --nj-tag-text-color: var(--nj-tag-text-color-pressed)
}

.nj-tag__link:not(:disabled):not(.nj-tag__link.disabled,.nj-tag__button.disabled):not(.nj-tag__link--disabled,.nj-tag__button--disabled):active::after, .nj-tag__button:not(:disabled):not(.nj-tag__link.disabled,.nj-tag__button.disabled):not(.nj-tag__link--disabled,.nj-tag__button--disabled):active::after {
    --nj-tag-background-color: var(--nj-tag-background-color-pressed)
}

.nj-tag__link:not(:disabled):not(.nj-tag__link.disabled,.nj-tag__button.disabled):not(.nj-tag__link--disabled,.nj-tag__button--disabled):active ~ .nj-tag__icon, .nj-tag__button:not(:disabled):not(.nj-tag__link.disabled,.nj-tag__button.disabled):not(.nj-tag__link--disabled,.nj-tag__button--disabled):active ~ .nj-tag__icon {
    --nj-tag-icon-color: var(--nj-tag-icon-color-pressed)
}

.nj-tag__close {
    z-index: 1
}

.nj-tag--brand {
    --nj-tag-icon-color: var(--nj-semantic-color-icon-brand-primary-default);
    --nj-tag-background-color: var(--nj-semantic-color-background-brand-tertiary-default);
    --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-brand-primary-hovered);
    --nj-tag-background-color-hovered: var(--nj-semantic-color-background-brand-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-brand-primary-focused);
    --nj-tag-background-color-focused: var(--nj-semantic-color-background-brand-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-brand-primary-pressed);
    --nj-tag-background-color-pressed: var(--nj-semantic-color-background-brand-tertiary-pressed);
    --nj-tag-border-color: var(--nj-semantic-color-border-brand-moderate-default)
}

.nj-tag--grey {
    --nj-tag-icon-color: var(--nj-semantic-color-icon-accent-grey-primary-default);
    --nj-tag-background-color: var(--nj-semantic-color-background-accent-grey-tertiary-default);
    --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-accent-grey-primary-hovered);
    --nj-tag-background-color-hovered: var(--nj-semantic-color-background-accent-grey-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-accent-grey-primary-focused);
    --nj-tag-background-color-focused: var(--nj-semantic-color-background-accent-grey-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-accent-grey-primary-pressed);
    --nj-tag-background-color-pressed: var(--nj-semantic-color-background-accent-grey-tertiary-pressed);
    --nj-tag-border-color: var(--nj-semantic-color-border-accent-grey-moderate-default)
}

.nj-tag--blue {
    --nj-tag-icon-color: var(--nj-semantic-color-icon-accent-blue-primary-default);
    --nj-tag-background-color: var(--nj-semantic-color-background-accent-blue-tertiary-default);
    --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-accent-blue-primary-hovered);
    --nj-tag-background-color-hovered: var(--nj-semantic-color-background-accent-blue-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-accent-blue-primary-focused);
    --nj-tag-background-color-focused: var(--nj-semantic-color-background-accent-blue-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-accent-blue-primary-pressed);
    --nj-tag-background-color-pressed: var(--nj-semantic-color-background-accent-blue-tertiary-pressed);
    --nj-tag-border-color: var(--nj-semantic-color-border-accent-blue-moderate-default)
}

.nj-tag--teal {
    --nj-tag-icon-color: var(--nj-semantic-color-icon-accent-teal-primary-default);
    --nj-tag-background-color: var(--nj-semantic-color-background-accent-teal-tertiary-default);
    --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-accent-teal-primary-hovered);
    --nj-tag-background-color-hovered: var(--nj-semantic-color-background-accent-teal-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-accent-teal-primary-focused);
    --nj-tag-background-color-focused: var(--nj-semantic-color-background-accent-teal-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-accent-teal-primary-pressed);
    --nj-tag-background-color-pressed: var(--nj-semantic-color-background-accent-teal-tertiary-pressed);
    --nj-tag-border-color: var(--nj-semantic-color-border-accent-teal-moderate-default)
}

.nj-tag--pink {
    --nj-tag-icon-color: var(--nj-semantic-color-icon-accent-pink-primary-default);
    --nj-tag-background-color: var(--nj-semantic-color-background-accent-pink-tertiary-default);
    --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-accent-pink-primary-hovered);
    --nj-tag-background-color-hovered: var(--nj-semantic-color-background-accent-pink-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-accent-pink-primary-focused);
    --nj-tag-background-color-focused: var(--nj-semantic-color-background-accent-pink-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-accent-pink-primary-pressed);
    --nj-tag-background-color-pressed: var(--nj-semantic-color-background-accent-pink-tertiary-pressed);
    --nj-tag-border-color: var(--nj-semantic-color-border-accent-pink-moderate-default)
}

.nj-tag--orange {
    --nj-tag-icon-color: var(--nj-semantic-color-icon-accent-orange-primary-default);
    --nj-tag-background-color: var(--nj-semantic-color-background-accent-orange-tertiary-default);
    --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-accent-orange-primary-hovered);
    --nj-tag-background-color-hovered: var(--nj-semantic-color-background-accent-orange-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-accent-orange-primary-focused);
    --nj-tag-background-color-focused: var(--nj-semantic-color-background-accent-orange-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-accent-orange-primary-pressed);
    --nj-tag-background-color-pressed: var(--nj-semantic-color-background-accent-orange-tertiary-pressed);
    --nj-tag-border-color: var(--nj-semantic-color-border-accent-orange-moderate-default)
}

.nj-tag--red {
    --nj-tag-icon-color: var(--nj-semantic-color-icon-accent-red-primary-default);
    --nj-tag-background-color: var(--nj-semantic-color-background-accent-red-tertiary-default);
    --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-accent-red-primary-hovered);
    --nj-tag-background-color-hovered: var(--nj-semantic-color-background-accent-red-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-accent-red-primary-focused);
    --nj-tag-background-color-focused: var(--nj-semantic-color-background-accent-red-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-accent-red-primary-pressed);
    --nj-tag-background-color-pressed: var(--nj-semantic-color-background-accent-red-tertiary-pressed);
    --nj-tag-border-color: var(--nj-semantic-color-border-accent-red-moderate-default)
}

.nj-tag--green {
    --nj-tag-icon-color: var(--nj-semantic-color-icon-accent-green-primary-default);
    --nj-tag-background-color: var(--nj-semantic-color-background-accent-green-tertiary-default);
    --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-accent-green-primary-hovered);
    --nj-tag-background-color-hovered: var(--nj-semantic-color-background-accent-green-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-accent-green-primary-focused);
    --nj-tag-background-color-focused: var(--nj-semantic-color-background-accent-green-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-accent-green-primary-pressed);
    --nj-tag-background-color-pressed: var(--nj-semantic-color-background-accent-green-tertiary-pressed);
    --nj-tag-border-color: var(--nj-semantic-color-border-accent-green-moderate-default)
}

.nj-tag--ultramarine {
    --nj-tag-icon-color: var(--nj-semantic-color-icon-accent-ultramarine-primary-default);
    --nj-tag-background-color: var(--nj-semantic-color-background-accent-ultramarine-tertiary-default);
    --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-accent-ultramarine-primary-hovered);
    --nj-tag-background-color-hovered: var(--nj-semantic-color-background-accent-ultramarine-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-accent-ultramarine-primary-focused);
    --nj-tag-background-color-focused: var(--nj-semantic-color-background-accent-ultramarine-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-accent-ultramarine-primary-pressed);
    --nj-tag-background-color-pressed: var(--nj-semantic-color-background-accent-ultramarine-tertiary-pressed);
    --nj-tag-border-color: var(--nj-semantic-color-border-accent-ultramarine-moderate-default)
}

.nj-tag--yellow {
    --nj-tag-icon-color: var(--nj-semantic-color-icon-accent-yellow-primary-default);
    --nj-tag-background-color: var(--nj-semantic-color-background-accent-yellow-tertiary-default);
    --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-accent-yellow-primary-hovered);
    --nj-tag-background-color-hovered: var(--nj-semantic-color-background-accent-yellow-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-accent-yellow-primary-focused);
    --nj-tag-background-color-focused: var(--nj-semantic-color-background-accent-yellow-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-accent-yellow-primary-pressed);
    --nj-tag-background-color-pressed: var(--nj-semantic-color-background-accent-yellow-tertiary-pressed);
    --nj-tag-border-color: var(--nj-semantic-color-border-accent-yellow-moderate-default)
}

.nj-tag--purple {
    --nj-tag-icon-color: var(--nj-semantic-color-icon-accent-purple-primary-default);
    --nj-tag-background-color: var(--nj-semantic-color-background-accent-purple-tertiary-default);
    --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-accent-purple-primary-hovered);
    --nj-tag-background-color-hovered: var(--nj-semantic-color-background-accent-purple-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-accent-purple-primary-focused);
    --nj-tag-background-color-focused: var(--nj-semantic-color-background-accent-purple-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-accent-purple-primary-pressed);
    --nj-tag-background-color-pressed: var(--nj-semantic-color-background-accent-purple-tertiary-pressed);
    --nj-tag-border-color: var(--nj-semantic-color-border-accent-purple-moderate-default)
}

.nj-tag--lime {
    --nj-tag-icon-color: var(--nj-semantic-color-icon-accent-lime-primary-default);
    --nj-tag-background-color: var(--nj-semantic-color-background-accent-lime-tertiary-default);
    --nj-tag-icon-color-hovered: var(--nj-semantic-color-icon-accent-lime-primary-hovered);
    --nj-tag-background-color-hovered: var(--nj-semantic-color-background-accent-lime-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-semantic-color-icon-accent-lime-primary-focused);
    --nj-tag-background-color-focused: var(--nj-semantic-color-background-accent-lime-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-semantic-color-icon-accent-lime-primary-pressed);
    --nj-tag-background-color-pressed: var(--nj-semantic-color-background-accent-lime-tertiary-pressed);
    --nj-tag-border-color: var(--nj-semantic-color-border-accent-lime-moderate-default)
}

.nj-tag:disabled, .nj-tag--disabled, .nj-tag.disabled {
    cursor: not-allowed;
    opacity: var(--nj-semantic-opacity-disabled);
    pointer-events: none
}

.nj-tag:disabled:focus, .nj-tag--disabled:focus, .nj-tag.disabled:focus {
    outline: none
}

@keyframes gaugeProgress {
    from {
        transform: scaleX(1)
    }
    to {
        transform: scaleX(0)
    }
}

.nj-toast {
    --nj-toast-gauge-color: var(--nj-semantic-color-background-additional-engie-ray-default);
    --nj-toast-background-color: var(--nj-semantic-color-background-brand-spotlight-default);
    --nj-toast-icon-color: var(--nj-semantic-color-icon-neutral-inverse-default);
    --nj-toast-text-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-toast-min-width: 200px;
    --nj-toast-gauge-height: 4px;
    --nj-toast-box-shadow: var(--nj-semantic-elevation-shadow-8-dp);
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: relative;
    z-index: var(--nj-semantic-elevation-z-index-toast);
    display: flex;
    flex-flow: row nowrap;
    gap: var(--nj-semantic-size-spacing-16);
    justify-content: space-between;
    min-width: var(--nj-toast-min-width);
    padding: var(--nj-semantic-size-spacing-16);
    overflow: hidden;
    color: var(--nj-toast-text-color);
    background-color: var(--nj-toast-background-color);
    border-radius: var(--nj-semantic-size-border-radius-none);
    box-shadow: var(--nj-toast-box-shadow)
}

.nj-toast *, .nj-toast *::before, .nj-toast *::after {
    box-sizing: border-box
}

.nj-toast--inverse {
    --nj-toast-gauge-color: var(--nj-semantic-color-background-brand-solid-default);
    --nj-toast-background-color: var(--nj-semantic-color-background-neutral-primary-default);
    --nj-toast-icon-color: var(--nj-semantic-color-icon-brand-primary-default);
    --nj-toast-text-color: var(--nj-semantic-color-text-neutral-primary-default)
}

.nj-toast__gauge {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--nj-toast-gauge-height);
    background: var(--nj-toast-background-color)
}

.nj-toast__gauge-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--nj-toast-gauge-color);
    transform: scaleX(1);
    transform-origin: center left;
    animation: gaugeProgress forwards;
    animation-duration: 5s;
    animation-timing-function: linear
}

.nj-toast__body {
    display: flex;
    flex-flow: row nowrap;
    gap: var(--nj-semantic-size-spacing-16)
}

.nj-toast__icon {
    color: var(--nj-toast-icon-color);
    -webkit-user-select: none;
    user-select: none
}

.nj-toast__content {
    display: flex;
    flex-direction: column;
    gap: var(--nj-semantic-size-spacing-8);
    align-items: flex-start;
    justify-content: center
}

.nj-toast__title {
    margin: 0;
    font-weight: var(--nj-semantic-font-weight-bold)
}

.nj-toast__text {
    margin: 0
}

.nj-toast__action {
    display: flex;
    align-self: flex-start
}

.nj-toast__container {
    --nj-toast-container-pad: var(--nj-semantic-size-spacing-16);
    --nj-toast-container-gap: var(--nj-semantic-size-spacing-16);
    --nj-toast-container-width: 480px;
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: fixed;
    bottom: 0;
    left: 50%;
    z-index: var(--nj-semantic-elevation-z-index-toast-container);
    display: flex;
    flex-flow: column nowrap;
    gap: var(--nj-toast-container-gap);
    width: var(--nj-toast-container-width);
    max-width: 100%;
    max-height: 100vh;
    padding: 0 var(--nj-toast-container-pad) var(--nj-toast-container-pad);
    overflow: auto;
    transform: translateX(-50%)
}

.nj-toast__container *, .nj-toast__container *::before, .nj-toast__container *::after {
    box-sizing: border-box
}

.nj-toast__container--full-width {
    --nj-toast-container-width: 100vw
}

.nj-tooltip {
    --nj-tooltip-text-color: var(--nj-semantic-color-text-neutral-inverse-default);
    --nj-tooltip-bg: var(--nj-semantic-color-background-neutral-spotlight-default);
    --nj-tooltip-arrow-width: .8rem;
    --nj-tooltip-arrow-height: .4rem;
    --nj-tooltip-max-width: 200px;
    box-sizing: border-box;
    font-family: var(--nj-semantic-font-family-default);
    line-height: var(--nj-semantic-font-line-height-default);
    position: absolute;
    z-index: var(--nj-semantic-elevation-z-index-tooltip);
    display: inline-flex;
    margin: 0;
    font-size: var(--nj-semantic-size-font-content-2);
    font-style: normal;
    letter-spacing: normal;
    white-space: normal;
    text-align: start;
    text-transform: none;
    text-decoration: none;
    text-shadow: none;
    word-wrap: break-word;
    word-break: normal;
    word-spacing: normal;
    line-break: auto
}

.nj-tooltip *, .nj-tooltip *::before, .nj-tooltip *::after {
    box-sizing: border-box
}

.nj-tooltip--standalone {
    position: relative
}

.nj-tooltip--inverse {
    --nj-tooltip-text-color: var(--nj-semantic-color-text-neutral-primary-default);
    --nj-tooltip-bg: var(--nj-semantic-color-background-neutral-inverse-default)
}

.nj-tooltip.nj-tooltip--without-arrow .nj-tooltip__arrow {
    display: none
}

.nj-tooltip.nj-tooltip--top, .nj-tooltip.nj-tooltip--auto[x-placement^=top] {
    padding: var(--nj-tooltip-arrow-height) 0
}

.nj-tooltip.nj-tooltip--top .nj-tooltip__arrow, .nj-tooltip.nj-tooltip--auto[x-placement^=top] .nj-tooltip__arrow {
    bottom: 0
}

.nj-tooltip.nj-tooltip--top .nj-tooltip__arrow--start, .nj-tooltip.nj-tooltip--auto[x-placement^=top] .nj-tooltip__arrow--start {
    left: var(--nj-semantic-size-spacing-4)
}

.nj-tooltip.nj-tooltip--top .nj-tooltip__arrow--center, .nj-tooltip.nj-tooltip--auto[x-placement^=top] .nj-tooltip__arrow--center {
    left: 50%;
    transform: translateX(-50%)
}

.nj-tooltip.nj-tooltip--top .nj-tooltip__arrow--end, .nj-tooltip.nj-tooltip--auto[x-placement^=top] .nj-tooltip__arrow--end {
    right: var(--nj-semantic-size-spacing-4)
}

.nj-tooltip.nj-tooltip--top .nj-tooltip__arrow::before, .nj-tooltip.nj-tooltip--auto[x-placement^=top] .nj-tooltip__arrow::before {
    top: 0;
    border-width: var(--nj-tooltip-arrow-height) calc(var(--nj-tooltip-arrow-width) * .5) 0;
    border-top-color: var(--nj-tooltip-bg)
}

.nj-tooltip.nj-tooltip--right, .nj-tooltip.nj-tooltip--auto[x-placement^=right] {
    padding: 0 var(--nj-tooltip-arrow-height)
}

.nj-tooltip.nj-tooltip--right .nj-tooltip__arrow, .nj-tooltip.nj-tooltip--auto[x-placement^=right] .nj-tooltip__arrow {
    left: 0;
    width: var(--nj-tooltip-arrow-height);
    height: var(--nj-tooltip-arrow-width)
}

.nj-tooltip.nj-tooltip--right .nj-tooltip__arrow--start, .nj-tooltip.nj-tooltip--auto[x-placement^=right] .nj-tooltip__arrow--start {
    top: var(--nj-semantic-size-spacing-4)
}

.nj-tooltip.nj-tooltip--right .nj-tooltip__arrow--center, .nj-tooltip.nj-tooltip--auto[x-placement^=right] .nj-tooltip__arrow--center {
    top: 50%;
    transform: translateY(-50%)
}

.nj-tooltip.nj-tooltip--right .nj-tooltip__arrow--end, .nj-tooltip.nj-tooltip--auto[x-placement^=right] .nj-tooltip__arrow--end {
    bottom: var(--nj-semantic-size-spacing-4)
}

.nj-tooltip.nj-tooltip--right .nj-tooltip__arrow::before, .nj-tooltip.nj-tooltip--auto[x-placement^=right] .nj-tooltip__arrow::before {
    right: 0;
    border-width: calc(var(--nj-tooltip-arrow-width) * .5) var(--nj-tooltip-arrow-height) calc(var(--nj-tooltip-arrow-width) * .5) 0;
    border-right-color: var(--nj-tooltip-bg)
}

.nj-tooltip.nj-tooltip--bottom, .nj-tooltip.nj-tooltip--auto[x-placement^=bottom] {
    padding: var(--nj-tooltip-arrow-height) 0
}

.nj-tooltip.nj-tooltip--bottom .nj-tooltip__arrow, .nj-tooltip.nj-tooltip--auto[x-placement^=bottom] .nj-tooltip__arrow {
    top: 0
}

.nj-tooltip.nj-tooltip--bottom .nj-tooltip__arrow--start, .nj-tooltip.nj-tooltip--auto[x-placement^=bottom] .nj-tooltip__arrow--start {
    left: var(--nj-semantic-size-spacing-4)
}

.nj-tooltip.nj-tooltip--bottom .nj-tooltip__arrow--center, .nj-tooltip.nj-tooltip--auto[x-placement^=bottom] .nj-tooltip__arrow--center {
    left: 50%;
    transform: translateX(-50%)
}

.nj-tooltip.nj-tooltip--bottom .nj-tooltip__arrow--end, .nj-tooltip.nj-tooltip--auto[x-placement^=bottom] .nj-tooltip__arrow--end {
    right: var(--nj-semantic-size-spacing-4)
}

.nj-tooltip.nj-tooltip--bottom .nj-tooltip__arrow::before, .nj-tooltip.nj-tooltip--auto[x-placement^=bottom] .nj-tooltip__arrow::before {
    bottom: 0;
    border-width: 0 calc(var(--nj-tooltip-arrow-width) * .5) var(--nj-tooltip-arrow-height);
    border-bottom-color: var(--nj-tooltip-bg)
}

.nj-tooltip.nj-tooltip--left, .nj-tooltip.nj-tooltip--auto[x-placement^=left] {
    padding: 0 var(--nj-tooltip-arrow-height)
}

.nj-tooltip.nj-tooltip--left .nj-tooltip__arrow, .nj-tooltip.nj-tooltip--auto[x-placement^=left] .nj-tooltip__arrow {
    right: 0;
    width: var(--nj-tooltip-arrow-height);
    height: var(--nj-tooltip-arrow-width)
}

.nj-tooltip.nj-tooltip--left .nj-tooltip__arrow--start, .nj-tooltip.nj-tooltip--auto[x-placement^=left] .nj-tooltip__arrow--start {
    top: var(--nj-semantic-size-spacing-4)
}

.nj-tooltip.nj-tooltip--left .nj-tooltip__arrow--center, .nj-tooltip.nj-tooltip--auto[x-placement^=left] .nj-tooltip__arrow--center {
    top: 50%;
    transform: translateY(-50%)
}

.nj-tooltip.nj-tooltip--left .nj-tooltip__arrow--end, .nj-tooltip.nj-tooltip--auto[x-placement^=left] .nj-tooltip__arrow--end {
    bottom: var(--nj-semantic-size-spacing-4)
}

.nj-tooltip.nj-tooltip--left .nj-tooltip__arrow::before, .nj-tooltip.nj-tooltip--auto[x-placement^=left] .nj-tooltip__arrow::before {
    left: 0;
    border-width: calc(var(--nj-tooltip-arrow-width) * .5) 0 calc(var(--nj-tooltip-arrow-width) * .5) var(--nj-tooltip-arrow-height);
    border-left-color: var(--nj-tooltip-bg)
}

.nj-tooltip__arrow {
    position: absolute;
    display: block;
    width: var(--nj-tooltip-arrow-width);
    height: var(--nj-tooltip-arrow-height)
}

.nj-tooltip__arrow::before {
    position: absolute;
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    content: ""
}

.nj-tooltip__inner {
    max-width: var(--nj-tooltip-max-width);
    padding: var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-12);
    color: var(--nj-tooltip-text-color);
    text-align: center;
    background-color: var(--nj-tooltip-bg);
    border-radius: var(--nj-semantic-size-border-radius-none)
}