@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.b6pgxrrsua.bundle.scp.css';

/* /Controls/SettingsButton.razor.rz.scp.css */
div.settings-button[b-hlzbumgrk2] {
    --settings-button-padding: calc(var(--design-unit) * 4px) 0 calc(var(--design-unit) * 4px) calc(var(--design-unit) * 4px);
    cursor: pointer;
}

[b-hlzbumgrk2] .fluent-card {
    padding: var(--settings-button-padding);
    border-radius: calc(var(--control-corner-radius) * 1px);
}

[b-hlzbumgrk2] .clickable-card {
    background: var(--neutral-fill-input-rest);
}

    [b-hlzbumgrk2] .clickable-card:hover {
        background: var(--neutral-fill-input-hover);
        border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-layer-hover);
        box-shadow: var(--elevation-shadow-card-hover);
    }

    [b-hlzbumgrk2] .clickable-card:active {
        background: var(--neutral-fill-input-active);
        border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-layer-active);
        box-shadow: var(--elevation-shadow-card-pressed);
    }

div.content-grid[b-hlzbumgrk2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

div.action-icon-holder[b-hlzbumgrk2] {
    width: calc((var(--base-height-multiplier) + var(--density)) * var(--design-unit) * 1px);
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 calc(var(--design-unit) * 2px);
}
/* /Controls/SettingsCard.razor.rz.scp.css */
div.settings-card[b-fbnr7w67ap] {
    --settings-card-padding: calc(var(--design-unit) * 4px);
}

[b-fbnr7w67ap] .fluent-card {
    padding: var(--settings-card-padding);
    background: var(--neutral-fill-input-rest);
    border-radius: calc(var(--control-corner-radius) * 1px);
}
/* /Controls/SettingsExpander.razor.rz.scp.css */
div.settings-expander[b-bz1skg5g66] {
    --settings-expander-header-padding: calc(var(--design-unit) * 1px) 0 calc(var(--design-unit) * 1px) calc(var(--design-unit) * 2px);
    --settings-expander-item-padding: 0 calc((var(--base-height-multiplier) + 1 + var(--density)) * var(--design-unit) * 1px) 0 calc((var(--base-horizontal-spacing-multiplier) * 12 - var(--design-unit) * 1.5) * 1px + var(--type-ramp-base-line-height));
}

[b-bz1skg5g66] fluent-accordion-item.expander-item {
    box-sizing: border-box;
    box-shadow: var(--elevation-shadow-card-rest);
    border-radius: calc(var(--control-corner-radius) * 1px);
}

    [b-bz1skg5g66] fluent-accordion-item.expander-item:hover {
        background: var(--neutral-fill-input-hover);
        border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-layer-hover);
        box-shadow: var(--elevation-shadow-card-hover);
    }

    [b-bz1skg5g66] fluent-accordion-item.expander-item:active {
        background: var(--neutral-fill-input-active);
        border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-layer-active);
        box-shadow: var(--elevation-shadow-card-pressed);
    }

    [b-bz1skg5g66] fluent-accordion-item.expander-item::part(region),
    [b-bz1skg5g66] fluent-accordion-item.expander-item .region {
        border-bottom-left-radius: calc((var(--control-corner-radius) - var(--stroke-width)) * 1px);
        border-bottom-right-radius: calc((var(--control-corner-radius) - var(--stroke-width)) * 1px);
    }

[b-bz1skg5g66] div.settings-presenter {
    padding: var(--settings-expander-header-padding);
}

[b-bz1skg5g66] div.setting-expander-content-grid {
    padding: var(--settings-expander-item-padding);
}

div.settings-expander[b-bz1skg5g66]  .default-setting-expander-item .fluent-card {
    background: none;
    border: none;
    border-top: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 0;
    box-shadow: none;
}

div.settings-expander[b-bz1skg5g66]  .default-setting-expander-item:first-child .fluent-card {
    border-top: none;
}

div.settings-expander[b-bz1skg5g66]  .default-setting-expander-item .fluent-card {
    padding: calc(var(--design-unit) * 2px) calc((var(--base-height-multiplier) + 1 + var(--density)) * var(--design-unit) * 1px) calc(var(--design-unit) * 2px) calc((var(--base-horizontal-spacing-multiplier) * 12 - var(--design-unit) * 1.5) * 1px + var(--type-ramp-base-line-height));
}

