/* _content/DriveWorksServer/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);
    }
}
/* _content/DriveWorksServer/UI/Components/Controls/DwBadge.razor.rz.scp.css */
div[b-4xgwih6ytp] {
    padding:
        calc(var(--spacing-xs) * 0.5)
        calc(var(--spacing-xs) * 0.75);
    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;
}

    div span[b-4xgwih6ytp] {
        font-size: var(--font-size-xs);
    }

/* 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: calc(var(--spacing-xs) * 0.5) var(--spacing-sm);
}

/* Border */
.no-border[b-4xgwih6ytp] {
    border-color: transparent;
}
/* _content/DriveWorksServer/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;
    min-width: 10ch;
    min-height: var(--button-base-height);
    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-align: center;
    text-decoration: none;
    line-height: 1.125;
    user-select: none;
    cursor: pointer;
    transition:
        var(--button-custom-transition,
            var(--button-base-transition));
}

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

    .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;
        pointer-events: none;
    }

/* Icon */
.button[b-ologzqll7w]  svg {
    font-size: var(--font-size-2xl);
    pointer-events: none;
}

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

    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[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;
    gap: var(--spacing-sm);
    justify-content: start;
    text-align: start;
}

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

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

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

/* Variants */
.button.primary[b-ologzqll7w] {
    background-color: var(--color-action-primary);
    color: var(--color-action-primary-contrast);
}

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

.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:hover[b-ologzqll7w],
    .button.outline.active[b-ologzqll7w] {
        background-color: var(--color-action-outline-hover);
    }

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

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

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

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

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

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

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

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

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

    .button.warning-faint: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:hover[b-ologzqll7w] {
        background-color: var(--color-status-danger-hover);
    }

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

    .button.danger-faint: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;
}
/* _content/DriveWorksServer/UI/Components/Controls/DwButtonGroup.razor.rz.scp.css */
div[b-alfwmhea3v] {
    display: inline-flex;
}

[b-alfwmhea3v] button,
[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;
}
/* _content/DriveWorksServer/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: center;
    gap: var(--spacing-sm);
    padding:
        var(--spacing-sm)
        var(--spacing-md);
    background-color: var(--color-status-default);
    border-radius: var(--border-radius-sm);
}

    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;
    }
}
/* _content/DriveWorksServer/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;
}

    .size-lg .check-text[b-4iiofdsv3w] {
        margin-top: 0.125em;
    }

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

.box[b-4iiofdsv3w] {
    display: grid;
    width: 1em;
    height: 1em;
    font-size: 1em;
}

    .size-sm .box[b-4iiofdsv3w] {
        margin-top: 0.125em;
    }

    .size-md .box[b-4iiofdsv3w] {
        font-size: 1.25em;
    }

    .size-lg .box[b-4iiofdsv3w] {
        font-size: 1.5em;
    }

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: polygon(24% 43%, 14% 53%, 39% 78%, 87% 33%, 77% 23%, 39% 58%);
    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);
}
/* _content/DriveWorksServer/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: 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;
}

.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-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-all;
}

    .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);
}
/* _content/DriveWorksServer/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-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);
}
/* _content/DriveWorksServer/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);
    }
}
/* _content/DriveWorksServer/UI/Components/Controls/DwGroupNavLink.razor.rz.scp.css */
.disabled[b-p4e1212iam]  a {
    opacity: 30%;
    pointer-events: none;
    cursor: not-allowed;
}
/* _content/DriveWorksServer/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);
    transition: width var(--transition-duration-fast) ease;
}

.group-select.is-disabled[b-40m9e4rxei] {
    opacity: var(--control-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] {
    grid-area: stack;
}

/* Trigger */
.trigger[b-40m9e4rxei] {
    min-width: 0;
    min-height: var(--input-height-base);
    padding: var(--spacing-sm);
    padding-right: 1.5em;
    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: 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;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
    transition:
        outline var(--transition-duration) ease,
        border-color var(--transition-duration-fast) ease,
        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(--color-input-background);
        border-color: var(--color-input-border);
        cursor: default;
    }

.empty[b-40m9e4rxei] {
    opacity: 75%;
}

/* Icon */
.icon[b-40m9e4rxei] {
    align-self: center;
    padding-left: 0.275em;
    font-size: var(--font-size-2xl);
    pointer-events: none;
    opacity: 0%;
    transition: opacity var(--transition-duration-fast) ease;
}

/* Popout */
.popout[b-40m9e4rxei] {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    margin-top: calc(var(--spacing-xs) / 2);
    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-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;
}

    .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-selected][b-40m9e4rxei]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 2px;
        height: 100%;
        background-color: var(--color-status-info);
    }

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

    .item .status[b-40m9e4rxei] {
        padding:
            .325em
            .625em;
    }

    .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] {
        color: transparent;
        background-image: none;
    }

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

    .group-select.is-collapsed .popout[b-40m9e4rxei] {
        display: none;
    }
}

