/* /UI/App.razor.rz.scp.css */
body[b-8dwyi2o3kr] {
    display: grid;
    grid-template-areas:
        "header header"
        "sidebar content";
    grid-template-rows: auto minmax(0, 1fr);
    grid-template-columns: auto minmax(0, 1fr);
    height: 100vh;
    margin: 0;
    overflow: hidden;
}

@media (min-width: 40em) {
    body[b-8dwyi2o3kr] {
        grid-template-areas: "sidebar content";
        grid-template-rows: minmax(0, 1fr);
        grid-template-columns: auto minmax(0, 1fr);
    }
}
/* /UI/Components/Controls/DwAccordion.razor.rz.scp.css */
.accordion[b-2b5abawh2p] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    min-width: 0;
}

.accordion.layout-compact[b-2b5abawh2p] {
    gap: var(--spacing-md);
}

.accordion.layout-inset[b-2b5abawh2p],
.accordion.is-content-flush[b-2b5abawh2p] {
    gap: 0;
}

/* Toggle */
[b-2b5abawh2p] .accordion-toggle.button {
    border-radius: var(--border-radius-accordion);
    text-align: start;
    transition:
        var(--button-base-transition),
        border-radius var(--transition-duration) ease;
}

[b-2b5abawh2p] .accordion-toggle.button,
[b-2b5abawh2p] .accordion-toggle.button.icon-text-button,
[b-2b5abawh2p] .accordion-toggle.button.text-icon-button {
    padding: var(--spacing-sm);
}

[b-2b5abawh2p] .accordion-toggle.button .button-content {
    gap: calc(var(--spacing-xs) * 1.5);
    width: 100%;
}

[b-2b5abawh2p] .accordion-toggle.button:focus {
    --outline-focus: none;
}

[b-2b5abawh2p] .accordion-toggle.button.outline {
    border-color: var(--color-accordion-content-border);
    box-shadow: none;
}

.is-expanded[b-2b5abawh2p]  .accordion-toggle.button.outline:not(:hover) {
    background-color: var(--color-accordion-toggle-background-expanded);
}

[b-2b5abawh2p] .accordion-toggle .toggle-content {
    flex: 1;
}

[b-2b5abawh2p] .accordion-toggle .icon {
    font-size: var(--font-size-xl);
    color: inherit;
}

.accordion.size-small[b-2b5abawh2p]  .accordion-toggle.button {
    min-height: 0;
    font-size: var(--font-size-sm);
    padding: calc(var(--spacing-xs) * 1.5);
}

.accordion.size-small[b-2b5abawh2p]  .accordion-toggle.button .button-content {
    gap: var(--spacing-xs);
}

.accordion.size-large[b-2b5abawh2p]  .accordion-toggle.button {
    padding: var(--spacing-md);
}

.accordion.size-large[b-2b5abawh2p]  .accordion-toggle.button .button-content {
    gap: var(--spacing-sm);
}

.accordion.layout-compact[b-2b5abawh2p]  .accordion-toggle.button {
    align-self: start;
    min-width: 0;
    min-height: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    box-shadow: none;
    transition: opacity .2s ease;
}

.accordion.layout-compact[b-2b5abawh2p]  .accordion-toggle.button-content {
    gap: var(--spacing-xs);
}

.accordion.layout-compact[b-2b5abawh2p]  .accordion-toggle.button:hover {
    opacity: 75%;
}

.accordion.layout-inset.is-expanded[b-2b5abawh2p]  .accordion-toggle.button,
.accordion.is-content-flush.is-expanded[b-2b5abawh2p]  .accordion-toggle.button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
}

/* Arrow */
[b-2b5abawh2p] .accordion-toggle .arrow {
    position: relative;
    display: block;
    min-width: 1em;
    width: 1em;
    height: 1em;
    margin-right: calc(var(--spacing-xs) / 2);
    opacity: 50%;
}

[b-2b5abawh2p] .accordion-toggle .arrow::before,
[b-2b5abawh2p] .accordion-toggle .arrow::after {
    --arrow-thickness: .125em;

    content: "";
    position: absolute;
    top: 50%;
    width: 55%;
    height: var(--arrow-thickness);
    margin-top: calc(calc(var(--arrow-thickness) / 2) * -1);
    background-color: currentColor;
    border-radius: 1em;
    transition: transform var(--transition-duration) ease;
}

[b-2b5abawh2p] .accordion-toggle .arrow::before {
    left: 5%;
    transform: rotate(45deg);
}

[b-2b5abawh2p] .accordion-toggle .arrow::after {
    right: 5%;
    transform: rotate(-45deg);
}

.is-expanded[b-2b5abawh2p]  .accordion-toggle .arrow::before {
    transform: rotate(-45deg);
}

.is-expanded[b-2b5abawh2p]  .accordion-toggle .arrow::after {
    transform: rotate(45deg);
}

/* Content */
.accordion-content[b-2b5abawh2p],
.accordion-content-body[b-2b5abawh2p] {
    transition-duration: var(--transition-duration);
    transition-timing-function: ease;
    transition-behavior: allow-discrete;
    interpolate-size: allow-keywords;
}

@media (prefers-reduced-motion) {
    .accordion-content[b-2b5abawh2p],
    .accordion-content-body[b-2b5abawh2p] {
        transition-duration: 0s !important;
    }
}

.accordion-content[b-2b5abawh2p] {
    overflow: hidden;
    transition-property: opacity;
}

.accordion.layout-compact .accordion-content[b-2b5abawh2p] {
    transition: none;
}

.accordion.layout-inset .accordion-content[b-2b5abawh2p] {
    transition-property: height, opacity;
}

.accordion:not(.is-expanded) .accordion-content[b-2b5abawh2p] {
    height: 0;
    opacity: 0;
}

.accordion-content-body[b-2b5abawh2p] {
    transition-property: display;
}

.accordion:not(.is-expanded) .accordion-content-body[b-2b5abawh2p] {
    display: none;
}

.accordion.layout-inset .accordion-content[b-2b5abawh2p] {
    background-color: var(--color-accordion-content-background);
    border: var(--border-width-panel) solid var(--color-accordion-content-border);
    border-top: 0;
    border-radius: var(--border-radius-accordion);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion.layout-inset .accordion-content-body[b-2b5abawh2p] {
    padding: var(--spacing-sm);
}

.accordion.layout-inset.size-small .accordion-content-body[b-2b5abawh2p] {
    padding: calc(var(--spacing-xs) * 1.5);
}

.accordion.layout-inset.size-large .accordion-content-body[b-2b5abawh2p] {
    padding: var(--spacing-md);
}
/* /UI/Components/Controls/DwBadge.razor.rz.scp.css */
div[b-4xgwih6ytp] {
    display: inline-block;
    min-width: 0;
    background-color: var(--color-status-default-faint);
    color: var(--color-status-default-faint-contrast);
    border:
        var(--border-width-content)
        solid
        var(--color-status-default-border);
    border-radius: var(--border-radius-sm);
    line-height: 1;
    overflow-wrap: break-word;
}

/* Size */
.small[b-4xgwih6ytp] {
    padding:
        calc(var(--spacing-xs) * 0.25)
        var(--spacing-xs);
}

.small span[b-4xgwih6ytp] {
    font-size: var(--font-size-xs);
    text-decoration: none;
}

.medium[b-4xgwih6ytp] {
    padding:
        calc(var(--spacing-xs) * 0.5)
        calc(var(--spacing-xs) * 1.25);
}

.medium span[b-4xgwih6ytp] {
    font-size: var(--font-size-sm);
}

.large[b-4xgwih6ytp] {
    padding:
        var(--spacing-xs)
        calc(var(--spacing-xs) * 1.5);
}

.large span[b-4xgwih6ytp] {
    font-size: var(--font-size-md);
}

/* Variants */
.info[b-4xgwih6ytp] {
    background-color: var(--color-status-info-faint);
    color: var(--color-status-info-faint-contrast);
    border-color: var(--color-status-info-border);
}

.success[b-4xgwih6ytp] {
    background-color: var(--color-status-success-faint);
    color: var(--color-status-success-faint-contrast);
    border-color: var(--color-status-success-border);
}

.warning[b-4xgwih6ytp] {
    background-color: var(--color-status-warning-faint);
    color: var(--color-status-warning-faint-contrast);
    border-color: var(--color-status-warning-border);
}

.danger[b-4xgwih6ytp] {
    background-color: var(--color-status-danger-faint);
    color: var(--color-status-danger-faint-contrast);
    border-color: var(--color-status-danger-border);
}

/* Shape */
.rounded[b-4xgwih6ytp] {
    border-radius: var(--border-radius-full);
    padding-inline: calc(var(--spacing-xs) * 1.75);
}

.rounded.medium[b-4xgwih6ytp] {
    padding-inline: var(--spacing-sm);
}

.rounded.large[b-4xgwih6ytp] {
    padding-inline: calc(var(--spacing-sm) * 1.125);
}

/* Border */
.no-border[b-4xgwih6ytp] {
    border-color: transparent;
}
/* /UI/Components/Controls/DwButton.razor.rz.scp.css */
.button[b-ologzqll7w] {
    --button-base-transition:
        background-color var(--transition-duration) ease,
        color var(--transition-duration) ease,
        opacity var(--transition-duration-fast) ease;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: 10ch;
    min-height: var(--button-base-height);
    max-width: 100%;
    padding:
        0
        var(--spacing-lg);
    background-color: var(--color-action-default);
    color: var(--color-action-default-contrast);
    border: var(--border-width-button) solid transparent;
    border-radius: var(--border-radius-button);
    font-size: inherit;
    font-family: inherit;
    text-decoration: none;
    line-height: 1.125;
    user-select: none;
    cursor: pointer;
    transition:
        var(--button-custom-transition,
            var(--button-base-transition));
}

a.button:hover[b-ologzqll7w] {
    color: var(--color-action-default-contrast);
    text-decoration: none;
}

.button:not([disabled]):hover[b-ologzqll7w] {
    background-color: var(--color-action-default-hover);
}

.button:focus[b-ologzqll7w],
.button:focus-visible[b-ologzqll7w] {
    z-index: 1;
    outline-offset: var(--outline-offset);
}

.button:focus[b-ologzqll7w] {
    outline: var(--outline-focus);
}

.button:focus-visible[b-ologzqll7w] {
    outline: var(--outline-focus-visible);
}

.button[disabled][b-ologzqll7w] {
    opacity: 50%;
    cursor: default;
}

.button-content[b-ologzqll7w] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
}

/* Loading */
.button.is-loading[b-ologzqll7w] {
    display: grid;
    grid-template-areas: "content";
}

.button.is-loading .button-content[b-ologzqll7w] {
    grid-area: content;
    opacity: 0;
}

.button[b-ologzqll7w]  .spinner {
    grid-area: content;
    margin: auto;
}

/* Icon */
.button[b-ologzqll7w]  svg {
    --color-loading-spinner-primary: currentColor;

    font-size: var(--font-size-2xl);
    pointer-events: none;
}

/* Size */
.button.size-sm[b-ologzqll7w] {
    --button-base-width: 2em;
    --button-base-height: 2em;

    min-width: 5ch;
    line-height: 1;
    padding:
        0
        var(--spacing-md);
}

    .button.size-sm[b-ologzqll7w]  svg {
        font-size: var(--font-size-xl);
    }

.button.size-lg[b-ologzqll7w] {
    min-width: 12.5ch;
    font-size: var(--font-size-lg);
}

/* Content Type: List Item */
.button.list-item-button[b-ologzqll7w] {
    min-width: 0;
    justify-content: start;
    gap: var(--spacing-sm);
    text-align: start;
}

.button.list-item-button .button-content[b-ologzqll7w] {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: var(--spacing-sm);
}

.button.list-item-button[b-ologzqll7w] {
    padding:
        0
        var(--spacing-sm)
        0
        var(--spacing-xs);
    border-radius: 0;
    outline-offset: var(--outline-offset-negative);
}

.button.list-item-button.size-sm[b-ologzqll7w] {
    padding:
        0
        var(--spacing-xs);
}

.button.list-item-button.size-sm[b-ologzqll7w]  svg {
    font-size: var(--font-size-lg);
}

.button.list-item-button:first-child[b-ologzqll7w] {
    border-top-left-radius: var(--border-radius-panel);
    border-top-right-radius: var(--border-radius-panel);
}

.button.list-item-button:last-child[b-ologzqll7w] {
    border-bottom-left-radius: var(--border-radius-panel);
    border-bottom-right-radius: var(--border-radius-panel);
}

/* Content Type: Icon */
.button.icon-button[b-ologzqll7w] {
    min-width: var(--button-base-height);
    padding: 0;
}

/* Content Type: Icon & Text */
.button.icon-text-button[b-ologzqll7w] {
    min-width: 0;
    padding:
        0
        var(--spacing-md)
        0
        calc(var(--spacing-xs) * 1.5);
}

.button.icon-text-button .button-content[b-ologzqll7w] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: calc(var(--spacing-xs) * 1.5);
}

.button.icon-text-button[b-ologzqll7w]  .text {
    min-width: 0;
    overflow: hidden;
}

.button.icon-text-button.size-sm[b-ologzqll7w] {
    padding:
        0
        var(--spacing-sm)
        0
        var(--spacing-xs);
}

.button.icon-text-button.size-sm .button-content[b-ologzqll7w] {
    gap: var(--spacing-xs);
}

.button.icon-text-button.size-lg[b-ologzqll7w] {
    padding-right: var(--spacing-md);
}

/* Content Type: Text & Icon */
.button.text-icon-button[b-ologzqll7w] {
    min-width: 0;
    justify-content: stretch;
    padding:
        0
        calc(var(--spacing-xs) * 1.5)
        0
        var(--spacing-md);
}

.button.text-icon-button .button-content[b-ologzqll7w] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing-xs) * 1.5);
}

.button.text-icon-button[b-ologzqll7w]  .text {
    min-width: 0;
    overflow: hidden;
}

.button.text-icon-button.size-sm[b-ologzqll7w] {
    padding:
        0
        var(--spacing-xs)
        0
        var(--spacing-sm);
}

.button.text-icon-button.size-sm .button-content[b-ologzqll7w] {
    gap: var(--spacing-xs);
}

/* Variants */
.button.primary[b-ologzqll7w] {
    --color-loading-spinner-primary: var(--color-action-primary-contrast);
    --color-loading-spinner-secondary: var(--color-action-primary-hover);

    background-color: var(--color-action-primary);
    color: var(--color-action-primary-contrast);
}

    .button.primary:not([disabled]):hover[b-ologzqll7w] {
        background-color: var(--color-action-primary-hover);
        color: var(--color-action-primary-contrast);
    }

.button.outline[b-ologzqll7w] {
    background-color: var(--color-action-outline);
    color: var(--color-action-outline-contrast);
    border-color: var(--color-action-outline-border);
    box-shadow: var(--shadow-faint);
}

    .button.outline:not([disabled]):hover[b-ologzqll7w],
    .button.outline.active[b-ologzqll7w] {
        background-color: var(--color-action-outline-hover);
        color: var(--color-action-outline-contrast);
    }

.button.ghost[b-ologzqll7w] {
    background-color: var(--color-action-ghost);
    color: var(--color-action-ghost-contrast);
}

    .button.ghost:not([disabled]):hover[b-ologzqll7w] {
        background-color: var(--color-action-ghost-hover);
        color: var(--color-action-ghost-contrast);
    }

.button.info[b-ologzqll7w] {
    background-color: var(--color-status-info);
    color: var(--color-status-info-contrast);
}

    .button.info:not([disabled]):hover[b-ologzqll7w] {
        background-color: var(--color-status-info-hover);
        color: var(--color-status-info-contrast);
    }

.button.info-faint[b-ologzqll7w] {
    background-color: var(--color-status-info-faint);
    color: var(--color-status-info-faint-contrast);
}

    .button.info-faint:not([disabled]):hover[b-ologzqll7w] {
        background-color: var(--color-status-info-faint-hover);
        color: var(--color-status-info-faint-contrast);
    }

.button.success[b-ologzqll7w] {
    background-color: var(--color-status-success);
    color: var(--color-status-success-contrast);
}

    .button.success:not([disabled]):hover[b-ologzqll7w] {
        background-color: var(--color-status-success-hover);
        color: var(--color-status-success-contrast);
    }

.button.success-faint[b-ologzqll7w] {
    background-color: var(--color-status-success-faint);
    color: var(--color-status-success-faint-contrast);
}

    .button.success-faint:not([disabled]):hover[b-ologzqll7w] {
        background-color: var(--color-status-success-faint-hover);
        color: var(--color-status-success-faint-contrast);
    }

.button.warning[b-ologzqll7w] {
    background-color: var(--color-status-warning);
    color: var(--color-status-warning-contrast);
}

    .button.warning:not([disabled]):hover[b-ologzqll7w] {
        background-color: var(--color-status-warning-hover);
        color: var(--color-status-warning-contrast);
    }

.button.warning-faint[b-ologzqll7w] {
    background-color: var(--color-status-warning-faint);
    color: var(--color-status-warning-faint-contrast);
}

    .button.warning-faint:not([disabled]):hover[b-ologzqll7w] {
        background-color: var(--color-status-warning-faint-hover);
        color: var(--color-status-warning-faint-contrast);
    }

.button.danger[b-ologzqll7w] {
    background-color: var(--color-status-danger);
    color: var(--color-status-danger-contrast);
}

    .button.danger:not([disabled]):hover[b-ologzqll7w] {
        background-color: var(--color-status-danger-hover);
        color: var(--color-status-danger-contrast);
    }

.button.danger-faint[b-ologzqll7w] {
    background-color: var(--color-status-danger-faint);
    color: var(--color-status-danger-faint-contrast);
}

    .button.danger-faint:not([disabled]):hover[b-ologzqll7w] {
        background-color: var(--color-status-danger-faint-hover);
        color: var(--color-status-danger-faint-contrast);
    }

/* Alignment */
.align-start[b-ologzqll7w] {
    align-self: start;
}

.align-end[b-ologzqll7w] {
    align-self: end;
}
/* /UI/Components/Controls/DwButtonGroup.razor.rz.scp.css */
div[b-alfwmhea3v] {
    display: inline-flex;
}

[b-alfwmhea3v] .button {
    border-radius: 0;
}

[b-alfwmhea3v] .button:not(:first-child):not(:last-child) {
    border-left: 0;
    border-right: 0;
}

[b-alfwmhea3v] .button:first-child {
    border-radius: var(--border-radius-button) 0 0 var(--border-radius-button);
}

[b-alfwmhea3v] .button:last-child {
    border-radius: 0 var(--border-radius-button) var(--border-radius-button) 0;
}
/* /UI/Components/Controls/DwCallout.razor.rz.scp.css */
div[b-ulcorkjvhu] {
    align-self: start;
    max-width: max-content;
    display: flex;
    flex-direction: row;
    align-items: start;
    gap: var(--spacing-sm);
    min-width: 0;
    overflow-wrap: anywhere;
    padding:
        var(--spacing-sm)
        var(--spacing-md);
    background-color: var(--color-status-default);
    border: var(--border-width-panel) solid transparent;
    border-radius: var(--border-radius-sm);
    line-height: 1.4;
}

    div:has(svg)[b-ulcorkjvhu] {
        padding-left: var(--spacing-sm);
    }

    div.size-sm[b-ulcorkjvhu] {
        gap: var(--spacing-xs);
        padding:
            var(--spacing-xs)
            var(--spacing-sm);
    }

    div.size-sm:has(svg)[b-ulcorkjvhu] {
        padding-left: var(--spacing-xs);
    }

    div.size-lg[b-ulcorkjvhu] {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: var(--spacing-xs);
        padding: var(--spacing-lg);
    }

    div.inline[b-ulcorkjvhu] {
        flex-direction: row;
        align-items: center;
        gap: var(--spacing-sm);
    }

    div.expand[b-ulcorkjvhu] {
        max-width: none;
        align-self: auto;
    }

    div.hidden[b-ulcorkjvhu] {
        display: none;
    }

    div[b-ulcorkjvhu]  svg {
        font-size: var(--font-size-xl);
    }

    div[b-ulcorkjvhu]  * {
        color: inherit;
    }

    div.info[b-ulcorkjvhu] {
        --highlight-color: var(--color-status-info-faint-highlight);

        background-color: var(--color-status-info-faint);
        color: var(--color-status-info-faint-contrast);
    }

    div.success[b-ulcorkjvhu] {
        --highlight-color: var(--color-status-success-faint-highlight);

        background-color: var(--color-status-success-faint);
        color: var(--color-status-success-faint-contrast);
    }

    div.warning[b-ulcorkjvhu] {
        --highlight-color: var(--color-status-warning-faint-highlight);

        background-color: var(--color-status-warning-faint);
        color: var(--color-status-warning-faint-contrast);
    }

    div.danger[b-ulcorkjvhu] {
        --highlight-color: var(--color-status-danger-faint-highlight);

        background-color: var(--color-status-danger-faint);
        color: var(--color-status-danger-faint-contrast);
    }

    div.new[b-ulcorkjvhu] {
        outline: 0 solid var(--highlight-color);
        animation:
            highlight-callout-b-ulcorkjvhu
            .5s
            ease
            forwards;
    }

@keyframes highlight-callout-b-ulcorkjvhu {
    to {
        outline: var(--spacing-xs) solid transparent;
    }
}
/* /UI/Components/Controls/DwCheckBox.razor.rz.scp.css */
label[b-4iiofdsv3w] {
    display: flex;
    max-width: max-content;
    gap: var(--spacing-internal);
    font-size: inherit;
    line-height: 1.4;
    user-select: none;
}

