@import '_content/AutoStore.BlazorComponents/AutoStore.BlazorComponents.sz3qmbesqk.bundle.scp.css';
@import '_content/DesignToolsShared/DesignToolsShared.un9lw2pyug.bundle.scp.css';

/* /Components/MainLayout.razor.rz.scp.css */
.page[b-6p57gexhd3] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100vh;
}

.top-row[b-6p57gexhd3] {
    background-color: white;
    border-bottom: 1px solid #d6d5d5;
    justify-content: space-between;
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    position: sticky;
    top: 0;
    z-index: 1002;
}

.left-box[b-6p57gexhd3] {
    display: flex;
    height: 48px;
    align-items: center;
    white-space: nowrap;
}

.logo-box[b-6p57gexhd3] {
    width: 39px;
    height: 36px;
    padding: 6px 11px;
}

.logo[b-6p57gexhd3] {
    width: 19px;
    height: 26px;
}

.feed-back-box[b-6p57gexhd3] {
    display: flex;
    margin-left: auto;
}

.right-box[b-6p57gexhd3] {
    display: flex;
    white-space: nowrap;
}

.access-control[b-6p57gexhd3] {
    padding-right: 16px;
    display: flex;
    align-items: center;
    gap: 24px;
}

.main[b-6p57gexhd3] {
    display: flex;
    flex: 1;
}

.body[b-6p57gexhd3] {
    display: flex;
    flex: 1;
}

.top-button-label[b-6p57gexhd3] {
    margin-left: 10px;
}

.vertical-grey-line[b-6p57gexhd3] {
    height: 48px;
    width: 2px;
    background-color: var(--color-background-default-secondary);
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 11px;
    margin-bottom: 10px;
}

.header-text[b-6p57gexhd3] {
    color: var(--text-default-primary);
    text-decoration: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
}
/* /Components/ProjectNavigation/Cubie.razor.rz.scp.css */
.cubie-container[b-pfhk6o0ec9] {
    display: flex;
    margin-top: 150px;
    justify-content: center;
    align-items: end;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

    .cubie-container.show[b-pfhk6o0ec9] {
        opacity: 1;
    }

    .cubie-container .text-wrapper[b-pfhk6o0ec9] {
        margin-left: 12px;
        border-radius: 12px;
        width: 531px;
        height: 315px;
        padding: 25px 48px 28px 48px;
    }
/* /Components/ProjectNavigation/FeedbackForm.razor.rz.scp.css */
.option-header-row[b-rfpm6jh57d] {
    display:flex;
    flex-direction: row;
    justify-content:space-between;
    padding-bottom: 10px;
}

.option-text[b-rfpm6jh57d] {
    white-space: normal;
}

.h2 .sub-heading[b-rfpm6jh57d] {
    font-weight: 800;
}

.outer-card[b-rfpm6jh57d] {
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.feed-back-text[b-rfpm6jh57d] {
    align-self: center;
    padding-bottom: 20px;
    white-space: normal;
    text-align:center;
}

.feedback-container[b-rfpm6jh57d] {
    display:flex;
    flex-direction: column;
}

.form-control[b-rfpm6jh57d] {
    height: 100px;
}

.greyed-out[b-rfpm6jh57d] {
    color: var(--color-icon-default-secondary);
}

.feedback-button[b-rfpm6jh57d] {
    padding: 8px;
    margin: 8px;
}
/* /Components/ProjectNavigation/FileTree.razor.rz.scp.css */
.scenarios-table[b-p2p9dcfj3q] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr repeat(4, 180px);
    gap: 4px;
}

    .scenarios-table > span:last-of-type[b-p2p9dcfj3q],
    .scenarios-table > span:first-of-type[b-p2p9dcfj3q] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .scenarios-table.advanced-mode[b-p2p9dcfj3q] {
        grid-template-columns: 1fr repeat(5, 180px);
    }

.bold-text-row[b-p2p9dcfj3q] {
    font-weight: 500;
}

.filetree-row[b-p2p9dcfj3q] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: subgrid;
    padding: 12px 0;
}

    .filetree-row:hover[b-p2p9dcfj3q] {
        border-radius: 6px;
        background-color: var(--color-background-default-secondary);
    }

    .filetree-row > *[b-p2p9dcfj3q] {
        display: flex;
        align-items: center;
        gap: 16px;
    }

.chevron[b-p2p9dcfj3q] {
    transition: transform 0.3s ease;
}

    .chevron.closed[b-p2p9dcfj3q] {
        transform: rotate(0deg);
    }

    .chevron.open[b-p2p9dcfj3q] {
        transform: rotate(90deg);
    }
/* /Components/ProjectNavigation/Modal.razor.rz.scp.css */
.modal[b-77uh5wntox] {
    display: none;
    position: fixed;
    z-index: 1050;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    outline: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal.show[b-77uh5wntox] {
    display: block;
}

.no-border[b-77uh5wntox] {
    border: none;
    box-shadow: none;
}

.modal-header[b-77uh5wntox] {
    font-weight: 500;
    font-size: 1.25rem;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.modal-header.no-border[b-77uh5wntox] {
    border-bottom: none;
}

.modal-content[b-77uh5wntox] {
    max-height: 70vh;
}

.modal-content.no-border[b-77uh5wntox] {
    border: none;
    box-shadow: none;
}

.modal-body[b-77uh5wntox] {
    padding: 0 3rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    ul, ol, p {
        margin-bottom: 0;
    }
}

.modal-dialog[b-77uh5wntox] {
    max-width: 650px;
}

.modal-footer[b-77uh5wntox] {
    padding: 20px;
}
/* /Components/ProjectNavigation/ProjectDesignsBrowser.razor.rz.scp.css */
.page-header[b-rcpjk2m217] {
    width: 100%;
    display: flex;
    justify-content: center;
}

.content-wrapper[b-rcpjk2m217] {
    width: 100%;
    max-width: 1340px;
    min-width: 500px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;

    h1, h3 {
        margin: 0;
    }
}

.projects[b-rcpjk2m217] {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 20px;
    justify-content: space-between;
    max-width: 1340px;
}

.revisions[b-rcpjk2m217] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.project-browser[b-rcpjk2m217] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.preview-card .open-simulation-button[b-rcpjk2m217] {
    margin-top: 5px;
}

[b-rcpjk2m217] .preview-card .simulation-card-wrapper {
    margin-bottom: 10px;
}

.welcome-text-header[b-rcpjk2m217] {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 16px;
}

.welcome-text[b-rcpjk2m217] {
    width: 90%;
    margin-top: 8px;
    margin-bottom: 12px;
}

.welcome-text-label[b-rcpjk2m217] {
    font-size: 16px;
    font-weight: 500;
}

[b-rcpjk2m217] .project-heading {
    font-size: 16px;
    font-weight: bold;
    margin-top: 8px;
    width: clamp(30%, 40%, 50%);
}

.table-column-title[b-rcpjk2m217] {
    display: inline-flex;
    cursor: pointer
}

.sort-icon[b-rcpjk2m217] {
    color: transparent
}

.table-column-title:hover .sort-icon[b-rcpjk2m217] {
    color: #d1cbcb;
}

[b-rcpjk2m217] th {
    color: #808080;
    font-weight: normal;
}

table[b-rcpjk2m217] {
    width: 100%;
    background-color: var(--color-background-default-primary);
    border-collapse: separate;
    border-radius: 5px;
    padding: 8px;
}

.column-tooltip[b-rcpjk2m217] {
    position: relative;
    width: 30px;
    height: 30px;
    margin-left: -30px;
    margin-top: -30px;
    top: 60px;
    left: 100%;
    color: #808080;
}

.most-recent-scenarios[b-rcpjk2m217] {
    display: flex;
    justify-content: flex-start;
    max-width: 1340px;
    flex-wrap: wrap;
    gap: 16px;
}

.grey-background[b-rcpjk2m217] {
    background-color: var(--color-background-default-secondary);
}

.preview-card-wrapper[b-rcpjk2m217] {
    position: fixed;
    z-index: 1003;
    left: 50%;
}

[b-rcpjk2m217] .preview-card-wrapper .simulation-card-wrapper {
    margin-bottom: 0;
}

.scenario-actions[b-rcpjk2m217] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;

    .scenario-actions-buttons {
        display: flex;
        align-items: flex-end;
        gap: 16px;
    }
}

.scenario-sort[b-rcpjk2m217] {
    display: flex;
    flex-direction: column;

    .as-select .as-select-button {
        width: 180px;
    }
}

.project-browser-list[b-rcpjk2m217] {
    display: grid;
    grid-template-columns: 2fr repeat(2, 1fr);
    padding: 6px 16px 16px 16px;
    gap: 4px 0;
    background-color: var(--color-background-default-primary);
    border-radius: 6px;
}

.project-browser-header[b-rcpjk2m217] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: subgrid;
    position: sticky;
    top: 48px;
    background-color: var(--color-background-default-primary);
    z-index: 1;
    padding-top: 10px;
}