@media (prefers-reduced-motion) {
    .group-select[b-40m9e4rxei],
    .trigger[b-40m9e4rxei],
    .icon[b-40m9e4rxei] {
        transition-duration: 0s !important;
    }
}
/* _content/DriveWorksServer/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);
    }
/* _content/DriveWorksServer/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;
}
/* _content/DriveWorksServer/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);
}

[b-803ccbfbqa] ul,
[b-803ccbfbqa] ol {
    gap: var(--spacing-xs);
}
/* _content/DriveWorksServer/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);
    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);
}
/* _content/DriveWorksServer/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;
    user-select: none;
}

a:hover[b-id39l9f9kf] {
    color: var(--color-link-text-hover);
    text-decoration: none;
}

a.reversed[b-id39l9f9kf] {
    text-decoration: none;
}

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

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

a[disabled][b-id39l9f9kf] {
    opacity: 50%;
    cursor: default;
    pointer-events: none;
}

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.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);
}
/* _content/DriveWorksServer/UI/Components/Controls/DwParagraph.razor.rz.scp.css */
.expand[b-5tpiztoj2t] {
    max-width: none;
}

.balance[b-5tpiztoj2t] {
    text-wrap: balance;
}
/* _content/DriveWorksServer/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;
    }
}
/* _content/DriveWorksServer/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;
}

    .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);
}
/* _content/DriveWorksServer/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;
}

.radio-tab:hover[b-fglhhwszuc] {
    background-color: var(--color-radio-tab-background-hover);
    border-color: var(--color-radio-tab-border-hover);
}

.radio-tab:has(input:checked)[b-fglhhwszuc] {
    background-color: var(--color-radio-tab-background-selected);
    border-color: var(--color-radio-tab-border-selected);
    box-shadow: var(--shadow-tab);
    cursor: default;
}

.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;
}
/* _content/DriveWorksServer/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);
}
/* _content/DriveWorksServer/UI/Components/Controls/DwSelect.razor.rz.scp.css */
label[b-oxljpniffr] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-input);
    margin: 0;
}

    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-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-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-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%;
}
/* _content/DriveWorksServer/UI/Components/Controls/DwSubText.razor.rz.scp.css */
span[b-c3t9u8v685] {
    font-size: var(--font-size-xs);
    color: var(--color-body-text-faint);
}
/* _content/DriveWorksServer/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;
    top: 0;
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
    background-color: var(--color-panel-background);
}

.column-filler[b-wc0exfwpv6] {
    background-color: var(--color-table-heading-background);
    border-top: 1px solid var(--color-table-heading-border);
    border-bottom: 1px solid var(--color-table-heading-border);
}

.rows[b-wc0exfwpv6] {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
}

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

.row[b-wc0exfwpv6] {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
    background-color: var(--color-table-row-background);
    border-bottom: 1px solid var(--color-table-row-border);
    color: var(--color-table-row-text);
}

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

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

.cell[b-wc0exfwpv6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    border-right: 1px solid var(--color-table-row-border);
}

    .cell:last-child[b-wc0exfwpv6] {
        border-right: none;
    }

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

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

.align-end[b-6tkkuvbr5j] {
    align-self: end;
}
/* _content/DriveWorksServer/UI/Components/Controls/DwTableColumn.razor.rz.scp.css */
.column-heading[b-2yb9uxewsq] {
    position: relative;
    display: flex;
    background-color: var(--color-table-heading-background);
    border-top: 1px solid var(--color-table-heading-border);
    border-bottom: 1px solid var(--color-table-heading-border);
    border-right: 1px solid var(--color-table-heading-border);
}

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

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

        .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;
    cursor: pointer;
}

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

    .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;
    }
/* _content/DriveWorksServer/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;
}
/* _content/DriveWorksServer/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-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%;
}
/* _content/DriveWorksServer/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%;
}
/* _content/DriveWorksServer/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);
}
/* _content/DriveWorksServer/UI/Components/DelayedDisposalComponent.razor.rz.scp.css */
.parent-base[b-brw5iarqs2] {
    display: flex;
    transition-property: display;
    transition-behavior: allow-discrete;
}

.parent-base.exiting[b-brw5iarqs2] {
    display: none;
}