label.hit-area-lg[b-4iiofdsv3w] {
    padding: var(--spacing-md);
}

/* Check Box */
.box[b-4iiofdsv3w] {
    display: grid;
    width: 1em;
    height: 1em;
    font-size: var(--font-size-xl);
}

.size-sm .box[b-4iiofdsv3w] {
    font-size: var(--font-size-base);
    margin-top: var(--spacing-2xs);
}

.size-lg .box[b-4iiofdsv3w] {
    font-size: var(--font-size-2xl);
}

/* Input */
input[type="checkbox"][b-4iiofdsv3w] {
    appearance: none;
    user-select: none;
    grid-area: 1 / 1;
    width: 1em;
    height: 1em;
    font-size: 1em;
    padding: 0;
    margin: 0;
    border: var(--input-border-rest);
    border-radius: var(--border-radius-xs);
    background-color: var(--color-input-background);
    box-shadow: var(--shadow-input);
    cursor: pointer;
}

input[type="checkbox"]:hover:not([disabled])[b-4iiofdsv3w] {
    border: var(--input-border-hover);
}

input[type="checkbox"]:checked[b-4iiofdsv3w] {
    border-color: var(--color-input-border-selected);
    background-color: var(--color-input-background-selected);
}

input[type="checkbox"]:checked:hover:not([disabled])[b-4iiofdsv3w] {
    border-color: var(--color-input-border-selected);
    background-color: var(--color-input-background-selected-hover);
}

input[type="checkbox"][disabled][b-4iiofdsv3w] {
    opacity: var(--input-opacity-disabled);
    cursor: default;
}

input[type="checkbox"]:focus-visible[b-4iiofdsv3w] {
    outline: var(--outline-focus-visible);
    outline-offset: var(--outline-offset);
}

.check-mark[b-4iiofdsv3w] {
    position: relative; /* Ensure display above disabled checkbox */
    grid-area: 1 / 1;
    background-color: transparent;
    clip-path: var(--check-box-mark-path);
    pointer-events: none;
}

input[type="checkbox"]:checked + .check-mark[b-4iiofdsv3w] {
    background-color: var(--color-action-primary-contrast);
}

input[type="checkbox"][disabled] + .check-mark[b-4iiofdsv3w] {
    opacity: var(--input-icon-opacity-disabled);
}

/* Text */
.size-lg .check-text[b-4iiofdsv3w] {
    margin-top: calc(var(--spacing-2xs) / 2);
}
/* /UI/Components/Controls/DwCheckBoxTile.razor.rz.scp.css */
.check-box-tile[b-w13c54tu70] {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-md);
    padding: var(--spacing-md);
    border: none;
    border-radius: var(--border-radius-input);
    background-color: transparent;
    box-shadow:
        inset 0 0 0
        var(--border-width-input)
        var(--color-border-faint-15);
    line-height: 1.4;
    user-select: none;
    transition:
        background-color var(--transition-duration-fast) ease,
        box-shadow var(--transition-duration-fast) ease;
}

.check-box-tile:not(.disabled)[b-w13c54tu70] {
    cursor: pointer;
}

.check-box-tile:not(.disabled):hover[b-w13c54tu70] {
    background-color: var(--color-background-faint);
    box-shadow:
        inset 0 0 0
        var(--border-width-input)
        var(--color-border-faint-25);
}

.check-box-tile.disabled[b-w13c54tu70] {
    opacity: var(--control-opacity-disabled);
}

.check-box-tile.disabled[b-w13c54tu70],
.check-box-tile.disabled[b-w13c54tu70]  select,
.check-box-tile.disabled[b-w13c54tu70]  input[type="checkbox"] {
    cursor: not-allowed;
}

.check-box-tile.selected[b-w13c54tu70],
.check-box-tile.selected:hover[b-w13c54tu70] {
    background-color: var(--color-background-faint);
    box-shadow:
        inset 0 0 0
        calc(var(--border-width-input) * 2)
        var(--color-input-background-selected);
}

/* Inline */
.check-box-tile.inline[b-w13c54tu70] {
    max-width: max-content;
}

/* Input Position */
.check-box-tile.input-end[b-w13c54tu70] {
    flex-direction: row-reverse;
}

/* Size */
.check-box-tile.size-sm[b-w13c54tu70] {
    gap: var(--spacing-sm);
    padding: var(--spacing-sm);
}

.check-box-tile.size-lg[b-w13c54tu70] {
    padding: var(--spacing-lg);
}

/* Box */
.box[b-w13c54tu70] {
    display: grid;
    width: 1em;
    height: 1em;
    font-size: var(--font-size-xl);
}

.size-sm .box[b-w13c54tu70] {
    margin-top: calc(var(--spacing-2xs) * 1.5);
    font-size: var(--font-size-base);
}

/* Input */
input[type="checkbox"][b-w13c54tu70] {
    appearance: none;
    user-select: none;
    grid-area: 1 / 1;
    width: 1em;
    height: 1em;
    font-size: 1em;
    padding: 0;
    margin: 0;
    border: var(--input-border-rest);
    border-radius: var(--border-radius-xs);
    background-color: var(--color-input-background);
    box-shadow: var(--shadow-input);
}

input[type="checkbox"]:not([disabled])[b-w13c54tu70] {
    cursor: pointer;
}

input[type="checkbox"]:hover:not([disabled])[b-w13c54tu70] {
    border: var(--input-border-hover);
}

input[type="checkbox"]:checked[b-w13c54tu70] {
    border-color: var(--color-input-border-selected);
    background-color: var(--color-input-background-selected);
}

input[type="checkbox"]:checked:hover:not([disabled])[b-w13c54tu70] {
    border-color: var(--color-input-border-selected);
    background-color: var(--color-input-background-selected-hover);
}

input[type="checkbox"]:focus-visible[b-w13c54tu70] {
    outline: var(--outline-focus-visible);
    outline-offset: var(--outline-offset);
}

.check-mark[b-w13c54tu70] {
    position: relative; /* Ensure display above disabled checkbox */
    grid-area: 1 / 1;
    background-color: transparent;
    clip-path: var(--check-box-mark-path);
    pointer-events: none;
}

input[type="checkbox"]:checked + .check-mark[b-w13c54tu70] {
    background-color: var(--color-action-primary-contrast);
}

input[type="checkbox"][disabled] + .check-mark[b-w13c54tu70] {
    opacity: var(--input-icon-opacity-disabled);
}

/* Content */
.check-box-tile[b-w13c54tu70]  .tile-content {
    flex: 1;
    gap: var(--spacing-sm);
    color: var(--color-body-text-faint);
}

.check-box-tile.size-sm[b-w13c54tu70]  .tile-content {
    gap: var(--spacing-2xs);
    margin-top: var(--spacing-2xs);
}

.tile-heading[b-w13c54tu70] {
    color: var(--color-body-text);
    font-weight: 500;
    line-height: 1.3;
}

/* Hide Check Box */
.check-box-tile.hide-check[b-w13c54tu70] {
    gap: 0;
}

.check-box-tile.hide-check .box[b-w13c54tu70] {
    width: 0;
    height: 0;
    overflow: hidden;
}

.check-box-tile.hide-check:has(input:focus-visible)[b-w13c54tu70] {
    outline: var(--outline-focus-visible);
    outline-offset: var(--outline-offset);
}
/* /UI/Components/Controls/DwClipboardButton.razor.rz.scp.css */
button .icon-success[b-mdefdlvr9e],
button .icon-error[b-mdefdlvr9e] {
    display: none;
}

button.copy-success .icon-success[b-mdefdlvr9e] {
    display: unset;
}

button.copy-error .icon-success[b-mdefdlvr9e] {
    display: unset;
}

button.copy-success .icon-copy[b-mdefdlvr9e],
button.copy-error .icon-copy[b-mdefdlvr9e] {
    display: none;
}
/* /UI/Components/Controls/DwColorSchemePicker.razor.rz.scp.css */
[b-cdswy397u1] .color-scheme-picker-toggle.button:focus {
    outline: none;
}

[b-cdswy397u1] .color-scheme-picker-toggle.button:focus-visible {
    outline: var(--outline-focus-visible);
}
/* /UI/Components/Controls/DwComboBox.razor.rz.scp.css */
.combo-box[b-n7bejxu38h] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-input);
    margin: 0;
}

    .combo-box.is-disabled[b-n7bejxu38h] {
        opacity: var(--control-opacity-disabled);
    }

.input-wrap[b-n7bejxu38h] {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: var(--input-width-text);
}

/* Input */
.input[b-n7bejxu38h] {
    appearance: none;
    min-width: 0;
    min-height: var(--input-height-base);
    padding: var(--spacing-sm);
    padding-right: 2em;
    margin: 0;
    background-color: var(--color-input-background);
    color: var(--color-input-text);
    border: var(--input-border-rest);
    border-radius: var(--border-radius-input);
    font-size: inherit;
    line-height: var(--input-line-height);
    outline: var(--input-outline-rest);
    background-image: var(--combo-box-icon);
    background-position: right .25rem center;
    background-repeat: no-repeat;
    background-size: 1.125em 1.125em;
}

.input:hover[b-n7bejxu38h] {
    border: var(--input-border-hover);
}

.input:focus[b-n7bejxu38h] {
    border: var(--input-border-focus);
    outline: var(--input-outline-focus);
}

.input:placeholder-shown[b-n7bejxu38h] {
    text-overflow: ellipsis;
}

.input[disabled][b-n7bejxu38h] {
    background-image: var(--combo-box-icon-disabled);
    background-color: var(--color-input-background);
    border-color: var(--color-input-border);
    cursor: default;
}

/* Input Size */
.size-sm .input-wrap[b-n7bejxu38h] {
    max-width: var(--input-width-sm);
}

.size-lg .input-wrap[b-n7bejxu38h] {
    max-width: var(--input-width-lg);
}

.size-full .input-wrap[b-n7bejxu38h] {
    max-width: 100%;
}

/* Popout */
.popout[b-n7bejxu38h] {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    margin: calc(var(--spacing-xs) / 2) 0 0;
    background-color: var(--color-panel-background);
    border: var(--input-border-rest);
    border-radius: var(--border-radius-input);
    box-shadow: var(--shadow-popout);
    overflow: hidden;
}

.open-upwards .popout[b-n7bejxu38h] {
    top: auto;
    bottom: 100%;
    margin: 0 0 var(--spacing-xs) 0;
}

.popout .scroll[b-n7bejxu38h] {
    width: 100%;
    max-height: 25vh;
    overflow: auto;
    border-radius: var(--border-radius-input);
}

.popout .divider[b-n7bejxu38h] {
    border-bottom: 2px solid var(--color-input-border);
}

/* Items */
.item[b-n7bejxu38h] {
    display: flex;
    padding:
        var(--spacing-sm)
        var(--spacing-md);
    word-break: break-word;
    white-space: pre-wrap;
}

    .item:hover[b-n7bejxu38h] {
        background-color: var(--color-state-hover);
    }

    .item[data-selected][b-n7bejxu38h] {
        padding-left: 2em;
        background-color: var(--color-state-selected);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' viewBox='0 0 24 24'%3e%3cpath d='M9.977 18.088a.997.997 0 0 1-.707-.293l-5-5a.999.999 0 1 1 1.414-1.414l4.293 4.293 9.292-9.293a.999.999 0 1 1 1.414 1.414l-10 10a1 1 0 0 1-.707.293Z'/%3e%3c/svg%3e");
        background-position: left .5em top .5em;
        background-repeat: no-repeat;
        background-size: 1.125em 1.125em;
        font-weight: 500;
    }

    .item[data-focus][b-n7bejxu38h] {
        background-color: var(--color-focus);
        color: var(--color-focus-contrast);
    }

    .item[data-selected][data-focus][b-n7bejxu38h] {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3e%3cpath d='M9.977 18.088a.997.997 0 0 1-.707-.293l-5-5a.999.999 0 1 1 1.414-1.414l4.293 4.293 9.292-9.293a.999.999 0 1 1 1.414 1.414l-10 10a1 1 0 0 1-.707.293Z'/%3e%3c/svg%3e");
    }

/* Error state */
label.has-error input:not(:focus-visible)[b-n7bejxu38h] {
    border: var(--input-border-error);
    outline: var(--input-outline-error);
}
/* /UI/Components/Controls/DwFileInput.razor.rz.scp.css */
label[b-745t9b1cyt] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-input);
}

    label.is-disabled[b-745t9b1cyt] {
        opacity: var(--control-opacity-disabled);
    }

[b-745t9b1cyt] input {
    appearance: none;
    min-width: 0;
    min-height: var(--input-height-base);
    padding: var(--spacing-xs);
    margin: 0;
    background-color: var(--color-input-background);
    color: var(--color-input-text);
    border: var(--input-border-rest);
    border-radius: var(--border-radius-input);
    font-family: inherit;
    font-size: inherit;
    line-height: var(--input-line-height);
    outline: var(--input-outline-rest);
    transition: var(--transition-input);
}

    [b-745t9b1cyt] input:hover {
        border: var(--input-border-hover);
        background-color: var(--color-input-background);
    }

    [b-745t9b1cyt] input:focus,
    [b-745t9b1cyt] input.drag-over {
        border: var(--input-border-focus);
        background-color: var(--color-input-background);
        outline: var(--input-outline-focus);
    }

    [b-745t9b1cyt] input[disabled] {
        background-color: var(--color-input-background);
        border-color: var(--color-input-border);
        cursor: default;
    }

[b-745t9b1cyt] input::file-selector-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height:
        calc(
            var(--input-height-base)
            - calc(var(--spacing-xs) * 2)
            - calc(var(--border-width-input) * 2)
        );
    padding: 0 var(--spacing-md);
    margin-right: var(--spacing-sm);
    background-color: var(--color-action-default);
    color: var(--color-action-default-contrast);
    border: var(--border-width-button) solid transparent;
    border-radius: var(--border-radius-sm);
    font-size: inherit;
    font-family: inherit;
    text-align: center;
    text-decoration: none;
    user-select: none;
    cursor: pointer;
    transition:
        background-color var(--transition-duration) ease,
        color var(--transition-duration) ease,
        opacity var(--transition-duration-fast) ease;
}

    [b-745t9b1cyt] input::file-selector-button:hover {
        background-color: var(--color-action-default-hover);
        color: var(--color-action-default-contrast);
    }

    [b-745t9b1cyt] input[disabled]::file-selector-button {
        background-color: var(--color-action-default);
        color: var(--color-action-default-contrast);
        cursor: default;
    }

/* Error state */
label.has-error input:not(:focus-visible)[b-745t9b1cyt] {
    border: var(--input-border-error);
    outline: var(--input-outline-error);
}
/* /UI/Components/Controls/DwGroupConnectionState.razor.rz.scp.css */
div[b-gf7b88kvfd] {
    position: relative;
    width: .5em;
    height: .5em;
    border-radius: 50%;
    flex-shrink: 0;
}

    div[b-gf7b88kvfd]::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 1.5em;
        height: 1.5em;
        margin-top: -0.75em;
        margin-left: -0.75em;
    }

.connecting[b-gf7b88kvfd] {
    background-color: var(--color-status-info);
    animation: connecting-pulse-b-gf7b88kvfd 2s infinite;
}

.connected[b-gf7b88kvfd] {
    background-color: var(--color-status-success);
}

.warning[b-gf7b88kvfd] {
    background-color: var(--color-status-warning);
}

.disconnected[b-gf7b88kvfd] {
    background-color: var(--color-status-danger);
}

@keyframes connecting-pulse-b-gf7b88kvfd {
    0% {
        opacity: 50%;
        transform: scale(0.95);
    }

    75% {
        opacity: 100%;
        transform: scale(1);
    }

    100% {
        opacity: 50%;
        transform: scale(0.95);
    }
}
/* /UI/Components/Controls/DwGroupNavLink.razor.rz.scp.css */
.disabled[b-p4e1212iam]  a {
    opacity: 30%;
    pointer-events: none;
    cursor: not-allowed;
}
/* /UI/Components/Controls/DwGroupSelect.razor.rz.scp.css */
.group-select[b-40m9e4rxei] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-input);
    width: var(--sidebar-group-select-width, auto);
}

.group-select.empty[b-40m9e4rxei] {
    opacity: var(--input-opacity-disabled);
}

/* Wrap */
.input-wrap[b-40m9e4rxei] {
    position: relative;
    display: grid;
    grid-template-areas: "stack";
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

.trigger[b-40m9e4rxei],
.icon[b-40m9e4rxei],
.icon-collapsed[b-40m9e4rxei] {
    grid-area: stack;
}

/* Trigger */
.trigger[b-40m9e4rxei] {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: var(--input-height-base);
    padding: var(--spacing-sm);
    padding-right: calc(var(--spacing-2xl) + var(--spacing-xs));
    background-color: var(--color-input-background);
    color: var(--color-input-text);
    border: var(--input-border-rest);
    border-radius: var(--border-radius-input);
    line-height: var(--input-line-height);
    outline: var(--input-outline-rest);
    background-image: var(--select-icon);
    background-position: right var(--spacing-sm) center;
    background-repeat: no-repeat;
    background-size: var(--font-size-lg);
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
    transition:
        outline var(--transition-duration) ease,
        background-color var(--transition-duration-fast) ease,
        border-color var(--transition-duration-fast) ease;
}

.trigger:hover[b-40m9e4rxei] {
    border: var(--input-border-hover);
}

.trigger:focus[b-40m9e4rxei] {
    border: var(--input-border-focus);
    outline: var(--input-outline-focus);
}

.trigger[disabled][b-40m9e4rxei] {
    background-color: var(--select-icon-disabled);
    background-color: var(--color-input-background);
    border-color: var(--color-input-border);
    cursor: default;
}

.disabled .trigger[b-40m9e4rxei] {
    opacity: var(--input-opacity-disabled);
    pointer-events: none;
    cursor: not-allowed;
}

.is-open-upwards .trigger[b-40m9e4rxei] {
    background-image: var(--select-icon-multi-direction);
}

.is-open-upwards .trigger[disabled][b-40m9e4rxei] {
    background-image: var(--select-icon-multi-direction-disabled);
}

.has-icon .trigger[b-40m9e4rxei] {
    padding-left: calc(var(--spacing-2xl) + var(--spacing-xl));
    color: var(--color-body-text);
    cursor: pointer;
}

.group-select.has-icon:not(.is-collapsed) .trigger[b-40m9e4rxei]::before {
    content: "";
    position: absolute;
    top: var(--border-width-input);
    left: calc(var(--sidebar-item-width-collapsed) - var(--border-width-input));
    display: block;
    width: var(--border-width-input);
    height: calc(100% - (var(--border-width-input) * 2));
    background-color: var(--color-input-border);
    transition: background-color var(--transition-duration) ease;
}

.trigger .value[b-40m9e4rxei] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Icon */
.icon[b-40m9e4rxei],
.icon-collapsed[b-40m9e4rxei] {
    align-self: center;
    justify-self: start;
    font-size: var(--font-size-2xl);
    color: var(--color-body-text-faint);
    pointer-events: none;
}

.icon[b-40m9e4rxei] {
    padding-left: .275em;
}

.icon-collapsed[b-40m9e4rxei] {
    padding-left: 0.275em;
    opacity: 0%;
}

.group-select:not(.has-icon) .icon[b-40m9e4rxei] {
    display: none;
}

/* Popout */
.popout[b-40m9e4rxei] {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    margin-top: var(--spacing-xs);
    background-color: var(--color-panel-background);
    border: var(--input-border-rest);
    border-radius: var(--border-radius-input);
    box-shadow: var(--shadow-popout);
    overflow: hidden;
}

.is-open-upwards .popout[b-40m9e4rxei] {
    top: auto;
    bottom: 100%;
    margin: 0 0 var(--spacing-xs) 0;
}

.popout .scroll[b-40m9e4rxei] {
    width: 100%;
    max-height: 25vh;
    overflow: auto;
    border-radius: var(--border-radius-input);
}

.popout .divider[b-40m9e4rxei] {
    border-bottom: 2px solid var(--color-input-border);
}

/* Items */
.item[b-40m9e4rxei] {
    position: relative;
    display: flex;
    justify-content: start;
    padding:
        var(--spacing-sm)
        var(--spacing-sm)
        var(--spacing-sm)
        0;
    word-break: break-word;
    white-space: pre-wrap;
    transition: background-color var(--transition-duration-fast) ease;
}

.item:hover[b-40m9e4rxei] {
    background-color: var(--color-background-faint-5);
}

.item[data-selected][b-40m9e4rxei] {
    background-color: var(--color-status-info-faint);
}

.item[data-focus][b-40m9e4rxei] {
    background-color: var(--color-focus);
    color: var(--color-focus-contrast);
}

.item .status[b-40m9e4rxei] {
    padding: .375em .75em;
}

.has-icon .item .status[b-40m9e4rxei] {
    padding: .375em .875em;
}

.item .status .dot[b-40m9e4rxei] {
    padding: var(--spacing-xs);
    background-color: var(--color-background-faint-20);
    border-radius: 50%;
    outline: 1px solid var(--color-background-faint-5);
    outline-offset: -1px;
}

.item .status.active .dot[b-40m9e4rxei] {
    background-color: var(--color-status-success);
    outline: 2px solid var(--color-status-success-faint);
    outline-offset: 0;
}

.item[data-focus] .status.active .dot[b-40m9e4rxei] {
    outline-color: var(--color-background-faint-5);
}

/* Collapsed */
@media (min-width: 40em) {
    .group-select.is-collapsed[b-40m9e4rxei] {
        width: var(--sidebar-item-width-collapsed, auto);
    }

    .group-select.is-collapsed .trigger[b-40m9e4rxei] {
        padding: 0;
        color: transparent;
        background-image: none;
    }

    .group-select.is-collapsed .icon[b-40m9e4rxei] {
        opacity: 0%;
    }

    .group-select.is-collapsed .icon-collapsed[b-40m9e4rxei] {
        opacity: 100%;
    }

    .group-select.is-collapsed .popout[b-40m9e4rxei] {
        display: none;
    }
}
/* /UI/Components/Controls/DwHelpIconButton.razor.rz.scp.css */
.help[b-xhlqsk34oh] {
    position: relative;
    z-index: 1;
    display: block;
    padding: calc(var(--spacing-xs) / 2);
    border-radius: 50%;
    background-color: var(--color-background-faint-10);
    color: var(--color-body-text);
    border: 0;
    font-size: var(--font-size-base);
    cursor: pointer;
    transition:
        background-color var(--transition-duration) ease,
        color var(--transition-duration) ease;
}

    .help[b-xhlqsk34oh]::after {
        content: '';
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        display: block;
        width: 200%;
        height: 200%;
        margin: -50% 0 0 -50%;
        border-radius: 50%;
    }

    .help:hover[b-xhlqsk34oh] {
        background-color: var(--color-background-faint-20);
        color: var(--color-body-text);
    }

    .help:focus-visible[b-xhlqsk34oh] {
        outline: var(--outline-focus-visible);
        outline-offset: var(--outline-offset);
    }

a.help[b-xhlqsk34oh] {
    background-color: var(--color-status-info);
    color: var(--color-status-info-contrast);
}

    a.help:hover[b-xhlqsk34oh] {
        background-color: var(--color-status-info-hover);
        color: var(--color-status-info-contrast);
    }
/* /UI/Components/Controls/DwInputErrorText.razor.rz.scp.css */
span[b-u3ce9ezclw] {
    max-width: var(--paragraph-width-optimal);
    color: var(--color-status-error-text);
    font-weight: 500;
}
/* /UI/Components/Controls/DwInputHelpContent.razor.rz.scp.css */
span[b-803ccbfbqa] {
    display: flex;
    flex-direction: column;
    max-width: var(--paragraph-width-optimal);
    color: var(--color-body-text-faint);
    gap: var(--spacing-xs);
    min-width: 0;
}

[b-803ccbfbqa] ul,
[b-803ccbfbqa] ol {
    gap: var(--spacing-xs);
}
/* /UI/Components/Controls/DwInputLabelText.razor.rz.scp.css */
.input-label[b-4znbzcw318] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
    max-width: var(--paragraph-width-optimal);
    color: var(--color-body-text);
    font-weight: 500;
    user-select: none;
}

