@import '_content/Tyranite.BlazorPrimitives/Tyranite.BlazorPrimitives.bundle.scp.css';

/* /Components/AboutDropdown/AboutDropdown.razor.rz.scp.css */
.about-dropdown[b-ichnc0btwy] {
    position: absolute;
    float: right;
    right: 0;
    bottom: -6px;
    margin-right: 8px;
}
/* /Components/Banner/Banner.razor.rz.scp.css */
.banner[b-3cy4xo4pm1] {
    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-3cy4xo4pm1] {
        font-size: 10px;
        min-height: var(--banner-height-sm);
    }
}
/* /Components/Chart/Chart.razor.rz.scp.css */
.card[b-2tto5h9658] {
    overflow: hidden;
    border: none;
}

.detail-view__graph[b-2tto5h9658] {
    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-2tto5h9658] {
    border-radius: .25rem;
    background: transparent !important;
}

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

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

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

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

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

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

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

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

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

.bi-sim-controls[b-yrrvjobrs0] {
    background-image: url("_content/Tyranite.BlazorPrimitives/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-yrrvjobrs0] {
    border-top: 1px solid var(--dark-background);
    width: 100%;
    container-type: inline-size;
}

.button-container[b-yrrvjobrs0] {
    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-yrrvjobrs0] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.control-item[b-4j12llpgtk]  .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-4j12llpgtk] {
    outline: none;
    box-shadow: none;
}

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

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