@media (prefers-reduced-motion) {
    .parent-base[b-brw5iarqs2] {
        transition-duration: 0s !important;
    }
}
/* _content/DriveWorksServer/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);
    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);
}

@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);
}

.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);
}
/* _content/DriveWorksServer/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;
        background-color: var(--color-overlay-background);
        backdrop-filter: var(--reconnect-dialog-backdrop-filter);
        -webkit-backdrop-filter: var(--reconnect-dialog-backdrop-filter);
    }
/* _content/DriveWorksServer/UI/Components/DwSpinner.razor.rz.scp.css */
*[b-mvp8kz3yvq] {
    font-size: var(--loading-spinner-size);
}

svg[b-mvp8kz3yvq] {
    display: block;
    width: 1em;
    height: 1em;
    min-width: 1em;
    animation: spin-b-mvp8kz3yvq var(--loading-spinner-animation-duration) linear infinite;
}

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

[part="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);
    }
}
/* _content/DriveWorksServer/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;
    }
}
/* _content/DriveWorksServer/UI/Components/Layout/DwCollapsibleContent.razor.rz.scp.css */
.collapsible-container[b-ulew8uianl] {
    border: 1px solid var(--color-collapsible-content-border);
    border-radius: var(--border-radius-collapsible-content);
    background-color: var(--color-collapsible-content-background);
}

.header[b-ulew8uianl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    border-radius: inherit;
    background-color: inherit;
}

    .header:hover[b-ulew8uianl] {
        background-color: var(--color-collapsible-content-background-hover);
    }

    .header[b-ulew8uianl]  .icon {
        font-size: var(--font-size-xl);
        color: inherit;
    }

    .header.padded[b-ulew8uianl] {
        gap: var(--spacing-sm);
    }

.collapsible-content[b-ulew8uianl] {
    interpolate-size: allow-keywords;
    height: 0;
    overflow-y: clip;
    transition: height var(--transition-duration) ease;
}

    .collapsible-content.expanded[b-ulew8uianl] {
        height: auto;
    }

.inset[b-ulew8uianl] {
    border-color: var(--color-collapsible-content-border-inset);
    border-radius: var(--border-radius-sm);
}

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

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

    .header.padded[b-ulew8uianl] {
        gap: var(--spacing-md);
    }
}

.collapsible-content .padded[b-ulew8uianl] {
    padding-top: 0;
}

@media (prefers-reduced-motion) {
    .collapsible-content[b-ulew8uianl] {
        transition-duration: 0s !important;
    }
}
/* _content/DriveWorksServer/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);
}

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

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

@media (min-width: 40em) {
    .padded[b-35lwrwboef] {
        padding: 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;
}
/* _content/DriveWorksServer/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);
}
/* _content/DriveWorksServer/UI/Components/Layout/DwCommandBarSpacer.razor.rz.scp.css */
div[b-5dcoxlwdko] {
    align-self: stretch;
    padding-left: var(--spacing-xs);
}
/* _content/DriveWorksServer/UI/Components/Layout/DwDialog.razor.rz.scp.css */
.backdrop.start-open[b-ths0z8sory] {
    position: fixed;
    z-index: var(--z-index-dialog);
    inset: 0;
    display: grid;
    background-color: var(--color-overlay-background);
}

.dialog[b-ths0z8sory] {
    background: none;
    border: none;
    padding: 0;
    overflow: hidden;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "stack";
    min-width: min(100% - var(--spacing-content), 15em);
    max-width: calc(100% - var(--spacing-content));
    max-height: calc(100% - var(--spacing-content));
}

    .dialog:focus[b-ths0z8sory] {
        outline: 0 !important;
    }

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

.start-open .dialog[b-ths0z8sory] {
    display: grid;
    position: fixed;
    inset: 0;
    margin: auto;
}

    .start-open .dialog[b-ths0z8sory]::backdrop {
        background: transparent;
    }
/* _content/DriveWorksServer/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-content));
}

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

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

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

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

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

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

.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);
}

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

.dialog-content[b-h54i6xcnt9]  .icon {
    font-size: 2em;
}

@media (min-width: 40em) {
    .header.padded[b-h54i6xcnt9],
    .footer.padded[b-h54i6xcnt9] {
        padding: var(--spacing-lg);
    }
}
/* _content/DriveWorksServer/UI/Components/Layout/DwFormHelpContent.razor.rz.scp.css */
p[b-a7xn6gz3dd] {
    max-width: var(--paragraph-width-optimal);
}
/* _content/DriveWorksServer/UI/Components/Layout/DwFormLayout.razor.rz.scp.css */
div[b-771zc78qfa] {
    display: flex;
    flex-direction: column;
    max-width: var(--paragraph-width-optimal);
    gap: var(--spacing-xl);
}
/* _content/DriveWorksServer/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);
}
/* _content/DriveWorksServer/UI/Components/Layout/DwIconText.razor.rz.scp.css */
div[b-ae2sa8vlx5] {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-xs);
}

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