div.settings-expander[b-bz1skg5g66]  .default-setting-expander-item:first-child .fluent-card {
    padding-top: 0;
}

div.settings-expander[b-bz1skg5g66]  .default-setting-expander-item:last-child .fluent-card {
    padding-bottom: 0;
}

div.settings-expander[b-bz1skg5g66]  .default-setting-expander-item .settings-presenter {
    padding: 0;
}
/* /Controls/SettingsGroup.razor.rz.scp.css */
div.settings-group[b-nsiphj1rcw] {
    --body-strong-text-block-font-size: 14px;
    width: 100%;
}

div.header-presenter[b-nsiphj1rcw] {
    margin: 1rem 0px 6px 1px;
    font-size: var(--body-strong-text-block-font-size);
    font-weight: bold;
}

div.items-presenter[b-nsiphj1rcw] {
    display: flex;
    flex-direction: column;
    row-gap: 0.3rem;
}
/* /Controls/SettingsPresenter.razor.rz.scp.css */
div.settings-presenter[b-zte8ti8flh] {
    --settings-card-description-font-size: var(--type-ramp-minus-1-font-size);
    --settings-card-header-icon-max-size: var(--type-ramp-base-line-height);
    --settings-card-content-min-width: 240px;
    --settings-card-header-icon-margin: 0 calc((var(--base-horizontal-spacing-multiplier) * 6 + var(--design-unit) * 0.5) * 1px) 0 calc((var(--base-horizontal-spacing-multiplier) * 6 - var(--design-unit) * 4) * 1px);
    --settings-card-vertical-header-content-spacing: calc(var(--design-unit) * 2px) 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

div.header-root[b-zte8ti8flh] {
    display: flex;
    align-items: center;
    flex: 1;
}

div.icon-holder[b-zte8ti8flh] {
    max-width: var(--settings-card-header-icon-max-size);
    max-height: var(--settings-card-header-icon-max-size);
    margin: var(--settings-card-header-icon-margin);
}

div.header-panel[b-zte8ti8flh] {
    display: flex;
    flex-direction: column;
    margin: 0 calc(var(--design-unit) * 6px) 0 0;
}

span.description[b-zte8ti8flh] {
    font-size: var(--settings-card-description-font-size);
    color: var(--neutral-fill-strong-hover);
}

div.content-presenter[b-zte8ti8flh] {
    display: grid;
}

[b-zte8ti8flh] a.text-button {
    font-weight: bold;
    text-decoration: inherit;
}

@media (max-width: 600px) {
    div.settings-presenter[b-zte8ti8flh] {
        --settings-card-content-min-width: auto;
        flex-flow: column;
        justify-content: normal;
        align-items: normal;
    }

    div.header-panel[b-zte8ti8flh] {
        margin: 0;
    }

    div.content-presenter[b-zte8ti8flh] {
        margin: var(--settings-card-vertical-header-content-spacing);
    }

    .settings-nowarp div.settings-presenter[b-zte8ti8flh] {
        --settings-card-content-min-width: 240px;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
    }

        .settings-nowarp div.settings-presenter div.header-panel[b-zte8ti8flh] {
            margin: 0 calc(var(--design-unit) * 6px) 0 0;
        }

        .settings-nowarp div.settings-presenter div.content-presenter[b-zte8ti8flh] {
            margin: 0;
        }
}

.settings-keepwarp div.settings-presenter[b-zte8ti8flh] {
    --settings-card-content-min-width: auto;
    flex-flow: column;
    justify-content: normal;
    align-items: normal;
}

    .settings-keepwarp div.settings-presenter div.header-panel[b-zte8ti8flh] {
        margin: 0;
    }

    .settings-keepwarp div.settings-presenter div.content-presenter[b-zte8ti8flh] {
        margin: var(--settings-card-vertical-header-content-spacing);
    }
/* /Lab/Page.razor.rz.scp.css */
textarea[b-c99eza5zzk] {
    resize: none;
    font-family: monospace;
}

.no-wrap[b-c99eza5zzk] {
    white-space: pre;
}

.vim-status-bar[b-c99eza5zzk] {
    height: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-c99eza5zzk] fluent-tabs::part(activeIndicator) {
    width: 100%;
}