[b-rcpjk2m217] .as-select-option {
    gap: 10px;
}
/* /Components/ProjectNavigation/ScenarioItem.razor.rz.scp.css */
.scenarios-table-row[b-xjh9070m7j] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: subgrid;
    padding: 4px 14px;
    border-radius: 6px;
    line-height: 24px;
}

    .scenarios-table-row:nth-child(even)[b-xjh9070m7j] {
        background-color: var(--color-background-default-secondary);
    }

    .scenarios-table-row:hover:not(.grid-designer-errors)[b-xjh9070m7j] {
        background-color: var(--color-background-accent-light-primary);
        cursor: pointer;
    }
/* /Components/ProjectNavigation/SimulationCard.razor.rz.scp.css */
.inner-card[b-thveh1sqix] {
    display: flex;
    flex-direction: column;
}

    .inner-card.simulation-card[b-thveh1sqix] {
        border: none;
        width: 274px;
        flex-grow: 0;
        text-align: left;
        padding: 16px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 11px;
    }

.previw-container[b-thveh1sqix] {
    background-color: var(--color-background-default-secondary);
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 242px;
    height: 180px;
}

    .previw-container img.grid-preview-image[b-thveh1sqix] {
        width: 100%;
        max-height: 100%;
        object-fit: cover;
    }

[b-thveh1sqix] .grid-preview-container .icon-container {
    width: 100%;
    height: 100%;
}

    [b-thveh1sqix] .grid-preview-container .icon-container i {
        font-size: 50px;
        top: calc(50% - 25px);
    }

.description[b-thveh1sqix] {
    margin-top: 5px;
    margin-bottom: 10px;
    max-width: 220px;
    height: 100px;
    line-height: 117%;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: break-word;
}

button.simulation-card:hover[b-thveh1sqix] {
    outline: 2px solid var(--color-border-accent-primary);
}

.details-container[b-thveh1sqix] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.simulation-revision[b-thveh1sqix] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .tooltip-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--color-background-default-secondary);
        border-radius: 100%;
        width: 28px;
        height: 28px;
    }
}

.simulation-revision[b-thveh1sqix]  span.tooltip-top-or-bottom.tooltip-custom {
    margin-left: calc(-1.0 * var(--width) / 2);
}

.simulation-revision span[b-thveh1sqix] {
    font-weight: 500;
}