/* 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;
}

/* Spacing */
.gap-xs[b-qt4mf2n3la] {
    gap: var(--spacing-xs);
}

.gap-sm[b-qt4mf2n3la] {
    gap: var(--spacing-sm);
}

.gap-md[b-qt4mf2n3la] {
    gap: var(--spacing-md);
}

.gap-lg[b-qt4mf2n3la] {
    gap: var(--spacing-lg);
}

.gap-xl[b-qt4mf2n3la] {
    gap: var(--spacing-xl);
}

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

@media (min-width: 40em) {
    div[b-1fx7iq1tnj] {
        padding-left: var(--spacing-2xl);
    }
}
/* _content/DriveWorksServer/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);
}

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

@media (min-width: 40em) {
    .padded[b-0zswhc17fa] {
        padding: var(--spacing-lg);
    }
}
/* _content/DriveWorksServer/UI/Components/Layout/DwRelatedFields.razor.rz.scp.css */
div[b-exuu5adrsm] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

/* Spacing */
.gap-xs[b-exuu5adrsm] {
    gap: var(--spacing-xs);
}

.gap-sm[b-exuu5adrsm] {
    gap: var(--spacing-sm);
}

.gap-md[b-exuu5adrsm] {
    gap: var(--spacing-md);
}

.gap-lg[b-exuu5adrsm] {
    gap: var(--spacing-lg);
}

.gap-xl[b-exuu5adrsm] {
    gap: var(--spacing-xl);
}

.gap-2xl[b-exuu5adrsm] {
    gap: var(--spacing-2xl);
}
/* _content/DriveWorksServer/UI/Components/Layout/DwScrollableContent.razor.rz.scp.css */
.scrollable-content[b-6myepzc3yq] {
    overflow: auto;
    outline: none;
}

.padding-xs[b-6myepzc3yq] {
    padding: var(--spacing-xs);
}

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

.padding-md[b-6myepzc3yq],
.padding-lg[b-6myepzc3yq],
.padding-xl[b-6myepzc3yq] {
    padding: var(--spacing-md);
}

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

    .padding-xl[b-6myepzc3yq] {
        padding: var(--spacing-xl);
    }
}
/* _content/DriveWorksServer/UI/Components/Layout/DwSidebar.razor.rz.scp.css */
.sidebar[b-ovmumb4wn7],
.sidebar nav[b-ovmumb4wn7] {
    interpolate-size: allow-keywords;
}

.sidebar[b-ovmumb4wn7] {
    --sidebar-padding-left: var(--spacing-md);
    --sidebar-padding-right: var(--spacing-sm);
    --sidebar-padding-top: var(--spacing-sm);
    --sidebar-padding-bottom: var(--spacing-md);

    --sidebar-icon-size: var(--font-size-xl);
    --sidebar-username-max-width: 15em;
    --sidebar-item-width-collapsed:
        calc(
            var(--sidebar-icon-size) +
            calc(var(--spacing-sm) * 2) +
            calc(var(--border-width-button) * 2)
        );

    --sidebar-width-offcanvas: 18em;
    --sidebar-width-expanded: var(--sidebar-width, auto);
    --sidebar-width-collapsed:
        calc(
            var(--sidebar-item-width-collapsed) +
            var(--sidebar-padding-left) +
            var(--sidebar-padding-right)
        );

    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);
    transition: transform var(--transition-duration) ease;
}

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

.sidebar nav[b-ovmumb4wn7] {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: var(--color-sidebar-open-background);
    box-shadow: var(--shadow-sidebar-open);
}

.sidebar nav .content[b-ovmumb4wn7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    padding: var(--spacing-md);
}

@media (min-width: 40em) {
    .sidebar[b-ovmumb4wn7] {
        --sidebar-group-select-width: 17.5em;
        will-change: width;
        grid-area: sidebar;
        position: relative;
        width: var(--sidebar-width-expanded);
        height: auto;
        transform: none;
        transition: width var(--transition-duration) ease;
    }

    .sidebar nav[b-ovmumb4wn7] {
        will-change: width;
        width: var(--sidebar-width-expanded);
        background-color: transparent;
        box-shadow: none;
        transition:
            background-color var(--transition-duration) ease,
            width var(--transition-duration) ease;
    }

    .sidebar nav .content[b-ovmumb4wn7] {
        padding:
            var(--sidebar-padding-top)
            var(--sidebar-padding-right)
            var(--sidebar-padding-bottom)
            var(--sidebar-padding-left);
    }
}

/* Logo */
.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;
    transition: opacity var(--transition-duration-fast) ease;
}