.optional[b-4znbzcw318],
.required[b-4znbzcw318] {
    padding:
        calc(var(--spacing-xs) / 2)
        calc(var(--spacing-xs) * 1.5);
    border: 1px solid var(--color-border-faint);
    border-radius: var(--border-radius-full);
    line-height: var(--font-size-2xs);
}

.optional span[b-4znbzcw318],
.required span[b-4znbzcw318] {
    font-size: var(--font-size-2xs);
    font-weight: 400;
}

.optional[b-4znbzcw318] {
    background-color: var(--color-status-default);
    color: var(--color-status-default-text);
}

.required[b-4znbzcw318] {
    background-color: var(--color-status-info-faint);
    color: var(--color-status-info-text);
}

.label-expandable-content[b-4znbzcw318] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    min-width: 0;
    max-width: max-content;
    padding: var(--spacing-md);
    margin-bottom: var(--spacing-xs);
    background-color: var(--color-background-faint-5);
    border-radius: var(--border-radius-sm);
}
/* /UI/Components/Controls/DwLink.razor.rz.scp.css */
a[b-id39l9f9kf] {
    max-width: var(--paragraph-width-optimal);
    color: var(--color-link-text);
    text-decoration: underline;
    text-underline-offset: var(--spacing-2xs);
    user-select: none;
}

a[href]:hover[b-id39l9f9kf] {
    color: var(--color-link-text);
    text-decoration: underline;
    opacity: 80%;
}

a:focus-visible[b-id39l9f9kf] {
    z-index: 1;
    outline: var(--outline-focus-visible);
    outline-offset: var(--outline-offset);
}

/* Color Variants */
a.text[b-id39l9f9kf],
a.text:hover[b-id39l9f9kf] {
    color: var(--color-body-text);
}

a.text-faint[b-id39l9f9kf],
a.text-faint:hover[b-id39l9f9kf] {
    color: var(--color-body-text-faint);
}

a.text-subtle[b-id39l9f9kf],
a.text-subtle:hover[b-id39l9f9kf] {
    color: var(--color-body-text);
    text-decoration-color: var(--color-border-faint-15);
}

a.success[b-id39l9f9kf],
a.success:hover[b-id39l9f9kf] {
    color: var(--color-status-success-text);
}

a.warning[b-id39l9f9kf],
a.warning:hover[b-id39l9f9kf] {
    color: var(--color-status-warning-text);
}

a.danger[b-id39l9f9kf],
a.danger:hover[b-id39l9f9kf] {
    color: var(--color-status-danger-text);
}

/* Reverse underline */
a.reversed[b-id39l9f9kf] {
    text-decoration: none;
}

a[href].reversed:hover[b-id39l9f9kf] {
    text-decoration-line: underline;
}

/* No Underline */
a.no-underline[b-id39l9f9kf],
a[href].no-underline:hover[b-id39l9f9kf] {
    text-decoration: none;
}

/* Disabled */
a[disabled][b-id39l9f9kf],
a:not([href])[b-id39l9f9kf] {
    text-decoration: none;
}

a[disabled][b-id39l9f9kf] {
    opacity: 50%;
}
/* /UI/Components/Controls/DwModuleSelector.razor.rz.scp.css */
.module-selector[b-qat0l1jzcp] {
    display: flex;
}

[b-qat0l1jzcp] svg.emblem {
    flex-shrink: 0;
}

/* Single module */
[b-qat0l1jzcp] .module-title {
    flex: 1;
}

/* Emblem */
[b-qat0l1jzcp] .module-selector-emblem.button {
    min-width: var(--sidebar-item-width-collapsed);
    min-height: var(--sidebar-item-width-collapsed);
    padding: var(--spacing-xs) 0;
    border-radius: var(--border-radius-sm);
    transition:
        background-color .2s ease,
        border-color .2s ease;
}

[b-qat0l1jzcp] .module-selector-emblem.button:hover {
    border-color: var(--color-input-border);
    background-color: var(--color-background-faint);
    box-shadow: var(--shadow-faint);
}

[b-qat0l1jzcp] .module-selector-emblem.button:focus {
    background-color: transparent;
    outline: none;
}

[b-qat0l1jzcp] .module-selector-emblem.button:focus-visible {
    outline: var(--input-outline-focus);
    outline-offset: 0;
}

/* Module Select */
[b-qat0l1jzcp] .module-selector-popout {
    flex: 1;
    margin-left: calc((var(--spacing-xs) / 2) * -1);
}

[b-qat0l1jzcp] .module-selector-trigger.button {
    min-width: var(--sidebar-item-width-collapsed, auto);
    display: flex;
    justify-content: start;
    gap: 0;
    padding: calc(var(--spacing-xs) * 1.5);
    padding-left: var(--spacing-sm);
    border-radius: var(--border-radius-sm);
    overflow: hidden;
    transition:
        background-color .2s ease,
        border-color .2s ease;
}

[b-qat0l1jzcp] .module-selector-trigger.button .button-content {
    width: 100%;
}

[b-qat0l1jzcp] .module-selector-trigger.button:hover,
[b-qat0l1jzcp] .module-selector-trigger.button:focus {
    border-color: var(--color-input-border);
    background-color: var(--color-background-faint);
    box-shadow: var(--shadow-faint);
}

[b-qat0l1jzcp] .module-selector-trigger.button:focus {
    outline: none;
}

[b-qat0l1jzcp] .module-selector-trigger.button:focus-visible {
    outline: var(--input-outline-focus);
    outline-offset: 0;
}

[b-qat0l1jzcp] .module-selector-trigger .name {
    font-weight: 500;
    padding-right: var(--spacing-sm);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-qat0l1jzcp] .module-selector-trigger .arrow {
    margin-left: auto;
    color: var(--color-body-text-faint);
}

[b-qat0l1jzcp] .module-selector-trigger .arrow svg {
    font-size: var(--font-size-lg);
}

[b-qat0l1jzcp] .popout.bottom-right nav {
    width: 100%;
    margin-top: calc(var(--spacing-xs) / 2);
    border-radius: var(--border-radius-sm);
}

[b-qat0l1jzcp] .popout nav .button {
    gap: var(--spacing-md);
    padding: calc(var(--spacing-xs) * 1.5);
    padding-left: var(--spacing-sm);
    padding-right: calc(var(--spacing-xs) * 1.5);
    font-weight: 500;
}

[b-qat0l1jzcp] .popout nav .button:first-child {
    border-top-left-radius: var(--border-radius-sm);
    border-top-right-radius: var(--border-radius-sm);
}

[b-qat0l1jzcp] .popout nav .button:last-child {
    border-bottom-left-radius: var(--border-radius-sm);
    border-bottom-right-radius: var(--border-radius-sm);
}

/* Collapsed State */
@media (min-width: 40em) {
    .is-collapsed[b-qat0l1jzcp]  .module-selector-trigger.button {
        display: none;
    }

    .is-collapsed[b-qat0l1jzcp]  nav {
        display: none;
    }
}
/* /UI/Components/Controls/DwParagraph.razor.rz.scp.css */
.expand[b-5tpiztoj2t] {
    max-width: none;
}

.balance[b-5tpiztoj2t] {
    text-wrap: balance;
}

.condense[b-5tpiztoj2t] {
    line-height: 1.3;
}

.faint[b-5tpiztoj2t] {
    color: var(--color-body-text-faint);
}
/* /UI/Components/Controls/DwPopout.razor.rz.scp.css */
.popout[b-sz822u84rt] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
}

.container[b-sz822u84rt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
}

nav[b-sz822u84rt] {
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: column;
    background-color: var(--color-panel-background);
    border: var(--border-width-panel) solid var(--color-panel-border);
    border-radius: var(--border-radius-panel);
    box-shadow: var(--shadow-popout);
    white-space: nowrap;
    overflow: hidden;
}

.stacked nav[b-sz822u84rt] {
    background-color: var(--color-panel-background-stacked);
}

nav[hidden][b-sz822u84rt] {
    display: none;
}

/* Direction */
.top-left nav[b-sz822u84rt] {
    bottom: 100%;
    right: 0;
    margin-bottom: var(--spacing-xs);
}

.top-right nav[b-sz822u84rt] {
    bottom: 100%;
    left: 0;
    margin-bottom: var(--spacing-xs);
}

.bottom-left nav[b-sz822u84rt] {
    top: 100%;
    right: 0;
    margin-top: var(--spacing-xs);
}

.bottom-right nav[b-sz822u84rt] {
    top: 100%;
    left: 0;
    margin-top: var(--spacing-xs);
}

@media (min-width: 40em) {
    .lg\:top-left nav[b-sz822u84rt] {
        top: auto;
        bottom: 100%;
        left: auto;
        right: 0;
        margin-top: 0;
        margin-bottom: var(--spacing-xs);
    }

    .lg\:top-right nav[b-sz822u84rt] {
        top: auto;
        bottom: 100%;
        left: 0;
        right: auto;
        margin-top: 0;
        margin-bottom: var(--spacing-xs);
    }

    .lg\:bottom-left nav[b-sz822u84rt] {
        top: 100%;
        right: 0;
        margin-top: var(--spacing-xs);
        margin-bottom: 0;
    }

    .lg\:bottom-right nav[b-sz822u84rt] {
        top: 100%;
        bottom: auto;
        left: 0;
        right: auto;
        margin-top: var(--spacing-xs);
        margin-bottom: 0;
    }
}
/* /UI/Components/Controls/DwRadioGroup.razor.rz.scp.css */
.radio-group[b-tkz23w7pss] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

    .radio-group.size-lg[b-tkz23w7pss] {
        gap: var(--spacing-md);
    }

.radio-item[b-tkz23w7pss] {
    display: flex;
    gap: var(--spacing-sm);
    line-height: 1.4;
}

    .radio-item.disabled .radio-text[b-tkz23w7pss] {
        opacity: var(--control-opacity-disabled);
    }

    .size-lg .radio-text[b-tkz23w7pss] {
        margin-top: 0.125em;
    }

.radio[b-tkz23w7pss] {
    display: grid;
    width: 1em;
    height: 1em;
    font-size: 1em;
}

    .size-sm .radio[b-tkz23w7pss] {
        margin-top: 0.125em;
    }

    .size-md .radio[b-tkz23w7pss] {
        font-size: 1.25em;
    }

    .size-lg .radio[b-tkz23w7pss] {
        font-size: 1.5em;
    }

input[type="radio"][b-tkz23w7pss] {
    grid-area: 1 / 1;
    appearance: none;
    font-size: 1em;
    width: 1em;
    height: 1em;
    padding: 0;
    margin: 0;
    border: var(--input-border-rest);
    border-radius: 50%;
    background-color: var(--color-input-background);
    cursor: pointer;
    user-select: none;
}

input[type="radio"]:hover:not([disabled])[b-tkz23w7pss] {
    border: var(--input-border-hover);
}

input[type="radio"]:checked[b-tkz23w7pss] {
    border-color: var(--color-input-border-selected);
    background-color: var(--color-input-background-selected);
}

input[type="radio"]:checked:hover:not([disabled])[b-tkz23w7pss] {
    border-color: var(--color-input-border-selected);
    background-color: var(--color-input-background-selected-hover);
}

input[type="radio"][disabled][b-tkz23w7pss] {
    opacity: var(--input-opacity-disabled);
    cursor: default;
}

.dot[b-tkz23w7pss] {
    position: relative; /* Ensures dot renders over disabled input */
    grid-area: 1 / 1;
    border-width: .25em;
    border-style: solid;
    border-color: transparent;
    border-radius: 50%;
    background-color: transparent;
    background-clip: padding-box;
    pointer-events: none;
}

input[type="radio"]:checked + .dot[b-tkz23w7pss] {
    background-color: var(--color-action-primary-contrast);
}

input[type="radio"][disabled] + .dot[b-tkz23w7pss] {
    opacity: var(--input-icon-opacity-disabled);
}
/* /UI/Components/Controls/DwRadioTab.razor.rz.scp.css */
.radio-tab[b-fglhhwszuc] {
    display: flex;
    align-items: center;
    padding:
        0
        var(--spacing-sm);
    min-height: calc(var(--button-base-height) - calc(var(--border-width-input) * 6));
    background-color: var(--color-radio-tab-background);
    border: var(--border-width-input) solid var(--color-radio-tab-border);
    border-radius: calc(var(--border-radius-input) / 1.5);
    cursor: pointer;
    user-select: none;
}

/* Hover */
.radio-tab:not(:has(input:disabled)):hover[b-fglhhwszuc] {
    background-color: var(--color-radio-tab-background-hover);
    border-color: var(--color-radio-tab-border-hover);
}

/* Checked */
.radio-tab:has(input:checked)[b-fglhhwszuc],
.radio-tab:has(input:checked):hover[b-fglhhwszuc] {
    background-color: var(--color-radio-tab-background-selected);
    border-color: var(--color-radio-tab-border-selected);
    cursor: default;
}

/* Disabled */
.radio-tab:has(input:disabled)[b-fglhhwszuc] {
    opacity: 20%;
    cursor: default;
}

.radio-tab:has(input:checked:disabled)[b-fglhhwszuc] {
    opacity: 40%;
}

/* Tab Focus */
.radio-tab:has(input:focus-visible)[b-fglhhwszuc] {
    position: relative;
    outline: var(--input-outline-focus);
    outline-offset: var(--outline-offset);
}

/* Internal input */
input[type="radio"][b-fglhhwszuc] {
    appearance: none;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    outline: none;
    overflow: hidden;
}
/* /UI/Components/Controls/DwRadioTabGroup.razor.rz.scp.css */
.radio-tab-group[b-ry7kqtso24] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    align-self: start;
    padding: calc(var(--border-width-input) * 2);
    gap: calc(var(--border-width-input) * 2);
    background-color: var(--color-radio-tab-group-background);
    border: var(--border-width-input) solid var(--color-radio-tab-group-border);
    border-radius: var(--border-radius-input);
}
/* /UI/Components/Controls/DwSelect.razor.rz.scp.css */
label[b-oxljpniffr] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-input);
    margin: 0;
    max-width: 100%;
}

    label.is-disabled[b-oxljpniffr] {
        opacity: var(--control-opacity-disabled);
    }

select[b-oxljpniffr] {
    appearance: none;
    width: 100%;
    min-width: 0;
    min-height: var(--input-height-base);
    max-width: var(--input-width-select);
    padding:
        var(--spacing-sm)
        calc(var(--spacing-2xl) + var(--spacing-sm))
        var(--spacing-sm)
        var(--spacing-sm);
    margin: 0;
    background-color: var(--color-input-background);
    color: var(--color-input-text);
    border: var(--input-border-rest);
    border-radius: var(--border-radius-input);
    font-family: inherit;
    font-size: inherit;
    line-height: var(--input-line-height);
    background-image: var(--select-icon);
    background-position: right .35rem center;
    background-repeat: no-repeat;
    background-size: 1.125em 1.125em;
    cursor: pointer;
    outline: var(--input-outline-rest);
    transition: var(--transition-input);
}

select:hover[b-oxljpniffr] {
    border: var(--input-border-hover);
}

select:focus[b-oxljpniffr] {
    border: var(--input-border-focus);
    outline: var(--input-outline-focus);
}

select[disabled][b-oxljpniffr] {
    background-image: var(--select-icon-disabled);
    background-color: var(--color-input-background);
    border-color: var(--color-input-border);
    cursor: default;
}

/* Error */
label.has-error select:not(:focus-visible)[b-oxljpniffr] {
    border: var(--input-border-error);
    outline: var(--input-outline-error);
}

/* Size */
.size-sm select[b-oxljpniffr] {
    max-width: var(--input-width-sm);
}

.size-lg select[b-oxljpniffr] {
    max-width: var(--input-width-lg);
}

.size-full select[b-oxljpniffr] {
    max-width: 100%;
}

.size-auto select[b-oxljpniffr] {
    align-self: start;
    width: auto;
    min-width: var(--input-width-xs);
    max-width: 100%;
}
/* /UI/Components/Controls/DwSimpleTable.razor.rz.scp.css */
table[b-7es0iut0cy] {
    border: 0;
    border-collapse: collapse;
}

:not(.compact)[b-7es0iut0cy]  th,
:not(.compact)[b-7es0iut0cy]  td {
    padding: var(--spacing-md);
}

[b-7es0iut0cy] th,
[b-7es0iut0cy] td {
    background-color: transparent;
    color: var(--color-body-text);
    vertical-align: top;
}

[b-7es0iut0cy] th {
    background-color: var(--color-background-faint);
    font-weight: 500;
    text-align: start;
}

[b-7es0iut0cy] a,
[b-7es0iut0cy] a:hover {
    color: inherit;
}

/* Layout */
.equal-columns[b-7es0iut0cy] {
    width: 100%;
    table-layout: fixed;
}

/* Outer Border */
.outer-border[b-7es0iut0cy] {
    border: 1px solid var(--color-panel-border);
}

/* Inner Borders */
.borders[b-7es0iut0cy]  tr:not(:last-child) th,
.borders[b-7es0iut0cy]  tr:not(:last-child) td {
    border-bottom: 1px solid var(--color-panel-border);
}

.borders[b-7es0iut0cy]  th:not(:last-child),
.borders[b-7es0iut0cy]  td:not(:last-child) {
    border-right: 1px solid var(--color-panel-border);
}

/* Compact */
.compact[b-7es0iut0cy] {
    border: 0;
}

.compact[b-7es0iut0cy]  th,
.compact[b-7es0iut0cy]  td {
    padding-block: var(--spacing-sm);
}

.compact[b-7es0iut0cy]  th {
    background-color: transparent;
}

.compact[b-7es0iut0cy]  tr:first-child th,
.compact[b-7es0iut0cy]  tr:first-child td {
    padding-block-start: 0;
}

.compact[b-7es0iut0cy]  tr:last-child th,
.compact[b-7es0iut0cy]  tr:last-child td {
    padding-block-end: 0;
}

.compact[b-7es0iut0cy]  th:not(:last-child),
.compact[b-7es0iut0cy]  td:not(:last-child) {
    padding-inline-end: var(--spacing-lg);
}

.compact.borders[b-7es0iut0cy]  tr th,
.compact.borders[b-7es0iut0cy]  tr td {
    border: 0;
}

.compact.borders[b-7es0iut0cy]  tr:not(:last-child) th,
.compact.borders[b-7es0iut0cy]  tr:not(:last-child) td {
    border-bottom: 1px solid var(--color-border-faint-5);
}
/* /UI/Components/Controls/DwSubText.razor.rz.scp.css */
span[b-c3t9u8v685] {
    font-size: var(--font-size-xs);
    color: var(--color-body-text-faint);
}
/* /UI/Components/Controls/DwTable.razor.rz.scp.css */
.table[b-wc0exfwpv6] {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    overflow: auto;
    user-select: none;
    background-color: var(--color-panel-background);
}

.header[b-wc0exfwpv6] {
    position: sticky;
    z-index: 1;
    top: 0;
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
    background-color: var(--color-panel-background);
}

.table:not(:has(.row)) .header[b-wc0exfwpv6] {
    display: none;
}

.column-filler[b-wc0exfwpv6] {
    background-color: var(--color-table-heading-background);
}