.simulation-name[b-thveh1sqix] {
    width: 220px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/ProjectNavigation/SimulationScenariosList.razor.rz.scp.css */
.project-list-empty[b-79ak956ye9] {
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

[b-79ak956ye9] .project-heading {
    font-size: 16px;
    font-weight: bold;
    margin-top: 8px;
    width: clamp(30%, 40%, 50%);
}

.visibility[b-79ak956ye9] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.table-column-title[b-79ak956ye9] {
    display: inline-flex;
    cursor: pointer
}

.sort-icon[b-79ak956ye9] {
    color: transparent
}

.table-column-title:hover .sort-icon[b-79ak956ye9] {
    color: #d1cbcb;
}

[b-79ak956ye9] th {
    color: #808080;
    font-weight: normal;
}

[b-79ak956ye9] tr {
    height: 90px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

table[b-79ak956ye9] {
    width: 100%;
}

.column-tooltip[b-79ak956ye9] {
    position: relative;
    width: 30px;
    height: 30px;
    margin-left: -30px;
    margin-top: -30px;
    top: 60px;
    left: 100%;
    color: #808080;
}
/* /Components/Scenario/AllRuns.razor.rz.scp.css */
.all-runs-wrapper[b-be4ix6yjvl] {
    position: relative;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    background-color: var(--color-background-default-primary);
}

.all-runs-content[b-be4ix6yjvl] {
    padding: 16px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.all-runs-table[b-be4ix6yjvl] {
    display: grid;
    grid-template-columns: repeat(10, auto);
    gap: 4px 18px;
    padding: 0 10px;
}

.all-runs-header[b-be4ix6yjvl] {
    display: grid;
    padding: 8px 10px;
    grid-column: 1 / -1;
    grid-template-columns: subgrid;
    font-size: 14px;
}

.all-runs-row[b-be4ix6yjvl] {
    display: grid;
    padding: 16px 10px;
    grid-column: 1 / -1;
    grid-template-columns: subgrid;
    border-radius: 6px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.all-runs-row:hover:not(.loading)[b-be4ix6yjvl] {
    background-color: var(--color-background-accent-light-primary);
    cursor: pointer;
}

.all-runs-row > div[b-be4ix6yjvl] {
    font-size: 14px;
}

.cell-horizontal[b-be4ix6yjvl] {
    display: flex;
    align-items: center;
}

.cell-vertical[b-be4ix6yjvl] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
}

.cell-vertical > div[b-be4ix6yjvl],
.cell-vertical .values > div[b-be4ix6yjvl] {
    line-height: 1;
}

.value-and-chart[b-be4ix6yjvl],
.row-prepared-tasks[b-be4ix6yjvl] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.value-and-chart .values[b-be4ix6yjvl] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    line-height: 1;
}

.value-and-chart .chart[b-be4ix6yjvl] {
    width: 80px;
}

.row-prepared-tasks[b-be4ix6yjvl] {
    width: 92px;
}

.mode-total[b-be4ix6yjvl] {
    font-weight: 600;
}

[b-be4ix6yjvl] .line-chart-wrapper {
    width: 100%;
}

.hidden[b-be4ix6yjvl] {
    visibility: hidden;
}

.redline[b-be4ix6yjvl] {
    color: var(--color-infographic-9);
}

.all-runs-empty-state[b-be4ix6yjvl] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 80vh;
    padding: 48px 32px;
}

.all-runs-title[b-be4ix6yjvl] {
    padding: 4px 0 12px;
}

.divider-full-width[b-be4ix6yjvl] {
    margin: 0 -16px 16px;
    width: calc(100% + 32px);
}

.empty-state-title[b-be4ix6yjvl] {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-default-primary);
    margin-bottom: 8px;
}

.empty-state-content[b-be4ix6yjvl] {
    text-align: center;
    max-width: 400px;
}

.empty-state-content > div:first-child[b-be4ix6yjvl] {
    margin-bottom: 16px;
}

.empty-state-description[b-be4ix6yjvl] {
    color: var(--color-text-default-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35;
    margin: 0;
}
/* /Components/Scenario/CompareRuns.razor.rz.scp.css */
.run-comparison-wrapper[b-vkdaq0aklw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.run-comparison-card[b-vkdaq0aklw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    background-color: var(--color-background-default-primary);
    padding: 24px;
}

.run-comparison-header[b-vkdaq0aklw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--color-border-default-primary);
}

.run-comparison-title[b-vkdaq0aklw] {
    margin: 0;
}

.run-comparison-table[b-vkdaq0aklw] {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(4, auto);
    row-gap: 16px;
}

.run-comparison-table-row[b-vkdaq0aklw] {
    display: contents;
}

.run-comparison-value[b-vkdaq0aklw] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 24px;
    font-weight: 600;
    color: var(--color-text-default-primary);
}

.run-comparison-diff[b-vkdaq0aklw] {
    display: inline-block;
    margin-left: 8px;
    font-size: 14px;
    font-weight: 500;
    padding: 2px 8px;
    border-radius: 4px;
}

.run-comparison-diff.diff-better[b-vkdaq0aklw] {
    color: var(--color-text-success-primary);
    background-color: var(--color-background-success-light-primary);
}

.run-comparison-diff.diff-worse[b-vkdaq0aklw] {
    color: var(--color-text-error-primary);
    background-color: var(--color-background-error-light-primary);
}

.run-comparison-diff.diff-neutral[b-vkdaq0aklw] {
    color: var(--color-text-accent-primary);
    background-color: var(--color-background-default-secondary);
}

.run-comparison-breakdown[b-vkdaq0aklw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.run-comparison-breakdown-item[b-vkdaq0aklw] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.legend-color[b-vkdaq0aklw] {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    flex-shrink: 0;
}

.run-comparison-empty[b-vkdaq0aklw],
.run-comparison-loading[b-vkdaq0aklw] {
    padding: 48px 24px;
    text-align: center;
    color: var(--color-text-accent-primary);
}

[b-vkdaq0aklw] .results-card-title-data {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
/* /Components/Scenario/CompareRunsSelector.razor.rz.scp.css */
.compare-runs-selector-section[b-qo8zwin48p] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.compare-runs-label[b-qo8zwin48p] {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-default-primary);
}

.compare-runs-selected-info[b-qo8zwin48p] {
    padding: 8px 12px;
    background-color: var(--color-background-default-secondary);
    border-radius: 8px;
    font-size: 14px;
    color: var(--color-text-default-secondary);
}

.compare-runs-actions[b-qo8zwin48p] {
    margin-top: 16px;
    padding: 16px;
    background-color: var(--color-background-default-secondary);
    border-radius: 8px;
}

.compare-runs-info[b-qo8zwin48p] {
    font-size: 14px;
    color: var(--color-text-default-secondary);
}

.compare-runs-empty-state[b-qo8zwin48p] {
    padding: 24px;
    text-align: center;
    color: var(--color-text-default-secondary);
    font-size: 16px;
}
/* /Components/Scenario/Editor.razor.rz.scp.css */
.project-page-wrapper[b-s5ji4o0wwr] {
    width: 100%;
    display: flex;
}

.project-page-left-menu[b-s5ji4o0wwr] {
    width: 220px;
    flex-shrink: 0;
}

.project-page-content[b-s5ji4o0wwr] {
    margin-left: 16px;
}

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

.loading-content[b-s5ji4o0wwr] {
    position:relative;
    text-align-last: center;
    width: 100%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/* /Components/Scenario/Overview.razor.rz.scp.css */
.overview-card[b-geg3itmk9u] {
    position: relative;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    background-color: white;
}

.content-header[b-geg3itmk9u] {
    padding: 20px;
    min-height: 64px;
    font-size: 16px;
    line-height: 100%;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--color-border-default-secondary, rgba(0, 0, 0, 0.10));
}

.header-title[b-geg3itmk9u] {
    font-size: 20px;
    font-weight: bold;
}

.po-header[b-geg3itmk9u] {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.po-content-body[b-geg3itmk9u] {
    display: flex;
}

.po-section[b-geg3itmk9u] {
    width: fit-content;
    margin-right: 40px;
}

.po-section-title[b-geg3itmk9u] {
    font-weight: bold;
    padding-bottom: 10px;
}

.po-description-row[b-geg3itmk9u] {
    margin-bottom: 20px;
}

.po-requirements-table[b-geg3itmk9u] {
    display: table;
}
/* /Components/Scenario/Run/Configuration/Input/BinDistributionSelect.razor.rz.scp.css */
[b-1jvlf0o1tp].bin-distribution-select .as-select-button, 
[b-1jvlf0o1tp].bin-distribution-select .as-select-content, 
[b-1jvlf0o1tp].bin-distribution-select .as-select .border-element {
    width: 200px;
}
/* /Components/Scenario/Run/Configuration/Modals/PasteErrorModal.razor.rz.scp.css */
ol[b-n7fjatv07k] {
    padding-inline-start: 24px;
}

ul[b-n7fjatv07k] {
    margin-top: -8px;
    padding-inline-start: 16px;
}

ul.indented[b-n7fjatv07k] {
    margin-left: 24px;
}
/* /Components/Scenario/Run/Configuration/OptionsComponents/ContentArea.razor.rz.scp.css */
.setting-group-row[b-4aaotxr3dz] {
    padding: 12px;

    display: grid;
    grid-column: 1/-1;
    grid-template-columns: subgrid;
    align-items: center;
}

.setting-group-row:nth-child(odd)[b-4aaotxr3dz] {
    background-color: var(--color-mono-50);
    border-radius: 6px;
}

.setting-group-title[b-4aaotxr3dz] {
    font-weight: 600;
}

.key-row[b-4aaotxr3dz] {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
}

.key[b-4aaotxr3dz] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.content-id[b-4aaotxr3dz] {
    font-weight: 500;
    color: var(--color-mono-600);
}

.bin-type[b-4aaotxr3dz] {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.87);
}

[b-4aaotxr3dz] .input-with-suffix {
    width: 100px;
}

/* /Components/Scenario/Run/Configuration/PortTable/BinFilter.razor.rz.scp.css */
.ports-filter-section[b-wi3xh5o1dy] {
    margin-top: 0px;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 8px;
}

.filter-heading[b-wi3xh5o1dy] {
    margin: 0 0 16px 0;
    font-weight: 600;
    color: #000;
}

.bin-filter[b-wi3xh5o1dy] {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.filter-label[b-wi3xh5o1dy] {
    margin-bottom: 4px;
    font-size: 14px;
}

.filter-select[b-wi3xh5o1dy] {
    min-width: 140px;
}

.filter-select select[b-wi3xh5o1dy] {
    width: 100%;
    font-size: 14px;
}
/* /Components/Scenario/Run/Configuration/PortTable/FilterContentSelect.razor.rz.scp.css */
.wrapper[b-3hlhqy0d29] {
    width: 150px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
}

.col[b-3hlhqy0d29] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
}

    .col div[b-3hlhqy0d29] {
        margin-left: -10px;
    }

        .col div input[b-3hlhqy0d29] {
            position: relative;
            left: 10px;
            top: 2px;
        }

        .col div button[b-3hlhqy0d29] {
            float: right;
        }

.row[b-3hlhqy0d29] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
/* /Components/Scenario/Run/Configuration/PortTable/PortRow.razor.rz.scp.css */

.port-configuration-cell[b-aau5qfxs57] {
    place-content: left;
    position: relative;
}

.port-configuration-cell.port-name[b-aau5qfxs57] {
    justify-content: flex-start;
}

.conveyor-port-weights-enabled-tooltip[b-aau5qfxs57] {
    position: absolute;
    left: 50%;
    transform: translateX(calc(50% + 8px));
    z-index: 1000;
    margin-bottom: 3px;
}

.cell-content-container[b-aau5qfxs57] {
    display: flex;
    align-items: center;
    height: 34px; /*This equals the height of the mode/task categories buttons to ensure the row is aligned with the center of the top button in handling time column*/
}
/* /Components/Scenario/Run/Configuration/PortTable/PortTable.razor.rz.scp.css */
.port-configuration-table[b-uqvj8gwygf] {
    width: 100%;
    border-collapse: collapse;
}

[b-uqvj8gwygf] tr.workstation {
    background-color: var(--color-mono-50);
}

    [b-uqvj8gwygf] tr.workstation.last-workstation-port td:first-child {
        border-bottom-left-radius: 10px;
    }

    [b-uqvj8gwygf] tr.workstation.last-workstation-port td:last-child {
        border-bottom-right-radius: 10px;
    }

[b-uqvj8gwygf] th {
    text-align:left;
}

[b-uqvj8gwygf] tr.selected-port {
    background-color: var(--color-background-accent-light-primary);
}

[b-uqvj8gwygf] tr.hidden-port {
    display: none;
}

.categories[b-uqvj8gwygf] {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: white;
    box-shadow: inset 0 0 8px 0 rgb(57 63 72 / 30%);
}

[b-uqvj8gwygf] .handling-time-input-group {
    width: 115px;
}

    [b-uqvj8gwygf] .handling-time-input-group .handling-time-input {
        width: 96px;
    }

        [b-uqvj8gwygf] .handling-time-input-group .handling-time-input::placeholder {
            opacity: 50%;
        }

        [b-uqvj8gwygf] .handling-time-input-group .handling-time-input.with-reset-button {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

    [b-uqvj8gwygf] .handling-time-input-group .reset-button-container {
        margin-left: calc(-1px - var(--enhancer-width));
    }

        [b-uqvj8gwygf] .handling-time-input-group .reset-button-container .reset-button {
            background-color: inherit;
            border: 1px solid rgba(80,80,80,0.2);
            padding: 5px;
        }

        [b-uqvj8gwygf] .handling-time-input-group .reset-button-container .reset-button-icon {
            line-height: 21px;
        }

.column-tooltip[b-uqvj8gwygf] {
    position: sticky;
    width: 30px;
    height: 30px;
    margin-left: -30px;
    margin-top: -30px;
    padding-top: 30px;
    top: 18px;
    left: 100%;
    color: #808080;
    z-index: 100;
    pointer-events: none;
    .tooltip-wrapper {
        pointer-events: all;
    }
}

.column-input-small-stacked[b-uqvj8gwygf] {
    width: 96px;
}
/* /Components/Scenario/Run/Configuration/PortTable/WorkstationHeader.razor.rz.scp.css */
tr.selected[b-10xmsx8ogk] {
    background-color: var(--color-yellow-100);
}

tr td[b-10xmsx8ogk] {
    position: relative;
}

    tr td .bottom-separator[b-10xmsx8ogk] {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        border-bottom: 1px solid var(--color-border-default-secondary);
    }

    tr td:first-child[b-10xmsx8ogk] {
        border-top-left-radius: 10px;
        border-bottom-width: 0;
    }

        tr td:first-child .bottom-separator[b-10xmsx8ogk] {
            left: 15px;
        }

    tr td:last-child[b-10xmsx8ogk] {
        border-top-right-radius: 10px;
        border-bottom-width: 0;
    }

        tr td:last-child .bottom-separator[b-10xmsx8ogk] {
            right: 15px;
        }

    tr td .top-separator[b-10xmsx8ogk] {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        border-top: 3px solid white;
    }

.enable-multiport-container[b-10xmsx8ogk] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 16px;
    height: 30px;
}

.multiport-label[b-10xmsx8ogk] {
    white-space: nowrap;
    color: var(--text-default-primary, rgba(0, 0, 0, 0.87));
}

.workstation-name[b-10xmsx8ogk] {
    font-weight: 500;
    line-height: 30px;
}

.right-separator[b-10xmsx8ogk] {
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 0;
    width: 0;
    border-right: 1px solid var(--color-border-default-secondary);
}


.replace-text-wrapper[b-10xmsx8ogk] {
    display: flex;
    align-items: center;
    column-gap: 5px;
}

    .replace-text-wrapper .replace-text-text[b-10xmsx8ogk] {
        white-space: nowrap;
        color: var(--color-text-default-inactive);
    }

.cell-content-container[b-10xmsx8ogk] {
    display: flex;
    align-items: center;
    height: 30px; /*Height should be the same as the highest element in the row to ensure correct vetical alignment*/
}
/* /Components/Scenario/Run/Configuration/TabAdvanced.razor.rz.scp.css */
.tab-advanced-wrapper[b-avha5jgucn] {
    display: flex;
    padding: 16px;
}

.tabadvanced-row[b-avha5jgucn] {
    display: flex;
    align-items: center;
    padding: 1px 0;
    padding-bottom: 12px;
    width: 100%;
}

.tabadvanced-key[b-avha5jgucn] {
    width: 170px;
}

.tabadvanced-value[b-avha5jgucn] {
    width: 96px;
    margin-right: 104px;
}

.tabadvanced-tooltip[b-avha5jgucn] {
    margin-left: 25px;
}

.logsegment-textarea[b-avha5jgucn] {
    width: 370px;
}

.logsegment-key[b-avha5jgucn] {
    width: 370px;
    padding-bottom: 6px;
}
/* /Components/Scenario/Run/Configuration/TabAdvancedComponents/SimulatorVersionSelect.razor.rz.scp.css */
[b-2f5p0q7fch].sw-select-version-width .as-select-button,
[b-2f5p0q7fch].sw-select-version-width .as-select-content,
[b-2f5p0q7fch].sw-select-version-width .as-select .border-element {
    width: 200px;
}

.option-second-line[b-2f5p0q7fch] {
    font-size: 12px;
    color: var(--color-text-default-secondary);
}
/* /Components/Scenario/Run/Configuration/TabBins.razor.rz.scp.css */
.tab-bins-wrapper[b-n9pn39k8ca] {
    display: flex;
    padding: 16px;
}

.content-information[b-n9pn39k8ca] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
}

.bin-dist-grid[b-n9pn39k8ca] {
    display: grid;
    grid-template-columns: minmax(150px, 280px) 70px 100px;
    row-gap: 2px;
    column-gap: 8px;
}

.bin-dist-grid > div[b-n9pn39k8ca] {
    display: flex;
    align-items: center;
}

.content-config-wrapper[b-n9pn39k8ca] {
    display: flex;
    flex-direction: column;
    gap: 16px;

    .accordion {
        border: 1px solid var(--color-border-default-secondary);
        border-radius: 8px;
    }
}

.distribution-label[b-n9pn39k8ca],
.digging-depth[b-n9pn39k8ca],
.content-id[b-n9pn39k8ca] {
    font-weight: 600;
}

.copy-buttons[b-n9pn39k8ca] {
    gap: 8px;
}

.bin-request-percent[b-n9pn39k8ca] {
    display: flex;
    align-items: center;
}

.bin-dist-grid input[b-n9pn39k8ca] {
    width: 100%;
    box-sizing: border-box;
}

.disabled[b-n9pn39k8ca] {
    opacity: 0.4;
}
/* /Components/Scenario/Run/Configuration/TabOptions.razor.rz.scp.css */
.tab-options-wrapper[b-0dcfd615vb] {
    display: flex;
    padding: 16px;
}

.information-wrapper[b-0dcfd615vb] {
    display: grid;
    grid-template-columns: minmax(200px, 1fr) repeat(2, auto);
    align-items: center;
    column-gap: 8px;
}

.information-title[b-0dcfd615vb] {
    font-weight: 600;
}

[b-0dcfd615vb] .information-row {
    padding: 12px;

    display: grid;
    grid-column: 1/-1;
    grid-template-columns: subgrid;
    align-items: center;
}

.robot-row[b-0dcfd615vb] {
    padding: 12px;

    display: grid;
    grid-column: 1/-1;
    grid-template-columns: subgrid;
    align-items: center;
}

.robot-row:nth-child(even)[b-0dcfd615vb] {
    background-color: var(--color-mono-50);
    border-radius: 6px;
}


[b-0dcfd615vb] .value.input-and-range {
    display: flex;
    justify-content: space-between;
}

[b-0dcfd615vb] .input-and-range input[type="number"] {
    width: 100px;
    margin-right: 5px;
}

[b-0dcfd615vb] input[type="range"] {
    width: 80px;
    padding: 0;
    border: 0;
}

[b-0dcfd615vb] input[type=range] {
    -webkit-appearance: none;
}

    [b-0dcfd615vb] input[type=range]::-webkit-slider-runnable-track {
        height: 3px;
        background: black;
        border: none;
        border-radius: 3px;
        cursor: pointer;
    }

    [b-0dcfd615vb] input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        height: 25px;
        width: 25px;
        border-radius: 100%;
        margin-top: -12px;
        background: white;
        border: 3px solid var(--red);
        cursor: pointer;
    }

    [b-0dcfd615vb] input[type=range]:focus {
        outline: none;
    }