/* Sections */
.section-title[b-ovmumb4wn7] {
    position: relative;
    margin:
        var(--spacing-xs)
        0
        var(--spacing-sm);
}

.section-title[b-ovmumb4wn7]::before {
    content: "";
    display: block;
    position: absolute;
    top: var(--spacing-xs);
    left: 0;
    width: var(--sidebar-item-width-collapsed);
    border-top: 1px solid var(--color-body-text);
    opacity: 0%;
    transition: opacity var(--transition-duration) ease;
}

.section-title .text[b-ovmumb4wn7] {
    font-size: var(--font-size-xs);
    white-space: nowrap;
    opacity: 50%;
    transition: opacity var(--transition-duration) ease;
}

/* Group Select */
[b-ovmumb4wn7] .group-select {
    margin-bottom: var(--spacing-related);
}

/* Nav items */
ul[b-ovmumb4wn7] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-related);
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: var(--font-size-base);
}

li[b-ovmumb4wn7] {
    margin: 0;
}

li[b-ovmumb4wn7]  a {
    display: flex;
    align-items: center;
    gap: var(--spacing-related);
    padding: var(--spacing-sm);
    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;
}

li[b-ovmumb4wn7]  a:hover {
    background-color: var(--color-state-hover);
}

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

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

li[b-ovmumb4wn7]  a span {
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 100%;
    transition: opacity var(--transition-duration) ease;
}

@media (min-width: 40em) {
    li[b-ovmumb4wn7]  a span {
        text-overflow: clip;
    }
}

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

li[b-ovmumb4wn7]  a.active svg {
    color: var(--color-body-text-highlight);
}

li.user[b-ovmumb4wn7]  a span {
    max-width: var(--sidebar-username-max-width);
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Sub nav */
.sub-nav[b-ovmumb4wn7] {
    display: flex;
    flex-direction: column;
    margin-top: auto;
    padding-top: var(--spacing-md);
}

/* Actions */
.sidebar .actions[b-ovmumb4wn7] {
    display: flex;
    justify-content: space-between;
    gap: var(--spacing-sm);
    padding:
        0
        var(--spacing-md)
        var(--spacing-md);
}

@media (min-width: 40em) {
    .sidebar .actions[b-ovmumb4wn7] {
        padding:
            0
            var(--sidebar-padding-right)
            var(--sidebar-padding-bottom)
            var(--sidebar-padding-left);
    }
}

/* Actions */
.sidebar .actions[b-ovmumb4wn7] {
    --button-custom-transition:
        width var(--transition-duration-fast) ease,
        background-color var(--transition-duration-fast) ease,
        border-color var(--transition-duration-fast) ease,
        color var(--transition-duration-fast) ease;
}

/* Expand/Collapse action */
.sidebar .actions[b-ovmumb4wn7]  .toggle-action {
    position: relative;
    display: none;
    min-width: var(--sidebar-item-width-collapsed);
    min-height: var(--sidebar-item-width-collapsed);
    flex-shrink: 0;
    justify-content: start;
    gap: var(--spacing-sm);
    padding: 0 var(--spacing-sm);
    line-height: 1;
    overflow: hidden;
    interpolate-size: allow-keywords;
}

.sidebar[b-ovmumb4wn7]  .toggle-action .icon {
    position: relative;
    display: block;
    width: var(--font-size-xl);
    height: var(--font-size-xl);
    flex-shrink: 0;
}

.sidebar[b-ovmumb4wn7]  .toggle-action .icon::before,
.sidebar[b-ovmumb4wn7]  .toggle-action .icon::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 2px;
    margin-left: -1px;
    height: 50%;
    background-color: var(--color-body-text-faint);
    border-radius: 100px;
    transition: transform var(--transition-duration-fast) ease;
    transform-origin: center;
}

.sidebar[b-ovmumb4wn7]  .toggle-action .icon::before {
    top: 10%;
    transform: rotate(45deg);
}

.sidebar[b-ovmumb4wn7]  .toggle-action .icon::after {
    bottom: 10%;
    transform: rotate(-45deg);
}

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

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

.sidebar[b-ovmumb4wn7]  .toggle-action .expand {
    display: none;
    width: 0;
    overflow: hidden;
}

.sidebar[b-ovmumb4wn7]  .toggle-action .collapse {
    transition: opacity var(--transition-duration) ease;
}

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

    .sidebar.is-collapsed[b-ovmumb4wn7]  .toggle-action {
        width: var(--sidebar-item-width-collapsed);
    }

    .sidebar.is-collapsed[b-ovmumb4wn7]  .toggle-action .icon::before {
        transform: rotate(-45deg);
    }

    .sidebar.is-collapsed[b-ovmumb4wn7]  .toggle-action .icon::after {
        transform: rotate(45deg);
    }

    .sidebar.is-collapsed[b-ovmumb4wn7]  .toggle-action .text {
        opacity: 0;
    }

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

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