.rows[b-wc0exfwpv6] {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
    margin-top: var(--border-width-table);
}

[b-wc0exfwpv6] .rows > virtual-spacer {
    grid-column: 1 / -1;
}

.row[b-wc0exfwpv6] {
    position: relative;
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
    padding: 0;
    border: none;
    background-color: var(--color-table-row-background);
    color: var(--color-table-row-text);
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    text-align: left;
    margin-top: calc(var(--border-width-table) * -1);
}

/* Row horizontal borders */
.row[b-wc0exfwpv6]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom:
        var(--border-width-table)
        solid
        var(--color-table-row-border-horizontal);
}

.row:hover[b-wc0exfwpv6] {
    background-color: var(--color-table-row-background-hover);
    color: var(--color-table-row-text-hover);
}

.row.selected[b-wc0exfwpv6],
.row.selected:hover[b-wc0exfwpv6],
.row.selected:focus[b-wc0exfwpv6] {
    background-color: var(--color-table-row-background-selected);
    color: var(--color-table-row-text-selected);
}

.row:focus-visible[b-wc0exfwpv6] {
    outline: var(--outline-focus-visible);
    outline-offset: calc(var(--outline-offset) * -1);
}

.empty-row[b-wc0exfwpv6] {
    grid-column: 1 / -1;
    padding:
        var(--spacing-md)
        var(--spacing-lg);
    border-bottom:
        var(--border-width-table)
        solid
        var(--color-panel-border-inset);
}

.cell[b-wc0exfwpv6] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
}

/* Row vertical border */
.cell[b-wc0exfwpv6]::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: calc(100% - var(--border-width-table));
    border-right:
        var(--border-width-table)
        solid
        var(--color-table-row-border-vertical);
}

.cell:last-child[b-wc0exfwpv6]::after {
    content: none;
}

/* Bordered */
.is-bordered .column-filler[b-wc0exfwpv6],
.is-bordered .empty-row[b-wc0exfwpv6],
.is-bordered[b-wc0exfwpv6]  .column-heading {
    border-top: var(--border-width-table) solid var(--color-table-heading-border);
}

/* Compact */
.is-compact[b-wc0exfwpv6]  .title-content {
    padding: var(--spacing-sm);
}
/* /UI/Components/Controls/DwTableCell.razor.rz.scp.css */
.cell-content[b-6tkkuvbr5j] {
    white-space: nowrap;
}

.cell-content.wrap[b-6tkkuvbr5j] {
    white-space: normal;
}

.cell-content:not(.wrap)[b-6tkkuvbr5j]  .inline-layout > * {
    flex-shrink: 0;
}

.cell-content.overflow-hidden[b-6tkkuvbr5j] {
    overflow: hidden;
}

/* Padding */
.padding-normal[b-6tkkuvbr5j] {
    padding:
        var(--spacing-md)
        var(--spacing-lg);
}

.padding-compact[b-6tkkuvbr5j] {
    padding: var(--spacing-sm);
}

.padding-horizontal[b-6tkkuvbr5j] {
    padding:
        0
        var(--spacing-lg);
}

.padding-horizontal-compact[b-6tkkuvbr5j] {
    padding: 0 var(--spacing-sm);
}

/* Vertical Alignment */
.align-center[b-6tkkuvbr5j] {
    align-self: center;
}

.align-end[b-6tkkuvbr5j] {
    align-self: end;
}
/* /UI/Components/Controls/DwTableCellLink.razor.rz.scp.css */
a[b-6k4uykdsg2],
div[b-6k4uykdsg2] {
    display: flex;
    align-items: center;
    padding: var(--spacing-lg);
}

a[b-6k4uykdsg2] {
    gap: var(--spacing-md);
    color: var(--color-body-text);
    text-decoration: none;
}

a:hover[b-6k4uykdsg2],
a:focus-visible[b-6k4uykdsg2] {
    color: var(--color-body-text);
    text-decoration: underline;
    text-decoration-color: var(--color-border-faint-20);
    text-underline-offset: var(--spacing-2xs);
    outline-offset: calc(var(--outline-offset-negative) * 2);
    border-radius: var(--border-radius-button);
}
/* /UI/Components/Controls/DwTableColumn.razor.rz.scp.css */
.column-heading[b-2yb9uxewsq] {
    position: relative;
    display: flex;
    padding: 0;
    border: 0;
    border-bottom: 1px solid var(--color-table-heading-border);
    border-right: 1px solid var(--color-table-heading-border);
    background-color: var(--color-table-heading-background);
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    text-align: left;
    cursor: default;
}

    .column-heading:focus-visible[b-2yb9uxewsq] {
        outline: var(--outline-focus-visible);
        outline-offset: calc(var(--outline-offset) * -1);
    }

    .column-heading:last-child[b-2yb9uxewsq] {
        border-right-color: transparent;
    }

    .column-heading.sortable[b-2yb9uxewsq] {
        padding-right: 1.75em;
        cursor: pointer;
    }

        .column-heading.sortable:hover[b-2yb9uxewsq] {
            background-color: var(--color-table-heading-background-hover);
        }

    .column-heading > *[b-2yb9uxewsq] {
        flex-shrink: 0;
    }

.title[b-2yb9uxewsq] {
    position: relative;
    flex-grow: 1;
    flex-shrink: 1;
    display: grid;
    align-items: center;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
}

    .title[b-2yb9uxewsq]::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        display: block;
        width: var(--spacing-md);
        background: linear-gradient(
            90deg,
            transparent 0%,
            var(--color-table-heading-background) 100%);
    }

    .column-heading:focus-visible .title[b-2yb9uxewsq]::before {
        top: var(--outline-width);
        height: calc(100% - (var(--outline-width) * 2));
    }

    .column-heading.sortable:hover .title[b-2yb9uxewsq]::before {
        background: linear-gradient(
            90deg,
            transparent 0%,
            var(--color-table-heading-background-hover) 100%);
    }

    .title .title-content[b-2yb9uxewsq] {
        padding: var(--spacing-md);
        padding-left: var(--spacing-lg);
    }

.sort-icon[b-2yb9uxewsq] {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: grid;
    align-items: center;
    padding-right: var(--spacing-sm);
    cursor: pointer;
}

.resize-handle[b-2yb9uxewsq] {
    position: absolute;
    top: 0;
    right: -1px;
    width: .25em;
    height: 100%;
    cursor: ew-resize;
}

    .resize-handle:hover[b-2yb9uxewsq] {
        background-color: var(--color-table-heading-border-hover);
        border-color: transparent;
    }

.filter-action[b-2yb9uxewsq] {
    display: grid;
    place-content: center;
    margin-right: -0.25em;
}

    .filter-action[b-2yb9uxewsq]  .button {
        padding: var(--spacing-xs);
    }

    .filter-action[b-2yb9uxewsq]  .button svg {
        font-size: 1em;
    }

    .filter-action[b-2yb9uxewsq]  nav {
        margin-top: calc(var(--spacing-xs) / 2);
    }

.filter-list[b-2yb9uxewsq] {
    display: grid;
    grid-template-columns: auto auto;
    padding: var(--spacing-md);
    gap: var(--spacing-md) var(--spacing-xl);
}

    .filter-item[b-2yb9uxewsq] {
        min-width: 0;
        display: grid;
        grid-template-columns: subgrid;
        grid-column: 1 / -1;
        align-items: center;
    }

    .filter-item-count[b-2yb9uxewsq] {
        color: var(--color-body-text-faint);
        text-align: end;
    }
/* /UI/Components/Controls/DwTextArea.razor.rz.scp.css */
label[b-fbrqrzme1r] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-input);
    margin: 0;
}

    label.is-disabled[b-fbrqrzme1r] {
        opacity: var(--control-opacity-disabled);
    }

textarea[b-fbrqrzme1r] {
    appearance: none;
    resize: vertical;
    width: 100%;
    min-width: 0;
    min-height: var(--input-height-textarea);
    max-width: var(--input-width-textarea);
    padding: var(--spacing-sm);
    margin: 0;
    background-color: var(--color-input-background);
    color: var(--color-input-text);
    border: var(--input-border-rest);
    border-radius: var(--border-radius-input);
    font-family: inherit;
    font-size: inherit;
    line-height: var(--textarea-line-height);
    outline: var(--input-outline-rest);
    transition: var(--transition-input);
}

textarea:hover[b-fbrqrzme1r] {
    border: var(--input-border-hover);
}

textarea:focus[b-fbrqrzme1r] {
    border: var(--input-border-focus);
    outline: var(--input-outline-focus);
}

textarea[disabled][b-fbrqrzme1r] {
    background-color: var(--color-input-background);
    border-color: var(--color-input-border);
    cursor: default;
}

/* Error */
label.has-error textarea:not(:focus-visible)[b-fbrqrzme1r] {
    border: var(--input-border-error);
    outline: var(--input-outline-error);
}

/* Size */
.size-md textarea[b-fbrqrzme1r] {
    max-width: var(--input-width-md);
}

.size-full textarea[b-fbrqrzme1r] {
    max-width: 100%;
}

.size-to-content textarea[b-fbrqrzme1r] {
    field-sizing: content;
}
/* /UI/Components/Controls/DwTextInput.razor.rz.scp.css */
label[b-l0u7s7i844] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-input);
}

    label.is-disabled[b-l0u7s7i844] {
        opacity: var(--control-opacity-disabled);
    }

.input-wrap[b-l0u7s7i844] {
    display: grid;
    align-items: center;
}

.input-wrap input[b-l0u7s7i844],
.input-wrap[b-l0u7s7i844]  svg {
    grid-area: 1 / 1;
}

.input-wrap[b-l0u7s7i844]  svg {
    font-size: var(--font-size-lg);
    margin-left: var(--spacing-sm);
    pointer-events: none;
}

input[b-l0u7s7i844] {
    appearance: none;
    min-width: 0;
    min-height: var(--input-height-base);
    max-width: var(--input-width-text);
    padding: var(--spacing-sm);
    margin: 0;
    background-color: var(--color-input-background);
    color: var(--color-input-text);
    border: var(--input-border-rest);
    border-radius: var(--border-radius-input);
    font-family: inherit;
    font-size: inherit;
    line-height: var(--input-line-height);
    outline: var(--input-outline-rest);
    transition: var(--transition-input);
}

input:hover[b-l0u7s7i844] {
    border: var(--input-border-hover);
    background-color: var(--color-input-background);
}

input:focus[b-l0u7s7i844] {
    border: var(--input-border-focus);
    background-color: var(--color-input-background);
    outline: var(--input-outline-focus);
}

input:placeholder-shown[b-l0u7s7i844] {
    text-overflow: ellipsis;
}

input[disabled][b-l0u7s7i844] {
    background-color: var(--color-input-background);
    border-color: var(--color-input-border);
    cursor: default;
}

input[type="number"][b-l0u7s7i844] {
    max-width: var(--input-width-number);
}

input[type="email"][b-l0u7s7i844] {
    max-width: var(--input-width-email);
}

input[type="password"][b-l0u7s7i844] {
    max-width: var(--input-width-password);
}

input[type="search"][b-l0u7s7i844] {
    max-width: var(--input-width-search);
    padding-left: 2rem;
}

input[type="search"][b-l0u7s7i844]::-webkit-search-decoration,
input[type="search"][b-l0u7s7i844]::-webkit-search-cancel-button,
input[type="search"][b-l0u7s7i844]::-webkit-search-results-button,
input[type="search"][b-l0u7s7i844]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

/* Error state */
label.has-error input:not(:focus-visible)[b-l0u7s7i844] {
    border: var(--input-border-error);
    outline: var(--input-outline-error);
}

/* Size */
.size-xs input[b-l0u7s7i844] {
    max-width: var(--input-width-xs);
}

.size-sm input[b-l0u7s7i844] {
    max-width: var(--input-width-sm);
}

.size-md input[b-l0u7s7i844] {
    max-width: var(--input-width-md);
}

.size-lg input[b-l0u7s7i844] {
    max-width: var(--input-width-lg);
}

.size-full input[b-l0u7s7i844] {
    max-width: 100%;
}
/* /UI/Components/Controls/DwTimeSpan.razor.rz.scp.css */
label[b-k23k8o0mas] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-input);
    margin: 0;
}

    label.is-disabled[b-k23k8o0mas] {
        opacity: var(--control-opacity-disabled);
    }

.inputs[b-k23k8o0mas] {
    display: flex;
    gap: var(--spacing-input);
}

input[b-k23k8o0mas] {
    appearance: none;
    min-width: 0;
    min-height: var(--input-height-base);
    max-width: var(--input-width-number);
    padding: var(--spacing-sm);
    margin: 0;
    background-color: var(--color-input-background);
    color: var(--color-input-text);
    border: var(--input-border-rest);
    border-radius: var(--border-radius-input);
    font-size: inherit;
    line-height: var(--input-line-height);
    outline: var(--input-outline-rest);
    transition: var(--transition-input);
}

    input:hover[b-k23k8o0mas] {
        border: var(--input-border-hover);
        background-color: var(--color-input-background);
    }

    input:focus[b-k23k8o0mas] {
        border: var(--input-border-focus);
        background-color: var(--color-input-background);
        outline: var(--input-outline-focus);
    }

    input:placeholder-shown[b-k23k8o0mas] {
        text-overflow: ellipsis;
    }

    input[disabled][b-k23k8o0mas] {
        background-color: var(--color-input-background);
        border-color: var(--color-input-border);
        cursor: default;
    }

select[b-k23k8o0mas] {
    appearance: none;
    field-sizing: content;
    min-width: 0;
    min-height: var(--input-height-base);
    max-width: var(--input-width-select);
    padding:
        var(--spacing-sm)
        calc(var(--spacing-2xl) + var(--spacing-xs))
        var(--spacing-sm)
        var(--spacing-sm);
    margin: 0;
    background-color: var(--color-input-background);
    color: var(--color-input-text);
    border: var(--input-border-rest);
    border-radius: var(--border-radius-input);
    font-size: inherit;
    line-height: var(--input-line-height);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' viewBox='0 0 20 20'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.53 3.47a.75.75 0 0 0-1.06 0L6.22 6.72a.75.75 0 0 0 1.06 1.06L10 5.06l2.72 2.72a.75.75 0 1 0 1.06-1.06l-3.25-3.25Zm-4.31 9.81 3.25 3.25a.75.75 0 0 0 1.06 0l3.25-3.25a.75.75 0 1 0-1.06-1.06L10 14.94l-2.72-2.72a.75.75 0 0 0-1.06 1.06Z'/%3e%3c/svg%3e");
    background-position: right .25rem center;
    background-repeat: no-repeat;
    background-size: 1.125em 1.125em;
    cursor: pointer;
    outline: var(--input-outline-rest);
    transition: var(--transition-input);
}

    select:hover[b-k23k8o0mas] {
        border: var(--input-border-hover);
    }

    select:focus[b-k23k8o0mas] {
        border: var(--input-border-focus);
        outline: var(--input-outline-focus);
    }

    select[disabled][b-k23k8o0mas] {
        background-color: var(--color-input-background);
        border-color: var(--color-input-border);
        cursor: default;
    }

/* Error */
label.has-error select:not(:focus-visible)[b-k23k8o0mas] {
    border: var(--input-border-error);
    outline: var(--input-outline-error);
}

/* Size */
.size-sm select[b-k23k8o0mas] {
    max-width: var(--input-width-sm);
}

.size-lg select[b-k23k8o0mas] {
    max-width: var(--input-width-lg);
}

.size-full select[b-k23k8o0mas] {
    max-width: 100%;
}

.size-auto select[b-k23k8o0mas] {
    align-self: start;
    width: auto;
    min-width: var(--input-width-xs);
    max-width: 100%;
}
/* /UI/Components/Controls/DwToggleSwitch.razor.rz.scp.css */
label[b-55fe0qsfns] {
    display: flex;
    max-width: max-content;
    gap: var(--spacing-internal);
    line-height: 1.4;
}

    .size-lg .toggle-text[b-55fe0qsfns] {
        margin-top: 0.125em;
    }

.toggle[b-55fe0qsfns] {
    display: grid;
    width: 1.75em;
    height: 1em;
    font-size: 1em;
}

    .size-sm .toggle[b-55fe0qsfns] {
        margin-top: 0.125em;
    }

    .size-md .toggle[b-55fe0qsfns] {
        font-size: 1.25em;
    }

    .size-lg .toggle[b-55fe0qsfns] {
        font-size: 1.5em;
    }

input[type="checkbox"][b-55fe0qsfns] {
    grid-area: 1 / 1;
    appearance: none;
    user-select: none;
    width: 1.75em;
    height: 1em;
    font-size: 1em;
    padding: 0;
    margin: 0;
    border: none;
    background-color: var(--color-toggle-background);
    border-radius: var(--border-radius-full);
    cursor: pointer;
    transition: border var(--transition-duration) ease;
}

input[type="checkbox"]:hover:not([disabled])[b-55fe0qsfns] {
    background-color: var(--color-toggle-background-hover);
}

input[type="checkbox"]:checked[b-55fe0qsfns] {
    background-color: var(--color-input-background-selected);
}

input[type="checkbox"]:checked:hover:not([disabled])[b-55fe0qsfns] {
    background-color: var(--color-input-background-selected-hover);
}

input[type="checkbox"][disabled][b-55fe0qsfns] {
    opacity: var(--input-opacity-disabled);
    cursor: default;
}

input[type="checkbox"]:focus-visible[b-55fe0qsfns] {
    outline: var(--outline-focus-visible);
    outline-offset: var(--outline-offset);
}

.handle[b-55fe0qsfns] {
    grid-area: 1 / 1;
    width: 1em;
    height: 1em;
    border: .125em solid transparent;
    border-radius: 50%;
    background-clip: padding-box;
    background-color: white;
    pointer-events: none;
    transform: translate3d(0, 0, 0);
    transition: transform .25s ease;
}

input[type="checkbox"]:checked + .handle[b-55fe0qsfns] {
    background-color: var(--color-action-primary-contrast);
    box-shadow: none;
    transform: translate3d(.75em, 0, 0);
}

input[type="checkbox"][disabled] + .handle[b-55fe0qsfns] {
    opacity: var(--input-icon-opacity-disabled);
}
/* /UI/Components/Controls/DwValidationCondition.razor.rz.scp.css */
.validation-output-container[b-23ip1wgqam] {
    display: flex;
    gap: var(--spacing-sm);
    align-items: flex-start;
    color: var(--color-body-text-faint);
}

.error[b-23ip1wgqam] {
    color: var(--color-status-error-text);
}

.valid .condition-icon[b-23ip1wgqam] {
    color: var(--color-status-success-text);
}
/* /UI/Components/DwAuthorizeView.razor.rz.scp.css */
.content-root[b-t545f8gy87] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    font-size: var(--spacing-xl);
}
/* /UI/Components/DwDelayedDisposalComponent.razor.rz.scp.css */
.delayed-disposal[b-5ea7tg9xc1] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-width: 0;
    transition-property: display;
    transition-behavior: allow-discrete;
}

.delayed-disposal.exiting[b-5ea7tg9xc1] {
    display: none;
}

@media (prefers-reduced-motion) {
    .delayed-disposal[b-5ea7tg9xc1] {
        transition-duration: 0s !important;
    }
}
/* /UI/Components/DwElevationForm.razor.rz.scp.css */
.elevation-form[b-xdgpw3hcp8] {
    min-width: min(25em, 100%);
}
/* /UI/Components/DwElevationNotification.razor.rz.scp.css */
.notification[b-mdjjc5tpnz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-xs);
    min-width: 0;
    padding: calc(var(--spacing-xs) * 1.5);
    background-color: var(--color-status-elevated);
    color: var(--color-status-elevated-text);
}

@media (min-width: 40em) {
    .notification[b-mdjjc5tpnz] {
        padding-right: var(--spacing-sm);
        margin: 0 0 var(--spacing-xs);
        border: 1px solid var(--color-border-faint-5);
        border-radius: var(--border-radius-md);
    }
}

.message[b-mdjjc5tpnz] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-xs);
    min-width: 0;
}

@media (min-width: 40em) {
    .message[b-mdjjc5tpnz] {
        gap: calc(var(--spacing-xs) * 1.5);
    }
}

.message[b-mdjjc5tpnz]  svg {
    font-size: var(--font-size-xl);
}

.actions[b-mdjjc5tpnz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--spacing-sm);
    min-width: 0;
}

.actions[b-mdjjc5tpnz]  .button {
    min-width: 0;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: var(--border-radius-sm);
    text-decoration: underline;
    text-decoration-color: var(--color-body-text-decoration-faint);
    text-underline-offset: 1px;
}

.actions[b-mdjjc5tpnz]  .button,
.actions[b-mdjjc5tpnz]  .button:hover {
    background-color: transparent;
    color: inherit;
}

.actions[b-mdjjc5tpnz]  .button:hover {
    text-decoration-color: var(--color-body-text-decoration-faint-hover);
}
/* /UI/Components/DwErrorPanel.razor.rz.scp.css */
[b-zcmwk69g8r] .error-content {
    margin-right: var(--spacing-sm);
}

h2[b-zcmwk69g8r] {
    line-height: 1.1;
}