[b-0dcfd615vb] .input-and-range input ::-webkit-outer-spin-button {
    opacity: 1.0;
}

[b-0dcfd615vb] .robot-input {
    width: 100px;
}

.divider[b-0dcfd615vb] {
    margin: 8px 0;
}

.emphasis-single[b-0dcfd615vb] {
    font-family: 'CircularXXWeb', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    padding-bottom: 10px;
    padding-top: 10px;
}
/* /Components/Scenario/Run/Configuration/TabPorts.razor.rz.scp.css */
.tab-ports-loops-wrapper[b-zhdd6165cx] {
    display: flex; 
    flex-direction: column; 
    gap: 24px;
    padding: 24px;
}

.no-ports-message[b-zhdd6165cx] {
    color: var(--color-text-default-secondary);
    font-weight: bold;
}

[b-zhdd6165cx] .port-dropdown {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Apply scrolling to grid */
[b-zhdd6165cx] [class^="wgl-grid"], 
[b-zhdd6165cx] [class*=" wgl-grid"] {
    position: sticky;
    top: 50px;
    max-height: calc(100vh - 40px);
    overflow-x: auto;
    display: flex;
    flex-direction: column;
}
/* /Components/Scenario/Run/Configuration/TabTasks.razor.rz.scp.css */
.task-card[b-894fti2595] {
    background-color: #F8F8F8;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.task-card-header[b-894fti2595] {
    display: flex;
    justify-content: space-between;
    align-items: center;

    > * {
        display: flex;
        align-items: center;
        gap: 8px;
    }
}

.tasks-container[b-894fti2595] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
/* /Components/Scenario/Run/Configuration/TaskSettings/CategoryDistribution.razor.rz.scp.css */
.category-distribution-container[b-pzgyf2anxz] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.category-distribution-header[b-pzgyf2anxz] {
    display: flex;
    justify-content: space-between;
    align-items: center;

    > * {
        display: flex;
        align-items: center;
        gap: 8px;
    }
}

.category-distribution-items[b-pzgyf2anxz] {
    display: grid;
    grid-template-columns: 12px 110px 1fr 60px 60px 40px 24px;
    grid-gap: 8px;
    align-items: center;

    &.readonly {
        grid-template-columns: 12px 110px 1fr 60px;
    }
}
/* /Components/Scenario/Run/Configuration/TaskSettings/CategoryDistributionItem.razor.rz.scp.css */
.category-dist-row[b-p343msjqx7] {
    display: contents;
}

.category-name[b-p343msjqx7] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Scenario/Run/Configuration/TaskSettings/CategoryList.razor.rz.scp.css */
.category-list-wrapper[b-8uyenw2rx3] {
    display: flex;
    flex-direction: column;
    gap: 16px;

    > div {
        border: 1px solid var(--color-border-default-primary);
        border-radius: 8px;
    }
}
/* /Components/Scenario/Run/Configuration/TaskSettings/CategoryListItem.razor.rz.scp.css */
.category-wrapper[b-pt1naso9dh] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.category-options[b-pt1naso9dh] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    grid-template-rows: 30px;
    align-content: baseline;
    align-items: center;
    grid-gap: 8px;
}

.category-option-row[b-pt1naso9dh] {
    display: flex;
    gap: 8px;
}

.category-header[b-pt1naso9dh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-grow: 1;

    > div {
        display: flex;
        align-items: center;
        gap: 8px;
    }
}

.category-content[b-pt1naso9dh] {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    grid-column-gap: 16px;
}

.number-field[b-pt1naso9dh] {
    width: 70px;
}

.category-header-right-menu[b-pt1naso9dh]  .as-dropdown-menu-item {
    font-size: 14px;
    font-weight: normal;
}

.category-header-right-menu[b-pt1naso9dh]  .delete-item {
    color: #b1140b;
}
/* /Components/Scenario/Run/Configuration/TaskSettings/GeneralTaskOptions.razor.rz.scp.css */
.general-task-options-grid[b-2ih3othlgn] {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-template-rows: repeat(2, 1fr);
    grid-auto-flow: column;
    grid-column-gap: 32px;

    &.advanced-mode {
        grid-template-columns: repeat(4, auto);
    }

    > div[b-2ih3othlgn] {
        display: flex;
        align-items: center;
        gap: 8px;
    }
}

.general-task-options-tooltip[b-2ih3othlgn] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.general-task-options-input[b-2ih3othlgn] {
    width: 100px;
}
/* /Components/Scenario/Run/Configuration/TaskSettings/OrderDistribution.razor.rz.scp.css */
.order-size-wrapper[b-miqdcrf5ke] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.order-size-buttons[b-miqdcrf5ke] {
    display: flex;
    justify-content: space-between;
}