/* 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; /* Overlay content when hovered */
        top: 0;
        left: 0;
        height: 100%;
    }

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

    .sidebar.is-collapsed.is-hovered nav[b-ovmumb4wn7] {
        width: calc(var(--sidebar-width-expanded) + var(--spacing-md));
    }

    .sidebar.is-collapsed.is-hovered nav[b-ovmumb4wn7] {
        background-color: var(--color-sidebar-open-background);
        box-shadow: var(--shadow-sidebar-open);
    }

    .sidebar.is-collapsed.is-hovered nav .content[b-ovmumb4wn7] {
        padding-right: var(--spacing-lg);
    }

    /* Logo  */
    .sidebar.is-collapsed:not(.is-hovered) .logo span[b-ovmumb4wn7] {
        opacity: 0;
    }

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

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

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

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

    /* Color Scheme picker */
    .sidebar.is-collapsed[b-ovmumb4wn7]  .color-scheme-picker {
        display: none;
    }
}

@media (prefers-reduced-motion) {
    .sidebar[b-ovmumb4wn7],
    .sidebar[b-ovmumb4wn7]  * {
        transition-duration: 0s !important;
    }

    .sidebar[b-ovmumb4wn7]  .toggle-action .icon::before,
    .sidebar[b-ovmumb4wn7]  .toggle-action .icon::after {
        transition-duration: 0s !important;
    }
}
/* _content/DriveWorksServer/UI/Components/Layout/DwStackLayout.razor.rz.scp.css */
div[b-hetfl11tnu] {
    display: flex;
    flex-direction: column;
}

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

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

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

/* Spacing */
.gap-xs[b-hetfl11tnu] {
    gap: var(--spacing-xs);
}

.gap-sm[b-hetfl11tnu] {
    gap: var(--spacing-sm);
}

.gap-md[b-hetfl11tnu] {
    gap: var(--spacing-md);
}

.gap-lg[b-hetfl11tnu] {
    gap: var(--spacing-lg);
}

.gap-xl[b-hetfl11tnu] {
    gap: var(--spacing-xl);
}

.gap-2xl[b-hetfl11tnu] {
    gap: var(--spacing-2xl);
}
/* _content/DriveWorksServer/UI/Components/Layout/DwStatusDot.razor.rz.scp.css */
.status-dot[b-3nq58fzpwk] {
    width: var(--spacing-sm);
    height: var(--spacing-sm);
    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);
}
/* _content/DriveWorksServer/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;
}
/* _content/DriveWorksServer/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] {
    padding: calc(var(--spacing-xs) / 2) 0;
}

[b-gni8anbylv] .button.icon-button {
    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);
    }
}
/* _content/DriveWorksServer/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);
}
/* _content/DriveWorksServer/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%;
        }
/* _content/DriveWorksServer/UI/MainLayout.razor.rz.scp.css */
header[b-ytcw5no7j1] {
    grid-area: header;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-sm);
    background-color: var(--color-header-background);
    border-bottom: 1px solid var(--color-header-border);
}

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

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

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

/* Logo */
.logo[b-ytcw5no7j1] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    margin-left: var(--spacing-xs);
    color: inherit;
    text-decoration: none;
}

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

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

@media (min-width: 40em) {
    .overlay[b-ytcw5no7j1] {
        display: none;
    }
}

/* Content */
.content[b-ytcw5no7j1] {
    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-ytcw5no7j1] {
        padding: var(--spacing-xs);
    }
}

/* Content */
.page-content[b-ytcw5no7j1] {
    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-ytcw5no7j1]  .content-root > .panel {
        border: 0;
        border-radius: 0;
    }
}
/* _content/DriveWorksServer/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;
}
/* _content/DriveWorksServer/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);
}

[b-bsswdv9r87] .panel {
    padding: var(--spacing-2xl);
}

.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);
    }
/* _content/DriveWorksServer/UI/Pages/Administration/DiagnosticsPage.razor.rz.scp.css */
.content-root[b-gsg15m0wr2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
}

[b-gsg15m0wr2] .sections {
    display: grid;
    grid-template-rows:
        minmax(0, 1fr)
        minmax(0, 2fr);
    grid-template-columns: minmax(0, 1fr);
    gap: var(--spacing-md);
}

@media (min-width: 40em) {
    [b-gsg15m0wr2] .sections {
        display: grid;
        grid-template-rows: minmax(0, 1fr);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--spacing-md);
    }
}