code[b-zcmwk69g8r] {
    font-size: var(--font-size-lg);
    font-weight: 700;
}
/* /UI/Components/DwReconnectDialog.razor.rz.scp.css */
#components-reconnect-modal[b-csyt9lmpl2],
#components-reconnect-modal.components-reconnect-show[b-csyt9lmpl2]  .reconnection-failed,
#components-reconnect-modal.components-reconnect-failed[b-csyt9lmpl2]  .reconnecting,
#components-reconnect-modal.components-reconnect-rejected[b-csyt9lmpl2]  .reconnecting {
    display: none;
}

    #components-reconnect-modal[b-csyt9lmpl2]  .footer.padded {
        padding: var(--spacing-md);
    }

    #components-reconnect-modal.components-reconnect-show[b-csyt9lmpl2],
    #components-reconnect-modal.components-reconnect-failed[b-csyt9lmpl2],
    #components-reconnect-modal.components-reconnect-rejected[b-csyt9lmpl2] {
        position: fixed;
        z-index: var(--z-index-reconnect-dialog);
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
        background-color: var(--color-overlay-background);
        backdrop-filter: var(--reconnect-dialog-backdrop-filter);
        -webkit-backdrop-filter: var(--reconnect-dialog-backdrop-filter);
    }
/* /UI/Components/DwSpinner.razor.rz.scp.css */
.spinner[b-mvp8kz3yvq] {
    display: block;
    width: 1em;
    height: 1em;
    min-width: 1em;
    font-size: var(--loading-spinner-size);
    animation: spin-b-mvp8kz3yvq var(--loading-spinner-animation-duration) linear infinite;
}

.spinner-primary[b-mvp8kz3yvq] {
    stroke: var(--color-loading-spinner-primary);
    stroke-width: var(--loading-spinner-thickness);
}

.spinner-secondary[b-mvp8kz3yvq] {
    stroke: var(--color-loading-spinner-secondary);
    stroke-width: var(--loading-spinner-thickness);
}

@keyframes spin-b-mvp8kz3yvq {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* /UI/Components/Layout/DwBreadcrumbBar.razor.rz.scp.css */
.breadcrumb-bar[b-u3ukp7veit] {
    font-size: var(--font-size-sm);
    color: var(--color-body-text-faint);
}

[b-u3ukp7veit] .breadcrumb-links {
    gap: var(--spacing-xs);
}

@media (min-width: 40em) {
    [b-u3ukp7veit] .breadcrumb-links {
        gap: var(--spacing-sm);
    }
}

[b-u3ukp7veit] a,
[b-u3ukp7veit] span {
    min-width: 0;
    overflow-wrap: break-word;
}

[b-u3ukp7veit] a {
    color: var(--color-body-text-faint);
    text-decoration: none;
}

[b-u3ukp7veit] a:hover {
    color: var(--color-body-text-faint);
    text-decoration: underline;
    text-decoration-color: var(--color-border-faint-15);
    text-underline-offset: var(--spacing-2xs);
}
/* /UI/Components/Layout/DwCenteredContent.razor.rz.scp.css */
.centered-content[b-v3n7auvej5] {
    min-height: 100%;
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

.centered-content:not(.large-up)[b-v3n7auvej5] {
    place-items: center;
}

@media (min-width: 40em) {
    .centered-content.large-up[b-v3n7auvej5] {
        place-items: center;
    }
}
/* /UI/Components/Layout/DwCommandBar.razor.rz.scp.css */
.command-bar[b-35lwrwboef] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-md);
    min-width: 0;
}

.command-bar .actions[b-35lwrwboef],
.command-bar .additional-actions[b-35lwrwboef] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--spacing-sm);
    min-width: 0;
}

.padded[b-35lwrwboef] {
    padding: var(--spacing-sm);
}

.padded.compact[b-35lwrwboef] {
    padding: var(--spacing-xs) var(--spacing-sm);
}

@media (min-width: 40em) {
    .padded[b-35lwrwboef] {
        padding: var(--spacing-lg);
    }

    .padded.compact[b-35lwrwboef] {
        padding: var(--spacing-md) var(--spacing-lg);
    }
}

.bordered[b-35lwrwboef] {
    border-bottom: 1px solid var(--color-panel-border-inset);
}

/* Vertical Alignment */
.align-start[b-35lwrwboef] {
    align-items: start;
}

.align-end[b-35lwrwboef] {
    align-items: end;
}

.align-stretch[b-35lwrwboef] {
    align-items: stretch;
}
/* /UI/Components/Layout/DwCommandBarDivider.razor.rz.scp.css */
div[b-cc9ij7yswq] {
    align-self: center;
    height: var(--spacing-xl);
    border-left: 1px solid var(--color-panel-border);
    margin: 0 var(--spacing-xs);
}
/* /UI/Components/Layout/DwCommandBarSpacer.razor.rz.scp.css */
div[b-5dcoxlwdko] {
    align-self: stretch;
    padding-left: var(--spacing-xs);
}
/* /UI/Components/Layout/DwCustomLogo.razor.rz.scp.css */
.logo-light[b-cvn7niql2y], .logo-dark[b-cvn7niql2y]{
    display: none;
}

img[b-cvn7niql2y] {
    max-width: 12.5em;
}

/* Logo */
html.light .logo-light[b-cvn7niql2y] {
    display: block;
}

html.dark .logo-dark[b-cvn7niql2y] {
    display: block;
}

/* Logo - System */
@media (prefers-color-scheme: dark) {
    .system .logo-dark[b-cvn7niql2y] {
        display: block;
    }
}

@media (prefers-color-scheme: light) {
    .system .logo-light[b-cvn7niql2y] {
        display: block;
    }
}
/* /UI/Components/Layout/DwDialog.razor.rz.scp.css */
dialog[b-ths0z8sory] {
    /* Unset user agent styles */
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
}

    dialog[open][b-ths0z8sory] {
        display: grid;
    }

    dialog:focus[b-ths0z8sory] {
        outline: none;
    }

    dialog[b-ths0z8sory]::backdrop {
        background: var(--color-overlay-background);
    }

[b-ths0z8sory] .dialog-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    max-width: calc(100% - var(--spacing-xl));
    max-height: calc(100% - var(--spacing-xl));
    margin: auto;
    overflow: hidden;
}

/* Force render dialog on page load, before JS triggers [open] into top-layer */
.dialog-backdrop.start-open[b-ths0z8sory] {
    position: fixed;
    z-index: var(--z-index-dialog-backdrop);
    inset: 0;
    display: grid;
    background-color: var(--color-overlay-background);
}

.start-open dialog[b-ths0z8sory] {
    display: grid;
}

    .start-open dialog[b-ths0z8sory]::backdrop {
        background: transparent;
    }
/* /UI/Components/Layout/DwDialogContent.razor.rz.scp.css */
.dialog-content[b-1i9ltpuxw9] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    width: calc(100vw - var(--spacing-xl));
}

/* Size */
.dialog-content-size-xs[b-1i9ltpuxw9] {
    max-width: 20em;
}

.content-size-sm[b-1i9ltpuxw9] {
    max-width: 25em;
}

.content-size-md[b-1i9ltpuxw9] {
    max-width: 30em;
}

.content-size-lg[b-1i9ltpuxw9] {
    max-width: 40em;
}

.content-size-xl[b-1i9ltpuxw9] {
    max-width: 50em;
}

.content-size-page[b-1i9ltpuxw9] {
    max-width: 80em;
}

.content-size-full[b-1i9ltpuxw9] {
    max-width: min(90vw, 100em);
}

/* Min Height */
.dialog-content-min-height-50vh[b-1i9ltpuxw9] {
    min-height: 50vh;
}

.dialog-content-min-height-75vh[b-1i9ltpuxw9] {
    min-height: 75vh;
}
/* /UI/Components/Layout/DwFieldStack.razor.rz.scp.css */
div[b-u5faodd73d] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
    min-width: 0;
}
/* /UI/Components/Layout/DwFixedHeaderFooterLayout.razor.rz.scp.css */
.header-footer-layout[b-h54i6xcnt9] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
}

.header[b-h54i6xcnt9],
.footer[b-h54i6xcnt9] {
    flex: 0 0 auto;
}

.header[b-h54i6xcnt9] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    user-select: none;
    outline: none;
}

[b-h54i6xcnt9] .content {
    flex: 1;
}

/* Padding */
.header.padded[b-h54i6xcnt9],
.footer.padded[b-h54i6xcnt9] {
    padding: var(--spacing-md);
}

@media (min-width: 40em) {
    .header.padded[b-h54i6xcnt9],
    .footer.padded[b-h54i6xcnt9] {
        padding: var(--spacing-lg);
    }
}

/* Border */
.header.bordered[b-h54i6xcnt9] {
    border-bottom: 1px solid var(--color-panel-border-inset);
}

.footer.bordered[b-h54i6xcnt9] {
    border-top: 1px solid var(--color-panel-border-inset);
}
/* /UI/Components/Layout/DwFormHelpContent.razor.rz.scp.css */
p[b-a7xn6gz3dd] {
    max-width: var(--paragraph-width-optimal);
}
/* /UI/Components/Layout/DwFormLayout.razor.rz.scp.css */
div[b-771zc78qfa] {
    display: flex;
    flex-direction: column;
    max-width: var(--paragraph-width-optimal);
    min-width: 0;
}
/* /UI/Components/Layout/DwIconContent.razor.rz.scp.css */
.icon-content[b-p0hxjvajo8] {
    display: grid;
    grid-template-columns: 3em minmax(0, auto);
    gap: var(--spacing-md);
    align-items: center;
}

    .icon-content.alignment-start[b-p0hxjvajo8] {
        align-items: start;
    }

    .icon-content.alignment-end[b-p0hxjvajo8] {
        align-items: end;
    }

.icon-frame[b-p0hxjvajo8] {
    padding: var(--spacing-md);
    background-color: var(--color-background-faint-5);
    border-radius: 50%;
}

.icon-frame[b-p0hxjvajo8]  svg {
    font-size: var(--font-size-2xl);
}

.status-normal .icon-frame[b-p0hxjvajo8]  svg {
    opacity: 75%;
}

.status-success .icon-frame[b-p0hxjvajo8] {
    background-color: var(--color-status-success-faint);
    color: var(--color-status-success-faint-contrast);
}

.status-warning .icon-frame[b-p0hxjvajo8] {
    background-color: var(--color-status-warning-faint);
    color: var(--color-status-warning-faint-contrast);
}

.status-danger .icon-frame[b-p0hxjvajo8] {
    background-color: var(--color-status-danger-faint);
    color: var(--color-status-danger-faint-contrast);
}
/* /UI/Components/Layout/DwIconText.razor.rz.scp.css */
div[b-ae2sa8vlx5] {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-xs);
    min-width: 0;
}

div[b-ae2sa8vlx5]  svg {
    font-size: var(--font-size-lg);
}
/* /UI/Components/Layout/DwInlineLayout.razor.rz.scp.css */
div[b-qt4mf2n3la] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    min-width: 0;
}

/* Wrapping */
.no-wrap[b-qt4mf2n3la] {
    flex-wrap: nowrap;
}

/* Horizontal Alignment */
.justify-start[b-qt4mf2n3la] {
    justify-content: start;
}

.justify-center[b-qt4mf2n3la] {
    justify-content: center;
}

.justify-end[b-qt4mf2n3la] {
    justify-content: end;
}

.justify-between[b-qt4mf2n3la] {
    justify-content: space-between;
}

/* Vertical Alignment */
.align-start[b-qt4mf2n3la] {
    align-items: start;
}

.align-end[b-qt4mf2n3la] {
    align-items: end;
}

.align-stretch[b-qt4mf2n3la] {
    align-items: stretch;
}
/* /UI/Components/Layout/DwInsetFields.razor.rz.scp.css */
div[b-1fx7iq1tnj] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
    min-width: 0;
    padding-left: var(--spacing-lg);
}

@media (min-width: 40em) {
    div[b-1fx7iq1tnj] {
        padding-left: var(--spacing-2xl);
    }
}
/* /UI/Components/Layout/DwModuleTitle.razor.rz.scp.css */
.module-title[b-nqdsv4yumr] {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: var(--spacing-2xs);
    padding: 0;
    padding-right: var(--spacing-md);
    border-radius: var(--border-radius-md);
    color: inherit;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    transition:
        background-color .2s ease,
        border-color .2s ease;
}

.module-title:hover[b-nqdsv4yumr] {
    background-color: var(--color-state-hover);
    color: inherit;
    text-decoration: none;
}

.module-title .icon[b-nqdsv4yumr] {
    min-width: var(--sidebar-item-width-collapsed, 38px);
    min-height: var(--sidebar-item-width-collapsed, 38px);
    display: grid;
    place-content: center;
}

.module-title .icon[b-nqdsv4yumr]  .emblem {
    flex-shrink: 0;
}

/* Expanded */
.module-title.is-expanded[b-nqdsv4yumr] {
    gap: calc(var(--spacing-sm) - var(--border-width-button));
}

/* Size: Large */
.module-title.is-large .text[b-nqdsv4yumr] {
    font-size: var(--font-size-lg);
}
/* /UI/Components/Layout/DwPanel.razor.rz.scp.css */
div[b-0zswhc17fa] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    border:
        1px
        solid
        var(--color-panel-border);
    border-radius: var(--border-radius-panel);
    background-color: var(--color-panel-background);
    overflow: hidden;
    transition:
        background-color var(--transition-duration-fast) ease
        border-color var(--transition-duration-fast) ease;
}

.inset[b-0zswhc17fa] {
    border-color: var(--color-panel-border-inset);
    border-radius: var(--border-radius-sm);
}

/* Padding - Responsive */
@media (width < 40em) {
    .padding-responsive.padding-lg[b-0zswhc17fa],
    .padding-responsive.padding-xl[b-0zswhc17fa],
    .padding-responsive.padding-2xl[b-0zswhc17fa] {
        padding: var(--spacing-md);
    }
}
/* /UI/Components/Layout/DwPreFormattedText.razor.rz.scp.css */
.formatted-text[b-irwcjjcqei] {
    white-space: pre;
}

.wrap[b-irwcjjcqei] {
    white-space: pre-wrap;
}
/* /UI/Components/Layout/DwRelatedFields.razor.rz.scp.css */
div[b-exuu5adrsm] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
/* /UI/Components/Layout/DwScrollableContent.razor.rz.scp.css */
.scrollable-content[b-6myepzc3yq] {
    overflow: auto;
    outline: none;
}

@media (width < 40em) {
    .padding-responsive.padding-lg[b-6myepzc3yq],
    .padding-responsive.padding-xl[b-6myepzc3yq],
    .padding-responsive.padding-2xl[b-6myepzc3yq] {
        padding: var(--spacing-md);
    }
}
/* /UI/Components/Layout/DwSidebar.razor.rz.scp.css */
.sidebar[b-ovmumb4wn7] {
    --sidebar-padding-top: var(--spacing-sm);
    --sidebar-padding-bottom: var(--spacing-sm);
    --sidebar-padding-left: var(--spacing-sm);
    --sidebar-padding-right: var(--spacing-sm);

    --sidebar-icon-size: var(--font-size-2xl);
    --sidebar-item-width-collapsed:
        calc(
            var(--sidebar-icon-size) +
            ((var(--spacing-xs) * 1.5) * 2) +
            (var(--border-width-button) * 2)
        );

    --sidebar-min-width: 20em;
    --sidebar-width-offcanvas: 18.5em;
    --sidebar-width-maximum: 30em;
    --sidebar-width-expanded: auto;
    --sidebar-width-collapsed:
        calc(
            var(--sidebar-item-width-collapsed) +
            var(--sidebar-padding-left) +
            var(--sidebar-padding-right) +
            (var(--border-width-panel) * 2) +
            var(--spacing-xs)
        );

    position: fixed;
    z-index: var(--z-index-navigation);
    top: 0;
    left: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    width: var(--sidebar-width-offcanvas);
    height: 100vh;
    transform: translate3d(-100%, 0, 0);
}

.sidebar:focus-within[b-ovmumb4wn7],
.sidebar.is-overlaying[b-ovmumb4wn7] {
    transform: none;
}

/* Logo */
.brand[b-ovmumb4wn7] {
    padding: var(--spacing-sm);
}

.logo[b-ovmumb4wn7] {
    display: none;
    align-self: start;
    margin: var(--spacing-md) 0 0 var(--spacing-xs);
    color: inherit;
    text-decoration: none;
    overflow: hidden;
}

    .logo:focus-visible[b-ovmumb4wn7] {
        outline: var(--outline-focus-visible);
        outline-offset: var(--spacing-sm);
    }

@media (min-width: 40em) {
    .logo[b-ovmumb4wn7] {
        display: inline-flex;
        align-items: center;
        gap: var(--spacing-sm);
        margin-bottom: var(--spacing-xs);
    }
}

.logo span[b-ovmumb4wn7] {
    font-size: var(--font-size-xl);
    font-weight: 400;
    white-space: nowrap;
}

/* Navigation */
nav[b-ovmumb4wn7] {
    display: flex;
    flex-direction: column;
    background-color: var(--color-sidebar-open-background);
    box-shadow: var(--shadow-sidebar-open);
}

.content[b-ovmumb4wn7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-y: hidden;
}

.scrollable[b-ovmumb4wn7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: var(--spacing-sm);
    padding-top: 0;
    border-top: 1px solid transparent;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-color: var(--color-body-text-faint) var(--color-panel-background);

    /* Scroll shadow */
    background:
        linear-gradient(var(--color-panel-background) 33%, transparent),
        linear-gradient(transparent, var(--color-panel-background) 66%) 0 100%,
        linear-gradient(rgb(0 0 0 / 5%), transparent),
        linear-gradient(transparent, rgb(0 0 0 / 5%)) 0 100%;
    background-color: var(--color-panel-background);
    background-repeat: no-repeat;
    background-attachment: local, local, scroll, scroll;
    background-size: 100% 2em, 100% 2em, 100% 1em, 100% 1em;
}

.scrollable.is-scrolled[b-ovmumb4wn7] {
    border-top-color: var(--color-border-faint-5);
}

.scrollable[b-ovmumb4wn7]  > section:first-child .section-title {
    margin-top: var(--spacing-xs);
}

@media (min-width: 40em) {
    .sidebar[b-ovmumb4wn7] {
        --sidebar-group-select-width: calc(
            var(--sidebar-min-width)
            - calc(var(--spacing-sm) * 2)
            - calc(var(--border-width-panel) * 2));

        grid-area: sidebar;
        position: relative;
        width: var(--sidebar-width-expanded);
        height: auto;
        transform: none;
    }

    nav[b-ovmumb4wn7] {
        width: var(--sidebar-width-expanded);
        max-width: var(--sidebar-width-maximum);
        background-color: transparent;
        box-shadow: none;
    }

    .content[b-ovmumb4wn7] {
        min-width: var(--sidebar-min-width);
        margin: var(--spacing-xs);
        margin-right: 0;
        background-color: var(--color-panel-background);
        border: 1px solid var(--color-panel-border);
        border-radius: var(--border-radius-panel);
    }
}

/* Group Select */
[b-ovmumb4wn7] .group-select .trigger {
    min-height: var(--sidebar-item-width-collapsed);
    background-color: transparent;
}

@media (min-width: 40em) {
    .sidebar:not(.is-collapsed)[b-ovmumb4wn7]  .group-select {
        width: var(--sidebar-group-select-width);
    }
}

/* Actions */
.sidebar .actions[b-ovmumb4wn7] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    padding: var(--spacing-sm);
    border-top: 1px solid var(--color-border-faint-5);
}

/* User Details */
.sidebar[b-ovmumb4wn7]  .user-link {
    --user-link-background: var(--color-background-faint-5);
    --user-link-border: var(--color-border-faint-10);
    --user-link-radius: calc(var(--border-radius-xl) + var(--border-radius-xs));

    display: inline-flex;
    position: relative;
    align-items: center;
    min-width: var(--sidebar-item-width-collapsed);
    min-height: var(--sidebar-item-width-collapsed);
    padding: 0;
    color: var(--color-body-text);
    border: var(--border-width-button) solid transparent;
    border-radius:
        var(--user-link-radius)
        var(--border-radius-lg)
        var(--border-radius-lg)
        var(--user-link-radius);
    text-decoration: none;
    transition:
        background-color var(--transition-duration) ease,
        border-color var(--transition-duration) ease,
        color var(--transition-duration) ease;
}

.sidebar.is-collapsed:not(.is-hovered)[b-ovmumb4wn7]  .user-link {
    border-radius: 50%;
}

.sidebar[b-ovmumb4wn7]  .user-link:not(:has(.user-group-name)):hover {
    background-color: var(--color-state-hover);
}

.sidebar[b-ovmumb4wn7]  .user-link:not(:has(.user-group-name)).active {
    background-color: var(--color-state-active);
    color: var(--color-body-text-highlight);
}

.sidebar[b-ovmumb4wn7]  .user-link::before,
.sidebar[b-ovmumb4wn7]  .user-link::after {
    content: "";
    position: absolute;
    inset: calc(var(--border-width-button) * -1);
    border-radius: inherit;
    transition: opacity var(--transition-duration) ease;
    pointer-events: none;
}

.sidebar[b-ovmumb4wn7]  .user-link:has(.user-group-name)::before {
    background: linear-gradient(90deg, transparent 75%, var(--user-link-background) 100%) no-repeat;
}