.order-size-container[b-miqdcrf5ke] {
    display: grid;
    grid-template-columns: 60px 1fr 40px 90px 90px 44px;
    grid-gap: 8px;
    align-items: center;
}

.order-size-header[b-miqdcrf5ke] {
    font-weight: 600;
    display: contents;

    > :last-child {
        justify-self: center;
    }
}
/* /Components/Scenario/Run/Configuration/TaskSettings/OrderDistributionItem.razor.rz.scp.css */
.order-line-row[b-eupb38elcp] {
    display: contents;
}
/* /Components/Scenario/Run/Configuration/TimelineComponents/BulkEditor.razor.rz.scp.css */
.be-wrapper[b-87kbu6de0u] {
    background-color: var(--color-background-accent-light-primary);
    border-radius: 12px;
    display: flex;
    padding: 16px;
    flex-direction: column;
}

.be-edit-info-quantity[b-87kbu6de0u] {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 0;
    align-items: center;
    color: #000000;
    padding: 0 10px;
}

.be-edit-info-apply[b-87kbu6de0u] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.be-actions[b-87kbu6de0u] {
    display: flex;
    align-items: center;
}

.be-checkbox[b-87kbu6de0u] {
    height: 100%;
    display: flex;
    justify-content: end;
}

.be-checkbox-narrow[b-87kbu6de0u] {
    width: 90px;
}

.be-checkbox-wide[b-87kbu6de0u] {
    width: 130px
}

th[b-87kbu6de0u], [b-87kbu6de0u] td {
    padding: 5px 5px;
}

th[b-87kbu6de0u] {
    font-weight: 500;
}

.divider[b-87kbu6de0u] {
    margin: 16px 0;
    border: .5px solid var(--color-border-default-secondary, rgba(0, 0, 0, 0.10));
}
/* /Components/Scenario/Run/Configuration/TimelineComponents/BulkEditorFields.razor.rz.scp.css */
[b-3k2zghbuyl] button.as-select-button {
    width: 130px;
}
/* /Components/Scenario/Run/Configuration/TimelineComponents/PortSummary.razor.rz.scp.css */
.port-summary-wrapper[b-fr4hu2bxab] {
    display: flex;
    flex-wrap: wrap;
}

.port-summary-item[b-fr4hu2bxab] {
    font-weight: 500;
    padding: 0 15px 10px 15px;
    color: var(--color-text-default-secondary);
}
/* /Components/Scenario/Run/Configuration/TimelineComponents/Timeline.razor.rz.scp.css */
.timeline-wrapper[b-0skfifw8z6] {
    position: sticky;
    z-index: 3; /*Keeps timeline in front of the tool bar buttons on the grid preview*/
    bottom: 0;
    max-width: 100vw;
    overflow-x: auto;
}

.timeline-wrapper.border-shadow[b-0skfifw8z6] {
    -webkit-box-shadow: 0 -6px 5px -4px rgba(57, 63, 72, 0.3);
    -moz-box-shadow: 0 -6px 5px -4px rgba(57, 63, 72, 0.3);
    box-shadow: 0 -6px 5px -4px rgba(57, 63, 72, 0.3);
}


.timestep-wrapper[b-0skfifw8z6] {
    position: absolute;
    width: calc(100% - 78px);
    display: inline-flex;
}

.timeline[b-0skfifw8z6] {
    display: inline-flex;
    width: calc(100% - 38px);
    justify-content: center;
    position: relative;
    height: 30px;
}

.timeline-section[b-0skfifw8z6] {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    position: relative;
    min-width: max-content;
}

.relative[b-0skfifw8z6] {
    position: relative;
}

.timeline-button-border[b-0skfifw8z6]:after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border: #276fec 3px solid;
    border-radius: 10px;
}

.timestep-warning[b-0skfifw8z6]::before {
    content: '';
    position: absolute;
    border-style: solid;
    border-color: rgba(255, 192, 67, 1);
    display: block;
    width: 100%;
    z-index: 1;
    border-radius: 10px;
    border-width: 5px;
    height: 100%;
}

.timeline-button-multiselected-active[b-0skfifw8z6]::before {
    content: '';
    position: absolute;
    border-style: solid;
    border-color: white;
    display: block;
    width: 100%;
    z-index: 1;
    border-radius: 10px;
    border-width: 2.5px;
    height: 100%;
}


.timeline-button[b-0skfifw8z6] {
    height: 30px;
    background: #E4E1F4;
    border-radius: 10px;
}

.timeline-button-no-active-ports[b-0skfifw8z6] {
    background:
        repeating-linear-gradient(
            -45deg,
            transparent,
            transparent 5px,
            rgba(96, 53, 217, 0.2) 5px,
            rgba(96, 53, 217, 0.2) 7px
        ),
        #E4E1F4;
}

.timeline-button-active[b-0skfifw8z6] {
    height: 30px;
    background: #6035D9;
    border-radius: 10px;
}

.timeline-button-active .timeline-timestep-text[b-0skfifw8z6] {
    color: white;
}

.timeline-button-multiselected[b-0skfifw8z6] {
    outline: 4px solid #185BD1;
}

.timeline-button-select:hover[b-0skfifw8z6] {
    outline: 4px solid #9382FF;
}

.timeline-button-remove:hover[b-0skfifw8z6] {
    cursor: url(cursors/eraser.png), pointer;
    background: #E2E2E2;
}

.timeline-button-remove:hover span[b-0skfifw8z6] {
    color: rgba(0, 0, 0, 0.4);
}

.timeline-button-remove:hover div[b-0skfifw8z6]::after {
    content: "\e984";
    font-family: 'ASIcons';
    color: rgba(0, 0, 0, 0.4);
}

.timestep-content[b-0skfifw8z6] {
    display: flex;
    justify-content: space-between;
    padding: 4px;
    height: 26px;
}

.timeline-timestep[b-0skfifw8z6] {
    display: inline-flex;
    width: 100%;
}

.timeline-timestep-text[b-0skfifw8z6] {
    color: #3804AA;
    padding-left: 10px;
    height: 30px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.timeline-bar[b-0skfifw8z6] {
    display: inline-flex;
    width: 100%;
    height: 20px;
    background: gray;
    position: relative;
}

.timestamp[b-0skfifw8z6] {
    display: inline-flex;
}


/*The time indicators*/
.timeline-indicator[b-0skfifw8z6] {
    width: inherit;
    height: 60px;
    justify-content: space-between;
    display: flex;
    margin-top: 8px;
}

.timestamp-indicator[b-0skfifw8z6] {
    position: absolute;
    top: -18px;
    text-align: center;
    pointer-events: none;
}

.timestamp-hover-indicator[b-0skfifw8z6] {
    border-left: 1px solid rgba(0, 0, 0, 0.54);
    height: 36px;
    position: absolute;
    z-index: 1;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.timestamp-hover-indicator[b-0skfifw8z6]::before {
    content: "\e9b8";
    font-family: 'ASIcons';
    position: absolute;
    left: -25px;
    top: 1px;
    font-size: 20px;
}


.timeline-divider[b-0skfifw8z6] {
    border-left: 1px solid rgba(0, 0, 0, 0.54);
    height: 10px;
    position: relative;
    left: 50%;
    top: 0;
}

hr[b-0skfifw8z6] {
    margin: 0;
    margin-bottom: 10px;
    border-width: 1px;
}

.border-shadow hr[b-0skfifw8z6] {
    border-color: transparent;
}

/* text/mono/secondary */
.timestamp-text[b-0skfifw8z6] {
    color: rgba(0, 0, 0, 0.54);
    font-size: 14px;
    margin-left: 1px;
}

/*Removes clock icon from time input*/
input[type="time"][b-0skfifw8z6]::-webkit-calendar-picker-indicator {
    background: none;
    display: none;
}

.toolbar-label[b-0skfifw8z6] {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.6);
}


.toolbar-actions[b-0skfifw8z6] {
    border-right-style: solid;
    border-width: thin;
    width: 325px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 38px;
}

.toolbar-actions > *[b-0skfifw8z6] {
    float: right
}


.timeline-header[b-0skfifw8z6] {
    margin-left: 20px;
    margin-right: 20px;
}


input:invalid[b-0skfifw8z6] {
    background: #FFEFED;
    outline: 1px solid #E11B22;
    box-sizing: border-box;
    border-radius: 6px;
}

.timeline-tools[b-0skfifw8z6] {
    flex-wrap: wrap;
    display: flex;
    float: right;
    transition: opacity 0.2s ease-out;
}

.timeline-tools div[b-0skfifw8z6] {
    align-items: center;
    height: 38px;
    float: right;
}


button i[b-0skfifw8z6] {
    margin-right: 10px;
}


.collapsible-button[b-0skfifw8z6] {
    font-weight: bold;
    border: none;
    display: flex;
    align-items: center;
    font-size: 16px;
    margin-top: 10px;
}


.timeline-collapsible[b-0skfifw8z6] {
    max-height: 0;
    overflow: hidden;
    padding-top: 25px;
    transition: max-height 0.2s ease-out;
}


.timestep[b-0skfifw8z6] {
    position: absolute;
    top: 0;
    padding: 2px;
}


.split-option[b-0skfifw8z6] {
    display: flex;
    justify-content: space-between;
    width: 245px;
}

.as-button-w-icon[b-0skfifw8z6] {
    display: flex;
    padding: 8px;
    gap: 8px;
}
/* /Components/Scenario/Run/Configuration/TransferLoopsComponents/TransferLoopsEditor.razor.rz.scp.css */
.transfer-loops-container[b-g0vyyibakk] {
    display: flex;
    flex-direction: column;
    background-color: var(--color-background-accent-light-primary);
    padding: 10px 15px;
    border: 1px solid var(--color-border-default-primary);
    border-radius: 10px;
    margin-top: 30px;
}

.transfer-loops-container-header[b-g0vyyibakk] {
    display: flex;
    align-items: center;
    height: 32px;
}

.transfer-loops-container[b-g0vyyibakk]  th {
    color: var(--color-text-default-secondary);
}

.transfer-loops-container[b-g0vyyibakk]  th, .transfer-loops-container[b-g0vyyibakk]  td {
    padding: 8px 0 8px 16px;
}

.transfer-cells-container[b-g0vyyibakk] {
    background-color: var(--color-background-default-primary);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
}

.transfer-cells-actions[b-g0vyyibakk] {
    padding: 15px 0;
}

[b-g0vyyibakk] .number-field-wrapper {
    max-width: 80px;
}
/* /Components/Scenario/Run/ConfigureRun.razor.rz.scp.css */
[b-tauprqmsu7] select, [b-tauprqmsu7] input {
    border-radius: 5px;
    padding: 5px 10px;
    border: 1px solid rgba(80,80,80,0.2);
}

[b-tauprqmsu7] .as-error {
    padding-top: 5px;
}

[b-tauprqmsu7] .simulation-status #delete {
    display: none;
}

