/* /Components/About/About.razor.rz.scp.css */
.version[b-am8drjk6kg] {
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: 8px;
    font-size: 10px;
    cursor: pointer;
}

.dropdown[b-am8drjk6kg] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

.dropdown-item-text[b-am8drjk6kg] {
    color: var(--grey-background);
}

.dropdown-header__container[b-am8drjk6kg] {
    display: flex;
    justify-content: space-between;
}

.dropdown-header[b-am8drjk6kg] {
    color: var(--dark-grey-background);
}

@media (max-width: 640.98px) {
    .version[b-am8drjk6kg] {
        font-size: 8px;
        padding-right: 6px;
    }
}
/* /Components/Banner/Banner.razor.rz.scp.css */
.banner[b-sk8xj0nnl7] {
    position: relative;
    padding: 8px;
    text-align: center;
    font-weight: 600;
    min-height: var(--banner-height-lg);
    color: black;
}

@media (max-width: 640.98px) {
    .banner[b-sk8xj0nnl7] {
        font-size: 10px;
        min-height: var(--banner-height-sm);
    }
}
/* /Components/Chart/Chart.razor.rz.scp.css */
.card[b-g0m1eepuig] {
    overflow: hidden;
    border: none;
}

.detail-view__graph[b-g0m1eepuig] {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-items: center;
    justify-content: center;
    align-items: center;
    height: auto !important;
    min-height: 150px;
}

.details-card[b-g0m1eepuig] {
    border-radius: .25rem;
    background: transparent !important;
}

.card-header[b-g0m1eepuig] {
    background-color: var(--dark-background);
    color: white;
    width: 100%;
    border-radius: 0;
    border-bottom: 1px solid var(--darkest-background);
}

.card-body[b-g0m1eepuig] {
    background-color: var(--dark-grey-background);
    color: white;
    border-radius: 0;
}

.details-card__body[b-g0m1eepuig] {
    overflow: auto;
    padding: 0;
    border-radius: .25rem;
}

.graph__container[b-g0m1eepuig] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.form-select[b-g0m1eepuig] {
    font-size: 12px;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    padding-right: 2rem;
}

@media (max-width: 991.98px) {
    .detail-view__graph[b-g0m1eepuig] {
        min-height: 200px;
    }
}
/* /Components/Controls/ControlsContainer/ControlsContainer.razor.rz.scp.css */
.controls-container[b-rqa4qrrudk] {
    background-color: var(--dark-background);
    border-radius: 0.25rem;
}

.card-header[b-rqa4qrrudk] {
    background-color: var(--dark-background);
    color: white;
    width: 100%;
    border-radius: 0;
}

.card-body[b-rqa4qrrudk] {
    background-color: var(--dark-grey-background);
    color: white;
    border-radius: 0;
}

.form-select[b-rqa4qrrudk] {
    font-size: 12px;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    padding-right: 2rem;
}
/* /Components/Controls/ErrorSimulation/ErrorSimulation.razor.rz.scp.css */
.control[b-7hptp5utfl] {
    display:flex;
    flex-wrap: wrap;
}