.sidebar[b-ovmumb4wn7]  .user-link::after {
    border: var(--border-width-button) solid var(--user-link-border);
    mask: linear-gradient(90deg, transparent 10%, #000 100%);
}

.sidebar[b-ovmumb4wn7]  .user-link:has(.user-group-name)::after {
    mask: linear-gradient(90deg, transparent 80%, #000 100%);
}

.sidebar[b-ovmumb4wn7]  .user-link.active {
    --user-link-background: var(--color-background-faint-10);
    --user-link-border: var(--color-border-faint-10);
}

.sidebar[b-ovmumb4wn7]  .user-link:not(:hover, .active)::before,
.sidebar[b-ovmumb4wn7]  .user-link:not(:hover, .active)::after {
    opacity: 0;
}

.sidebar.is-collapsed:not(.is-hovered)[b-ovmumb4wn7]  .user-link::before,
.sidebar.is-collapsed:not(.is-hovered)[b-ovmumb4wn7]  .user-link::after {
    display: none;
}

.sidebar[b-ovmumb4wn7]  .user-link:focus {
    outline: none;
}

.sidebar[b-ovmumb4wn7]  .user-link:focus-visible {
    outline: var(--outline-focus-visible);
    outline-offset: var(--outline-offset);
}

.sidebar[b-ovmumb4wn7]  .user-icon {
    --user-icon-size: calc(var(--sidebar-item-width-collapsed) - (var(--spacing-xs) / 2));

    display: grid;
    place-content: center;
    width: var(--user-icon-size);
    height: var(--user-icon-size);
    min-width: var(--user-icon-size);
    background-color: var(--color-background-faint-10);
    border-radius: 50%;
    transition:
        background-color var(--transition-duration) ease,
        color var(--transition-duration) ease;
}

.sidebar[b-ovmumb4wn7]  .user-icon svg {
    font-size: var(--font-size-xl);
}

.sidebar[b-ovmumb4wn7]  .user-link:hover .user-icon {
    background-color: var(--color-background-faint-15);
}

.sidebar[b-ovmumb4wn7]  .user-link.active .user-icon {
    background-color: var(--color-action-primary);
    color: var(--color-action-primary-contrast);
}

.sidebar[b-ovmumb4wn7]  .user-initials {
    font-size: var(--font-size-sm);
    letter-spacing: var(--border-width-panel);
    margin-right: calc(var(--border-width-panel) * -1);
}

.sidebar[b-ovmumb4wn7]  .user-initials.single {
    font-size: var(--font-size-xl);
}

.sidebar[b-ovmumb4wn7]  .user-details {
    position: relative;
    max-width: 12.5em;
    gap: var(--spacing-2xs);
    padding-left: var(--spacing-sm);
    line-height: 1.2;
}

.sidebar[b-ovmumb4wn7]  .user-name,
.sidebar[b-ovmumb4wn7]  .user-group-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar[b-ovmumb4wn7]  .user-name {
    font-weight: 500;
}

.sidebar[b-ovmumb4wn7]  .user-group-name {
    font-size: 0.685em;
    color: var(--color-body-text-faint);
}

.sidebar[b-ovmumb4wn7]  .user-link .arrow {
    margin-left: auto;
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm);
    opacity: 50%;
}

.sidebar[b-ovmumb4wn7]  .user-link .arrow svg {
    font-size: var(--font-size-lg);
}

/* Expand/collapse toggle */
.sidebar .actions[b-ovmumb4wn7]  .toggle-action {
    position: relative;
    min-width: var(--sidebar-item-width-collapsed);
    min-height: var(--sidebar-item-width-collapsed);
    flex-shrink: 0;
    justify-content: start;
    padding:
        0
        var(--spacing-md)
        0
        calc(var(--spacing-xs) * 1.5);
    line-height: 1;
    overflow: hidden;
}

.sidebar .actions[b-ovmumb4wn7]  .toggle-action .button-content {
    gap: calc(var(--spacing-md) + calc(var(--spacing-xs) / 2));
}

@media (width <= 40em) {
    .sidebar .actions[b-ovmumb4wn7]  .toggle-action {
        display: none;
    }
}

.sidebar .actions[b-ovmumb4wn7]  .toggle-action:focus {
    outline: none;
}

.sidebar .actions[b-ovmumb4wn7]  .toggle-action:focus-visible {
    outline: var(--outline-focus-visible);
}

.sidebar[b-ovmumb4wn7]  .toggle-action .icon {
    color: var(--color-body-text-faint);
}

.sidebar[b-ovmumb4wn7]  .toggle-action .text {
    display: grid;
    grid-template-areas: "stack";
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

.sidebar[b-ovmumb4wn7]  .toggle-action .text .expand,
.sidebar[b-ovmumb4wn7]  .toggle-action .text .collapse {
    grid-area: stack;
}

.sidebar[b-ovmumb4wn7]  .toggle-action .icon .expand,
.sidebar[b-ovmumb4wn7]  .toggle-action .text .expand {
    display: none;
}

/* Collapsed state */
@media (min-width: 40em) {
    .sidebar.is-collapsed[b-ovmumb4wn7],
    .sidebar.is-collapsed:not(.is-hovered) nav[b-ovmumb4wn7] {
        width: var(--sidebar-width-collapsed);
    }

    .sidebar.is-collapsed nav[b-ovmumb4wn7] {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }

    .sidebar.is-collapsed .content[b-ovmumb4wn7] {
        min-width: 0;
        overflow: hidden;
    }

    .sidebar.is-collapsed:not(.is-hovered) .scrollable[b-ovmumb4wn7] {
        scrollbar-width: none;
    }

    .sidebar.is-collapsed.is-hovered nav[b-ovmumb4wn7] {
        width: auto;
    }

    .sidebar.is-collapsed.is-hovered .content[b-ovmumb4wn7] {
        min-width: var(--sidebar-min-width);
        box-shadow: var(--shadow-sidebar-open);
    }

    /* Section Titles */
    .sidebar.is-collapsed:not(.is-hovered)[b-ovmumb4wn7]  .section-title::before {
        opacity: 10%;
    }

    .sidebar.is-collapsed:not(.is-hovered)[b-ovmumb4wn7]  .section-title .text {
        opacity: 0;
    }

    /* Navigation Links */
    .sidebar.is-collapsed:not(.is-hovered)[b-ovmumb4wn7]  li a {
        width: var(--sidebar-item-width-collapsed);
    }

    .sidebar.is-collapsed:not(.is-hovered)[b-ovmumb4wn7]  li a span {
        opacity: 0;
    }

    /* User details */
    .sidebar.is-collapsed:not(.is-hovered)[b-ovmumb4wn7]  .user-details {
        display: none;
    }

    /* Expand/collapse toggle */
    .sidebar.is-collapsed:not(.is-hovered)[b-ovmumb4wn7]  .toggle-action {
        width: var(--sidebar-item-width-collapsed);
        padding: 0 calc(var(--spacing-xs) * 1.5);
    }

    .sidebar.is-collapsed:not(.is-hovered)[b-ovmumb4wn7]  .toggle-action .text {
        display: none;
    }

    .sidebar.is-collapsed[b-ovmumb4wn7]  .toggle-action .expand {
        display: block;
    }

    .sidebar.is-collapsed[b-ovmumb4wn7]  .toggle-action .collapse {
        display: none;
    }

    /* Color Scheme picker */
    .sidebar.is-collapsed:not(.is-hovered)[b-ovmumb4wn7]  .color-scheme-picker {
        display: none;
    }
}
/* /UI/Components/Layout/DwSidebarNavigationLinks.razor.rz.scp.css */
ul[b-bfm49c6728] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: var(--font-size-base);
}

[b-bfm49c6728] li a {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing-sm) * 1.75);
    padding: calc(var(--spacing-xs) * 1.5);
    border: var(--border-width-button) solid transparent;
    border-radius: var(--border-radius-md);
    color: var(--color-body-text);
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    transition:
        color var(--transition-duration) ease,
        background-color var(--transition-duration) ease;
}

    [b-bfm49c6728] li a:hover {
        color: var(--color-body-text);
        background-color: var(--color-state-hover);
        text-decoration: none;
    }

    [b-bfm49c6728] li a:focus-visible {
        outline: var(--outline-focus-visible);
        outline-offset: var(--outline-offset);
    }

    [b-bfm49c6728] li a.active {
        background-color: var(--color-state-active);
        color: var(--color-body-text-highlight);
    }

    [b-bfm49c6728] li a span {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    [b-bfm49c6728] li a svg {
        font-size: var(--font-size-2xl);
        color: var(--color-body-text-faint);
        transition: color var(--transition-duration) ease;
    }

    [b-bfm49c6728] li a.active svg {
        color: var(--color-body-text-highlight);
    }
/* /UI/Components/Layout/DwSidebarSectionTitle.razor.rz.scp.css */
.section-title[b-ffbqknlydm] {
    position: relative;
    margin: var(--spacing-lg) 0 var(--spacing-sm);
}

.section-title[b-ffbqknlydm]::before {
    content: "";
    display: block;
    position: absolute;
    top: var(--spacing-xs);
    left: var(--spacing-xs);
    width: calc(100% - (var(--spacing-xs) * 2));
    border-top: 1px solid var(--color-body-text);
    opacity: 0%;
}

.section-title .text[b-ffbqknlydm] {
    padding-left: var(--spacing-sm);
    font-size: var(--font-size-2xs);
    letter-spacing: var(--letter-spacing-wide);
    white-space: nowrap;
    opacity: 50%;
}

@media (min-width: 40em) {
    .section-title[b-ffbqknlydm] {
        margin: var(--spacing-lg) 0 var(--spacing-sm);
    }

    .section-title .text[b-ffbqknlydm] {
        font-size: var(--font-size-3xs);
    }
}
/* /UI/Components/Layout/DwSplitDivider.razor.rz.scp.css */
div[b-c8xkhgopx6] {
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: var(--color-border-faint-5);
}
/* /UI/Components/Layout/DwSplitLayout.razor.rz.scp.css */
.split-layout[b-8p9jwyst23] {
    display: flex;
    flex-wrap: wrap;
    min-width: 0;
}

.split-layout[b-8p9jwyst23]  > *:not(.split-divider) {
    flex: 1;
    min-width: 0;
}

/* Base direction */
.stack[b-8p9jwyst23] {
    flex-direction: column;
}

.inline[b-8p9jwyst23] {
    flex-direction: row;
}

/* Medium screen direction */
@media (width >= 40em) {
    .md-stack[b-8p9jwyst23] {
        flex-direction: column;
    }

    .md-inline[b-8p9jwyst23] {
        flex-direction: row;
    }
}

/* Large screen direction */
@media (width >= 60em) {
    .lg-inline[b-8p9jwyst23] {
        flex-direction: row;
    }

    .lg-stack[b-8p9jwyst23] {
        flex-direction: column;
    }
}
/* /UI/Components/Layout/DwStackLayout.razor.rz.scp.css */
div[b-hetfl11tnu] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* Horizontal Alignment */
.align-start[b-hetfl11tnu] {
    align-items: start;
}

.align-center[b-hetfl11tnu] {
    align-items: center;
}

.align-end[b-hetfl11tnu] {
    align-items: end;
}
/* /UI/Components/Layout/DwStatusDot.razor.rz.scp.css */
.status-dot[b-3nq58fzpwk] {
    width: var(--spacing-sm);
    height: var(--spacing-sm);
    flex-shrink: 0;
    border-radius: 50%;
    background-color: var(--color-status-default);
}

.success[b-3nq58fzpwk] {
    background-color: var(--color-status-success);
}

.warning[b-3nq58fzpwk] {
    background-color: var(--color-status-warning);
}

.danger[b-3nq58fzpwk] {
    background-color: var(--color-status-danger);
}

.info[b-3nq58fzpwk] {
    background-color: var(--color-status-info);
}
/* /UI/Components/Layout/DwToastContainer.razor.rz.scp.css */
.toast-container:popover-open[b-z4ufmo23l8] {
    inset: auto;
    bottom: 0;
    right: 0;
    width: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: var(--spacing-sm);
    padding: var(--spacing-sm);
    padding-top: 0;
    background-color: transparent;
    border: none;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: none;
    pointer-events: none;
}

.toast-container *[b-z4ufmo23l8] {
    pointer-events: auto;
}

@media (min-width: 40em) {
    .toast-container:popover-open[b-z4ufmo23l8] {
        top: 0;
        bottom: auto;
        width: auto;
        max-width: 100%;
        padding: var(--spacing-lg);
    }
}

.block-animation[b-z4ufmo23l8]  .toast-notification {
    animation-duration: 0s;
}
/* /UI/Components/Layout/DwToastNotification.razor.rz.scp.css */
.toast-notification[b-gni8anbylv] {
    pointer-events: auto;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: var(--spacing-md);
    width: 100%;
    padding: var(--spacing-sm);
    padding-left: var(--spacing-md);
    background-color: var(--color-status-default);
    color: var(--color-status-default-contrast);
    border: var(--border-width-panel) solid var(--color-panel-border-faint);
    border-radius: var(--border-radius-panel);
    box-shadow: var(--shadow-notification);
    animation-name: toast-notification-enter-b-gni8anbylv;
    animation-fill-mode: backwards;
    animation-duration: .25s;
}

@media (min-width: 40em) {
    .toast-notification[b-gni8anbylv] {
        min-width: 20em;
        max-width: 35em;
    }
}

.toast-notification.is-dismissing[b-gni8anbylv] {
    opacity: 0;
    transition: opacity .25s linear;
}

.content[b-gni8anbylv] {
    display: flex;
    align-items: start;
    gap: var(--spacing-sm);
    padding-top: calc(var(--spacing-xs) * .75);
}

.message[b-gni8anbylv] {
    overflow-wrap: anywhere;
    padding: calc(var(--spacing-xs) / 2) 0;
}

[b-gni8anbylv] .button.icon-button,
[b-gni8anbylv] .button.icon-button:not([disabled]):hover,
[b-gni8anbylv] .button.icon-button:not([disabled]):focus {
    color: inherit;
}

[b-gni8anbylv] .button.icon-button:focus-visible {
    outline-color: inherit;
}

[b-gni8anbylv] svg.icon {
    font-size: var(--font-size-2xl);
}

.information[b-gni8anbylv] {
    background-color: var(--color-status-info);
    color: var(--color-status-info-contrast);
}

.success[b-gni8anbylv] {
    background-color: var(--color-status-success);
    color: var(--color-status-success-contrast);
}

.warning[b-gni8anbylv] {
    background-color: var(--color-status-warning);
    color: var(--color-status-warning-contrast);
}

.danger[b-gni8anbylv] {
    background-color: var(--color-status-danger);
    color: var(--color-status-danger-contrast);
}

@keyframes toast-notification-enter-b-gni8anbylv {
    0% {
        opacity: 0%;
        transform: translate3d(var(--spacing-xl), 0, 0);
    }

    100% {
        opacity: 100%;
        transform: translate3d(0, 0, 0);
    }
}
/* /UI/Components/Layout/Navigation/ProServerNavigationLinks.razor.rz.scp.css */
.sub-nav[b-q4etrl1fxn] {
    display: flex;
    flex-direction: column;
    padding-top: var(--spacing-xs);
    margin-top: auto;
}
/* /UI/Components/TraceViewer/SpanDetailsView.razor.rz.scp.css */
.span-details[b-x0hyytd0xa] {
    padding: var(--spacing-md);
    background-color: var(--color-background-faint-5);
    overflow: auto;
}

dl[b-x0hyytd0xa],
dt[b-x0hyytd0xa],
dd[b-x0hyytd0xa] {
    margin: 0;
}

dl[b-x0hyytd0xa] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap:
        var(--spacing-sm)
        var(--spacing-md);
}

dt[b-x0hyytd0xa] {
    font-weight: 500;
}

dd:has(div)[b-x0hyytd0xa] {
    background-color: var(--color-background-faint-5);
    border-radius: var(--border-radius-sm);
    overflow: auto;
}

/* Ensure padding on right-edge */
dd > div[b-x0hyytd0xa] {
    min-width: max-content;
    padding: var(--spacing-md);
}
/* /UI/Components/TraceViewer/TraceViewer.razor.rz.scp.css */
.trace-viewer[b-o9m3g3a819] {
    display: grid;
    grid-template-rows:
        minmax(0, auto)
        minmax(0, 1fr);
    gap: var(--spacing-md);
}

.trace-viewer[b-o9m3g3a819]  .viewer-sections {
    display: grid;
    grid-template-rows: repeat(auto-fit, minmax(0, 1fr));
}

/* Summary */
.span-summary[b-o9m3g3a819] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    background-color: var(--color-background-faint-5);
    border-bottom: 1px solid var(--color-panel-border);
}

    .span-summary .span-items[b-o9m3g3a819] {
        grid-area: 1 / 1;
        display: flex;
        flex-wrap: wrap;
        align-content: start;
        gap: var(--spacing-sm);
        padding: var(--spacing-md);
        overflow: auto;
    }

    .span-summary .span-summary-item[b-o9m3g3a819] {
        text-align: left;
        display: flex;
        flex-direction: column;
        gap: var(--spacing-xs);
        padding: var(--spacing-sm);
        background-color: var(--color-background-faint-5);
        border: 1px solid var(--color-border-faint-5);
        border-radius: var(--border-radius-sm);
        font-family: inherit;
        font-size: var(--font-size-sm);
        color: var(--color-body-text);
        cursor: pointer;
    }

        .spans-summary .span-summary.hidden[b-o9m3g3a819] {
            opacity: 50%;
        }

        .spans-summary .span-summary .name[b-o9m3g3a819] {
            font-size: var(--font-size-base);
            font-weight: 500;
        }

/* Spans */
.span-container[b-o9m3g3a819] {
    overflow: auto;
}

.span-grid[b-o9m3g3a819] {
    min-width: max-content;
    min-height: 100%;
    display: grid;
    border: var(--spacing-md) solid transparent;
}

    .span-grid.has-spans[b-o9m3g3a819] {
        grid-template-columns: minmax(0, 1fr);
        grid-auto-flow: row;
        grid-auto-rows: max-content;
        gap: var(--spacing-xs);
    }

    .span-grid:not(.has-spans)[b-o9m3g3a819] {
        grid-template-rows: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr);
    }

.span[b-o9m3g3a819] {
    grid-column: 1;
    display: grid;
    background-color: var(--color-background-faint);
    border: 1px solid var(--color-border-faint-5);
    border-radius: var(--border-radius-sm);
    overflow: hidden;
    cursor: pointer;
    transition:
        width var(--transition-duration-fast) ease;
        background-color var(--transition-duration) ease;
}

    .span:hover[b-o9m3g3a819] {
        background-color: var(--color-state-hover);
    }

    .span.parent[b-o9m3g3a819] {
        background-color: var(--color-status-info-faint);
        color: var(--color-status-info-faint-contrast);
    }

    .span.selected[b-o9m3g3a819] {
        background-color: var(--color-action-primary);
        color: var(--color-action-primary-contrast);
    }

    .span.has-error[b-o9m3g3a819] {
        background-color: var(--color-status-danger-faint);
        color: var(--color-status-danger-faint-contrast);
    }

    .span.has-error.selected[b-o9m3g3a819] {
        background-color: var(--color-status-danger);
        color: var(--color-status-danger-contrast);
    }

    .span > *[b-o9m3g3a819] {
        grid-row: 1;
        grid-column: 1;
    }

    .span .events[b-o9m3g3a819] {
        display: grid;
    }

        .span .events .event[b-o9m3g3a819] {
            width: var(--spacing-xs);
            background-color: var(--color-status-info);
            opacity: 50%;
            transition:
                background-color var(--transition-duration) ease,
                opacity var(--transition-duration) ease,
                transform var(--transition-duration) ease;
        }

            .span .events .event:hover[b-o9m3g3a819] {
                opacity: 100%;
                transform: scale(3);
            }

            .span .events .event.error[b-o9m3g3a819],
            .span .events .event.error:hover[b-o9m3g3a819] {
                background-color: var(--color-status-danger);
            }

    .span .content[b-o9m3g3a819] {
        display: flex;
        align-items: center;
        gap: var(--spacing-xs);
        margin: var(--spacing-sm);
        white-space: nowrap;
        pointer-events: none; /* Prevent accidental selection and allow events to be clicked */
    }

        .span .content .name[b-o9m3g3a819] {
            flex-grow: 1;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .span .content .duration[b-o9m3g3a819] {
            font-size: var(--font-size-xs);
            opacity: 75%;
        }
/* /UI/Layouts/BaseLayout.razor.rz.scp.css */
/* Content */
.content[b-km7ov1vpsm] {
    grid-area: content;
    display: grid;
    grid-template-rows:
        minmax(0, auto)
        minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 40em) {
    .content[b-km7ov1vpsm] {
        padding: var(--spacing-xs);
    }
}

/* Content */
.page-content[b-km7ov1vpsm] {
    display: grid;
    grid-template-areas: "content";
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    overflow-x: hidden;
    overflow-y: auto;
}

/* Outer Panel */
/* Remove border & radius on panels for small screens only */
@media (width < 40em) {
    .page-content[b-km7ov1vpsm]  .content-root > .panel {
        border: 0;
        border-radius: 0;
    }
}
/* /UI/Layouts/MainLayout.razor.rz.scp.css */
header[b-w7ynxm7oig] {
    grid-area: header;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-sm);
    padding: var(--spacing-sm);
    background-color: var(--color-header-background);
    border-bottom: 1px solid var(--color-header-border);
}

@media (min-width: 40em) {
    header[b-w7ynxm7oig] {
        display: none;
    }
}

header.sidebar-hidden[b-w7ynxm7oig]  .logo {
    min-height: var(--button-base-height);
    pointer-events: none;
}

header[b-w7ynxm7oig]  button.icon {
    padding: var(--spacing-xs);
}

header[b-w7ynxm7oig]  button svg {
    font-size: 1.5em;
}

/* Menu overlay */
.overlay[b-w7ynxm7oig] {
    position: fixed;
    z-index: var(--z-index-navigation-overlay);
    inset: 0;
    background-color: var(--color-overlay-background);
}