[b-tauprqmsu7] .port-configuration-cell {
    display: flex;
    align-items: center;
}

[b-tauprqmsu7] .port-configuration-cell.stacked-inputs {
    flex-direction: column;    
    gap: 4px;
    align-items: stretch;
    max-width: 96px;
}

.configure-simulation-header[b-tauprqmsu7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.configure-simulation-header-actions[b-tauprqmsu7] {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}

.configure-simulation-header-title span:hover[b-tauprqmsu7] {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    padding: 2px 4px;
    margin: -2px -4px;
}

.configure-simulation-tab-wrapper[b-tauprqmsu7] {
	position: relative;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    background-color: white;
}

.header-title[b-tauprqmsu7] {
    font-size: 20px;
    font-weight: bold;
}

.header-buttons[b-tauprqmsu7] {
    display: flex;
    align-items: center; 
    gap: 16px;
}

.configure-simulation-tab-content-header[b-tauprqmsu7] {
    padding: 20px;
    min-height: 64px;
    font-size: 16px;
    line-height: 100%;
    font-weight: 500;
    display: flex; 
    align-items: center; 
    justify-content: space-between;
    border-bottom: 1px solid var(--color-border-default-secondary, rgba(0, 0, 0, 0.10));
}

.tab-title-row[b-tauprqmsu7] {
    display: flex;
    gap: 4px;
    align-items: center;
    height: 16px;
}

.configure-simulation-tab-content[b-tauprqmsu7] {
    display: flex;
    padding: 16px;
}

.loading-content[b-tauprqmsu7] {
    height: 500px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
/* /Components/Scenario/Run/LiveViewer/TabLiveViewer.razor.rz.scp.css */
.live-viewer-container[b-43dfhvrika] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.run-finished-warning[b-43dfhvrika] {
    margin-left: 24px;
    width: 100%;
}
/* /Components/Scenario/Run/RenameModal.razor.rz.scp.css */
.rename-modal-content[b-e40vnri42v] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px;
}

.rename-modal-title[b-e40vnri42v] {
    font-family: 'CircularXX', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.35;
    color: var(--color-text-default-primary, rgba(0, 0, 0, 0.87));
    margin: 0;
}

.rename-input-group[b-e40vnri42v] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rename-label[b-e40vnri42v] {
    font-family: 'CircularXX', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: var(--color-text-default-secondary, #757575);
}

.rename-modal-buttons[b-e40vnri42v] {
    display: flex;
    gap: 16px;
    justify-content: flex-end;
}
/* /Components/Scenario/Run/Results/AverageBphCard.razor.rz.scp.css */
.average-bins-per-hour-val[b-kzavsjefec] {
    display: flex;
    gap: 10px;
}

.average-bins-per-hour-val-tooltip[b-kzavsjefec] {
    align-items: center;
    display: flex;
}
/* /Components/Scenario/Run/Results/BphPerRobot.razor.rz.scp.css */
.robot-bph-val[b-kgoirxyjd9] {
    display: flex;
    gap: 10px;
}

.robot-bph-val-tooltip[b-kgoirxyjd9] {
    align-items: center;
    display: flex;
}

.robot-bph-card[b-kgoirxyjd9] {
    background: white;
    border-radius: 12px;
    padding: 16px 24px;
    width: auto;
    flex: 0 1;
}
/* /Components/Scenario/Run/Results/LoopsTable.razor.rz.scp.css */
.loops-grid[b-7jslego9a3] {
    display: grid;
}

.grid-header[b-7jslego9a3] {
    display: contents;
}

.grid-header > div[b-7jslego9a3] {
    padding: 12px 10px;
    border-bottom: 1px solid var(--color-border-default-secondary);
    color: var(--color-text-default-secondary);
}

.grid-group[b-7jslego9a3] {
    display: contents;
}

.grid-group:nth-of-type(even)[b-7jslego9a3]  > .grid-row > div {
    background-color: var(--color-background-default-secondary);
}

.grid-group[b-7jslego9a3]  > .grid-row:first-child > div:first-child {
    border-top-left-radius: 6px;
}

.grid-group[b-7jslego9a3]  > .grid-row:last-child > div:first-child {
    border-bottom-left-radius: 6px;
}

.grid-group[b-7jslego9a3]  > .grid-row:first-child > div:last-child {
    border-top-right-radius: 6px;
}

.grid-group[b-7jslego9a3]  > .grid-row:last-child > div:last-child {
    border-bottom-right-radius: 6px;
}
/* /Components/Scenario/Run/Results/LoopsTableRow.razor.rz.scp.css */
.grid-row[b-685x8jdhdv] {
    display: contents;
}

.grid-row > div[b-685x8jdhdv] {
    padding: 12px 10px;
    display: flex;
    align-items: center;

    .bcph-wrapper {
        width: 100%;
    }
}

.transfer-loop-row > div[b-685x8jdhdv] {
    padding-bottom: 5px;
    border-bottom: 1px solid var(--color-border-default-secondary);
}
/* /Components/Scenario/Run/Results/PortRangeFilter.razor.rz.scp.css */
.pf-wrapper[b-vwocv2f007] {
    display: flex;
    align-items: center;
    width: 323px;
}

.pf-col[b-vwocv2f007] {
    margin: 0 5px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
}

    .pf-col:first-of-type[b-vwocv2f007] {
        margin-left: 0;
    }

    .pf-col:last-of-type[b-vwocv2f007] {
        margin-right: 0;
    }

.pf-field[b-vwocv2f007] {
    width: 50px;
}
/* /Components/Scenario/Run/Results/PortsTable.razor.rz.scp.css */
.ports-grid[b-4kj0uuj05j] {
    display: grid;
}

.grid-header[b-4kj0uuj05j] {
    display: contents;
}

.grid-header > div[b-4kj0uuj05j] {
    padding: 12px 10px;
    border-bottom: 1px solid var(--color-border-default-secondary);
    color: var(--color-text-default-secondary);
}

.grid-group[b-4kj0uuj05j] {
    display: contents;
}

.grid-group:nth-of-type(even)[b-4kj0uuj05j]  > .grid-row > div {
    background-color: var(--color-background-default-secondary);
}

.grid-group[b-4kj0uuj05j]  > .grid-row:first-child > div:first-child {
    border-top-left-radius: 6px;
}

.grid-group[b-4kj0uuj05j]  > .grid-row:last-child > div:first-child {
    border-bottom-left-radius: 6px;
}

.grid-group[b-4kj0uuj05j]  > .grid-row:first-child > div:last-child {
    border-top-right-radius: 6px;
}

.grid-group[b-4kj0uuj05j]  > .grid-row:last-child > div:last-child {
    border-bottom-right-radius: 6px;
}

.port-table-header[b-4kj0uuj05j] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.port-table-filter[b-4kj0uuj05j] {
    padding-bottom: 5px;
}
/* /Components/Scenario/Run/Results/PortsTableRow.razor.rz.scp.css */
.grid-row[b-jhhidzu5s9] {
    display: contents;
}

.grid-row > div[b-jhhidzu5s9] {
    padding: 12px 10px;
    display: flex;
    align-items: center;

    .bcph-wrapper {
        width: 100%;
    }
}
/* /Components/Scenario/Run/Results/PortTableFilter.razor.rz.scp.css */
.filter-container[b-bmvdvks6um] {
    display: grid;
    gap: 8px;
    grid-template-columns: min-content repeat(4, minmax(200px, 1fr));
    & .as-button, & .as-select {
        text-wrap: nowrap;
        & .as-select-button .as-select-option, & .as-select-button .placeholder {
            display:block;
            overflow:hidden;
            text-overflow:ellipsis;
            padding-left: 0;
        }
    }

}
.enhanced-input[b-bmvdvks6um] {
    span {
        position: absolute;
        left: 24px;
        display: block;
        
        vertical-align: center;
        line-height: 32px;
    }
    input[b-bmvdvks6um] {
        width: 100%;
        border: 1px solid var(--color-mono-200);
        border-radius: 6px;
        padding-left: 32px;
    }
}

.port-filter-button[b-bmvdvks6um] {
    position: relative;
}

.port-filter-dropdown[b-bmvdvks6um] {
    z-index: 1001;
    color: black;
    background-color: white;
    padding: 12px;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
    position: absolute;
}

.port-filter-close-mask[b-bmvdvks6um] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
}

.hidden[b-bmvdvks6um] {
    display: none;
}
/* /Components/Scenario/Run/Results/TabResults.razor.rz.scp.css */
.tab-results-wrapper[b-s0qsg2n9ua] {
    padding: 16px;
    background-color: var(--color-background-default-secondary);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.results-overview-container[b-s0qsg2n9ua] {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.results-overview-column[b-s0qsg2n9ua] {
    padding: 4px 8px;
}

[b-s0qsg2n9ua] .results-overview-card {
    background: white;
    border-radius: 12px;
    padding: 16px 24px;
    display: flex;
    flex: 1;
}

[b-s0qsg2n9ua] .results-card {
    background: white;
    border-radius: 12px;
    padding: 16px 24px;
    width: auto;
    flex: auto;
}

[b-s0qsg2n9ua] .results-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

[b-s0qsg2n9ua] .results-card-title {
    font-size: 20px;
    font-weight: bold;
}

[b-s0qsg2n9ua] .results-card-title-data {
    font-weight: bold;
    font-size: 32px;
}

.info-row[b-s0qsg2n9ua] {
    justify-content: space-between;
    flex: 1;
}

.info-item[b-s0qsg2n9ua] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 10px 0;
}

.info-item:first-of-type[b-s0qsg2n9ua] {
    margin-top: 0;
}

.info-item:last-of-type[b-s0qsg2n9ua] {
    margin-bottom: 0;
}

.info-data[b-s0qsg2n9ua] {
    font-weight: bold;
    text-align: left;
    font-size: 16px;
    min-width: fit-content;
}

.info-label[b-s0qsg2n9ua] {
    display: inline-flex;
    width: 250px; 
    gap: 15px;
}

.info-label div[b-s0qsg2n9ua] {
    padding-right: 10px;
}

.info-label p[b-s0qsg2n9ua] {
    display: inline-flex;
    width: 50px;
    text-align: left;
}


.vertical-divider[b-s0qsg2n9ua] {
    border-left: 1px solid;
    color: rgba(0, 0, 0, 0.1);
    height: auto;
}

.chart-placeholder[b-s0qsg2n9ua] {
    min-height: 300px;
}

.results-flex-row[b-s0qsg2n9ua] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    min-width: 0;
    max-width: 100% !important;
    overflow-x: hidden;
}

[b-s0qsg2n9ua] .results-card-graph {
    background: white;
    border-radius: 12px;
    padding: 16px 24px;
    flex: 1 1 0;
    min-width: 0;
    max-width: 100%;
    resize: horizontal;
    contain: layout;
    width: 100%;
    overflow-x: hidden;
}

.stats-cards-vertical[b-s0qsg2n9ua] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: auto;
}