/* Traces */
.trace-content[b-gsg15m0wr2] {
    display: grid;
    grid-template-rows:
        minmax(0, auto)
        minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    gap: var(--spacing-md);
}

[b-gsg15m0wr2] .traces-table .column-heading,
[b-gsg15m0wr2] .traces-table .column-filler {
    border-top: 0;
}

/* Spans */
.span-content[b-gsg15m0wr2] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}

/* Empty message */
.empty-state[b-gsg15m0wr2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    place-items: center;
}
/* _content/DriveWorksServer/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);
}

[b-6qtm63n32o] .form-container {
    min-width: min(25em, 100%);
    padding: var(--spacing-xl);
    border-radius: var(--border-radius-md);
}
/* _content/DriveWorksServer/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;
}
/* _content/DriveWorksServer/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);
}
/* _content/DriveWorksServer/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] .row:has(.group-disconnected) {
    background-color: var(--color-status-danger-faint);
    color: var(--color-table-row-text-selected);
    border-color: var(--color-table-row-border-faint);
}

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

[b-6tdhw67dmq] .row.selected:has(.group-disconnected) {
    background-color: var(--color-status-danger-faint-highlight);
}
/* _content/DriveWorksServer/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);
}
/* _content/DriveWorksServer/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);
}
/* _content/DriveWorksServer/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;
}
/* _content/DriveWorksServer/UI/Pages/DashboardPage.razor.rz.scp.css */
.content-root[b-9zj6pzfrv5] {
    display: grid;
}

/* Heading */
@media (min-width: 40em) {
    h1[b-9zj6pzfrv5] {
        margin-bottom: var(--spacing-lg);
    }
}

/* 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%;
    }

hr[b-9zj6pzfrv5] {
    margin: var(--spacing-sm) 0;
}
/* _content/DriveWorksServer/UI/Pages/ErrorPage.razor.rz.scp.css */
code[b-3u0nt6zvxi] {
    font-size: var(--font-size-lg);
    font-weight: 700;
}
/* _content/DriveWorksServer/UI/Pages/Groups/Components/GroupLoginForm.razor.rz.scp.css */
@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(--input-margin-bottom);
        opacity: 0;
    }
}