@media (min-width: 40em) {
    .overlay[b-w7ynxm7oig] {
        display: none;
    }
}
/* /UI/Logo/DwLogoEmblem.razor.rz.scp.css */
svg[b-5yy06kvxm2] {
    display: block;
}
/* /UI/Logo/DwLogoEmblemSmall.razor.rz.scp.css */
svg[b-bawpwa4e2l] {
    display: block;
}
/* /UI/ManagementApp.razor.rz.scp.css */
body[b-eoeud9hvz7] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    height: 100vh;
    margin: 0;
    overflow: hidden;
}
/* /UI/ManagementModeMessage.razor.rz.scp.css */
.content-root[b-bsswdv9r87] {
    grid-area: 1 / 1 / -1 / -1;
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

.logo[b-bsswdv9r87] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.logo span[b-bsswdv9r87] {
    font-size: var(--font-size-xl);
    font-weight: 400;
}

#components-reconnect-modal[b-bsswdv9r87],
#components-reconnect-modal.components-reconnect-show[b-bsswdv9r87]  .reconnection-failed,
#components-reconnect-modal.components-reconnect-failed[b-bsswdv9r87]  .reconnecting,
#components-reconnect-modal.components-reconnect-rejected[b-bsswdv9r87]  .reconnecting {
    display: none;
}

    #components-reconnect-modal[b-bsswdv9r87]  .panel {
        padding: 0;
    }

    #components-reconnect-modal[b-bsswdv9r87]  .footer.padded {
        padding: var(--spacing-md);
    }

    #components-reconnect-modal.components-reconnect-show[b-bsswdv9r87],
    #components-reconnect-modal.components-reconnect-failed[b-bsswdv9r87],
    #components-reconnect-modal.components-reconnect-rejected[b-bsswdv9r87] {
        position: fixed;
        z-index: var(--z-index-reconnect-dialog);
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--color-overlay-background);
        backdrop-filter: var(--reconnect-dialog-backdrop-filter);
        -webkit-backdrop-filter: var(--reconnect-dialog-backdrop-filter);
    }
/* /UI/Pages/Administration/ElevatePage.razor.rz.scp.css */
.content-root[b-6qtm63n32o] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}
/* /UI/Pages/Administration/EmailNotificationsPage.razor.rz.scp.css */
.content-root[b-l6bslvnwyq] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

[b-l6bslvnwyq] .panel {
    display: grid;
    grid-template-rows:
        minmax(0, auto)
        minmax(0, auto)
        minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    overflow: hidden;
}
/* /UI/Pages/Administration/FeedbackReportingPage.razor.rz.scp.css */
.content-root[b-vwyt0elciq] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

[b-vwyt0elciq] .panel {
    display: grid;
    grid-template-rows:
        minmax(0, auto)
        minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}
/* /UI/Pages/Administration/GroupsPage.razor.rz.scp.css */
.content-root[b-6tdhw67dmq] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

[b-6tdhw67dmq] .panel {
    display: grid;
    grid-template-rows:
        minmax(0, auto)
        minmax(0, auto)
        minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

[b-6tdhw67dmq] .cell .button {
    min-width: 7.5em;
}

/* Disconnected groups */
[b-6tdhw67dmq] .row:has(.group-disconnected) {
    background-color: var(--color-status-danger-row);
}

[b-6tdhw67dmq] .row:has(.group-disconnected):hover {
    background-color: var(--color-status-danger-row-hover);
}

[b-6tdhw67dmq] .row.selected:has(.group-disconnected) {
    background-color: var(--color-status-danger-row-highlight);
}
/* /UI/Pages/Administration/Licensing/Components/AddLicenseForm.razor.rz.scp.css */
[b-sb3h338zzq] textarea {
    text-transform: uppercase;
}

@media (width >= 40em) {
    [b-sb3h338zzq] textarea {
        min-height: 20em;
    }
}
/* /UI/Pages/Administration/Licensing/LicenseManagerPage.razor.rz.scp.css */
.content-root[b-tmusx9emas] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

[b-tmusx9emas] .panel {
    display: grid;
    grid-template-rows:
        minmax(0, auto)
        minmax(0, auto)
        minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}
/* /UI/Pages/Administration/SessionsPage.razor.rz.scp.css */
.content-root[b-3ft6q5tnyr] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

[b-3ft6q5tnyr] .panel {
    display: grid;
    grid-template-rows:
        minmax(0, auto)
        minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}
/* /UI/Pages/Administration/SettingsPage.razor.rz.scp.css */
.content-root[b-de4bgr1omb] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

[b-de4bgr1omb] .panel {
    display: grid;
    grid-template-rows: minmax(0, auto) minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}
/* /UI/Pages/Administration/TrustZones/Components/AddIpToLocationForm.razor.rz.scp.css */
[b-fvi8zpotni] .error-text {
    white-space: pre-wrap;
}
/* /UI/Pages/Administration/TrustZones/TrustZonesPage.razor.rz.scp.css */
.content-root[b-hlrk89he96] {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 40em) {
    .content-root[b-hlrk89he96] {
        gap: var(--spacing-xs);
    }
}

@media (min-width: 60em) {
    .content-root[b-hlrk89he96] {
        grid-template-rows: minmax(0, 1fr);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.content-root[b-hlrk89he96]  > .panel {
    display: grid;
    grid-template-rows:
        minmax(0, auto)
        minmax(0, auto)
        minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

@media (width <= 40em) {
    .content-root[b-hlrk89he96]  > .panel {
        border-radius: 0;
        border-top: 1px solid var(--color-border-faint-5);
    }
}

[b-hlrk89he96] .panel-actions {
    padding-top: 0;
    border-bottom: 1px solid var(--color-table-heading-border);
}

[b-hlrk89he96] .column-heading {
    border-top: none;
}
/* /UI/Pages/BusinessObjects/Components/AttributeAccordions.razor.rz.scp.css */
[b-78to1x1wx7] .accordion-toggle.button .button-content {
    align-items: start;
}

[b-78to1x1wx7] .accordion-toggle .toggle-content {
    min-width: 0;
    white-space: normal;
}

[b-78to1x1wx7] .accordion-toggle .arrow {
    margin-top: var(--spacing-2xs);
}

[b-78to1x1wx7] th {
    white-space: nowrap;
}
/* /UI/Pages/BusinessObjects/Groups/BusinessObjectPage.razor.rz.scp.css */
.content-root[b-2autfyilyv] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

[b-2autfyilyv] .panel {
    display: grid;
    grid-template-rows: repeat(3, minmax(0, auto)) minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

[b-2autfyilyv] .title-name-content,
[b-2autfyilyv] .title-modifications-content {
    gap: calc(
        (var(--spacing-2xs) * 1.5)
        - var(--border-width-panel));
}

[b-2autfyilyv] .title-name-content h1 {
    font-size: var(--font-size-xl);
    line-height: 1;
}

@media (width >= 40em) {
    [b-2autfyilyv] .title-name-content {
        margin-right: calc(var(--spacing-2xl) * 1.5);
    }
}

[b-2autfyilyv] .section-title,
[b-2autfyilyv] .modifications-title {
    color: var(--color-body-text-faint);
    font-size: var(--font-size-3xs);
    letter-spacing: var(--letter-spacing-loose);
    opacity: 80%;
}

/* Attributes */
[b-2autfyilyv] .attribute-list {
    max-width: 125ch;
}
/* /UI/Pages/BusinessObjects/Groups/PackageModifiersPage.razor.rz.scp.css */
.content-root[b-ob06upe0oh] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

[b-ob06upe0oh] .panel {
    display: grid;
    grid-template-rows: repeat(3, minmax(0, auto)) minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}
/* /UI/Pages/BusinessObjects/Groups/PackagePage.razor.rz.scp.css */
.content-root[b-mipibtzfhw] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

[b-mipibtzfhw] .panel {
    display: grid;
    grid-template-rows: repeat(3, minmax(0, auto)) minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

[b-mipibtzfhw] .title-name-content,
[b-mipibtzfhw] .title-modifications-content {
    gap: calc(
        (var(--spacing-2xs) * 1.5)
        - var(--border-width-panel));
}

[b-mipibtzfhw] .title-name-content h1 {
    font-size: var(--font-size-xl);
    line-height: 1;
}

@media (width >= 40em) {
    [b-mipibtzfhw] .title-name-content {
        margin-right: calc(var(--spacing-2xl) * 1.5);
    }
}

[b-mipibtzfhw] .section-title,
[b-mipibtzfhw] .modifications-title {
    color: var(--color-body-text-faint);
    font-size: var(--font-size-3xs);
    letter-spacing: var(--letter-spacing-loose);
    opacity: 80%;
}
/* /UI/Pages/BusinessObjects/Groups/PackagesListPage.razor.rz.scp.css */
.content-root[b-1ihp7yhgbz] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

[b-1ihp7yhgbz] .panel {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, auto)) minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

.content-root.administration-enabled[b-1ihp7yhgbz]  .panel {
    grid-template-rows: repeat(3, minmax(0, auto)) minmax(0, 1fr);
}
/* /UI/Pages/Cpq/Components/CpqSpecification.razor.rz.scp.css */
.specification[b-3jr8l3lknu] {
    display: grid;
}

.output[b-3jr8l3lknu] {
    grid-area: 1 / 1;
    display: grid;
    min-height: 0;
}

.message[b-3jr8l3lknu] {
    --loading-spinner-size: 1.75em;
    --loading-spinner-thickness: .25em;

    grid-area: 1 / 1;
    place-self: center;
    padding: var(--spacing-lg);
}
/* /UI/Pages/Cpq/Components/CpqTimeoutError.razor.rz.scp.css */
.content-root[b-kuvo0prm5s] {
    display: grid;
}
/* /UI/Pages/Cpq/Components/InitializeCpqDialog.razor.rz.scp.css */
.wizard-step.is-fixed-height[b-ueg78y3760] {
    min-height: 17.5rem;
    align-content: start;
}
/* /UI/Pages/Cpq/Components/InitializeCpqPageContent.razor.rz.scp.css */
.content-root[b-19985grxq7] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

.page-content[b-19985grxq7] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    min-height: 100%;
}

[b-19985grxq7] .main-content {
    flex: 1;
}

[b-19985grxq7] .color-scheme-picker {
    flex: 0;
    width: fit-content;
}
/* /UI/Pages/Cpq/CpqLoginPage.razor.rz.scp.css */
.content-root[b-01sxn35928] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

.page-content[b-01sxn35928] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    min-height: 100%;
}

[b-01sxn35928] .form-container {
    width: 100%;
    max-width: 25em;
    padding: var(--spacing-xl);
    border-radius: var(--border-radius-md);
    overflow: visible;
}

[b-01sxn35928] .login-stack {
    align-self: center;
    justify-self: stretch;
}

[b-01sxn35928] .color-scheme-picker {
    flex: 0;
    width: fit-content;
}

[b-01sxn35928] .logo {
    pointer-events: none;
}

[b-01sxn35928] .main-content {
    flex: 1;
}

.content-root.authorized[b-01sxn35928]  :is(.color-scheme-picker, .logo) {
    display: none;
}

@media (width <= 40em) {
    [b-01sxn35928] .logo {
        display: none;
    }
}
/* /UI/Pages/Cpq/SpecificationPage.razor.rz.scp.css */
.content-root[b-i4qimcv9sw] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}
/* /UI/Pages/DashboardPage.razor.rz.scp.css */
.content-root[b-9zj6pzfrv5] {
    display: grid;
}

/* Heading */
.page-title[b-9zj6pzfrv5] {
    margin-bottom: var(--spacing-lg);
}

@media (width <= 40em) {
    .page-title[b-9zj6pzfrv5] {
        display: none;
    }
}

h1[b-9zj6pzfrv5] {
    margin: 0;
}

hr[b-9zj6pzfrv5] {
    margin: var(--spacing-sm) 0;
}

/* Cards */
.cards[b-9zj6pzfrv5] {
    width: 100%;
    max-width: 40em;
}

.card-grid[b-9zj6pzfrv5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(8em, 1fr));
    gap: var(--spacing-md);
}

    .card-grid[b-9zj6pzfrv5]  .card {
        aspect-ratio: 1 / 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: var(--spacing-lg);
        padding: 0 var(--spacing-md);
        background-color: var(--color-background-faint-5);
        color: var(--color-body-text);
        border-radius: var(--border-radius-md);
        line-height: 1.25;
        text-wrap: balance;
        text-decoration: none;
        text-align: center;
        word-break: break-word;
        transition: background-color var(--transition-duration) ease;
    }

        .card-grid[b-9zj6pzfrv5]  .card:hover {
            background-color: var(--color-background-faint-10);
            color: var(--color-body-text);
            text-decoration: none;
        }

        .card-grid[b-9zj6pzfrv5]  .card:focus-visible {
            outline: var(--outline-focus-visible);
            outline-offset: var(--outline-offset);
        }

    .card-grid[b-9zj6pzfrv5]  .card svg {
        font-size: 2em;
        opacity: 50%;
    }
/* /UI/Pages/ErrorPage.razor.rz.scp.css */
.content-root[b-3u0nt6zvxi] {
    display: grid;
}
/* /UI/Pages/GroupNotAvailableErrorPage.razor.rz.scp.css */
.content-root[b-wee74gthrv] {
    display: grid;
}
/* /UI/Pages/Groups/AccessDeniedPage.razor.rz.scp.css */
.content-root[b-e88dv335h3] {
    display: grid;
}
/* /UI/Pages/Groups/Components/GroupLoginForm.razor.rz.scp.css */
.group-login-form[b-0zqujfbrb5] {
    --element-margin-bottom: var(--spacing-lg);
    --form-animation-duration: .3s;
}

[b-0zqujfbrb5] .user-fields label {
    interpolate-size: allow-keywords;
    margin-bottom: var(--element-margin-bottom);
    animation-duration: var(--form-animation-duration);
    transition-duration: var(--form-animation-duration);
}

[b-0zqujfbrb5] .button-container {
    display: grid;
}

[b-0zqujfbrb5] .button-container .button {
    margin-bottom: var(--element-margin-bottom);
    overflow: clip;
    animation-duration: var(--form-animation-duration);
    transition-duration: var(--form-animation-duration);
    transition-property: margin-bottom, background-color, color;
}

[b-0zqujfbrb5] .user-fields > label:last-child,
[b-0zqujfbrb5] .button-container > div:last-child .button {
    margin-bottom: 0;
}

/* Animations */
[b-0zqujfbrb5] .fade {
    grid-area: 1 / 1;
}

[b-0zqujfbrb5] .fade .button {
    margin-bottom: 0;
    transition-property:
        background-color,
        color;
}

[b-0zqujfbrb5] .enter.grow label,
[b-0zqujfbrb5] .enter.grow .button {
    animation-name: grow-b-0zqujfbrb5;
    animation-timing-function: ease-in;
}

[b-0zqujfbrb5] .exit.grow label,
[b-0zqujfbrb5] .exit.grow .button {
    animation-name: shrink-b-0zqujfbrb5;
    animation-timing-function: ease-out;
}

[b-0zqujfbrb5] .enter.fade .button {
    animation-name: fade-in-b-0zqujfbrb5;
    animation-timing-function: ease-in;
}

[b-0zqujfbrb5] .exit.fade .button {
    animation-name: fade-out-b-0zqujfbrb5;
    animation-timing-function: ease-out;
}

@media (prefers-reduced-motion) {
    [b-0zqujfbrb5] label,
    [b-0zqujfbrb5] .button {
        animation-duration: 0s !important;
        transition-duration: 0s !important;
    }
}

@keyframes grow-b-0zqujfbrb5 {
    0% {
        height: 0;
        min-height: 0;
        margin-bottom: 0;
        opacity: 0;
    }
    50% {
        height: auto;
        min-height: var(--button-base-height);
        margin-bottom: var(--element-margin-bottom);
        opacity: 0;
    }
}

@keyframes shrink-b-0zqujfbrb5 {
    50% {
        height: auto;
        min-height: var(--button-base-height);
        margin-bottom: var(--element-margin-bottom);
        opacity: 0;
    }
    100% {
        height: 0;
        min-height: 0;
        margin-bottom: 0;
        opacity: 0;
    }
}

@keyframes fade-in-b-0zqujfbrb5 {
    0% {
        background-color: transparent;
    }
}

@keyframes fade-out-b-0zqujfbrb5 {
    0% {
        color: transparent;
    }
    100% {
        background-color: transparent;
        color: transparent;
    }
}
/* /UI/Pages/Groups/GroupLoginPage.razor.rz.scp.css */
.content-root[b-xfjbyu4no6] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

[b-xfjbyu4no6] .form-container {
    width: 100%;
    max-width: 25em;
    padding: var(--spacing-xl);
    border-radius: var(--border-radius-md);
    overflow: visible;
}
/* /UI/Pages/Groups/Licensing/Components/ManageUserLicenseDialog.razor.rz.scp.css */
[b-zs9rdkwybd] .dialog-description code {
    display: inline-block;
}

/* Remove double disabled opacity on nested select */
[b-zs9rdkwybd] .tile-content label.is-disabled {
    opacity: 100%;
}
/* /UI/Pages/Groups/Licensing/UserLicensesPage.razor.rz.scp.css */
.content-root[b-uvbo463ahh] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

[b-uvbo463ahh] .panel {
    display: grid;
    grid-template-rows: minmax(0, auto) minmax(0, auto) minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}
/* /UI/Pages/Groups/Localization/Components/LocaleTagDisplay.razor.rz.scp.css */
[b-om57q4r7y4] .callout {
    justify-content: space-between;
    border-width: 2px;
    border-color: var(--color-border-faint-15);
    border-radius: 0;
}

    [b-om57q4r7y4] .callout.default {
        background-color: var(--color-background-faint);
    }

[b-om57q4r7y4] .language-callout {
    border-style: solid;
}

[b-om57q4r7y4] .script-callout {
    border-style: dotted;
}

[b-om57q4r7y4] .region-callout {
    border-style: dashed;
}
/* /UI/Pages/Groups/Localization/Components/LocaleTagFormContent.razor.rz.scp.css */
[b-dr7gvpthrt] .error-callout {
    box-sizing: content-box;
    height: 1em;
}

    [b-dr7gvpthrt] .error-callout.error-hidden {
        visibility: hidden;
    }
/* /UI/Pages/Groups/Localization/Components/LocaleTagInput.razor.rz.scp.css */
.locale-input[b-2wba3kkuho] {
    position: relative;
}

[b-2wba3kkuho] input,
.overlay[b-2wba3kkuho] {
    font-family: inherit;
    font-size: var(--font-size-xl);
    letter-spacing: 4px;
}

.overlay[b-2wba3kkuho] {
    position: absolute;
    bottom: 0;
    left: -1px;
    display: flex;
    padding: var(--spacing-sm);
    color: transparent;
    user-select: none;
    pointer-events: none;
}

.overlay .match[b-2wba3kkuho] {
    outline-width: 2px;
    outline-color: var(--color-border-faint-10);
    outline-offset: 1px;
}

.overlay .match.language[b-2wba3kkuho] {
    outline-style: solid;
}

.overlay .match.script[b-2wba3kkuho] {
    outline-style: dotted;
}

.overlay .match.region[b-2wba3kkuho] {
    outline-style: dashed;
}
/* /UI/Pages/Groups/Localization/Components/LocalizationPackageSaveEditsForm.razor.rz.scp.css */
[b-9ik33eiyk8] .change-accordion .accordion-content .accordion-content-body {
    padding: 0;
}

[b-9ik33eiyk8] .invalid-message {
    border-radius: 0;
    border-bottom: 1px solid var(--color-table-row-border);
}

.table[b-9ik33eiyk8] {
    display: grid;
    grid-template-columns: minmax(max-content, 8em) 1fr;
    width: 100%;
    color: var(--color-table-row-text);
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    text-align: left;
    overflow: auto;
}

    .table.edit[b-9ik33eiyk8] {
        grid-template-columns: minmax(max-content, 8em) repeat(2, 1fr);
    }

    .table > *[b-9ik33eiyk8] {
        border-right: 1px solid var(--color-table-row-border);
        background-color: var(--color-table-row-background);
        padding: var(--spacing-sm);
    }

    .table:not(.edit) > *:nth-child(2n)[b-9ik33eiyk8], .table.edit > *:nth-child(3n)[b-9ik33eiyk8] {
        border-right: none;
    }

.header[b-9ik33eiyk8] {
    background-color: var(--color-panel-background);
    white-space: nowrap;
}

.row[b-9ik33eiyk8] {
    border-top: 1px solid var(--color-table-row-border);
    white-space: pre-wrap;
}

.table > *:hover[b-9ik33eiyk8] {
    background-color: var(--color-table-row-background-hover);
    border-color: var(--color-table-row-border-hover);
    color: var(--color-table-row-text-hover);
}

.faint[b-9ik33eiyk8] {
    opacity: var(--input-opacity-disabled);
}

[b-9ik33eiyk8] .reference-name-edit {
    padding: var(--spacing-sm)
}
/* /UI/Pages/Groups/Localization/Components/LocalizationPackageStatus.razor.rz.scp.css */
.business-object-package-buttons.animate-in[b-bb2bpwr0om] {
    animation-name: animate-enter-b-bb2bpwr0om;
    animation-duration: 0.25s;
}

@media (prefers-reduced-motion: reduce) {
    .business-object-package-buttons.animate-in[b-bb2bpwr0om] {
        animation: none;
    }
}

[b-bb2bpwr0om] .disable-validation {
    pointer-events: none;
}

@keyframes animate-enter-b-bb2bpwr0om {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* /UI/Pages/Groups/Localization/Components/ManageLocalesAddForm.razor.rz.scp.css */
[b-lbvgzaxaid] .radio-tab-group {
    width: 100%;
}

[b-lbvgzaxaid] .radio-tab {
    flex-grow: 1;
    justify-content: center;
}
/* /UI/Pages/Groups/Localization/Components/ManagePackageTeamsForm.razor.rz.scp.css */
.box[b-p0ea1zwjb8] {
    display: grid;
    width: 1em;
    height: 1em;
    font-size: var(--font-size-xl);
}

input[type="checkbox"][b-p0ea1zwjb8] {
    appearance: none;
    user-select: none;
    grid-area: 1 / 1;
    width: 1em;
    height: 1em;
    font-size: 1em;
    padding: 0;
    margin: 0;
    border: var(--input-border-rest);
    border-radius: var(--border-radius-xs);
    background-color: var(--color-input-background);
    box-shadow: var(--shadow-input);
    cursor: pointer;
}

    .modified input[type="checkbox"][b-p0ea1zwjb8] {
        outline: solid;
        outline-offset: 1px;
    }

    input[type="checkbox"]:hover:not([disabled])[b-p0ea1zwjb8] {
        border: var(--input-border-hover);
    }

    input[type="checkbox"]:checked[b-p0ea1zwjb8] {
        border-color: var(--color-input-border-selected);
        background-color: var(--color-input-background-selected);
    }

        input[type="checkbox"]:checked:hover:not([disabled])[b-p0ea1zwjb8] {
            border-color: var(--color-input-border-selected);
            background-color: var(--color-input-background-selected-hover);
        }

    input[type="checkbox"]:focus-visible[b-p0ea1zwjb8] {
        outline: var(--outline-focus-visible);
        outline-offset: var(--outline-offset);
    }

.check-mark[b-p0ea1zwjb8] {
    position: relative; /* Ensure display above disabled checkbox */
    grid-area: 1 / 1;
    background-color: transparent;
    clip-path: var(--check-box-mark-path);
    pointer-events: none;
}

input[type="checkbox"]:checked + .check-mark[b-p0ea1zwjb8] {
    background-color: var(--color-action-primary-contrast);
}
/* /UI/Pages/Groups/Localization/PackagePage.razor.rz.scp.css */
.content-root[b-5nlzlthpco] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 40em) {
    .content-root[b-5nlzlthpco] {
        gap: var(--spacing-xs);
    }
}

[b-5nlzlthpco] .panel {
    display: grid;
    grid-template-rows: repeat(4, minmax(0, auto)) minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

[b-5nlzlthpco] .title-bar {
    padding-bottom: var(--spacing-md);
}

[b-5nlzlthpco] .title-bar .clipboard-button.button {
    color: var(--color-body-text-faint);
}

[b-5nlzlthpco] .actions-bar {
    padding-top: 0;
}

[b-5nlzlthpco] .editing-badge {
    padding: calc(var(--spacing-xs) * 0.5) var(--spacing-xs);
}

/* Locale select */
[b-5nlzlthpco] .locale-select.is-disabled {
    opacity: 80%;
}

[b-5nlzlthpco] .locale-select select:disabled {
    background-image: var(--select-icon-disabled);
    background-color: transparent;
    color: var(--color-input-text);
    border-color: var(--color-border-faint-5);
    opacity: 100%;
}

/* Save button */
[b-5nlzlthpco] .save-changes-button .badge {
    color: inherit;
}

[b-5nlzlthpco] .save-changes-button.info-faint .badge {
    background-color: var(--color-status-info-faint-highlight);
}

[b-5nlzlthpco] .save-changes-button.warning-faint .badge {
    background-color: var(--color-status-warning-faint-highlight);
}

/* Package name / rename */
h1[b-5nlzlthpco] {
    flex: 1;
    max-width: var(--input-width-sm);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 40em) {
    h1[b-5nlzlthpco] {
        max-width: var(--input-width-lg);
    }
}

[b-5nlzlthpco] .rename-toggle.button {
    color: var(--color-body-text-faint);
}

[b-5nlzlthpco] .rename-input {
    position: relative;
}

[b-5nlzlthpco] .rename-input input {
    width: 100vw;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

[b-5nlzlthpco] .rename-input .error-text {
    position: absolute;
    z-index: 1;
    top: 100%;
    padding: var(--spacing-sm);
    margin-top: var(--spacing-sm);
    background: var(--color-status-danger-faint);
    border: 1px solid var(--color-panel-border);
    border-radius: var(--border-radius-content);
    box-shadow: var(--shadow-notification);
    white-space: nowrap;
}

/* Deleted rows */
[b-5nlzlthpco] .row:has(:first-child input:disabled) {
    background-color: var(--color-status-danger-faint);
}

[b-5nlzlthpco] .row:has(:first-child input:disabled):is(:hover, .selected) {
    background-color: var(--color-status-danger-faint-hover);
}

/* Row status indicators */
.identifier-cell[b-5nlzlthpco] {
    align-content: center;
}

.identifier-cell span[b-5nlzlthpco] {
    margin: var(--spacing-md) var(--spacing-lg);
    margin-right: 0;
}

.edit-status[b-5nlzlthpco] {
    width: calc(var(--spacing-xs) * 1.25);
    height: 100%;
    background-color: var(--color-background-faint);
    transition: background-color var(--transition-duration-fast) ease;
}

[b-5nlzlthpco] .identifier.Edited .edit-status {
    background-color: var(--color-status-info);
}

[b-5nlzlthpco] .identifier.Added .edit-status {
    background-color: var(--color-status-success);
}

[b-5nlzlthpco] .identifier.Deleted .edit-status {
    background-color: var(--color-status-danger);
}

[b-5nlzlthpco] .identifier.Invalid .edit-status {
    background-color: var(--color-status-warning);
}

/* Copy key button */
[b-5nlzlthpco] .copy-identifier {
    margin-right: calc(var(--spacing-xs) * 1.25);
}

[b-5nlzlthpco] .cell:not(:hover) .copy-identifier {
    display: none;
}

/* Cell editing */
.row-input-container[b-5nlzlthpco] {
    position: relative;
}

.row-input[b-5nlzlthpco] {
    appearance: none;
    min-width: 0;
    max-width: none;
    min-height: var(--input-height-base);
    padding: var(--spacing-md) var(--spacing-lg);
    padding-right: var(--spacing-xs);
    margin: 0;
    border: none;
    outline: none;
    background-color: transparent;
    color: var(--color-input-text);
    font-family: inherit;
    font-size: inherit;
    cursor: text;
}

.row-input:hover:not(:focus)[b-5nlzlthpco] {
    background-color: var(--color-background-faint);
}

.row-input:disabled[b-5nlzlthpco] {
    opacity: 20%;
    cursor: default;
}

.row-input[b-5nlzlthpco]::placeholder {
    color: var(--color-background-faint-20);
}

.row-input.single-line[b-5nlzlthpco] {
    flex: 1;
    padding-left: var(--spacing-md);
    text-overflow: ellipsis;
}

.row-input.single-line:disabled[b-5nlzlthpco] {
    opacity: 30%;
}

.row-input.multi-line[b-5nlzlthpco] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 10em;
    resize: none;
    overflow: clip;
    overflow-clip-margin: content-box;
}

.row-input.multi-line.has-content[b-5nlzlthpco] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.row-input.multi-line:is(:focus)[b-5nlzlthpco] {
    z-index: 1;
    height: fit-content;
    field-sizing: content;
    -webkit-line-clamp: unset;
    overflow: auto;
}

/* Focused cell inputs */
.row-input.multi-line:is(:focus, :active):enabled[b-5nlzlthpco],
[b-5nlzlthpco] .cell:has(.row-input.single-line:is(:focus, :active):enabled) {
    background-color: var(--color-panel-background);
    background-image: linear-gradient(var(--color-background-faint));
    outline: 2px solid var(--color-status-info);
    outline-offset: -2px;
}

/* Clear value */
.clear-text-button-container[b-5nlzlthpco] {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 100%;
    height: 100%;
    align-content: center;
    padding: 0 var(--spacing-xs);
}

.clear-text-button-container.right[b-5nlzlthpco] {
    left: unset;
    right: 100%;
}

[b-5nlzlthpco] .cell:not(:focus-within) .clear-text-button-container {
    display: none;
}

[b-5nlzlthpco] .clear-text-button {
    width: fit-content;
}
/* /UI/Pages/Groups/Localization/PackagesListPage.razor.rz.scp.css */
.content-root[b-t418fogxb5] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

[b-t418fogxb5] .panel {
    display: grid;
    grid-template-rows: repeat(3, minmax(0, auto)) minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

/* Badges */
[b-t418fogxb5] .locale-badge {
    width: max-content;
    text-align: center;
    padding:
        calc(var(--spacing-xs) * 0.75)
        calc(var(--spacing-xs) * 1.5);
}

[b-t418fogxb5] .locale-badge span {
    font-size: var(--font-size-md);
}

/* Row: Locale supported by filter */
[b-t418fogxb5] .row:has(.locale-supported) {
    background-color: var(--color-status-info-row);
}

[b-t418fogxb5] .row:has(.locale-supported):hover {
    background-color: var(--color-status-info-row-hover);
}

[b-t418fogxb5] .row:has(.locale-supported).selected {
    background-color: var(--color-status-info-row-selected);
}

/* Row: Warning */
[b-t418fogxb5] .row:has(.locale-not-supported) {
    background-color: var(--color-status-warning-row);
}

[b-t418fogxb5] .row:has(.locale-not-supported):hover {
    background-color: var(--color-status-warning-row-hover);
}

[b-t418fogxb5] .row:has(.locale-not-supported).selected {
    background-color: var(--color-status-warning-row-selected);
}
/* /UI/Pages/Groups/Sso/SingleSignOnPage.razor.rz.scp.css */
.content-root[b-h3lg68kie0] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

.content-root[b-h3lg68kie0]  > .panel {
    display: grid;
    grid-template-rows:
        minmax(0, auto)
        minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    gap: var(--spacing-md);
}

.content-root[b-h3lg68kie0]  > .panel.has-message {
        grid-template-rows:
            minmax(0, auto)
            minmax(0, auto)
            minmax(0, 1fr);
    }

@media (width <= 40em) {
    .content-root[b-h3lg68kie0]  > .panel {
        border-radius: 0;
    }
}

.lists[b-h3lg68kie0] {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
    gap: var(--spacing-sm);
}

@media (min-width: 60em) {
    .lists[b-h3lg68kie0] {
        grid-template-rows: minmax(0, 1fr);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.lists[b-h3lg68kie0]  .panel {
    display: grid;
    grid-template-rows:
        minmax(0, auto)
        minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

.lists[b-h3lg68kie0]  .panel.has-message {
    grid-template-rows:
        minmax(0, auto)
        minmax(0, auto)
        minmax(0, 1fr);
}

.lists[b-h3lg68kie0]  .command-bar .actions,
.lists[b-h3lg68kie0]  .command-bar .search-input {
    flex: 1;
    min-width: 10em;
}

@media (min-width: 40em) {
    .lists[b-h3lg68kie0]  .command-bar .search-input {
        max-width: 20em;
    }
}

[b-h3lg68kie0] .external-accounts .command-bar {
    align-items: end;
}

.connection-message[b-h3lg68kie0] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-md);
    padding: var(--spacing-md);
    background-color: var(--color-status-warning);
    color: var(--color-status-warning-contrast);
}

.connection-message[b-h3lg68kie0]  .icon {
    font-size: var(--font-size-lg);
}

/* Modified Row: Add */
[b-h3lg68kie0] .row:has(.modified-add) {
    background-color: var(--color-status-success-row);
    color: var(--color-status-success-text);
}

[b-h3lg68kie0] .row:has(.modified-add):hover {
    background-color: var(--color-status-success-row-hover);
    color: var(--color-status-success-text);
}

/* Modified Row: Remove */
[b-h3lg68kie0] .row:has(.modified-remove) {
    background-color: var(--color-status-danger-row);
    color: var(--color-status-danger-text);
}

[b-h3lg68kie0] .row:has(.modified-remove):hover {
    background-color: var(--color-status-danger-row-hover);
    color: var(--color-status-danger-text);
}

/* Modified Row: Conflict */
[b-h3lg68kie0] .row:has(.modified-conflict) {
    background-color: var(--color-status-warning-row);
    color: var(--color-status-warning-text);
}

[b-h3lg68kie0] .row:has(.modified-conflict):hover {
    background-color: var(--color-status-warning-row-hover);
    color: var(--color-status-warning-text);
}

/* Empty State */
.empty-message[b-h3lg68kie0] {
    grid-area: auto / auto / -1 / -1;
    display: grid;
    place-content: center;
    padding: var(--spacing-2xl);
    font-size: var(--font-size-lg);
    font-weight: 500;
    text-align: center;
    text-wrap: balance;
}

.empty-message > div[b-h3lg68kie0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding: var(--spacing-lg);
}

.arrow[b-h3lg68kie0] {
    font-size: 4em;
    margin-bottom: var(--spacing-sm);
    opacity: 10%;
}

.arrow.arrow-left[b-h3lg68kie0] {
    display: none;
}

@media (min-width: 60em) {
    .arrow.arrow-up[b-h3lg68kie0] {
        display: none;
    }

    .arrow.arrow-left[b-h3lg68kie0] {
        display: block;
    }
}
/* /UI/Pages/Groups/Vfs/FileBrowser.razor.rz.scp.css */
.file-browser[b-bz5as0wnwk] {
    display: grid;
    grid-template-rows:
        minmax(0, auto)
    minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

/* Breadcrumbs */
.breadcrumb-bar[b-bz5as0wnwk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--spacing-sm);
    color: var(--color-body-text-faint);
}

    .breadcrumb-bar a[b-bz5as0wnwk] {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing-xs) * 1.75);
        color: var(--color-body-text-faint);
        text-decoration: none;
    }

        .breadcrumb-bar a:hover[b-bz5as0wnwk] {
            text-decoration: underline;
        }

    .breadcrumb-bar a[b-bz5as0wnwk]  svg {
        font-size: var(--font-size-lg);
    }

    .breadcrumb-bar a span[b-bz5as0wnwk] {
        font-size: var(--font-size-sm);
    }

/* Table Items */
.vfs-item[b-bz5as0wnwk] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    padding: var(--spacing-lg);
    color: var(--color-body-text);
    text-decoration: none;
}

    .vfs-item[b-bz5as0wnwk]  .icon {
        font-size: var(--font-size-2xl);
        color: var(--color-body-text-faint);
    }
/* /UI/Pages/Groups/Vfs/FilesPage.razor.rz.scp.css */
.content-root[b-7wlwm3eybt] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

[b-7wlwm3eybt] .panel {
    display: grid;
    grid-template-rows:
        minmax(0, auto)
        minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}
/* /UI/Pages/ManagementConsolePage.razor.rz.scp.css */
.content-root[b-1baf1k98mt] {
    display: grid;
}

@media (min-width: 40em) {
    .content-root[b-1baf1k98mt] {
        padding: var(--spacing-md);
    }
}

/* Outer Panel */
[b-1baf1k98mt] > .panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows:
        minmax(0, auto)
        minmax(0, 1fr)
        minmax(0, auto);
    width: 100%;
    max-width: 60em;
    margin: 0 auto;
}