.results-header-dropdown[b-s0qsg2n9ua] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

/* Needed to scale graphs */
[b-s0qsg2n9ua] .results-card-graph .line-chart-wrapper,
[b-s0qsg2n9ua] .results-card-graph .line-chart-plot,
[b-s0qsg2n9ua] .results-card-graph .column-chart-plot {
    flex-shrink: 1 !important;
    flex-basis: 0 !important;
    width: 100% !important;
    max-width: 100% !important; /* Fitting results window width */
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

[b-s0qsg2n9ua] .results-card-graph canvas,
[b-s0qsg2n9ua] .line-chart-plot canvas, 
[b-s0qsg2n9ua] .column-chart-plot canvas {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
/* /Components/Scenario/Run/Results/TransferCellResult.razor.rz.scp.css */
.grid-row[b-hgmkw36rsv] {
    display: contents;
}

.grid-row > div[b-hgmkw36rsv] {
    padding: 5px 10px;
}

.transfer-cell-row > div[b-hgmkw36rsv] {
    padding-bottom: 12px;
}
/* /Components/Scenario/RunList.razor.rz.scp.css */
.run-list-sort[b-f5alr4ufqk] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    border-bottom: 1px solid var(--color-border-default-secondary);
}

.run-list-sort-label[b-f5alr4ufqk] {
    font-size: 14px;
    color: var(--color-text-default-secondary);
}

.run-list-item[b-f5alr4ufqk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
}

.run-list-item-content[b-f5alr4ufqk] {
    flex-grow: 1;
}

.run-list-item-name[b-f5alr4ufqk] {
    font-weight: bold;
    line-height: 1;
}

.run-list-item-status[b-f5alr4ufqk] {
    display: flex;
    align-items: center;
    line-height: 1;
    margin-top: 6px;
}

.run-list-item-status i[b-f5alr4ufqk] {
    margin-right: 5px;
    font-size: inherit;
}

.run-list-item-status-pct-bar[b-f5alr4ufqk] {
    flex-grow: 1;
    padding-left: 10px;
}

.red[b-f5alr4ufqk] {
    color: var(--red);
}

.green[b-f5alr4ufqk] {
    color: green;
}

.run-list-item-actions[b-f5alr4ufqk] {
    visibility: hidden;
}

[b-f5alr4ufqk] .run-list-item-actions .as-dropdown-menu-content {
    transform: translateX(-50%);
}   

.run-list-item:hover .run-list-item-actions[b-f5alr4ufqk] {
    visibility: visible;
}

input.like-span[b-f5alr4ufqk] {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    max-width: 110px;
    text-overflow: ellipsis;
}

input.like-span:focus[b-f5alr4ufqk] {
    outline: none; /* remove focus ring */
}
/* /Components/Scenario/Sharing.razor.rz.scp.css */
.sharing-section[b-bd102lmaw7] {
    --section-spacing: 16px;
    --action-spacing: 8px;
}

.owner-text[b-bd102lmaw7] {
    margin: 0;
    margin-block-end: var(--section-spacing);
}

.sharing-actions[b-bd102lmaw7] {
    display: flex;
    flex-direction: column;
    gap: var(--action-spacing);
    margin-block-end: var(--section-spacing);
}

.sharing-actions > *[b-bd102lmaw7] {
    flex-shrink: 0;
}

.sharing-actions[b-bd102lmaw7]  .as-button {
    margin: 0;
}

.sharing-section + *[b-bd102lmaw7] {
    margin-block-start: 0;
}
/* /Components/Scenario/Sidebar.razor.rz.scp.css */
.project-sidebar-container[b-pqaufbu1ty] {
    position: sticky;
    top: 48px;
    height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
}

.project-sidebar-container .project-sidebar-section:last-child[b-pqaufbu1ty] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}
/* /Components/Shared/AccessControl.razor.rz.scp.css */
.name-and-icon[b-vvjhyjhyxe] {
    display: flex;
    margin-left: auto;
    align-items: center;
    gap: 8px;
}

.advanced-mode-toggle[b-vvjhyjhyxe] {
    display: flex;
    gap: 8px;
}
/* /Components/Shared/ASLoadingLogo.razor.rz.scp.css */

.autostore-logo-animation[b-fdt0257w3d] {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 130px;
}

    .autostore-logo-animation div[b-fdt0257w3d] {
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #000;
        animation: lds-grid-b-fdt0257w3d 1900ms linear infinite;
    }

        .autostore-logo-animation div:nth-child(1)[b-fdt0257w3d] {
            top: 26px;
            left: 8px;
            animation-delay: 0ms;
        }

        .autostore-logo-animation div:nth-child(2)[b-fdt0257w3d] {
            top: 0;
            left: 32px;
            animation-delay: 0ms;
        }

        .autostore-logo-animation div:nth-child(3)[b-fdt0257w3d] {
            top: 26px;
            left: 56px;
            animation-delay: 400ms;
        }

        .autostore-logo-animation div:nth-child(4)[b-fdt0257w3d] {
            top: 78px;
            left: 8px;
            animation-delay: 400ms;
        }

        .autostore-logo-animation div:nth-child(5)[b-fdt0257w3d] {
            top: 52px;
            left: 32px;
            animation-delay: 400ms;
        }

        .autostore-logo-animation div:nth-child(6)[b-fdt0257w3d] {
            top: 78px;
            left: 56px;
            animation-delay: 800ms;
        }