.bi-sim-controls[b-7hptp5utfl] {
    background-image: url("/assets/icons/bug.svg");
    filter: invert(100%);
    width: 1rem;
    height: 1.35rem;
    margin-left: 10px;
    margin-right: 0.75rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.error-simulation__controls[b-7hptp5utfl] {
    border-top: 1px solid var(--dark-background);
    width: 100%;
    container-type: inline-size;
}

.button-container[b-7hptp5utfl] {
    min-width: 150px;
    width:150px;
    float: right;
    display: flex;
    flex-direction: row;
    align-self: flex-start;
    margin-top: 0.5rem;
    justify-content: space-between;
    flex-wrap: wrap;
}

.control-item[b-7hptp5utfl] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.control-item[b-7hptp5utfl]  .control {
    color: #d7d7d7;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
}

.control-item[b-7hptp5utfl]  .control {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.control-item[b-7hptp5utfl]  .control:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.control-item[b-7hptp5utfl]  .control {
    flex-direction: row;
    justify-content: space-between;
    height: auto;
    padding-left: 6px;
    padding-right: 6px;
}

.control-container[b-7hptp5utfl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@container (max-width: 500px) {
    .control-container[b-7hptp5utfl] {
        flex-direction: column;
        align-items: flex-start;
    }

    .button-container[b-7hptp5utfl] {
        width: 100%;
        min-width: unset;
        flex-wrap: nowrap;
    }
}

.btn:focus:not(:focus-visible)[b-7hptp5utfl] {
    outline: none;
    box-shadow: none;
}

.btn-dark-blue[b-7hptp5utfl] {
    background: var(--tyranite-blue);
    color: white;
}

.btn-dark-blue:hover[b-7hptp5utfl] {
    filter: brightness(1.5)
}

.toggle-controls[b-7hptp5utfl] {
    border: none;
    background: none
}

.toggle-controls img[b-7hptp5utfl] {
    filter: invert(1);
    width: 24px;
    height: 24px;
    margin: 0 !important;
}

control-item[b-7hptp5utfl]  .control {
    flex-direction: column;
    align-items: flex-start;
}

input[b-7hptp5utfl] {
    height:32px;
}

/* /Components/Controls/LEDControls/LEDControls.razor.rz.scp.css */
.bi-led-controls[b-6a164ynezd] {
    background-image: url("/assets/icons/lightbulb-regular.svg");
    filter: invert(100%);
    width: 1rem;
    height: 1.35rem;
    margin-left: 10px;
    margin-right: 0.75rem;
}

.control-item[b-6a164ynezd] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.control-item[b-6a164ynezd]  .control {
    color: #d7d7d7;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
}

.control-item[b-6a164ynezd]  .control {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.control-item[b-6a164ynezd]  .control:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.control-item[b-6a164ynezd]  .control {
    flex-direction: row;
    justify-content: space-between;
    height: auto;
    padding-left: 6px;
    padding-right: 6px;
    flex-wrap: wrap;
}

.btn:focus:not(:focus-visible)[b-6a164ynezd] {
    outline: none;
    box-shadow: none;
}

.toggle-controls[b-6a164ynezd] {
    border: none;
    background: none
}

.toggle-controls img[b-6a164ynezd] {
    filter: invert(1);
    width: 24px;
    height: 24px;
    margin: 0 !important;
}

@media (min-width: 992px) {

    .control[b-6a164ynezd]  .led-buttons {
        border-top: 1px solid var(--dark-background);
        width: 100%;
    }

    .toggle-controls[b-6a164ynezd] {
        display: none;
    }

    .control-item[b-6a164ynezd]  .control {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Controls/StatusChangeSimulation/StatusChangeSimulation.razor.rz.scp.css */
.control[b-b9yhtj5uox] {
    display: flex;
    flex-wrap: wrap;
}

.bi-sim-controls[b-b9yhtj5uox] {
    background-image: url("/assets/icons/message.svg");
    filter: invert(100%);
    width: 1rem;
    height: 1.35rem;
    margin-left: 10px;
    margin-right: 0.75rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.status-simulation__controls[b-b9yhtj5uox] {
    border-top: 1px solid var(--dark-background);
    width: 100%;
    container-type: inline-size;
}

.button-container[b-b9yhtj5uox] {
    min-width: 150px;
    width: 150px;
    float: right;
    display: flex;
    flex-direction: row;
    align-self: flex-start;
    margin-top: 0.5rem;
    justify-content: space-between;
    flex-wrap: wrap;
}

.control-item[b-b9yhtj5uox] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.control-item[b-b9yhtj5uox]  .control {
    color: #d7d7d7;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
}

.control-item[b-b9yhtj5uox]  .control {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.control-item[b-b9yhtj5uox]  .control:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.control-item[b-b9yhtj5uox]  .control {
    flex-direction: row;
    justify-content: space-between;
    height: auto;
    padding-left: 6px;
    padding-right: 6px;
}

.control-container[b-b9yhtj5uox] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@container (max-width: 500px) {
    .control-container[b-b9yhtj5uox] {
        flex-direction: column;
        align-items: flex-start;
    }

    .button-container[b-b9yhtj5uox] {
        width: 100%;
        min-width: unset;
        flex-wrap: nowrap;
    }
}

.btn:focus[b-b9yhtj5uox] {
    outline: none;
    box-shadow: none;
}

.btn-dark-blue[b-b9yhtj5uox] {
    background: var(--tyranite-blue);
    color: white;
}

.btn-dark-blue:hover[b-b9yhtj5uox] {
    filter: brightness(1.5)
}

.toggle-controls[b-b9yhtj5uox] {
    border: none;
    background: none
}

.toggle-controls img[b-b9yhtj5uox] {
    filter: invert(1);
    width: 24px;
    height: 24px;
    margin: 0 !important;
}

control-item[b-b9yhtj5uox]  .control {
    flex-direction: column;
    align-items: flex-start;
}

input[b-b9yhtj5uox] {
    height: 32px;
}

.dropdown-item[b-b9yhtj5uox], .form-check[b-b9yhtj5uox], input[b-b9yhtj5uox] {
    cursor: pointer;
}

.form-check-input[b-b9yhtj5uox] {
    border-radius: 0 !important; /* Removes the rounded corners */
    width:100%;
}

.form-check-input[b-b9yhtj5uox]::before {
    border-radius: 0 !important; /* Removes the rounded corners from the thumb */
}

.form-check-input[b-b9yhtj5uox]::after {
    border-radius: 0 !important; /* Adjust this if the thumb itself needs to be rectangular */
}

.live-only-switch:checked[b-b9yhtj5uox] {
    background-color: var(--bs-success) !important;
    border-color: var(--bs-success) !important;
}

.on-loc-switch:checked[b-b9yhtj5uox] {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
}

.on-alert-switch:checked[b-b9yhtj5uox] {
    background-color: #EF2A3A !important;
    border-color: #EF2A3A !important;
}

.form-switch[b-b9yhtj5uox] {
    padding-right: 12px;
    width:100%
}
/* /Components/Details/Details.razor.rz.scp.css */
.body__column[b-4mtvc05tit] {
    display: flex;
    justify-content: space-between;
}

.card[b-4mtvc05tit] {
    overflow: hidden;
    border: none;
}

.small-card[b-4mtvc05tit] {
    width: 50%;
    flex-grow: 1;
    background: transparent;
}

.small-card:first-of-type[b-4mtvc05tit] {
    margin-right: 4px;
}

.small-card:last-of-type[b-4mtvc05tit] {
    margin-left: 4px;
}

.small-card:only-child[b-4mtvc05tit] {
    margin-left: 0px;
    margin-right: 0px;
}

.card-text[b-4mtvc05tit] {
    font-size: 0.9rem;
}

.details-card[b-4mtvc05tit] {
    border-radius: .25rem;
    background: transparent !important;
}

.card-header[b-4mtvc05tit] {
    background-color: var(--dark-background);
    color: white;
    width: 100%;
    border-radius: 0;
    border-bottom: 1px solid var(--darkest-background);
}

.card-body[b-4mtvc05tit] {
    background-color: var(--dark-grey-background);
    color: white;
    border-radius: 0;
}

.details-card__body[b-4mtvc05tit] {
    overflow: auto;
    padding: 0;
    border-radius: .25rem;
}

.expand-icon[b-4mtvc05tit] {
    width: 14px;
    height: 14px;
    float: right;
    filter: invert(1);
    padding: 5px;
    box-sizing: content-box;
    cursor: pointer;
}
/* /Components/FeedComponents/FeedHeadings/FeedHeadings.razor.rz.scp.css */
.feed-headings[b-k71zcznrcv] {
    display: flex;
    container-type: inline-size;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    background-color: black;
    color: white;
    border-left: 2px solid;
    border-right: 2px solid;
}

.feed-headings__text[b-k71zcznrcv] {
    padding-left: 2px;
    padding-right: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.feed-headings__text[b-k71zcznrcv] {
    width: 32%;
}

.feed-headings > :nth-child(1)[b-k71zcznrcv] {
    text-align: left;
}

.feed-headings > :nth-child(3)[b-k71zcznrcv] {
    text-align: center;
}

.feed-headings > span:nth-child(3)[b-k71zcznrcv]::before,
.feed-headings > span:nth-child(3)[b-k71zcznrcv]::after,
.feed-headings > span:nth-child(1)[b-k71zcznrcv]::after,
.feed-headings > span:nth-child(5)[b-k71zcznrcv]::before
{
    content: "\00a0";
}

.feed-headings > :nth-child(5)[b-k71zcznrcv] {
    text-align: right;
}

.centre-all-headings span.feed-headings__text[b-k71zcznrcv] {
    width: fit-content;
    text-align: center;
}

.centre-all-headings[b-k71zcznrcv] {
    justify-content: center;
}

.centre-all-headings .text__divider[b-k71zcznrcv] {
    padding: 0 6px;
}

@container (min-width: 1px) and (max-width: 199.98px) {
    span[b-k71zcznrcv] {
        display: none;
        font-size: 10px !important; /* Minimum size */
    }

    .feed-headings > :nth-child(3)[b-k71zcznrcv] {
        display: inline;
        width: 100%;
    }
}

@container (min-width: 200px) and (max-width: 471.99px) {
    span[b-k71zcznrcv] {
        display: none;
        font-size: clamp(12px, 1.5vw, 14px) !important; /* Minimum size */
    }

    .feed-headings > :nth-child(3)[b-k71zcznrcv] {
        display: inline;
        width: 100%;
    }
}
/* /Components/FeedComponents/FeedPanel/FeedPanel.razor.rz.scp.css */
.feed-panel__container[b-tip8owaz9w] {
    display: flex;
    width: 100%;
    position: absolute;
    min-height: 50px;
    bottom: 0;
    cursor: pointer;
    outline: none;
}

.feed-panel[b-tip8owaz9w] {
    display: flex;
    background-color: rgba(50, 50, 50, 0.5);
    padding: 0.5rem;
    width: 100%;
    justify-content: flex-end;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition: opacity 0.2s 0.2s ease, transform 0.2s 0.2s ease, visibility 0.2s 0.2s;
}

.feed-panel__container:focus-within .feed-panel[b-tip8owaz9w], .feed-panel__container:hover .feed-panel[b-tip8owaz9w] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity 0.2s 0.2s ease, transform 0.2s 0.2s ease;
    z-index: 2;
}

.panel__button[b-tip8owaz9w] {
    border: none;
    background: none;
}

.panel__icon[b-tip8owaz9w] {
    width: 20px;
    box-sizing: content-box;
    margin-right: 10px;
    filter: invert(1)
}
/* /Components/FeedComponents/FeedViewer/FeedViewer.razor.rz.scp.css */
.feed-viewer[b-25hi2ej39t] {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.canvas-container[b-25hi2ej39t] {
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 2px solid;
    border-right: 2px solid;
    background-color: black;
    box-sizing: content-box;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}

.canvas-container canvas[b-25hi2ej39t] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.canvas-container .canvas-message[b-25hi2ej39t] {
    container-type: inline-size;
    width: 100%;
    position: absolute;
    bottom: 20%;
}

.focus-mode span[b-25hi2ej39t] {
    white-space: wrap;
    text-overflow: unset;
}

@container (min-width: 472px) {
    span[b-25hi2ej39t], .canvas-container span[b-25hi2ej39t] {
        font-size: clamp(12px, 1.5vw, 14px) !important;
    }
}

@container (min-width: 1px) and (max-width: 150.98px) {
    .canvas-message span[b-25hi2ej39t] {
        font-size: clamp(8px, 0.8vw, 10px) !important;
    }
}

@container (min-width: 151px) and (max-width: 471.99px) {
    .canvas-message span[b-25hi2ej39t] {
        font-size: clamp(10px, 1.5vw, 12px) !important;
    }
}

.focus-mode[b-25hi2ej39t] {
    z-index: 2000 !important;
    background-color: rgba(0, 0, 0, 1);
    border: none;
    object-fit: contain;
    user-select: text;
    position: fixed !important;
    box-sizing: border-box !important;
    min-width: 0px !important;
    max-width: none !important;
    min-height: 0px !important;
    max-height: none !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    inset: 0px !important;
    margin: 0px !important;
    visibility: visible !important;
}


/* /Components/Filters/Filters.razor.rz.scp.css */
.filters__container[b-s56ka4uztq] {
    display: flex;
    justify-content: space-around;
    background: #fff;
    color: black;
}

.filter-icons[b-s56ka4uztq] {
    cursor: pointer;
    text-align: center;
}

.filter-icons:focus-visible[b-s56ka4uztq] {
    outline: none;
}

.filter-icons__container[b-s56ka4uztq] {
    padding: 8px;
    border-radius: 50%;
    display: inline-flex;
}

.filters-card[b-s56ka4uztq] {
    border-radius: .25rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.filter-icons .filter-icons__container[b-s56ka4uztq] {
    outline: none;
}

.filter-icons:hover .filter-icons__container[b-s56ka4uztq], .filter-icons:focus-visible .filter-icons__container[b-s56ka4uztq] {
    outline: 2px solid steelBlue;
}

.filter-icons.active .filter-icons__container[b-s56ka4uztq] {
    outline: 2px solid steelBlue;
}

.filter-icons.filter-applied .filter-icons__container[b-s56ka4uztq] {
    background-color: var(--tyranite-blue)
}

.filter-icons.filter-applied img[b-s56ka4uztq] {
    filter: invert(1)
}

.filter-icons img[b-s56ka4uztq] {
    width: 24px;
    height: 24px;
}

.filter-buttons[b-s56ka4uztq] {
    display: flex;
    justify-content: space-evenly;
}

.filter-button[b-s56ka4uztq] {
    width: 58px;
}

.filter-button:focus[b-s56ka4uztq] {
    box-shadow: none;
}

.form-range[b-s56ka4uztq] {
    -webkit-appearance: none; /* Override default CSS styles */
    appearance: none;
}


.form-range[b-s56ka4uztq]::-webkit-slider-thumb {
    background: var(--tyranite-blue);
}

.form-range[b-s56ka4uztq]::-moz-range-thumb {
    background: var(--tyranite-blue);
}

.control[b-s56ka4uztq] {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 991.98px) {
    .filters-card[b-s56ka4uztq] {
        margin-bottom: 0;
    }

    .control-item[b-s56ka4uztq] {
        margin-bottom: 0.5rem;
    }

    .filter-icons img[b-s56ka4uztq] {
        width: 16px;
        height: 16px;
    }

    .filter-icons p[b-s56ka4uztq] {
        font-size: 12px;
    }
}
/* /Components/GroupSelector/GroupSelector.razor.rz.scp.css */
.dropdown[b-kikzjgljdh] {
    z-index: 5;
}

.dropdown-menu[b-kikzjgljdh] {
    max-height: 80vh;
    height: fit-content;
    overflow: auto;
    right: 0;
    left: auto;
}

.groups__container[b-kikzjgljdh] {
    display: flex;
    flex-wrap: wrap;
    width: max-content;
    max-width: 1000px;
}

.disabled[b-kikzjgljdh] {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent;
}

.groups__header[b-kikzjgljdh] {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--dark-background);
    margin-bottom: 0.5em;
}

.groups__header h5[b-kikzjgljdh] {
    padding-bottom: 1rem;
    margin: 0;
    font-size: 16px;
}

.group__item[b-kikzjgljdh] {
    margin: 5px 5px 20px 5px;
    border-top: 2px solid;
}

.extra-small-rows[b-kikzjgljdh] {
    width: calc(100% - 10px);
}

.small-rows[b-kikzjgljdh] {
    width: calc(50% - 10px);
}

.medium-rows[b-kikzjgljdh] {
    width: calc(33.33% - 10px);
}

.large-rows[b-kikzjgljdh] {
    width: calc(25% - 10px);
}

.extra-large-rows[b-kikzjgljdh]{
    width: calc(20% - 10px);
}

@media (max-width: 1300px) {
    .groups__container[b-kikzjgljdh] {
        max-width: 850px;
    }

    .extra-small-rows[b-kikzjgljdh] {
        width: calc(100% - 10px);
    }
    
    .small-rows[b-kikzjgljdh] {
        width: calc(50% - 10px);
    }
    
    .medium-rows[b-kikzjgljdh] {
        width: calc(33.33% - 10px);
    }
    
    .large-rows[b-kikzjgljdh], .extra-large-rows[b-kikzjgljdh] {
        width: calc(25% - 10px);
    }
}

@media (max-width: 900px) {
    .groups__container[b-kikzjgljdh] {
        max-width: 90vw;
    }

    .extra-small-rows[b-kikzjgljdh] {
        width: calc(100% - 10px);
    }
    
    .small-rows[b-kikzjgljdh], .medium-rows[b-kikzjgljdh], .large-rows[b-kikzjgljdh], .extra-large-rows[b-kikzjgljdh] {
        width: calc(50% - 10px);
    }
}

.dropdown-item[b-kikzjgljdh] {
    display: flex;
    margin: 5px;
    padding: 0;
    font-size: 14px;
}

.groups__expanded-content[b-kikzjgljdh] {
    display: flex;
    flex-direction: column;
}

.group__switches[b-kikzjgljdh] {
    display: flex;
    margin: 8px 8px 0 5px;
    font-size: 12px;
}

.form-switch[b-kikzjgljdh] {
    padding-right: 12px;
}

.groups__expanded-content .dropdown-item span[b-kikzjgljdh] {
    font-size: 14px;
}

.groups__expanded-content .dropdown-item .badge[b-kikzjgljdh] {
    display: inline;
    font-size: .5em;
    margin: 4px 4px auto 0;
    cursor: auto;
}

.form-check[b-kikzjgljdh] {
    margin-bottom: .5rem;
    min-height: unset;
}

.form-check-input[b-kikzjgljdh] {
    border-radius: 0 !important; /* Removes the rounded corners */
}

.form-check-input[b-kikzjgljdh]::before {
    border-radius: 0 !important; /* Removes the rounded corners from the thumb */
}

.form-check-input[b-kikzjgljdh]::after {
    border-radius: 0 !important; /* Adjust this if the thumb itself needs to be rectangular */
}

.live-only-switch:checked[b-kikzjgljdh] {
    background-color: var(--bs-success) !important;
    border-color: var(--bs-success) !important;
}

.on-loc-switch:checked[b-kikzjgljdh] {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
}

.expand-icon[b-kikzjgljdh] {
    padding: 2px 0 2px 30px;
    box-sizing: content-box;
    width: 14px;
    height: 14px;
    margin: 1px 10px auto 0 !important;
}

.dropdown-checkbox[b-kikzjgljdh] {
    margin: 4px 0 auto;
}

label[b-kikzjgljdh] {
    white-space: normal;
    cursor: pointer;
    word-break: break-word;
}

.dropdown-item.active[b-kikzjgljdh], .dropdown-item:active[b-kikzjgljdh] {
    color: black;
    text-decoration: none;
    background-color: transparent;
}

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

.group__item__checkbox-area[b-kikzjgljdh] {
    flex-grow: 1;
    display: flex;
}

.feed__item__checkbox-area[b-kikzjgljdh] {
    display: flex;
}

.group__item__row img[b-kikzjgljdh], .form-switch[b-kikzjgljdh], .form-switch input[b-kikzjgljdh] {
    cursor: pointer;
}

@media (min-width: 640.99px) {
    .group__item__checkbox-area:hover[b-kikzjgljdh], .feed__item__checkbox-area:hover[b-kikzjgljdh], .group__item__row img:hover[b-kikzjgljdh], .form-switch:hover[b-kikzjgljdh], .groups__header button:hover[b-kikzjgljdh] {
        background-color: #e9ecef !important;
    }
}
    

.group__item__checkbox-area label[b-kikzjgljdh] {
    flex-grow: 1;
}

.dropdown-item:hover[b-kikzjgljdh] {
    background-color: transparent;
}

:focus-visible[b-kikzjgljdh] {
    outline: 2px solid var(--tyranite-blue);
}

.expand-group__button img[b-kikzjgljdh] {
    margin-top: 0 !important;
    margin-bottom: 1px !important;
}
/* /Components/Login/Login.razor.rz.scp.css */
.welcome-message[b-z931bma9at] {
    width: 40vw;
}

@media (max-width: 991.98px) {
    .welcome-message[b-z931bma9at] {
        width: 70%;
    }
}

@media (max-width: 640.98px) {
    .welcome-message[b-z931bma9at] {
        width: 100%;
    }
}

.card[b-z931bma9at] {
    border-color: var(--grey-background);
    border-radius: .25rem
}

.card-header[b-z931bma9at] {
    background-color: var(--tyranite-blue);
}

.card-body[b-z931bma9at] {
    background-color: var(--light-grey-background);
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.card-body button[b-z931bma9at] {
    background-color: var(--tyranite-blue);
}

.logo[b-z931bma9at] {
    width: 24px;
    height: 24px;
    filter: invert(1);
    float: right;
}
/* /Components/ViewSelector/ViewSelector.razor.rz.scp.css */
.view-selector[b-t8fo13mbpm] {
    box-sizing: content-box;
}

.view-selector__select[b-t8fo13mbpm] {
    max-width: 150px;
}

@media (max-width: 991.98px) {
    .view-selector[b-t8fo13mbpm] {
        box-sizing: border-box;
    }
}
/* /Layout/CanvasGrid/CanvasGrid.razor.rz.scp.css */
.grid-container[b-us3kpumngb] {
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.grid-container:has(.layout-six)[b-us3kpumngb] {
    max-width: 90vmax;
}

.grid-container:has(.layout-one)[b-us3kpumngb] {
    margin-left: 0;
    margin-right: 0;
}

.grid-item[b-us3kpumngb] {
    flex-basis: 100%;
    margin: auto;
    box-sizing: border-box;
}

.layout-one[b-us3kpumngb] {
    flex-basis: 100%;
}

.layout-two[b-us3kpumngb] {
    flex-basis: calc(50% - 10px);
    margin: 5px;
}

.layout-three[b-us3kpumngb] {
    flex-basis: calc(33.33% - 10px);
    margin: 5px
}

.layout-four[b-us3kpumngb] {
    flex-basis: calc(33.33% - 10px);
    margin: 5px;
}

.layout-five[b-us3kpumngb] {
    flex-basis: calc(25% - 10px);
    margin: 5px;
}

.layout-six[b-us3kpumngb] {
    flex-basis: calc(25% - 10px);
    margin: 5px;
}

.layout-seven[b-us3kpumngb] {
    flex-basis: calc(20% - 10px);
    margin: 5px;
}

.layout-eight[b-us3kpumngb] {
    flex-basis: calc(16.66% - 10px);
    margin: 5px;
}

.layout-nine[b-us3kpumngb] {
    flex-basis: calc(14.28% - 10px);
    margin: 5px;
}

.layout-ten[b-us3kpumngb] {
    flex-basis: calc(12.5% - 10px);
    margin: 5px;
}

.fullscreen[b-us3kpumngb] {
    margin: auto;
}

@media (min-aspect-ratio: 17/9) and (orientation: landscape) and (min-width: 992px) and (max-width: 1960px) {
    .grid-container:has(.layout-six)[b-us3kpumngb], .grid-container:has(.layout-seven)[b-us3kpumngb], .grid-container:has(.layout-eight)[b-us3kpumngb] {
        max-width: 80vmax;
    } 
}

@media (min-width: 1960px) and (min-aspect-ratio: 7/3) {

    .grid-container:has(.layout-four)[b-us3kpumngb] {
        max-width: 80vmax;
    }

    .grid-container:has(.layout-six)[b-us3kpumngb] {
        max-width: 68vmax;
    }

    .grid-container:has(.layout-seven)[b-us3kpumngb] {
        max-width: 73vmax;
    }

    .grid-container:has(.layout-eight)[b-us3kpumngb], .grid-container:has(.layout-nine)[b-us3kpumngb], .grid-container:has(.layout-ten)[b-us3kpumngb] {
        max-width: 77vmax;
    }

    .layout-one[b-us3kpumngb] {
        flex-basis: 100%;
    }

    .layout-two[b-us3kpumngb] {
        flex-basis: calc(50% - 10px);
        margin: 5px;
    }
}

@media (min-aspect-ratio: 3/2) {
    .layout-one[b-us3kpumngb] {
        max-width: 140vh;
    }

    .layout-four[b-us3kpumngb] {
        max-width: 65vh;
    }
}

@media (min-aspect-ratio: 3/2) and (max-width: 999.98px) {
    .layout-one[b-us3kpumngb], .layout-two[b-us3kpumngb] {
        max-width: 66vh;
    }
    
}

@media (max-aspect-ratio: 4/3) and (max-width: 999.98px) {
    .layout-three[b-us3kpumngb], .layout-four[b-us3kpumngb] {
        flex-basis: calc(50% - 10px);
    }

    .layout-five[b-us3kpumngb], .layout-six[b-us3kpumngb], .layout-seven[b-us3kpumngb], .layout-eight[b-us3kpumngb], .layout-nine[b-us3kpumngb], .layout-ten[b-us3kpumngb] {
        flex-basis: calc(33.33% - 10px);
    }
    
}

@media (max-width: 640.98px) {
    .grid-item[b-us3kpumngb] {
        flex-basis: calc(100% - 10px);
    }
    
}

/* Narrow screens (less than 4:3 aspect ratio) */
@media (max-aspect-ratio: 4/3.5) and (min-width: 992px) {
    .layout-three[b-us3kpumngb], .layout-four[b-us3kpumngb] {
        flex-basis: calc(50% - 10px);
    }

    .layout-five[b-us3kpumngb], .layout-six[b-us3kpumngb], .layout-seven[b-us3kpumngb], .layout-eight[b-us3kpumngb], .layout-nine[b-us3kpumngb], .layout-ten[b-us3kpumngb] {
        flex-basis: calc(33.33% - 10px);
    }
    
}

@media (max-aspect-ratio: 4/3.5) and (min-width: 1200px) {
    .layout-three[b-us3kpumngb], .layout-four[b-us3kpumngb] {
        flex-basis: calc(50% - 10px);
    }

    .layout-five[b-us3kpumngb], .layout-six[b-us3kpumngb], .layout-seven[b-us3kpumngb], .layout-eight[b-us3kpumngb], .layout-nine[b-us3kpumngb], .layout-ten[b-us3kpumngb] {
        flex-basis: calc(25% - 10px);
    }

    
}

.quad-split[b-us3kpumngb] {
    flex-basis: calc(50% - 10px);
    margin: 5px;
}

.grid-container.quad-split-view[b-us3kpumngb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    
    grid-auto-rows: calc(50% - 5px);
    height: 100%;
    width: 100%;
    gap: 0;
    overflow-y: auto;
}

@media (max-aspect-ratio: 4/3) {
    .grid-container.quad-split-view[b-us3kpumngb] {
       grid-auto-rows: calc(32vw - 5px);   
    }
}

.quad-split-view .grid-item:not(.fullscreen)[b-us3kpumngb] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-width: calc(100% - 10px);
    min-height: calc(100% - 10px);
}

.quad-split-view .grid-item[b-us3kpumngb]  .feed-viewer:not(.focus-mode) {
    position: absolute;
    width: 100%;
    flex-grow: 1;
}
/* /Layout/DetailView/DetailView.razor.rz.scp.css */
.detail-view[b-etieukinb2] {
    display: flex;
    width: 100%;
    height: 100%;
    max-width: 190vh;
    margin: auto;
}

.detail-view__section[b-etieukinb2] {
    display: flex;
    flex-direction: column;
    flex: 1;
    box-sizing: border-box;
}

.detail-view__section:nth-of-type(2)[b-etieukinb2] {
    padding-left: 16px;
    height: auto;
}

.detail-content[b-etieukinb2] {
    position: absolute;
    height: 100%;
    width: -webkit-fill-available;
    display: flex;
    flex-direction: column;
}

.detail-view__footer[b-etieukinb2] {
    display: flex;
    flex: auto;
    min-height: 162px;
    max-height: 500px;
}

.card[b-etieukinb2] {
    overflow: hidden;
    border: none;
}

.small-card[b-etieukinb2] {
    width: 50%;
    flex-grow: 1;
    background: transparent;
}

.small-card:first-of-type[b-etieukinb2] {
    margin-right: 4px;
}

.small-card:last-of-type[b-etieukinb2] {
    margin-left: 4px;
}

.small-card:only-child[b-etieukinb2] {
    margin-left: 0px;
    margin-right: 0px;
}

.card-text[b-etieukinb2] {
    font-size: 0.9rem;
}

.details-card[b-etieukinb2] {
    border-radius: .25rem;
    background: transparent !important;
}

.card-header[b-etieukinb2] {
    background-color: var(--dark-background);
    color: white;
    width: 100%;
    border-radius: 0;
    border-bottom: 1px solid var(--darkest-background);
}

.card-body[b-etieukinb2] {
    background-color: var(--dark-grey-background);
    color: white;
    border-radius: 0;
}

.details-card__body[b-etieukinb2] {
    overflow: auto;
    padding: 0;
    border-radius: .25rem;
}

.form-range[b-etieukinb2] {
    -webkit-appearance: none;
    appearance: none;
}

.form-select[b-etieukinb2] {
    cursor: pointer;
}

.form-range[b-etieukinb2]::-webkit-slider-thumb {
    background: var(--tyranite-blue);
}

.form-range[b-etieukinb2]::-moz-range-thumb {
    background: var(--tyranite-blue);
}

.control[b-etieukinb2] {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 991.98px) {
    .detail-view[b-etieukinb2] {
        flex-direction: column;
    }

    .detail-view__section[b-etieukinb2] {
        padding-top: 16px;
    }

    .detail-view__section:nth-of-type(2)[b-etieukinb2]{
        padding-left: 0;
    }

    .detail-content[b-etieukinb2] {
        position: static;
    }

    .detail-view__footer[b-etieukinb2] {
        flex-direction: column;
        min-height: unset;
    }

    .control-item[b-etieukinb2] {
        margin-bottom: 0.5rem;
    }
}


.fullscreen[b-etieukinb2] {
    max-height: calc(100vh - var(--banner-height-lg));
    padding: 16px 16px 0;
    margin: auto;
}

.footer-fullscreen[b-etieukinb2] {
    padding: 0 16px 16px;
}
/* /Layout/Hero/Hero.razor.rz.scp.css */
.hero-container[b-8cx2nn39j7] {
    display: grid;
    grid-template-columns: 5fr minmax(15%, 1fr);
    height: 100%;
    grid-template-areas:
        "hero side"
        "hero side"
        "footer footer";
    gap: 0.2rem;
    min-height: 600px;
}

.hero-container.fullscreen[b-8cx2nn39j7] {
    height: calc(100% - var(--banner-height-lg));
}

.hero-container__tertiary-feeds[b-8cx2nn39j7] {
    grid-template-rows: 1fr 1fr minmax(0, 18%);
}

.primary-container[b-8cx2nn39j7] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    grid-area: hero;
    gap: 0.2rem;
}

.secondary-container[b-8cx2nn39j7] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 1fr);
    height: 100%;
    overflow: hidden;
    grid-area: side;
    gap: 0.2rem;
}

.tertiary-container[b-8cx2nn39j7] {
    grid-area: footer;
    display: flex;
    flex-direction: row-reverse;
    gap: 0.2rem;
}

.hero-item[b-8cx2nn39j7] {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.hero-item__tertiary[b-8cx2nn39j7] {
    aspect-ratio: 11 / 9.13;
}

.hero-item-primary[b-8cx2nn39j7] {
    height: 100%;
}

.hero-container .hero-item[b-8cx2nn39j7]  .canvas-container {
    flex-grow: 1 !important;
}

.hero-container .hero-item[b-8cx2nn39j7]  .feed-viewer {
    width: 100% !important;
}

.hero-item.selected[b-8cx2nn39j7] {
    border: 3px dashed white;
    z-index: 2;
    box-sizing: border-box;
}

@media (min-width: 2000px) {
    .hero-container__tertiary-feeds[b-8cx2nn39j7] {
        grid-template-rows: 1fr 1fr minmax(0, 14%);
    }

    .hero-item__tertiary[b-8cx2nn39j7] {
        aspect-ratio: 12.5 / 9;
    }
}

@media (min-width: 2000px) and (min-aspect-ratio: 17/9) {
    .hero-container__tertiary-feeds[b-8cx2nn39j7] {
        grid-template-rows: 1fr 1fr minmax(0, 18%);
    }

    .hero-item__tertiary[b-8cx2nn39j7] {
        aspect-ratio: 11 / 9.13;
    }
}

@media (max-width: 992px) {
    .hero-container[b-8cx2nn39j7] {
        grid-template-rows: auto auto;
        display: grid;
        grid-template-columns: 1fr;
        padding-top: 8px;
        grid-template-areas: none;
        min-height: 400px;
        height:max-content;
    }

    .hero-container__tertiary-feeds[b-8cx2nn39j7] {
        grid-template-rows: auto auto auto;
    }

    .primary-container[b-8cx2nn39j7] {
        grid-row: 1;
        height: auto;
        height: max-content;
    }

    .secondary-container[b-8cx2nn39j7] {
        grid-row: 2;
        display: grid;
        height: auto;
        overflow: hidden;
        height: max-content;
        grid-template-columns: repeat(4, 1fr);
        overflow: hidden;
        grid-template-rows: 1fr;
    }

    .tertiary-container[b-8cx2nn39j7] {
        grid-area: none;
        display: grid;
        grid-row: 3;
        grid-template-columns: repeat(4, 1fr);
        max-height: 40vh;
    }
      
    .hero-item__tertiary[b-8cx2nn39j7] {
        width: auto;
        aspect-ratio:unset;
    }
}

/* /Layout/Hero/HeroOne.razor.rz.scp.css */
.hero-container[b-yvrm67fifa] {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    max-width: 160vh;
    margin: auto;
}

.hero-container__tertiary-feeds[b-yvrm67fifa] {
    max-width: 123vh;
}

.hero-container__tertiary-feeds__shrink[b-yvrm67fifa] {
    max-width: 140vh;
}

@media (orientation: landscape) and (min-width: 992px) and (max-width: 1960px) {
    .hero-container[b-yvrm67fifa] {
        max-width: 150vh;
    }

    .hero-container__tertiary-feeds[b-yvrm67fifa] {
        max-width: 110vh;
    }

    .hero-container__tertiary-feeds__shrink[b-yvrm67fifa] {
        max-width: 120vh;
    }
}

.hero-item[b-yvrm67fifa] {
    border: 2px solid var(--darkest-background);
    cursor: pointer;
    z-index: 1;
}

.hero-item-primary[b-yvrm67fifa] {
    background-color: black;
    height: 100%;
}

.primary-container[b-yvrm67fifa] {
    width: 82%;
}

.secondary-container[b-yvrm67fifa] {
    display: flex;
    flex-direction: column;
    width: 18%;
}

.tertiary-container[b-yvrm67fifa] {
    width: 100%;
    display: flex;
    justify-content: end;
    flex-direction: row-reverse;
}

    .tertiary-container .hero-item[b-yvrm67fifa] {
        max-width: 18%;
        width: 18%;
    }

.hero-item.selected[b-yvrm67fifa] {
    outline: 3px dashed white;
    z-index: 2;
}

.player__expanded[b-yvrm67fifa] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-color: #91a3b0;
    position: absolute;
    margin: 0;
    z-index: 2000;
    top: 0;
    left: 0;
    padding: 5vh 10vw;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.8);
    border: none;
}

.hero-size-range-slider[b-yvrm67fifa] {
    position: absolute;
    width: 100px;
    left: 0;
    height: -webkit-fill-available;
    margin-top: -1.1rem;
    background: rgb(68 70 83 / 60%);
    z-index: 5;
    opacity: 0;
    cursor:pointer;
    transition: opacity 0.2s 0.2s ease;
}

.hero-size-range-slider:hover[b-yvrm67fifa] {
    opacity: 1;   
}

.hero-size-range-slider__container[b-yvrm67fifa] {
    z-index: 10;
    width: 40vh;
    transform: rotate(90deg) translate(50%);
 
    border-radius: 16px;
    left: 80px;
    position: relative;
    transform-origin: top left;
}



.form-range[b-yvrm67fifa]::-webkit-slider-thumb {
    background: var(--tyranite-blue);
    border: 1px solid var(--light-grey-background);
}

.form-range[b-yvrm67fifa]::-moz-range-thumb {
    background: var(--tyranite-blue);
    border: 1px solid var(--light-grey-background);
}


/*@media (orientation: landscape) and (min-width: 1300px) and (max-width: 1960px) {
    .hero-container {
        max-width: 150vh;
    }

    .hero-container__tertiary-feeds {
        max-width: 123vh;
    }

    .hero-container__tertiary-feeds__shrink {
        max-width: 130vh;
    }
}

@media (orientation: landscape) and (min-width: 1300px) and (max-width: 1760px) {
    .hero-container {
        max-width: 150vh;
    }

    .hero-container__tertiary-feeds {
        max-width: 123vh;
    }

    .hero-container__tertiary-feeds__shrink {
        max-width: 128vh;
    }
}

@media (orientation: landscape) and (min-width: 920px) and (max-width: 1299.98px) {
    .hero-container {
        max-width: 150vh;
    }

    .hero-container__tertiary-feeds {
        max-width: 110vh;
    }

    .hero-container__tertiary-feeds__shrink {
        max-width: 110vh;
    }
}*/
/* /Layout/Hero/HeroTwo.razor.rz.scp.css */
.hero[b-l5y6ktki7q] {
    aspect-ratio: 1.618 / 1;
    margin: auto;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
    max-width: calc(100% - 3.4rem);
    min-width: 96%;
}

.hero__tertiary-feeds[b-l5y6ktki7q] {
    min-width: 60vw;
    resize: horizontal;
    overflow: auto;
}

@media (max-aspect-ratio: 1.518/1) {
    .hero[b-l5y6ktki7q] {
        aspect-ratio: unset;
        max-width: 100%;
    }
}

.hero-container[b-l5y6ktki7q] {
    display: grid;
    grid-template-columns: 5fr minmax(15%, 1fr);
    height: 100%;
    grid-template-areas:
        "hero side"
        "hero side";
    /*gap: 0.2rem;*/
    min-height: 600px;
    cursor: pointer;
}

.hero.fullscreen[b-l5y6ktki7q] {
    height: calc(100% - var(--banner-height-lg));
    padding: 8px 0;
}

.hero-container__tertiary-feeds[b-l5y6ktki7q] {
    grid-template-rows: 1fr 1fr minmax(auto, auto);
    grid-template-areas:
        "hero side"
        "hero side"
        "footer footer";
    grid-template-columns: 5fr minmax(10%, calc(((100vh - 56px - 2.9rem) / 5)* 1.37));
}

.primary-container[b-l5y6ktki7q] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    grid-area: hero;
    /*gap: 0.2rem;*/
}

.secondary-container[b-l5y6ktki7q] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 1fr);
    height: 100%;
    overflow: hidden;
    grid-area: side;
    /*gap: 0.2rem;*/
}

.tertiary-container[b-l5y6ktki7q] {
    grid-area: footer;
    display: flex;
    flex-direction: row-reverse;
    /*gap: 0.2rem;*/
    /*max-height: 18vh;*/
}

.hero-item[b-l5y6ktki7q] {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 0.15rem solid transparent;
    outline: none;
}

.hero-item:focus-visible[b-l5y6ktki7q], .hero-item-primary:has(.feed-viewer:focus-visible)[b-l5y6ktki7q]  {
    border: 0.15rem solid white;
}

.hero-item:focus:not(:focus-visible):not(.selected)[b-l5y6ktki7q], .hero-item-primary:has(.feed-viewer:focus:not(:focus-visible))[b-l5y6ktki7q] {
    border: 0.15rem solid transparent;
}

.hero-item__tertiary[b-l5y6ktki7q] {
    /*aspect-ratio: 11 / 9.13;*/
    align-items: flex-start;
    height: fit-content;
    width: -webkit-fill-available;
    /*max-width:15%;*/
    width: 15%;
    max-width: calc(((100vh - 56px - 4.4rem) / 5) * 1.37);
}

.hero-item-primary[b-l5y6ktki7q] {
    height: 100%;
}

.hero-container .hero-item[b-l5y6ktki7q]  .canvas-container {
    flex-grow: 1 !important;
}

.hero-container .hero-item[b-l5y6ktki7q]  .feed-viewer {
    width: 100% !important;
}

.hero-item.selected[b-l5y6ktki7q] {
    border: 0.15rem dashed white;
    z-index: 2;
    box-sizing: border-box;
}

@media (min-width: 2000px) {
    .hero-container__tertiary-feeds[b-l5y6ktki7q] {
        /*grid-template-rows: 1fr 1fr minmax(0, 14%);*/
    }

    .hero-item__tertiary[b-l5y6ktki7q] {
        /*aspect-ratio: 12.5 / 9;*/
    }
}

@media (min-width: 2000px) and (min-aspect-ratio: 17/9) {
    .hero-container__tertiary-feeds[b-l5y6ktki7q] {
        /*grid-template-rows: 1fr 1fr minmax(0, 18%);*/
    }

    .hero-item__tertiary[b-l5y6ktki7q] {
       /* aspect-ratio: 11 / 9.13;*/
    }
}

@media (orientation: portrait) {

    .hero__tertiary-feeds[b-l5y6ktki7q] {
        min-width: 96%;
        resize: none;
    }
   
    .hero-container[b-l5y6ktki7q] {
        grid-template-rows: auto auto;
        display: grid;
        grid-template-columns: 1fr;
        padding-top: 8px;
        grid-template-areas: none;
        min-height: 400px;
        height: max-content;
    }

    .hero-container__tertiary-feeds[b-l5y6ktki7q] {
        grid-template-rows: auto auto auto;
    }

    .primary-container[b-l5y6ktki7q] {
        grid-row: 1;
        height: auto;
        height: max-content;
    }

    .secondary-container[b-l5y6ktki7q] {
        grid-row: 2;
        display: grid;
        height: auto;
        overflow: hidden;
        height: max-content;
        grid-template-columns: repeat(4, 1fr);
        overflow: hidden;
        grid-template-rows: 1fr;
    }

    .tertiary-container[b-l5y6ktki7q] {
        grid-area: none;
        display: grid;
        grid-row: 3;
        grid-template-columns: repeat(6, 1fr);
        /*max-height: 40vh;*/
    }

    .hero-item__tertiary[b-l5y6ktki7q] {
        width: auto;
        aspect-ratio: unset;
        max-width: unset;
    }

    @media (max-width: 720px) {
        .tertiary-container[b-l5y6ktki7q] {
            grid-template-columns: repeat(4, 1fr);
        }
    }
}

.tertiary-container[b-l5y6ktki7q]  .feed-headings {
    padding: 1px;
}

.secondary-container[b-l5y6ktki7q]  .feed-headings {
    padding: 1px;
}

.tertiary-container[b-l5y6ktki7q]  .feed-viewer {
    height: fit-content;
}
/* /Layout/MainLayout/MainLayout.razor.rz.scp.css */


.page[b-g7pvdpgnff] {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    background-color: var(--darkest-background);
}

.page:has(.focus-mode)[b-g7pvdpgnff] {
    visibility: hidden;
}
   
main[b-g7pvdpgnff] {
    flex: 1;
    background-color: var(--darkest-background);
}

.content[b-g7pvdpgnff] {
    display: flex;
    flex-direction: column;
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
    overflow-y: auto;
    height: calc(100vh - 56px);
    color-scheme: dark;
    background-color: var(--darkest-background);
    background: linear-gradient(rgba(28, 29, 31, 0.9), rgba(28, 29, 31, 0.9)), url('assets/Tyranite-4-Xparent.svg') center center / 50vw no-repeat local;
}

.fullscreen[b-g7pvdpgnff] {
    padding: 0 !important;
}

.sidebar[b-g7pvdpgnff] {
    position: relative;
    background-color: var(--dark-background);
    border-right: 1px solid black;
}

.top-row[b-g7pvdpgnff] {
    background-color: var(--dark-background);
    border-bottom: 1px solid black;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
    z-index: 10;
    padding-left: 4px;
    padding-right: 4px;
}

.top-row[b-g7pvdpgnff]  a, .top-row[b-g7pvdpgnff]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

.top-row[b-g7pvdpgnff]  a:hover, .top-row[b-g7pvdpgnff]  .btn-link:hover {
    text-decoration: underline;
}

.top-row[b-g7pvdpgnff]  a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar_toggle-btn[b-g7pvdpgnff], .top-row__banner[b-g7pvdpgnff] {
    display: none;
}

@media (max-width: 640.98px) {
    .top-row[b-g7pvdpgnff]  a, .top-row[b-g7pvdpgnff]  .btn-link {
        margin-left: 0;
    }
}

@media (max-width: 991.98px) {
    .content[b-g7pvdpgnff] {
        padding-top: 0;
        height: calc(100vh - 112px);
    }

    .top-row[b-g7pvdpgnff] {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    main[b-g7pvdpgnff] {
        padding-top: var(--mobile-header-height);
    }

    .sidebar[b-g7pvdpgnff] {
        position: fixed;
        width: 100%;
        z-index: 10;
    }
}

@media (min-width: 992px) {

    .top-row__banner[b-g7pvdpgnff] {
        display: block;
    }

    .page[b-g7pvdpgnff] {
        flex-direction: row;
    }

    .sidebar[b-g7pvdpgnff] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    @keyframes collapse-b-g7pvdpgnff {
        from {
            width: 250px;
            opacity: 1;
            visibility: visible;
        }
        to {
            width: 0;
            opacity: 0;
            visibility: hidden;
        }
    }
      
    @keyframes expand-b-g7pvdpgnff {
        from {
            width: 0;
            opacity: 0;
            visibility: visible;
        }
        to {
            width: 250px;
            opacity: 1;
            visibility: visible;
        }
    }
      
    .sidebar__collapsed[b-g7pvdpgnff] {
        animation: collapse-b-g7pvdpgnff 0.3s forwards;
        border-right-width: 0;
    }
    
    .sidebar__expanded[b-g7pvdpgnff]{
        animation: expand-b-g7pvdpgnff 0.3s forwards;
        border-right-width: 1px;
    }

    .sidebar_toggle-btn[b-g7pvdpgnff] {
        display: block;
        cursor: pointer;
        background-color: transparent;
        position: absolute;
        left: 0;
        padding: 8px 8px 8px 20px;
    }

    .sidebar_toggle-btn img[b-g7pvdpgnff] {
        display: block;
        width: 16px;
        height: 16px;
        filter: invert(100%);
    }

    .top-row[b-g7pvdpgnff] {
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .top-row.auth[b-g7pvdpgnff]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-g7pvdpgnff], article[b-g7pvdpgnff] {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .top-row[b-g7pvdpgnff], article.content__sidebar-collapsed[b-g7pvdpgnff] {
        padding-left: 1.45rem !important;
        padding-right: 1.45rem !important;
    }

    .collapsed[b-g7pvdpgnff] {
        padding-left: 3rem !important;
    }
}
/* /Layout/NavMenu/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-nyikx3czwm] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-nyikx3czwm] {
    height: 3.5rem;
    border-right: 1px solid black;
    background-color: var(--darkest-background);
}

.navbar-brand[b-nyikx3czwm] {
    font-size: 1rem;
    display: flex;
    align-items: center;
}

.bi[b-nyikx3czwm] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-nyikx3czwm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-nyikx3czwm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-nyikx3czwm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-groups-nav-item[b-nyikx3czwm] {
    background-image: url("/assets/icons/layer-group-solid.svg");
    filter: invert(100%);
    width: 1.4rem;
}

.bi-led-controls[b-nyikx3czwm] {
    background-image: url("/assets/icons/lightbulb-regular.svg");
    filter: invert(100%);
    width: 1rem;
    height: 1.35rem;
    margin-left: 10px;
}

.nav-item[b-nyikx3czwm], .control-item[b-nyikx3czwm] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.nav-item:first-of-type[b-nyikx3czwm] {
    padding-top: 1rem;
}

.nav-item:last-of-type[b-nyikx3czwm] {
    padding-bottom: 1rem;
}

.nav-item[b-nyikx3czwm]  a, .control-item[b-nyikx3czwm]  .control {
    color: #d7d7d7;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
}

.nav-item[b-nyikx3czwm]  a.active, .control-item[b-nyikx3czwm]  .control {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-nyikx3czwm]  a:hover, .control-item[b-nyikx3czwm]  .control:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.control-item[b-nyikx3czwm]  .control {
    flex-direction: row;
    justify-content: space-between;
    height: auto;
    padding-left: 6px;
    padding-right: 6px;
}

.nav-menu__footer[b-nyikx3czwm] {
    display: none;
}

.btn:focus[b-nyikx3czwm] {
    outline: none;
    box-shadow: none;
  }

.nav-menu__footer:hover[b-nyikx3czwm] {
background-color: rgba(255,255,255,0.1);
}

.sidebar_toggle-btn[b-nyikx3czwm] {
    display: none;
}

.sidebar__dynamic-banner[b-nyikx3czwm] {
    display: block;
    width: 100%;
    padding-right: 12px;
}

.logo[b-nyikx3czwm] {
    width: 24px;
    height: 24px;
    filter: invert(1);
    margin-right: 8px;
}

.toggle-controls[b-nyikx3czwm] {
    border: none;
    background: none
}

.toggle-controls img[b-nyikx3czwm] {
    filter: invert(1);
    width: 24px;
    height: 24px;
    margin: 0 !important;
}

@media (max-width: 640.98px) {
    .navbar-brand__title[b-nyikx3czwm] {
        display: none;
    }
}

@media (min-width: 992px) {

    .control[b-nyikx3czwm]  .led-buttons {
        border-top: 1px solid var(--dark-background)
    }

    .toggle-controls[b-nyikx3czwm] {
        display: none;
    }

    .sidebar__dynamic-banner[b-nyikx3czwm] {
        display: none;
    }

    .sidebar_toggle-btn[b-nyikx3czwm] {
        display: block;
        cursor: pointer;
        background-color: transparent;
        padding: 8px 8px 8px 8px;
    }

    .sidebar_toggle-btn img[b-nyikx3czwm] {
        width: 16px;
        height: 16px;
        filter: invert(100%);
    }

    .navbar-toggler[b-nyikx3czwm] {
        display: none;
    }

    .collapse[b-nyikx3czwm] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-nyikx3czwm] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }

    .nav-menu__footer[b-nyikx3czwm] {
        display: flex;
        position: absolute;
        width: 100%;
        bottom: 0;
        border-top: 1px black solid;
    }

    .control-item[b-nyikx3czwm]  .control {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.home[b-ndud8shcl4] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(70vh);
    width: 100%;
}