@keyframes shrink-b-0zqujfbrb5 {
    50% {
        height: auto;
        min-height: var(--button-base-height);
        margin-bottom: var(--input-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;
    }
}

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

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

[b-0zqujfbrb5] .enter.grow .login {
    --grow-margin: var(--login-margin);
}

[b-0zqujfbrb5] .exit.grow .logout {
    --grow-margin: var(--logout-margin);
}

[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;
}

[b-0zqujfbrb5] .button {
    width: 100%;
    overflow: clip;
    interpolate-size: allow-keywords;
    transition-property: margin-bottom, background-color, color;
    transition-duration: 0.3s;
    animation-duration: 0.3s;
    --input-margin-bottom: var(--spacing-md);
    margin-bottom: var(--input-margin-bottom);
}

[b-0zqujfbrb5] .user-fields {
    display: flex;
    flex-direction: column;
}

    [b-0zqujfbrb5] .user-fields label {
        interpolate-size: allow-keywords;
        transition-duration: 0.3s;
        animation-duration: 0.3s;
        width: 100%;
        --input-margin-bottom: var(--spacing-md);
        margin-bottom: var(--input-margin-bottom);
    }

    [b-0zqujfbrb5] .user-fields > :last-child {
        --input-margin-bottom: 0;
    }

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

    .button-container[b-0zqujfbrb5] >  :last-child .button {
        --input-margin-bottom: 0;
    }

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

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

[b-0zqujfbrb5] .group-select .popout {
    max-height: 200px;
}

@media (prefers-reduced-motion) {
    [b-0zqujfbrb5] .button, [b-0zqujfbrb5] label {
        transition-duration: 0s !important;
        animation-duration: 0s !important;
    }
}
/* _content/DriveWorksServer/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;
}
/* _content/DriveWorksServer/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 Rows */

[b-h3lg68kie0] .row:has(.modified-add),
[b-h3lg68kie0] .row:has(.modified-remove),
[b-h3lg68kie0] .row:has(.modified-conflict) {
    color: var(--color-table-row-text-selected);
    border-color: var(--color-table-row-border-faint);
}

/* Add */
[b-h3lg68kie0] .row:has(.modified-add) {
    background-color: var(--color-status-success-faint);
}

    [b-h3lg68kie0] .row:has(.modified-add):hover {
        background-color: var(--color-status-success-faint-hover);
    }

/* Remove */
[b-h3lg68kie0] .row:has(.modified-remove) {
    background-color: var(--color-status-danger-faint);
}

    [b-h3lg68kie0] .row:has(.modified-remove):hover {
        background-color: var(--color-status-danger-faint-hover);
    }

/* Conflict */
[b-h3lg68kie0] .row:has(.modified-conflict) {
    background-color: var(--color-status-warning-faint);
}

    [b-h3lg68kie0] .row:has(.modified-conflict):hover {
        background-color: var(--color-status-warning-faint-hover);
    }

/* 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;
    }
}
/* _content/DriveWorksServer/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;
}
/* _content/DriveWorksServer/UI/Pages/StyleGuidePage.razor.rz.scp.css */
hr[b-0niuhhh40m] {
    margin: var(--spacing-md) 0;
}

/* Colors */
.swatch[b-0niuhhh40m] {
    display: grid;
    width: 5em;
    height: 5em;
    padding: var(--spacing-internal);
    border-radius: var(--border-radius-panel);
    font-size: var(--font-size-sm);
    outline: 1px solid rgb(0 0 0 / 5%);
}

/* Primary */
.bg-primary[b-0niuhhh40m] {
    background-color: var(--color-action-primary);
    color: var(--color-action-primary-contrast);
}

.bg-primary:hover[b-0niuhhh40m] {
    background-color: var(--color-action-primary-hover);
}

/* Default */
.bg-default[b-0niuhhh40m] {
    background-color: var(--color-status-default);
    color: var(--color-status-default-contrast);
}

.bg-default:hover[b-0niuhhh40m] {
    background-color: var(--color-status-default-hover);
}

.bg-default-faint[b-0niuhhh40m] {
    background-color: var(--color-status-default-faint);
    color: var(--color-status-default-contrast-faint);
}

.bg-default-faint:hover[b-0niuhhh40m] {
    background-color: var(--color-status-default-faint-hover);
}

/* Info */
.bg-info[b-0niuhhh40m] {
    background-color: var(--color-status-info);
    color: var(--color-status-info-contrast);
}

.bg-info:hover[b-0niuhhh40m] {
    background-color: var(--color-status-info-hover);
}

.bg-info-faint[b-0niuhhh40m] {
    background-color: var(--color-status-info-faint);
    color: var(--color-status-info-faint-contrast);
}

.bg-info-faint:hover[b-0niuhhh40m] {
    background-color: var(--color-status-info-faint-hover);
}

/* Success */
.bg-success[b-0niuhhh40m] {
    background-color: var(--color-status-success);
    color: var(--color-status-success-contrast);
}

.bg-success:hover[b-0niuhhh40m] {
    background-color: var(--color-status-success-hover);
}

.bg-success-faint[b-0niuhhh40m] {
    background-color: var(--color-status-success-faint);
}

.bg-success-faint:hover[b-0niuhhh40m] {
    background-color: var(--color-status-success-faint-hover);
}

/* Warning */
.bg-warning[b-0niuhhh40m] {
    background-color: var(--color-status-warning);
    color: var(--color-status-warning-contrast);
}

.bg-warning:hover[b-0niuhhh40m] {
    background-color: var(--color-status-warning-hover);
}

.bg-warning-faint[b-0niuhhh40m] {
    background-color: var(--color-status-warning-faint);
}

.bg-warning-faint:hover[b-0niuhhh40m] {
    background-color: var(--color-status-warning-faint-hover);
}

/* Danger */
.bg-danger[b-0niuhhh40m] {
    background-color: var(--color-status-danger);
    color: var(--color-status-danger-contrast);
}

.bg-danger:hover[b-0niuhhh40m] {
    background-color: var(--color-status-danger-hover);
}

.bg-danger-faint[b-0niuhhh40m] {
    background-color: var(--color-status-danger-faint);
}

.bg-danger-faint:hover[b-0niuhhh40m] {
    background-color: var(--color-status-danger-faint-hover);
}

/* Elevation */
.bg-elevate[b-0niuhhh40m] {
    background-color: var(--color-status-elevate);
    color: var(--color-status-elevate-text);
}

.bg-elevated[b-0niuhhh40m] {
    background-color: var(--color-status-elevated);
    color: var(--color-status-elevated-text);
}

/* Text */
.text-body[b-0niuhhh40m] {
    color: var(--color-body-text);
}

.text-primary[b-0niuhhh40m] {
    color: var(--color-action-primary);
}

.text-default[b-0niuhhh40m] {
    color: var(--color-status-default-text);
}

.text-info[b-0niuhhh40m] {
    color: var(--color-status-info-text);
}

.text-success[b-0niuhhh40m] {
    color: var(--color-status-success-text);
}

.text-warning[b-0niuhhh40m] {
    color: var(--color-status-warning-text);
}

.text-danger[b-0niuhhh40m] {
    color: var(--color-status-danger-text);
}