@keyframes lds-grid-b-fdt0257w3d {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.4;
    }
}
/* /Components/Shared/ASTextarea.razor.rz.scp.css */
.read-only-text[b-ojdt3kodb2] {
    padding: 10px 0;
    font-family: 'CircularXXWeb', sans-serif;
    font-size: 14px;
}
/* /Components/Shared/BrowserVersionControl.razor.rz.scp.css */
#browser-version-control[b-zfqkm2qa7y]  .info-banner {
    padding: 0 0 0 24px;
    width: unset;
    margin: 0;
}

.hidden[b-zfqkm2qa7y] {
    display: none;
}
/* /Components/Shared/DropdownMenu.razor.rz.scp.css */
.as-dropdown-menu[b-ujx6xh2ko1] {
    position: relative;
}

.as-dropdown-menu-content[b-ujx6xh2ko1] {
    z-index: 1001;
    color: black;
    background-color: white;
    padding: 12px;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
    position: absolute;
    visibility: hidden;
}

.as-dropdown-menu-close-mask[b-ujx6xh2ko1] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
}

.as-visible[b-ujx6xh2ko1] {
    display: block;
}

.as-hidden[b-ujx6xh2ko1] {
    display: none;
}

.as-menu-option[b-ujx6xh2ko1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    min-width: 32px;
    padding: 0 10px;
    color: var(--color-background-inverse-primary);
    background-color: var(--color-text-inverse-primary);
    border: 0;
    border-radius: 6px;
    font-weight: 500;
    line-height: 100%;
    cursor: pointer;
    outline: 0;
}

    .as-menu-option.is-clicked[b-ujx6xh2ko1] {
        background-color: rgba(239, 243, 254, 1);
        color: var(--color-background-accent-primary);
        outline-color: var(--color-text-inverse-primary);
    }

    .as-menu-option.is-active[b-ujx6xh2ko1] {
        color: var(--color-background-accent-primary);
    }

    .as-menu-option.as-clear[b-ujx6xh2ko1] {
        background-color: transparent;
        opacity: 50%;
    }

        .as-menu-option.as-clear i.as-icon-filter[b-ujx6xh2ko1] {
            visibility: hidden;
        }

        .as-menu-option.as-clear:hover[b-ujx6xh2ko1] {
            opacity: 100%;
            outline-color: var(--color-text-inverse-primary);
        }

            .as-menu-option.as-clear:hover i.as-icon-filter[b-ujx6xh2ko1] {
                visibility: visible;
            }

.as-icon-filter[b-ujx6xh2ko1] {
    width: 15px;
    transform: scale(0.7);
}
/* /Components/Shared/DropdownMenuItem.razor.rz.scp.css */
.as-dropdown-menu-item[b-pjdzqvsooo] {
    padding: 6px 12px;
    margin-bottom: 6px;
}

    .as-dropdown-menu-item:last-child[b-pjdzqvsooo] {
        margin-bottom: 0;
    }

.disabled[b-pjdzqvsooo] {
    color: rgba(0, 0, 0, 0.5);
    cursor: default;
}

    .disabled:hover[b-pjdzqvsooo] {
        background-color: transparent;
    }
/* /Components/Shared/EditableLabel.razor.rz.scp.css */
input.like-span[b-m1f0ocvcj3] {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    width: 100%;
    text-overflow: ellipsis;
}

input.like-span:focus[b-m1f0ocvcj3] {
    outline: none;
}

/* /Components/Shared/Loaders/Bone.razor.rz.scp.css */
.bone[b-k7w5kz8axk] {
    --delay: 0s;
    position: relative;
    overflow: hidden;
    width: 50%;
    height: 40px;
    background: #ddd;
    display: inline-block;
    border-radius: 5px;
    animation: blink-b-k7w5kz8axk 2s ease-in-out var(--delay) infinite;
}

@keyframes blink-b-k7w5kz8axk {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0.3;
    }

    50% {
        opacity: 1;
    }
}
/* /Components/Shared/Popup.razor.rz.scp.css */
.overlay[b-uxfjtdqw4n] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
}

.popup[b-uxfjtdqw4n] {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 30%;
    position: relative;
    transition: all 5s ease-in-out;
}

.button-container[b-uxfjtdqw4n] {
    margin: 20px;
    display: flex;
    justify-content: space-evenly;
}

.button-container button[b-uxfjtdqw4n] {
    min-width: 100px;
}
/* /Components/Shared/PopupModal.razor.rz.scp.css */
.popup-modal[b-vh1ephajku] {
    display: none;
    position: fixed;
    z-index: 1050;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

.popup-modal.show[b-vh1ephajku] {
    display: block;
}

.popup-modal-dialog[b-vh1ephajku] {
    position: relative;
    width: auto;
    max-width: 500px;
    margin: 1.75rem auto;
    pointer-events: auto;
}

.popup-modal-content[b-vh1ephajku] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}
/* /Pages/Home.razor.rz.scp.css */
.welcome-text-wrapper[b-6fjazob0yo] {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}

.welcome-text[b-6fjazob0yo] {
    margin-top: 4px;
}

.enjoy-simulating[b-6fjazob0yo] {
    margin-top: 32px;
    margin-bottom: 32px;
}

.log-in-button[b-6fjazob0yo] {
    width: 144px;
}
/* /Pages/NewScenario.razor.rz.scp.css */
.inner-card-body[b-dd3crvgsnv] {
    background: #F8F8F8;
    border-radius: 15px;
}

.create-project-row[b-dd3crvgsnv] {
    margin-top: 20px;
    padding-top: 20px;
}

.upload-title[b-dd3crvgsnv] {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.project-title-input[b-dd3crvgsnv] {
    margin-left: 30px;
}

.selected-file-name[b-dd3crvgsnv] {
    margin-top: 10px;
    margin-bottom: 40px;
}

    .selected-file-name .maximum-file-size-text[b-dd3crvgsnv] {
        margin-left: 20px;
        color: var(--color-text-default-secondary);
    }

    .selected-file-name .no-file-selected[b-dd3crvgsnv] {
        color: var(--color-text-default-secondary);
    }

[b-dd3crvgsnv] .selected-file-name .as-error {
    display: inline-block;
}

.input-container[b-dd3crvgsnv] {
    height: 400px;
}

[b-dd3crvgsnv] .input-file {
    height: 100%;
    width: 100%;
    padding-top: 400px;
    position: absolute;
    top: 0;
    left: 0;
}

.drag-and-drop-upload-icon[b-dd3crvgsnv] {
    font-size: 45px;
    color: var(--color-icon-default-secondary);
}

.drag-and-drop-content-container[b-dd3crvgsnv] {
    height: 100%;
    align-items: center;
    justify-items: center;
    border: dashed 3px var(--color-text-default-disabled);
    border-radius: 15px;
}

    .drag-and-drop-content-container.dragover[b-dd3crvgsnv] {
        transform: scale(0.95);
        background-color: white;
    }

    .drag-and-drop-content-container .as-button[b-dd3crvgsnv] {
        margin-bottom: 0;
    }


    .drag-and-drop-content-container .drag-and-drop-upload-text[b-dd3crvgsnv] {
        font-size: 16px;
        font-weight: 500;
    }
/* /Pages/NewScenarioManual.razor.rz.scp.css */
.inner-card-body[b-fx6qm7czox] {
    background: #F8F8F8;
    border-radius: 15px;
}

.create-project-row[b-fx6qm7czox] {
    margin-top: 20px;
    padding-top: 20px;
}

.upload-title[b-fx6qm7czox] {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.project-title-input[b-fx6qm7czox] {
    margin-left: 30px;
}

.selected-file-name[b-fx6qm7czox] {
    margin-top: 10px;
    margin-bottom: 40px;
}

    .selected-file-name .maximum-file-size-text[b-fx6qm7czox] {
        margin-left: 20px;
        color: var(--color-text-default-secondary);
    }

    .selected-file-name .no-file-selected[b-fx6qm7czox] {
        color: var(--color-text-default-secondary);
    }

[b-fx6qm7czox] .selected-file-name .as-error {
    display: inline-block;
}

.input-container[b-fx6qm7czox] {
    height: 400px;
}

[b-fx6qm7czox] .input-file {
    height: 100%;
    width: 100%;
    padding-top: 400px;
    position: absolute;
    top: 0;
    left: 0;
}

.drag-and-drop-upload-icon[b-fx6qm7czox] {
    font-size: 45px;
    color: var(--color-icon-default-secondary);
}

.drag-and-drop-content-container[b-fx6qm7czox] {
    height: 100%;
    align-items: center;
    justify-items: center;
    border: dashed 3px var(--color-text-default-disabled);
    border-radius: 15px;
}

    .drag-and-drop-content-container.dragover[b-fx6qm7czox] {
        transform: scale(0.95);
        background-color: white;
    }

    .drag-and-drop-content-container .as-button[b-fx6qm7czox] {
        margin-bottom: 0;
    }


    .drag-and-drop-content-container .drag-and-drop-upload-text[b-fx6qm7czox] {
        font-size: 16px;
        font-weight: 500;
    }
/* /Pages/SimulationScenarios.razor.rz.scp.css */
.projects[b-orf0xc9b3p] {
    padding: 16px 32px;
}

.description-box[b-orf0xc9b3p] {
    width: 800px
}
/* /Pages/Viewer3D.razor.rz.scp.css */
.loading-content[b-4zww26rzbq] {
    height: 500px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
}