@media (width < 40em) {
    /* Remove border & radius on outer panel for small screens only */
    .content-root[b-1baf1k98mt]  > .panel {
        border: 0;
        border-radius: 0;
    }
}

/* Header / Footer */
[b-1baf1k98mt] .header-bar,
[b-1baf1k98mt] .footer-bar {
    padding: var(--spacing-md);
}

.logo[b-1baf1k98mt] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-sm);
    font-size: var(--font-size-base);
    line-height: 1;
}

    .logo .text[b-1baf1k98mt] {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing-xs) / 2);
    }

    .logo .divider[b-1baf1k98mt] {
        display: none;
        height: var(--font-size-base);
        border-left: 1px solid var(--color-body-text);
        opacity: 25%;
    }

    .logo .title[b-1baf1k98mt] {
        font-size: var(--font-size-md);
        margin-top: calc(var(--spacing-xs) / 2);
    }

    .logo .subtitle[b-1baf1k98mt] {
        font-size: var(--font-size-sm);
        font-weight: 400;
        opacity: 75%;
    }

@media (min-width: 40em) {
    .logo[b-1baf1k98mt] {
        margin-left: var(--spacing-xs);
    }
}

@media (min-width: 60em) {
    .logo .text[b-1baf1k98mt] {
        flex-direction: row;
        align-items: center;
        gap: var(--spacing-sm);
    }

    .logo .title[b-1baf1k98mt],
    .logo .subtitle[b-1baf1k98mt] {
        margin: 0;
        font-size: var(--font-size-lg);
    }

    .logo .divider[b-1baf1k98mt] {
        display: block;
    }
}

/* Content */
[b-1baf1k98mt] .scrollable-content {
    padding: var(--spacing-lg);
    border-top: 1px solid var(--color-panel-border-inset);
    border-bottom: 1px solid var(--color-panel-border-inset);
}

code[b-1baf1k98mt] {
    font-family: monospace;
    font-size: var(--font-size-lg);
    font-weight: 400;
    padding: var(--spacing-sm);
    border-radius: var(--border-radius-md);
    overflow: auto;
}
/* /UI/Pages/StyleGuide/Colors.razor.rz.scp.css */
.swatch[b-dxa94lno1h] {
    display: grid;
    width: 5em;
    height: 5em;
    padding: var(--spacing-sm);
    border-radius: var(--border-radius-panel);
    font-size: var(--font-size-sm);
    outline: 1px solid rgb(0 0 0 / 5%);
}

/* Primary */
.bg-primary[b-dxa94lno1h] {
    background-color: var(--color-action-primary);
    color: var(--color-action-primary-contrast);
}

.bg-primary:hover[b-dxa94lno1h] {
    background-color: var(--color-action-primary-hover);
}

/* Default */
.bg-default[b-dxa94lno1h] {
    background-color: var(--color-status-default);
    color: var(--color-status-default-contrast);
}

.bg-default:hover[b-dxa94lno1h] {
    background-color: var(--color-status-default-hover);
}

.bg-default-faint[b-dxa94lno1h] {
    background-color: var(--color-status-default-faint);
    color: var(--color-status-default-contrast-faint);
}

.bg-default-faint:hover[b-dxa94lno1h] {
    background-color: var(--color-status-default-faint-hover);
}

/* Info */
.bg-info[b-dxa94lno1h] {
    background-color: var(--color-status-info);
    color: var(--color-status-info-contrast);
}

.bg-info:hover[b-dxa94lno1h] {
    background-color: var(--color-status-info-hover);
}

.bg-info-faint[b-dxa94lno1h] {
    background-color: var(--color-status-info-faint);
    color: var(--color-status-info-faint-contrast);
}

.bg-info-faint:hover[b-dxa94lno1h] {
    background-color: var(--color-status-info-faint-hover);
}

/* Success */
.bg-success[b-dxa94lno1h] {
    background-color: var(--color-status-success);
    color: var(--color-status-success-contrast);
}

.bg-success:hover[b-dxa94lno1h] {
    background-color: var(--color-status-success-hover);
}

.bg-success-faint[b-dxa94lno1h] {
    background-color: var(--color-status-success-faint);
}

.bg-success-faint:hover[b-dxa94lno1h] {
    background-color: var(--color-status-success-faint-hover);
}

/* Warning */
.bg-warning[b-dxa94lno1h] {
    background-color: var(--color-status-warning);
    color: var(--color-status-warning-contrast);
}

.bg-warning:hover[b-dxa94lno1h] {
    background-color: var(--color-status-warning-hover);
}

.bg-warning-faint[b-dxa94lno1h] {
    background-color: var(--color-status-warning-faint);
}

.bg-warning-faint:hover[b-dxa94lno1h] {
    background-color: var(--color-status-warning-faint-hover);
}

/* Danger */
.bg-danger[b-dxa94lno1h] {
    background-color: var(--color-status-danger);
    color: var(--color-status-danger-contrast);
}

.bg-danger:hover[b-dxa94lno1h] {
    background-color: var(--color-status-danger-hover);
}

.bg-danger-faint[b-dxa94lno1h] {
    background-color: var(--color-status-danger-faint);
}

.bg-danger-faint:hover[b-dxa94lno1h] {
    background-color: var(--color-status-danger-faint-hover);
}

/* Elevation */
.bg-elevate[b-dxa94lno1h] {
    background-color: var(--color-status-elevate);
    color: var(--color-status-elevate-text);
}

.bg-elevated[b-dxa94lno1h] {
    background-color: var(--color-status-elevated);
    color: var(--color-status-elevated-text);
}
/* /UI/Pages/StyleGuide/Index.razor.rz.scp.css */
.card-grid[b-qzozgdq7d9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10em, 1fr));
    gap: var(--spacing-md);
}

[b-qzozgdq7d9] .card.button {
    aspect-ratio: 1 / 1;
    display: flex;
    place-content: center;
    line-height: 1.4;
}

[b-qzozgdq7d9] .card.button .button-content {
    white-space: wrap;
    text-align: center;
}
/* /UI/Pages/StyleGuide/Layout.razor.rz.scp.css */
.box[b-clbscd9f17] {
    padding: var(--spacing-sm);
    background-color: var(--color-background-faint-5);
    border-radius: var(--border-radius-panel);
}
/* /UI/Pages/StyleGuide/StyleGuideSection.razor.rz.scp.css */
.content-root[b-fxo8vv4r3d] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

[b-fxo8vv4r3d] .panel {
    display: grid;
    grid-template-rows: minmax(0, auto) minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

[b-fxo8vv4r3d] .nav-bar {
    overflow-x: auto;
    scrollbar-width: thin;
}

[b-fxo8vv4r3d] .nav-bar .section-links {
    padding: var(--spacing-md);
}

[b-fxo8vv4r3d] .guide-content > h1 {
    margin-bottom: var(--spacing-sm); 
}

[b-fxo8vv4r3d] hr {
    margin: var(--spacing-md) 0;
}