@media (min-width: 992px) {

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

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

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

.bi-sim-controls[b-up83gexm4p] {
    background-image: url("_content/Tyranite.BlazorPrimitives/assets//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-up83gexm4p] {
    border-top: 1px solid var(--dark-background);
    width: 100%;
    container-type: inline-size;
}

.button-container[b-up83gexm4p] {
    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-up83gexm4p] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.expand-icon[b-uw0nhu5g0d] {
    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-ll7vf9ds18] {
    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-ll7vf9ds18] {
    padding-left: 2px;
    padding-right: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

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

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

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

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

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

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

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

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

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

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

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

.feed-panel[b-gchzb1pl5w] {
    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-gchzb1pl5w], .feed-panel__container:hover .feed-panel[b-gchzb1pl5w] {
    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-gchzb1pl5w] {
    border: none;
    background: none;
}

.panel__icon[b-gchzb1pl5w] {
    width: 20px;
    box-sizing: content-box;
    margin-right: 10px;
    filter: invert(1)
}
/* /Components/FeedComponents/FeedViewer/FeedViewer.razor.rz.scp.css */
.feed-viewer[b-pujp494ltx] {
    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-pujp494ltx] {
    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-pujp494ltx] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

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

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

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

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

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

.focus-mode[b-pujp494ltx] {
    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-h6aghktj2y] {
    display: flex;
    justify-content: space-around;
    background: #fff;
    color: black;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

.dropdown-menu[b-pc6m0vyak3] {
    max-height: 80vh;
    height: fit-content;
    overflow: auto;
    right: 0;
    left: auto;
    min-width: 370px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown-checkbox[b-pc6m0vyak3] {
    cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.logo[b-89x8s1bkzz] {
    width: 24px;
    height: 24px;
    filter: invert(1);
    float: right;
}
/* /Components/User/User.razor.rz.scp.css */
.user[b-72u9x015ct] {
    color: white;
    display: flex;
    align-items: center;
    font-size: 0.9rem;
}

.user__avatar-container[b-72u9x015ct] {
    width: 26px;
    height: 26px;
    min-width: 26px;
    min-height: 26px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}

.user__avatar-container img[b-72u9x015ct] {
    padding: 8px;
    width: 100%;
}

.user__name-container[b-72u9x015ct] {
    display: flex;
    align-items: center;
}

.user__name-container p[b-72u9x015ct] {
    margin: 0;
}
/* /Components/ViewSelector/ViewSelector.razor.rz.scp.css */
.view-selector[b-kglii066xo] {
    box-sizing: content-box;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fullscreen[b-3ay9bihlc5] {
    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-3ay9bihlc5], .grid-container:has(.layout-seven)[b-3ay9bihlc5], .grid-container:has(.layout-eight)[b-3ay9bihlc5] {
        max-width: 80vmax;
    } 
}

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 640.98px) {
    .grid-item[b-3ay9bihlc5] {
        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-3ay9bihlc5], .layout-four[b-3ay9bihlc5] {
        flex-basis: calc(50% - 10px);
    }

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

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

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

    
}

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

.grid-container.quad-split-view[b-3ay9bihlc5] {
    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-3ay9bihlc5] {
       grid-auto-rows: calc(32vw - 5px);   
    }
}

.quad-split-view .grid-item:not(.fullscreen)[b-3ay9bihlc5] {
    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-3ay9bihlc5]  .feed-viewer:not(.focus-mode) {
    position: absolute;
    width: 100%;
    flex-grow: 1;
}
/* /Layout/DetailView/DetailView.razor.rz.scp.css */
.detail-view[b-afa29ilxs9] {
    display: flex;
    width: 100%;
    height: 100%;
    max-width: 190vh;
    margin: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

.footer-fullscreen[b-afa29ilxs9] {
    padding: 0 16px 16px;
}
/* /Layout/Hero/Hero.razor.rz.scp.css */
.hero[b-qsffoifq8i] {
    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-qsffoifq8i] {
    min-width: 60vw;
    resize: horizontal;
    overflow: auto;
}

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

.hero-container[b-qsffoifq8i] {
    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-qsffoifq8i] {
    height: calc(100% - var(--banner-height-lg));
    padding: 8px 0;
}

.hero-container__tertiary-feeds[b-qsffoifq8i] {
    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-qsffoifq8i] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    grid-area: hero;
    /*gap: 0.2rem;*/
}

.secondary-container[b-qsffoifq8i] {
    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-qsffoifq8i] {
    grid-area: footer;
    display: flex;
    flex-direction: row-reverse;
    /*gap: 0.2rem;*/
    /*max-height: 18vh;*/
}

.hero-item[b-qsffoifq8i] {
    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-qsffoifq8i], .hero-item-primary:has(.feed-viewer:focus-visible)[b-qsffoifq8i]  {
    border: 0.15rem solid white;
}

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

.hero-item__tertiary[b-qsffoifq8i] {
    /*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-qsffoifq8i] {
    height: 100%;
}

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

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

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

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

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

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

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

@media (orientation: portrait) {

    .hero__tertiary-feeds[b-qsffoifq8i] {
        min-width: 96%;
        resize: none;
    }
   
    .hero-container[b-qsffoifq8i] {
        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-qsffoifq8i] {
        grid-template-rows: auto auto auto;
    }

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

    .secondary-container[b-qsffoifq8i] {
        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-qsffoifq8i] {
        grid-area: none;
        display: grid;
        grid-row: 3;
        grid-template-columns: repeat(6, 1fr);
        /*max-height: 40vh;*/
    }

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

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

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

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

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


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

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

.content[b-j7iu7g417b] {
    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('_content/Tyranite.BlazorPrimitives/assets/icons/Tyranite-4-Xparent.svg') center center / 50vw no-repeat local;
}

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

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

.top-row[b-j7iu7g417b] {
    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-j7iu7g417b]  a, .top-row[b-j7iu7g417b]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

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

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

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

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

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

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

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

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

@media (min-width: 992px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

.bi[b-aj0hccnazq] {
    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-aj0hccnazq] {
    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-aj0hccnazq] {
    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-aj0hccnazq] {
    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-aj0hccnazq] {
    background-image: url("_content/Tyranite.BlazorPrimitives/assets/icons/layer-group-solid.svg");
    filter: invert(100%);
    width: 1.4rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {

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

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

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

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

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

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

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

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

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