/* /App.razor.rz.scp.css */

.error-container[b-qktig67fap] {
    height: 100vh;
    width: 100vw;
    padding-top: 10vh;
    padding-left: 10vw;
    padding-right: 10vw;
}
.error-title[b-qktig67fap] {
    font-size: 10em;
    color: black;
}

.error-description[b-qktig67fap] {
    color: black;
    margin: auto;
    font-size: 1em;
}

.error-message[b-qktig67fap] {
    color: var(--color-dark-gray);
    font-size: 0.8em;
}

[b-qktig67fap] .highlighted-item {
    color: white;
}
/* /Components/Auth/LoginModal.razor.rz.scp.css */
.modal-container[b-z9utfd4ko9] {
    background-color: #fff;
    max-width: 800px;
    padding-inline: 10%;
}

h2[b-z9utfd4ko9] {
    text-transform: none;
    font-family: 'GT Super Display';
}

.create-account-wrapper[b-z9utfd4ko9] {
    margin-block: 20px;
}

.forgot-link-wrapper[b-z9utfd4ko9] {
    margin-top: 30px;
}

.forgot-link[b-z9utfd4ko9] {
    text-transform: uppercase;
    letter-spacing: 1px;
}

@media (min-width: 426px) {
    .btn-primary + .btn-secondary[b-z9utfd4ko9] {
        margin-left: 20px;
    }
}

@media (max-width: 425px) {
    .modal-container[b-z9utfd4ko9] {
        padding-inline: 5%;
    }
    .btn[b-z9utfd4ko9] {
        width:80%;
        margin-left:  0;
    }
    .login-button[b-z9utfd4ko9] {
        margin-bottom: 20px;
    }
}
/* /Components/Editor/BottomBar/AllProductsDrawer.razor.rz.scp.css */
.categories[b-4tnhqqgz9a] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-evenly;
}

.category-column[b-4tnhqqgz9a] {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 1em;
    flex-basis: 50%;
}

.category-column:last-child[b-4tnhqqgz9a] { padding-right: 1em; }

.category[b-4tnhqqgz9a] {
    text-align: center;
    padding: 1em 0.5em;
    font-size: 1.15em;
}

[b-4tnhqqgz9a] .pane {
    background: white !important;
    border-bottom: 1px solid #B7B7B7;
}
/* /Components/Editor/BottomBar/BottomProductsBar.razor.rz.scp.css */
.product-category-bar[b-vpwfhb0cbx] {
    display: flex;
    justify-content: space-between;
    padding: 1% calc(var(--page-padding) + 2%);
    margin: 0;
    background: white;
    z-index: 100;
    position: relative;
}
.product-category-bar a[b-vpwfhb0cbx] {
    border: 2px solid transparent;
    padding: 8px;
}

.product-category-bar .selected[b-vpwfhb0cbx] {
    border-color: var(--color-primary);
}

.link[b-vpwfhb0cbx] {
    cursor: pointer;
    font-size: var(--font-size);
    line-height: 1.5;
    text-align: center;
    display: inline-block;
}

@media screen and (min-width: 900px) {
    .link:hover[b-vpwfhb0cbx] {
        color: var(--color-primary-hover) !important;
    }
}


.product-category-bar-container[b-vpwfhb0cbx] {
    position: relative;
}

@media screen and (min-width: 1001px) {
    .product-category-bar > li[b-vpwfhb0cbx] {
        line-height: 1;
        vertical-align: middle;
        text-align: center;
        display: flex;
        align-items: center;
    }

    .mobile-only-link[b-vpwfhb0cbx] {
        display: none !important;
    }
}

@media screen and (max-width: 1000px) {
    .desktop-only-link[b-vpwfhb0cbx] { display: none; }

    .product-category-bar[b-vpwfhb0cbx] {
        justify-content: space-evenly;
        padding: 15px calc(var(--page-padding) + 2%);
    }

    .link[b-vpwfhb0cbx] { font-size: 1em; }
}

.click-overlay[b-vpwfhb0cbx] {
    height: calc(100% - 107px);
    bottom: 0;
}
/* /Components/Editor/BottomBar/FilterButton.razor.rz.scp.css */
.filter-button[b-i6b841sglt] {
    display: flex;
    align-items: center;
    background-color: var(--color-primary);
    padding: 0.5em 1em 0.5em 2em;
    cursor: pointer;
    transition: all 0.25s ease-in;
}
.filter-button.open[b-i6b841sglt] {
    margin-bottom: 120px;
}

@media only screen and (max-width: 768px) {
    .filter-button.open[b-i6b841sglt] {
        margin-bottom: 0;
    }
}

.filter-button:hover[b-i6b841sglt] {
    color: #d2d2d2 !important;
}

.filter-button[b-i6b841sglt]  .caret {
    margin-left: 2em;
}
/* /Components/Editor/BottomBar/Filters.razor.rz.scp.css */
.filters[b-w9fa3bccye] {
    position: absolute;
    background: #2e2e2e;
    height: 100%;
    top: 0;
    margin: 30px 0 0 0;
    padding: 0px 35px;
    min-width: 335px;
    z-index: 10;
    overflow-y: auto;
    transition: opacity 0.25s ease-in;
    z-index: -1;
    opacity: 0;
}

.filters.open[b-w9fa3bccye] {
    opacity: 1;
    z-index: 1;
    display: block;
}

.filters .filter-list-wrapper[b-w9fa3bccye] {
    background-color: transparent;
    padding: 32px 45px 40px;
}

.filters .filter-list .form-field .ktc-checkbox label[b-w9fa3bccye] {
    color: #eeeeee;
}

.filters .filter-list .form-field .ktc-checkbox label[b-w9fa3bccye]:before {
    border-color: #eeeeee;
}

.filters .filter-heading[b-w9fa3bccye] {
    cursor: pointer;
}

.filters .filter-heading h4[b-w9fa3bccye] {
    color: #eeeeee;
}

.filters .filter-list .filter-list-content[b-w9fa3bccye] {
    max-height: 0;
    transition: all 0.35s ease-out;
    overflow: hidden;
    padding: 0;
}

.filters .filter-list.active .filter-list-content[b-w9fa3bccye] {
    max-height: 250px;
    transition: max-height 0.25s ease-in;
    padding-top: 13px;
}

.filters .apply-filters-button[b-w9fa3bccye] {
    display: none;
}

@media only screen and (max-width: 768px) {
    .filters[b-w9fa3bccye] {
        display: none;
        width: 100%;
        position: static;
        margin: 0;
        max-height: 60vh;
    }
    .filters .filter-list-wrapper[b-w9fa3bccye] {
        position: static;
        padding: 32px 35px 25px;
    }

    .filters .apply-filters-button[b-w9fa3bccye] {
        display: block;
        margin-bottom: 25px;
    }
}
/* /Components/Editor/BottomBar/ProductsDrawer.razor.rz.scp.css */
.parent-category-label[b-e31ddv942b] {
    display: flex;
    align-items: center;
}

    .parent-category-label .count[b-e31ddv942b] {
        font-size: 12px;
        margin-left: 22px;
    }
@media screen and (max-width: 768px) {
    .parent-category-label .count[b-e31ddv942b] {
       display:none;
    }
}

[b-e31ddv942b] .hide {
    display: none;
}

.product-count[b-e31ddv942b] {
    display: none;
    padding-left: var(--pane-padding);
}

.product-count p[b-e31ddv942b] {
    margin: 0;
}

@media screen and (max-width: 900px) {
    .parent-category-label .color.color-primary[b-e31ddv942b] {
        color: var(--color-dark-gray) !important;
    }

    [b-e31ddv942b] .hide-in-mobile {
        display: none;
    }

    [b-e31ddv942b] .inline-in-mobile {
        display: inline;
    }
}

.list[b-e31ddv942b] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    overflow-x: auto;
    padding-right: var(--pane-padding);
    padding-left: var(--pane-padding);
    transition: margin-left 0.25s ease-in;
}

.products[b-e31ddv942b] {
    justify-content: flex-start;
}

[b-e31ddv942b] .breadcrumb-arrow {
    margin: 0 1em;
}

[b-e31ddv942b] .back-icon {
    margin-right: 0.5em;
    color: var(--color-primary);
    cursor: pointer;
}

.category-item[b-e31ddv942b] {
    flex: 1 1 0px;
}



[b-e31ddv942b] .info-popup {
    top:-285px;
    height: 250px;
    padding-bottom: 1em;
    left: -12px;
}
/* /Components/Editor/BottomBar/ProductsDrawerItem.razor.rz.scp.css */
.item-wrapper[b-pj1m4e9ur5] {
    position: relative;
}
[b-pj1m4e9ur5] svg {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 100;
}

.item[b-pj1m4e9ur5] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin: 0 2em 1em 2em;
    flex: 1;
    max-width: 437px;
    cursor: pointer;
    -webkit-touch-callout: none;
}

.item.placeholder[b-pj1m4e9ur5] {
    max-width: none;
    align-items: center;
    justify-content: center;
    margin-top: 4em;
    margin-bottom: 5.2em;
}


.item:first-child[b-pj1m4e9ur5] { margin-left: 0; }

.item:last-child[b-pj1m4e9ur5], .item.draggable-source--is-dragging[b-pj1m4e9ur5] { margin-right: 0; }

.product[b-pj1m4e9ur5] {
    min-width: 250px;
    flex: 0 0 100%;
}

.item-background[b-pj1m4e9ur5] {
    padding: 1rem;
    background: #EEEEEE;
    height: 250px;
    overflow: hidden;
}
.product .item-background[b-pj1m4e9ur5] {
    height: 250px;
}
.item-image[b-pj1m4e9ur5] {

    transform: translateZ(0);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;

}
.item-image img[b-pj1m4e9ur5] {
    max-width: initial;
    max-height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

@media screen and (max-width: 600px), (max-height: 768px) {
    .item[b-pj1m4e9ur5] {
        max-width: 80vw;
    }
    .product[b-pj1m4e9ur5] {
        min-width: 50%;
    }
    .item-background[b-pj1m4e9ur5] {
        height: calc(20vh - 2rem);
    }

    .product .item-background[b-pj1m4e9ur5] {
        height: calc(20vh - 2rem);
    }
}

.product .item-image[b-pj1m4e9ur5] {
    background-size: contain;
    background-repeat: no-repeat;
}

.item-image.ground[b-pj1m4e9ur5] {
    background-position: bottom;
    align-items: flex-end;
}

.item-label[b-pj1m4e9ur5] {
    margin: 1em 0;
    font-family: 'GT Eesti Display Light', sans-serif;
    font-size: 0.9em;
}
/* /Components/Editor/EditorToolbar.razor.rz.scp.css */
.toolbar[b-a7jomu0q28] {
    padding: 1.8em var(--page-padding);
}

.columns[b-a7jomu0q28] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    max-width: 1900px;
    margin: 0 auto;
}

.mobile-button-row[b-a7jomu0q28] {
    margin-top: 1rem;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.mobile-button-row[b-a7jomu0q28]  .toolbar-item:after {
    content: "";
    width: 2px;
    height: 100%;
    background: #EDEDED;
    display: block;
    margin-left: 20px;
    margin-right: 20px;
}

.mobile-button-row-bottom[b-a7jomu0q28] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1.2rem 0;
}
.mobile-button-row-bottom[b-a7jomu0q28]  .toolbar-item {
    padding-left: 15px;
}
.mobile-button-row[b-a7jomu0q28]  .toolbar-item:last-child:after {
    display: none;
}

.mobile-button-row[b-a7jomu0q28]  .toolbar-item {
    display: flex;
    margin: 0;
}

[b-a7jomu0q28] .back-button {
    display: flex;
    text-decoration: none;
}

[b-a7jomu0q28] .toolbar-item {
    margin: 0 1em;
}

[b-a7jomu0q28] .toolbar-item__first {
    margin-left: 0;
}

[b-a7jomu0q28] .toolbar-item__last {
    margin-right: 0;
}

[b-a7jomu0q28] .svg-button img {
    width: 19px;
    height: 19px;
    max-width: none;
}
.back-button__text[b-a7jomu0q28] {
    margin-left: 0.5em;
    white-space: nowrap;
}

.toolbar-column[b-a7jomu0q28] {
    align-items: center;
    display: flex;
    flex-direction: row;
}

.toolbar-column__outside[b-a7jomu0q28] {
    flex-shrink: 1;
}

.toolbar-column__middle[b-a7jomu0q28] {
    max-width: 100%;
    overflow: hidden;
    margin: 0 5%;
}

.icon[b-a7jomu0q28] {
    width: 0.5em;
}

a.toolbar-item:hover[b-a7jomu0q28] {
    color:var(--color-primary-hover);
}

@media screen and (min-width: 901px) {
    [b-a7jomu0q28] .show-in-mobile {
        display: none;
    }
}

@media screen and (max-width: 900px) {
    [b-a7jomu0q28] .hide-in-mobile {
        display: none;
    }

    .toolbar-column__outside[b-a7jomu0q28] {
        width: 10%;
    }

    .toolbar-column__middle[b-a7jomu0q28] {
        width: 80%;
    }

    .back-icon[b-a7jomu0q28] {
        width: 1.2em;
    }

    [b-a7jomu0q28] .mobile-save-btn, [b-a7jomu0q28] .mobile-save-btn svg {
        width: 2em !important;
    }

    .toolbar[b-a7jomu0q28] {
        background: white;
    }
}

[b-a7jomu0q28] .right-align-item {
    margin-left: auto;
}

@media screen and (max-width: 1110px) {
    .toolbar-column[b-a7jomu0q28] {
        font-size: 10px;
    }

}
/* /Components/Editor/EditorToolbarComponents/RequestQuoteModal.razor.rz.scp.css */
h2[b-axb7qped6x] {
    color: #2E2E2E;
    font-size: 36px;
    text-transform: initial;
    text-align: center;

}

.modal-container[b-axb7qped6x] {
    color: #2E2E2E;
    width: 90vw;
    max-width: 750px;
    position: relative;
    padding: 0 45px 45px;
}

.light[b-axb7qped6x] {
    background: #ffffff;
}

p[b-axb7qped6x] {
    font-size: 14px;
    line-height: 1.5;
    color: #2E2E2E;
}

.spinner[b-axb7qped6x] {
    position: absolute;
    bottom: 0px;
    right: 15px;
    font-size: 20px;
}
.btn-primary:disabled[b-axb7qped6x] {
    background-color: #ccc;
    border-color: #ccc;
    cursor: default;
}
/* /Components/Editor/Notes/NotesContainer.razor.rz.scp.css */
/* /Components/Editor/Notes/NotesPanel.razor.rz.scp.css */
.notes-panel[b-utywsvdm3c] {
    position: absolute;
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    z-index: 3;
    top: 0;
    bottom: 0;
    right: 0;
}

[b-utywsvdm3c] .notes-icon {
    width: 2em;
    height: auto;
}

.notes-panel.show[b-utywsvdm3c] {
    display: flex;
    z-index: 10;
}
.top-header[b-utywsvdm3c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5em 2em;
    background: var(--color-primary);
    color: white;
}

.top-header h5[b-utywsvdm3c] {
    white-space: nowrap;
    color: white;
    margin: 0 2em;
}
.panel-content-wrapper[b-utywsvdm3c] {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    background: #2e2e2e;
    padding: 3em;
    max-height: 100%;
    overflow: hidden;
    --notes-padding: 1rem;
    --notes-top-padding: 2rem;
    --notes-input-font-size: 1em;
    font-family: "GT Eesti Display Light", sans-serif;
}

.panel-content[b-utywsvdm3c] {
    border: 1.5px solid var(--color-dark-gray);
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    max-height: 100%;
    overflow: hidden;
    position: relative;
}

.triangle-indicator[b-utywsvdm3c] {
    position: absolute;
    z-index: 3;
    width: 0;
    height: 0;
    --triangle-width: calc(var(--notes-padding) * 0.5);
    border-top: calc(var(--triangle-width) * 0.866) solid transparent;
    border-bottom: calc(var(--triangle-width) * 0.866) solid transparent;
    border-left: var(--triangle-width) solid var(--color-primary);
    top: calc(var(--notes-top-padding) + var(--notes-input-font-size) / 2);
    left: 0;
}

.notes-input[b-utywsvdm3c] {
    min-height: 100px;
    background-color: #2e2e2e;
    color: white;
    resize: none;
    border: none;
    padding: var(--notes-top-padding) var(--notes-padding) var(--notes-padding);
    font-size: var(--notes-input-font-size);
    font-weight: 300;
}

.controls[b-utywsvdm3c] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.controls[b-utywsvdm3c]  .text-button {
    margin: var(--notes-padding);
    font-size: 1.3em;
}
.click-overlay[b-utywsvdm3c] {
    left: -100vw;
    width: 100vw;
}

[b-utywsvdm3c] a.save-button
{
    color: #ffffff !important;
}
[b-utywsvdm3c] a.text-button:hover
{
    color: #B9B9B9 !important;
}
[b-utywsvdm3c] .close-notes-btn:hover svg path {
    fill: var(--color-dark-gray);
}
/* /Components/Editor/Notes/NotesRibbon.razor.rz.scp.css */
.notes-ribbon[b-ijjy276w5w] {
    padding: 10px 21px;
    background: #C45419;
}

.notes-button[b-ijjy276w5w] {
    cursor: pointer;
    position: absolute;
    top: 3.2vh;

    right: 0;
    z-index: 3;
}


@media screen and (max-width: 901px) {
    .notes-ribbon[b-ijjy276w5w] {
        display: none;
    }
}
/* /Components/Editor/PlanTitle.razor.rz.scp.css */
.plan-title[b-nmrhw5khnm] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
}

[b-nmrhw5khnm] input[type=text].plan-title-input {
    border: none;
    background: var(--background-color);
    text-align: center;
}

[b-nmrhw5khnm] .icon {
    margin-left: 0.4em;
    width: 1rem;
    cursor: pointer;
}

[b-nmrhw5khnm] .save-icon-outer {
    margin-left: 0.2em;
    width: 0.8em;
}


[b-nmrhw5khnm] .save-icon-outer svg, [b-nmrhw5khnm] .save-icon svg {
    width: 16px;
    height: 16px;
}
/* /Components/Editor/SidePanelComponents/BasePriceLabel.razor.rz.scp.css */
.base-price-symbol[b-4a7e94d7zh] {
    font-size: 0.6em;
    vertical-align: top;
    margin-right: 1em;
    align-self: flex-start;
    margin-top: 0.2em;
}
.base-price-wrapper[b-4a7e94d7zh] {
    position: relative;
}
.info-popup[b-4a7e94d7zh] {
    
    width: 400px;
    position: absolute;
    background-color: #fff;
    right: 50%;
    transform: translateX(170px);
    bottom: 48px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    z-index: 10;
    padding: 22px 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out;
}


.base-price-wrapper:hover .info-popup[b-4a7e94d7zh] {
    visibility: visible;
    opacity: 1;
}
.info-popup p[b-4a7e94d7zh] {
    line-height: 1.2;
    margin: 0;
    padding: 0;
    font-size: 13px;

           
}
.info-popup[b-4a7e94d7zh]::after {
    content:'';
    position: absolute;
    top: 100%;
    left: auto;
    right: auto;
    width: 0;
    height: 0;
    border-top: solid 1em #fff;
    border-left: solid 1em transparent;
    border-right: solid 1em transparent;
}

@media all and (max-width: 600px) {
    .info-popup[b-4a7e94d7zh] {
        width: 249px;
        left: auto;
        transform: none;
        right: 0;
    }
    .info-popup[b-4a7e94d7zh]::after {
        right: 57px;
    }
}
/* /Components/Editor/SidePanelComponents/BottomPanel.razor.rz.scp.css */
.floating.bottom-panel[b-0bwwzeoklu] {
    position: absolute;
    bottom: 8.5vh;
    left: 5vw;
    right: 10vw;
}

.bottom-panel[b-0bwwzeoklu] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    font-size: 1.05rem;
    color: var(--color-dark-gray);
    padding-bottom: 0.2rem;
}

.static.bottom-panel[b-0bwwzeoklu] {
    display: none;
}

[b-0bwwzeoklu] .item-list-btn {
    margin-right: 1rem;
}

[b-0bwwzeoklu] .item-list-btn.text-button.disabled {
    color: var(--color-dark-gray);
}

.divider[b-0bwwzeoklu] {
    border-right: 2px solid var(--color-gray);
    margin-right: 1em;
    height: 1.3em;
}

.dollar-symbol[b-0bwwzeoklu] {
    vertical-align: top;
    align-self: flex-start;
    margin-top: 0.1em;
}

.price[b-0bwwzeoklu] {
    font-size: 1.5em;
}
.dollar-symbol[b-0bwwzeoklu], .price[b-0bwwzeoklu] {
    color: var(--color-primary);
}
.run-length[b-0bwwzeoklu] {
    margin: 0 auto 0 4rem;
    letter-spacing: 2.3px;
}

@media all and (max-width: 768px) {
    .floating.bottom-panel[b-0bwwzeoklu] {
        display: none;
    }
    .static.bottom-panel[b-0bwwzeoklu] {
        display: flex;
        margin-bottom: 2rem;
        margin-right: 1rem;
        flex-wrap: wrap;
    }
    .bottom-panel[b-0bwwzeoklu] {
        font-size: .8rem;
        position: static;
    }
    .run-length[b-0bwwzeoklu] {
        flex-basis: 100%;
        text-align: right;
        margin-bottom: 15px;
    }
}
/* /Components/Editor/SidePanelComponents/ItemListModal.razor.rz.scp.css */
.dollar-symbol[b-8l8xjw0j1z] {
    vertical-align: top;
    font-size: 0.6em;
    margin-right: -1em;
}

.modal-container[b-8l8xjw0j1z] {
    padding: 0 4em 4em;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.product-sku[b-8l8xjw0j1z] {
    opacity: 0.7;
}

.product-list[b-8l8xjw0j1z] {
    border-top: 2px solid #CCCCCC;
    border-bottom: 2px solid #CCCCCC;
    max-height: 65vh;
    min-width: 50vw;
    overflow-y: auto;
}
.product-row[b-8l8xjw0j1z] {
    --product-spacing: 3em;
    margin-top: var(--product-spacing);
    margin-right: 2em;
}


.product-row:last-child[b-8l8xjw0j1z] {
    margin-bottom: var(--product-spacing)
}

.subtotal[b-8l8xjw0j1z] {
    font-size: 2em;
    line-height: 1em;
}
.product-image[b-8l8xjw0j1z] {
    --image-height: 100px;
    height: calc(var(--image-height) / 1.5);
}

.bottom-panel[b-8l8xjw0j1z] {
    margin-top: 1rem;
}

.product-price[b-8l8xjw0j1z] {
    white-space: nowrap;
}

.image[b-8l8xjw0j1z] {
    width: 75px;
    text-align: center;
    margin-right: 2em;
}
.image img[b-8l8xjw0j1z] {
    width: 100%;    
}

@media all and (max-width: 1300px) {
    .product-list[b-8l8xjw0j1z] {
        min-width: 60vw;
    }
}
@media all and (max-width: 1024px) {
    .product-list[b-8l8xjw0j1z] {
        max-height: 60vh;
        min-width: 70vw;
    }
}

@media all and (max-width: 768px) {
    .modal-container[b-8l8xjw0j1z] {
        padding: 0 1em 1em;
        height: 100%;
    }

    .product-image[b-8l8xjw0j1z] {
        height: calc(var(--image-height) / 3);
    }

    .product-list[b-8l8xjw0j1z] {
        width: 90vw;
        max-height: 100%;
    }
}

@media all and (max-width: 400px) {
    .product-image[b-8l8xjw0j1z] {
        height: calc(var(--image-height) / 4);
    }
}
/* /Components/Editor/SidePanelComponents/RunSwitcher.razor.rz.scp.css */

.run-switcher.override[scoped-run-switcher] {
    width: 7.1em;
    height: 7.1em;
    min-width: 50px;
    min-height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: #C45419;
}

@media all and (max-width: 768px) {
    .run-switcher.override[scoped-run-switcher] {
        width: 4em;
        height: 4em;
    }
}
/* /Components/Editor/SidePanelComponents/RunSwitcherModal.razor.rz.scp.css */
.run-switcher-modal-layout[b-352hloafl4] {
    position: relative;
}
.run-switcher-modal-layout[b-352hloafl4]  .run-switcher.override {
    background-color: #C45419;
}

[b-352hloafl4] .close-btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
    margin-top: 1em;
    margin-right: 1em;
}
[b-352hloafl4] .top-view-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
    margin-bottom: 1em;
    margin-right: 1em;
    color: white !important;
}
/* /Components/Editor/SidePanelComponents/ShareLinkModal.razor.rz.scp.css */
h2[b-vmkb36gta5] {
    color: #2E2E2E;
    font-size: 36px;
    text-transform: initial;
}

.modal-container[b-vmkb36gta5] {
    color: #2E2E2E;
    text-align: center;
    max-width: 600px;

}

.alert[b-vmkb36gta5] {
    max-width: 80%;
    margin: 0 auto;
}
.inline-form[b-vmkb36gta5] {
    display: flex;
    max-width: 80%;
    margin: 25px auto 25px;
}
input[type="text"][b-vmkb36gta5] {
    border:2px solid #C45419;
    width: 70%;
}
.btn-primary[b-vmkb36gta5] {
    margin-left: 25px;
}

p[b-vmkb36gta5] {
    font-size: 14px;
    line-height: 1.5;
    color: #2E2E2E;
}
/* /Components/Editor/Stage/EditorCanvas.razor.rz.scp.css */
/**
Really useful information for why Flexbox is not used for overflow in the stage:
@see https://stackoverflow.com/questions/33454533/cant-scroll-to-top-of-flex-item-that-is-overflowing-container
*/

.editor-canvas[b-vtjk5rxfpv] {
    overflow: auto;
    position: relative;
    width: 80vw;
    margin: 2vh 5vw 15vh 5vw;
    flex: 1;
    min-height: 0;
    cursor: move;
}
@media screen and (min-width: 400px) {

    .editor-canvas.top-view[b-vtjk5rxfpv] {
        margin-right: 10vw;
    }
}

.draggable--is-dragging .editor-canvas[b-vtjk5rxfpv] {
    cursor: grabbing;
}

.zoomed-out[b-vtjk5rxfpv]  .simplebar-track {
    visibility: hidden !important;
}

.editor-canvas[b-vtjk5rxfpv]  .simplebar-scrollbar::before {
    pointer-events: all;
}

.editor-canvas[b-vtjk5rxfpv]  .simplebar-horizontal {
    bottom: -7.5vh;
}

.editor-canvas.top-view[b-vtjk5rxfpv]  .simplebar-horizontal {
    margin-right: -5vw;
}

.editor-canvas[b-vtjk5rxfpv]  .simplebar-vertical {
    right: -5vw;
}

.editor-canvas[b-vtjk5rxfpv]  .simplebar-track.simplebar-vertical {
    margin-bottom: 3vw;
}

.inline-block-wrapper[b-vtjk5rxfpv] {
    display: inline-block;
    min-width: 100%;
}

@media screen and (max-width: 768px) {
    .editor-canvas[b-vtjk5rxfpv] {
        width: 100vw;
        margin: 2vh 0 5vh;
    }

    .editor-canvas[b-vtjk5rxfpv]  .simplebar-horizontal {
        bottom: -1.2rem;
        margin-right: 3rem;
        margin-left: 3rem;
    }
}

.editor-canvas[b-vtjk5rxfpv]:before,
.editor-canvas[b-vtjk5rxfpv]:after {
    width: 5vw;
    height: 100%;
    position: absolute;
    top: 0;
    content: " ";
    background: rgb(237, 237, 237);
    z-index: 1;
    pointer-events: none;
}

.editor-canvas[b-vtjk5rxfpv]:before {
    left: 0;
    background: linear-gradient(90deg, rgba(237, 237, 237, 1) 0%, rgba(237, 237, 237, 0) 100%);
}

.editor-canvas[b-vtjk5rxfpv]:after {
    right: 0;
    background: linear-gradient(90deg, rgba(237, 237, 237, 0) 0%, rgba(237, 237, 237, 1) 100%);
}

.canvas-background[b-vtjk5rxfpv] {
    display: flex;
    background-position: center center;
    background-color: #ededed;
}

.top-view .canvas-background > *[b-vtjk5rxfpv] {
    margin: auto;
}

.canvas-background[b-vtjk5rxfpv] {
    min-width: 100%;
}

.canvas-inner[b-vtjk5rxfpv] {
    user-select: none;
    display: block;
    flex-grow: 1;
    padding: 0 4vw;
    justify-content: center;
    align-items: center;
    background-repeat: repeat;
    background-position: center;
}

.add-product-label[b-vtjk5rxfpv] {
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    color: var(--color-dark-gray);
    font-size: 1.2rem;
    text-transform: uppercase;
    left: 0;
    right: 0;
}

@media screen and (max-width: 450px) {
    .add-product-label[b-vtjk5rxfpv] {

        white-space: normal;
    }
    .add-product-label br[b-vtjk5rxfpv] {
        display: none;
    }

}
/* /Components/Editor/Stage/ElevationViewComponents/ActionWidgets.razor.rz.scp.css */
.action-widgets[b-mu9opse0nu] {
    display: flex;
    position: absolute;
    top: 80%;
    z-index: 15;
    color: black;
    flex-direction: row;
    align-items: center;
}

.action-widgets.is-cooktop[b-mu9opse0nu] {
    top: 26%;
}

.action-icons[b-mu9opse0nu] {
    opacity: 0;
    display: flex;
    transition: opacity 0.1s ease-in;
}

.action-icons[b-mu9opse0nu]  svg {
    cursor: pointer;
}

[b-mu9opse0nu] svg {
    margin: 0.5em;
}
.info-wrapper[b-mu9opse0nu] {
    width: 100%;
    display: flex;
    justify-content: center;
}
.info-wrapper[b-mu9opse0nu]  .info-popup, .info-wrapper[b-mu9opse0nu]  .config-popup {
    z-index: 12;
    bottom: 110%;
}

.tall-product .info-wrapper[b-mu9opse0nu] {
    flex-basis: fit-content;
}
/* /Components/Editor/Stage/ElevationViewComponents/ElevationView.razor.rz.scp.css */
.elevation-view[b-5u0cx1ss89] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    opacity: 0;

}


.floor-shadow[b-5u0cx1ss89] {
    content: "";
    position: absolute;
    width: 100%;
    height: 15px;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(237,237,237);
    background: linear-gradient(0deg, rgba(240,240,240,1) 0%, rgba(232,232,232,1) 100%);
    border-radius: inherit;
    z-index: 10;

}


.elevation-view-label[b-5u0cx1ss89] {
    white-space: nowrap;
    color: var(--color-dark-gray);
    font-size: 1.5em;
    margin: 1em 2em 0 0;
    text-align: right;
}

@media all and (max-width: 700px) {
    .elevation-view-label[b-5u0cx1ss89] {
        display: none;
    }
    .elevation-view-label.on-top[b-5u0cx1ss89] {
        font-size: 2.5em;
        margin-bottom: 1em;
        display: block;
        text-align: left;
        margin-right: 0;
    }
}

.elevation-view > .elevation-view-label[b-5u0cx1ss89] {
    position: absolute;
    top: 25%;
    left: 15%
}

[b-5u0cx1ss89] .label-text {
    text-transform: uppercase;
    font-family: 'GT Eesti Display';
    letter-spacing: 1.25px;
    font-weight: 300;
}

.level-container[b-5u0cx1ss89] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    position:relative;
}

.level[b-5u0cx1ss89] {
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    position: absolute;
}

.top-level[b-5u0cx1ss89] {
    top: 0;
    align-items: flex-start;
}

.ground-level[b-5u0cx1ss89] {
    align-items: flex-end;
    bottom: 0;
}

[b-5u0cx1ss89] .warning-indicator {
    position: relative;
    z-index: 11;
    margin-bottom: -12px;
    cursor: pointer;

}

    [b-5u0cx1ss89] .warning-indicator:hover path {
        fill: #5A5A5A;
    }
/* /Components/Editor/Stage/ElevationViewComponents/ElevationViewColumn.razor.rz.scp.css */
.elevation-view-column[b-b011khoss0] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.bottom-view[b-b011khoss0] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}
/* /Components/Editor/Stage/ElevationViewComponents/ElevationViewProduct.razor.rz.scp.css */
.elevation-view-product[b-rhhbm891np] {
    position: absolute;
}

.elevation-view-product img[b-rhhbm891np] {
    -webkit-touch-callout: none; 
    -webkit-user-select: none;   
    -moz-user-select: none;     
    -ms-user-select: none;       
    user-select: none;   
}

.elevation-view-product img[src=''][b-rhhbm891np] {
    opacity: 0;
}

.elevation-product[b-rhhbm891np] {
    max-width: none;
    transform: translateZ(0);
}
.ground[b-rhhbm891np] {
    bottom: 0;
}
.top[b-rhhbm891np] {
    top: 0;
}
.placeholder[b-rhhbm891np] { opacity: 0.5; }
.counter-top[b-rhhbm891np] {
    bottom: 0;
}
.layer-back[b-rhhbm891np] {
    z-index: 5
}
.layer-middle[b-rhhbm891np],.layer-middle-1[b-rhhbm891np] {
    z-index: 10
}

.layer-middle-1[b-rhhbm891np] {
    right: 0;
}

.layer-front[b-rhhbm891np] {
    z-index: 15
}
/* /Components/Editor/Stage/ElevationViewComponents/ElevationViewSlot.razor.rz.scp.css */
@keyframes disable-pointer-events-b-zxxpf7p02u {
    0%, 99% {
        pointer-events: none;
    }
}

[b-zxxpf7p02u].slot:hover .action-widgets {
    z-index: 50;
}

[b-zxxpf7p02u].slot:hover .action-widgets.active-product .action-icons {
    animation: disable-pointer-events-b-zxxpf7p02u 0.2s;
    opacity: 1;
}

.slot[b-zxxpf7p02u] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor:grab;
}

.draggable--is-dragging .slot[b-zxxpf7p02u] {
    cursor: grabbing;
}

.ground-slot[b-zxxpf7p02u] {
    position: relative;
}

.top-slot[b-zxxpf7p02u] {
    justify-self: flex-start;
}

.placement-right[b-zxxpf7p02u] {
    align-self: flex-end;
}

.placement-left[b-zxxpf7p02u] {
    align-self: flex-start;
}
.slot.middle-group[b-zxxpf7p02u] {
    align-items: flex-start;
    justify-content: flex-start;
}


[b-zxxpf7p02u].middle-group.middle-group-offset .elevation-view-product.layer-middle {
    left: 2rem;
}

[b-zxxpf7p02u].middle-group.middle-group-offset .elevation-view-product.layer-middle-1 {
    right: 2rem;
}


[b-zxxpf7p02u].middle-group .action-widgets  {
    left: 20%;
    right: auto;
    /*transform: translateX(-50%);*/
}

[b-zxxpf7p02u].middle-group .action-widgets + .action-widgets {
    right: 20%;
    left: auto;
}

[b-zxxpf7p02u].middle-group.icons-right .action-widgets {
    right: 15%;
    left: auto;
}
/* /Components/Editor/Stage/TopViewComponents/ChooseCornerOptionModal.razor.rz.scp.css */

.modal-container[b-f2zomsr6nn] {
    padding: 0 3em;
    align-items: center;
}
.option-selector[b-f2zomsr6nn] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
}

.mobile-modal.modal-container[b-f2zomsr6nn] {
    width: 90vw;
    height: calc(95vh - 6rem);
}

.option-background[b-f2zomsr6nn] {
    --background-size: 10em;
    --background-height: calc(var(--background-size) * 1.18);
    width: var(--background-size);
    height: var(--background-height);
    background: #A2A2A2;
    align-self: flex-start;
    margin-bottom: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
}


.option-image[b-f2zomsr6nn] {
    width: calc(var(--background-size) * .8);
    height: calc(var(--background-height) * .8);
    transform: translateZ(0);
}
.option[b-f2zomsr6nn] {
    display: flex;
    flex-direction: column;
    max-width: 15em;
    padding-left: 1.5rem;
    margin-right: 3em;
}


.mobile-modal .option[b-f2zomsr6nn] {
    padding-left: 0;
    max-width: none;
    align-items: center;
}


.mobile-modal .option-background[b-f2zomsr6nn] {
    align-self: center;
}
.option:last-child[b-f2zomsr6nn] {
    margin-right: 0;
}


.option-title[b-f2zomsr6nn] {
    font-size: 1rem;
}

.option-title[b-f2zomsr6nn], .option-description[b-f2zomsr6nn], .price-label[b-f2zomsr6nn] {
    color: var(--color-dark-gray)
}

.custom-checkbox[b-f2zomsr6nn] {
    margin-left: -1.5rem;
}

.mobile-modal .option-description[b-f2zomsr6nn] {
    text-align: center;
    margin-top: 0.7em;
}

.mobile-modal .custom-checkbox[b-f2zomsr6nn] {
    margin-left: 0;
}
.price-label[b-f2zomsr6nn] {
    margin-top: 1em;
}



.confirm-button[b-f2zomsr6nn] {
    margin: 3em auto 1em;
    display: block;
}



@media all and (max-width: 768px) {
    .option-selector[b-f2zomsr6nn] {
        flex-direction: column;
    }

    .option[b-f2zomsr6nn] {
        margin-right: 0;
        margin-bottom: 3em;
    }
    .option:last-child[b-f2zomsr6nn] {
        margin-bottom: 0;
    }
}

/* /Components/Editor/Stage/TopViewComponents/RunOverlay.razor.rz.scp.css */
.run-overlay[b-ew12sc60k3] {
    display: none;
    text-align: center;
    background: rgba(196, 84, 25, 0.7);
    align-items: center;
    justify-content: center;
    z-index: 100;
}
/* /Components/Editor/Stage/TopViewComponents/TopView.razor.rz.scp.css */
.top-view[b-3facods4of] {
    --top-view-scale: 1;
    --base-font-size: calc(max(min(min(1vw, 1.3vh), 18px), 6px) * var(--top-view-scale));
    font-size: var(--base-font-size);
    display: flex;
    justify-content: center;
    align-items: center;
    --lshape-layout-width: 42.58em;
    --lshape-block-size: 18em;
    --lshape-block-larger-size: calc(var(--lshape-block-size) * 1.625);
    --block-margin: calc(var(--lshape-block-size) * 0.03625);
    --style-container-width: 40em;
    --block-width: calc(.2 * var(--style-container-width));
    --block-height: calc(.28089 * var(--style-container-width));
    --style-container-height: calc(40em - var(--block-height));
    --label-scale: calc(1 / var(--top-view-scale));
    
}

.top-view-label.on-top[b-3facods4of] {
    display: none;
}
.top-view-label[b-3facods4of] {
    white-space: nowrap;
    color: var(--color-dark-gray);
    font-size: calc(1.5em * var(--label-scale));
    margin: 1em 2em 0 0;
    text-align: right;
}

.top-view-label-spacer[b-3facods4of] {
    opacity: 0;
}


@media all and (max-width: 700px) {
    .top-view[b-3facods4of] {
        flex-direction: column;
    }
    .top-view-label[b-3facods4of] {
        display: none;
    }
    .top-view-label.on-top[b-3facods4of] {
        font-size: calc(2.5em * var(--label-scale));
        margin-bottom: 1em;
        display: block;
        text-align: left;
        margin-right: 0;
    }
}

.top-view > .top-view-label[b-3facods4of] {
    flex: 0 1 auto;
}

.top-view-layout[b-3facods4of] {
    position: relative;
    margin: 4em;
}

.row[b-3facods4of] {
    flex-wrap: nowrap;
}


.gallery-style[b-3facods4of] {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 40em;
    justify-content: space-between;
}


[b-3facods4of] .label-text {
    text-transform: uppercase;
    font-family: 'GT Eesti Display';
    letter-spacing: 1.25px;
    font-weight: 300;
}

[b-3facods4of] .run-label {
    color: white;
}

.layout-row[b-3facods4of] {
    display: flex;
    flex-wrap: nowrap;
}

.ushape-top-row[b-3facods4of] {
    justify-content: space-between;
    align-items: flex-end;
}

/* /Components/Editor/Stage/TopViewComponents/TopViewColumn.razor.rz.scp.css */
.top-view-column[b-0jibj2rkie] {
    height: 100%;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: row;
}

.top-view-product[b-0jibj2rkie] {
    position: absolute;
    top: 0;
    max-width: none;
    transform: translateZ(0);
    transform-origin: top left;
}

.orientation-right[b-0jibj2rkie] {
    transform: rotate(-90deg) translateX(-50%);
    left: 0;
    top: 50%;
}

.orientation-left[b-0jibj2rkie] {
    transform: rotate(90deg) translateX(50%);
    right: 0;
    top: 50%;
    transform-origin: top right;
}

.orientation-up[b-0jibj2rkie] {
    transform: rotate(-180deg) translateX(-100%) translateY(-100%);
    top: unset;
    bottom: 0;
}

.orientation-right.placement-right[b-0jibj2rkie] {
    top: 0;
}

.orientation-right.placement-left[b-0jibj2rkie] {
    top: 100%;
}


.orientation-left.placement-right[b-0jibj2rkie] {
    top: 100%;
}

.orientation-left.placement-left[b-0jibj2rkie] {
    top: 0;
}

.orientation-up.placement-right[b-0jibj2rkie] {
    transform: rotate(-180deg) translateX(-50%) translateY(-100%);
    left: 0;
}

.orientation-up.placement-left[b-0jibj2rkie] {
    transform: rotate(-180deg) translateX(-150%) translateY(-100%);
    right: 0
}


.orientation-down.placement-right[b-0jibj2rkie] {
    right: 0;
    transform: translateX(50%);
}

.orientation-down.placement-left[b-0jibj2rkie] {
    left: 0;
    transform: translateX(-50%);
}
/* /Components/Editor/Stage/TopViewComponents/TopViewRun.razor.rz.scp.css */
.block-container[b-47p211cf3z] {
    display: grid;
    grid-template-columns: 1fr;
    border: 2px solid #C45419;
}

[b-47p211cf3z].block-container > div, [b-47p211cf3z].block-container > svg {
    grid-row-start: 1;
    grid-column-start: 1;
}

.block[b-47p211cf3z] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    overflow: visible;
}

.block-container.has-products[b-47p211cf3z] {
    border: none;
}

.block-container:hover[b-47p211cf3z] {
    background: #C45419;
    cursor: pointer;
    border: none;
    padding: 2px;
}

.block-container.has-products:hover[b-47p211cf3z] {
    padding: 0;
}

.block-container:hover[b-47p211cf3z]  .add-icon {
    display: none;
}

[b-47p211cf3z] .add-icon {
    align-self: center;
    justify-self: center;
}

.corner-block .block-inner[b-47p211cf3z] {
    width: var(--lshape-block-size);
    height: var(--lshape-block-size);

}

.block-container.corner-block.left-corner .block-inner[b-47p211cf3z], .block-container.corner-block.right-corner .block-inner[b-47p211cf3z] {
    width: var(--block-height);
    height: var(--block-height);
}

.block-container.corner-block:not(.has-products)[b-47p211cf3z] {
    z-index: 30;
}

.block-container.corner-block.top-left-corner[b-47p211cf3z] {
    margin-right: var(--block-margin);
    margin-bottom: var(--block-margin);
}

.block-container.corner-block.left-corner[b-47p211cf3z] {
    margin-right: var(--block-margin);
    margin-top: var(--block-margin);
}

.block-container.corner-block.right-corner[b-47p211cf3z] {
    margin-left: var(--block-margin);
    margin-top: var(--block-margin);
}

.block-container.corner-block.has-products[b-47p211cf3z] {
    margin: 0;
}

.ushape-horizontal-block .block-inner[b-47p211cf3z] {
    height: var(--block-height);
    width: calc(var(--style-container-width) - (2 * var(--block-width)));
}

.ushape-vertical-block .block-inner[b-47p211cf3z] {
    width: var(--block-height);
    height: var(--style-container-height);
    flex-direction: column;
}

.lshape-horizontal-block .block-inner[b-47p211cf3z] {
    height: var(--lshape-block-size);
    width: var(--lshape-block-larger-size);
}

.lshape-vertical-block .block-inner[b-47p211cf3z] {
    width: var(--lshape-block-size);
    height: var(--lshape-block-larger-size);
    flex-direction: column;
}

.block-container:hover[b-47p211cf3z]  .run-overlay {
    display: flex;
}

.has-products:not(.lshape-vertical-block, .ushape-vertical-block, .vertical) .block-inner[b-47p211cf3z] {
    width: auto;
}

.has-products.lshape-vertical-block .block-inner[b-47p211cf3z], .has-products.ushape-vertical-block .block-inner[b-47p211cf3z]{
    height: auto;
}
/* /Components/Editor/Tutorial/Tutorial.razor.rz.scp.css */
.tutorial[b-unrbcw0h46] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 102;
    display: flex;
    align-items: center;
}

.tutorial.no-highlights[b-unrbcw0h46] {
    background: rgba(0,0,0, .6);
}

.tutorial-content[b-unrbcw0h46] {
    max-width: 465px;
    margin-left: 113px;
}

p[b-unrbcw0h46] {
    color: #ffffff;
    font-size: 18px;
}

h3[b-unrbcw0h46] {
    font-size: 28px;
    color: #ffffff;
}

.close[b-unrbcw0h46] {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 21px;
    cursor: pointer;
    opacity: 1;
}

[b-unrbcw0h46] .close svg {
    width: 21px;
    height: 21px;
}

    [b-unrbcw0h46] .close svg path {
        fill: #ffffff;
    }

@media screen and (max-width: 901px) {    

    .tutorial-step-6 .tutorial[b-unrbcw0h46],
    .tutorial-step-5 .tutorial[b-unrbcw0h46] {
        align-items: flex-start;
        padding-top: 11vh;
    }


    h3[b-unrbcw0h46] {
        font-size:20px;
    }


    p[b-unrbcw0h46] {
        font-size: 13px;
    }
}
@media screen and (max-height: 1000px) {

    h3[b-unrbcw0h46] {
        font-size:20px;
    }

    p[b-unrbcw0h46] {
        font-size: 13px;
    }

    .tutorial[b-unrbcw0h46] {
        align-items: flex-end;
        padding-bottom: 9vh;
    }
    .tutorial-step-6 .tutorial[b-unrbcw0h46],
    .tutorial-step-5 .tutorial[b-unrbcw0h46] {
        align-items: flex-start;
        padding-top: 11vh;
    }
}

@media screen and (max-width: 490px) {
    .tutorial[b-unrbcw0h46] {
        align-items: flex-end;
        padding-bottom: 2vh;
    }
}
/* /Components/Editor/Tutorial/TutorialContent.razor.rz.scp.css */

.tutorial-content[b-p94qaju8y7] {
	max-width: 407px;
	margin-left:113px;
    min-height: 350px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: space-between;
}
.tutorial-buttons[b-p94qaju8y7] {
    margin-top:auto;
}

@media screen and (max-width: 901px) {
 .tutorial-content[b-p94qaju8y7] {
     max-width: 320px;
     margin-left:50px;
 }
}

@media screen and (max-width: 490px) {
    .tutorial-content[b-p94qaju8y7] {
        margin:0 auto;
    }
}


p[b-p94qaju8y7] {
    color: #ffffff;
    font-size: 1.3rem;
}

h3[b-p94qaju8y7] {
	font-size: 2rem;
	color:#ffffff;
}

.step-count[b-p94qaju8y7] {
    margin-bottom: 18px;
    letter-spacing: 1.65px;
    color: #CCCCCC;
    text-transform: uppercase;
    display:block;
    width:100%;

}

p.questions[b-p94qaju8y7] {
    color: #CCCCCC;
    font-size: 1rem;
    letter-spacing: 1.26px;
    color: #CCCCCC;
    opacity: 1;
    margin: 31px 0 0 0;
}
.btn[b-p94qaju8y7] {
    padding:9px 35px;
}

.btn[b-p94qaju8y7]:before {
    text-indent:35px;
}

.btn-primary:hover[b-p94qaju8y7] {
    border-color: #ffffff;
}

.btn-secondary.white[b-p94qaju8y7] {
    border-color: #ffffff;
    color:#ffffff;
    margin-right:40px;
}

.btn-secondary.white[b-p94qaju8y7]::before {
    background: #ffffff;
    border-color: #ffffff;
    color:var(--color-dark-gray);
}

@media screen and (max-width: 901px) {

    .step-count[b-p94qaju8y7] {
        margin-bottom: 8px;
    }
    .tutorial-step-4 .step-count[b-p94qaju8y7] {
        text-align: right;
    }
    p.questions[b-p94qaju8y7] {
        margin: 15px 0 0 0;
    }
}

@media screen and (max-height: 1000px) {
    .tutorial-content[b-p94qaju8y7] {
        min-height: 0;
    }
}
/* /Components/FloorLayoutOption/FloorLayoutOption.razor.rz.scp.css */
.floor-layout[b-nzxxgbrmmj] {
    display: flex;
    flex-direction: column;
    padding: 0 4%;
    flex-grow: 1;
    flex-basis: 0;
    margin-bottom: 50px;
    align-items: center;
    cursor: pointer;
}

.label[b-nzxxgbrmmj] {
    color: #2e2e2e;
    text-transform: uppercase;
    font-family: GT Eesti Text, serif;
    font-size: 12px;
    line-height: 1.73;
    letter-spacing: .2em;
    margin: 20px 0;
}

@media only screen and (max-width: 800px) {
    .floor-layout[b-nzxxgbrmmj] { flex: 50%; }
}

@media only screen and (max-width: 353px) {
    .floor-layout[b-nzxxgbrmmj] { flex: 100%; }
}
/* /Components/FloorLayoutOption/FloorLayoutPreview.razor.rz.scp.css */
.preview[b-dzarrcdy5p] {
    --block-color: #C45419;
    background-color: #2E2E2E;
    width: 100%;
    padding-top: 100%;
    position: relative;
    --lshape-corner-block-width: 26.04%;
    --lshape-spacing: 7.29%;
    --ushape-block-width: 20%;
    --ushape-block-height: 28.089%;
    --ushape-spacing: 3.2%;
}

.preview.button-mode[b-dzarrcdy5p] {
    --block-color: #ffffff;
    transition: 0.5s ease transform;
    transform-origin: 0 0;
}

.button-mode:not(.modal-mode):hover[b-dzarrcdy5p] {
    transform: scale(1.5);
}
.button-mode .block:hover[b-dzarrcdy5p], .button-mode .block.current-run[b-dzarrcdy5p] {
    background-color: white;
}

.button-mode .block.corner-block:hover[b-dzarrcdy5p] {
    background-color: var(--color-primary);
}
.preview-inner[b-dzarrcdy5p] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.semi-wide-preview[b-dzarrcdy5p] { height: 92.7%; }

.wide-preview[b-dzarrcdy5p] { height: 71.2%; }

.preview-canvas-outer[b-dzarrcdy5p] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.preview-canvas[b-dzarrcdy5p] {
    width: 60%;
    height: 60%;
    position: relative;
}

.block[b-dzarrcdy5p] {
    background-color: var(--block-color);
    position: absolute;
}

.button-mode .block[b-dzarrcdy5p] {
    border: 0.22em solid var(--block-color);
    background-color: transparent;
}

@media all and (max-width: 768px) {
    .button-mode .block[b-dzarrcdy5p] {
        border: 0.125em solid var(--block-color);
    }
}


.corner-block[b-dzarrcdy5p] {
    width: var(--lshape-corner-block-width);
    height: var(--lshape-corner-block-width);
    left: 0;
    top: 0;
}

.lshape-horizontal-block[b-dzarrcdy5p] {
    width: calc(100% - (var(--lshape-corner-block-width) + var(--lshape-spacing)));
    height: var(--lshape-corner-block-width);
    left: calc(var(--lshape-corner-block-width) + var(--lshape-spacing))
}

.lshape-vertical-block[b-dzarrcdy5p] {
    width: var(--lshape-corner-block-width);
    height: calc(100% - (var(--lshape-corner-block-width) + var(--lshape-spacing)));
    top: calc(var(--lshape-corner-block-width) + var(--lshape-spacing));
}

.ushape-horizontal-block[b-dzarrcdy5p] {
    width: calc(100% - ((var(--ushape-block-width) + var(--ushape-spacing)) * 2));
    height: var(--ushape-block-height);
    left: calc(var(--ushape-block-width) + var(--ushape-spacing));
    bottom: 0
}

.ushape-vertical-block[b-dzarrcdy5p] {
    width: var(--ushape-block-width);
    height: 100%;
}

.ushape-right-block[b-dzarrcdy5p] {
    right: 0;
    top: 0
}

.anchor-right[b-dzarrcdy5p] {
    top: 0;
    right: 0;
}

.anchor-middle[b-dzarrcdy5p] { left: calc(50% - (var(--ushape-block-width) / 2)) }
/* /Components/User/ProjectModal.razor.rz.scp.css */
h2[b-64aul8cojv] {
    color: #2E2E2E;
    font-size: 36px;
    text-transform: initial;
}

.modal-container[b-64aul8cojv] {
    color: #2E2E2E;
    text-align: center;
    max-width: 900px;
    width: 100vw;

}

.form-field[b-64aul8cojv] {
    text-align: left;
    margin-bottom: 10px;
}
.modal-form-wrapper[b-64aul8cojv] {
    max-width: 80%;
    margin: 0 auto 25px;
    text-align: center;
}
.create-project-form[b-64aul8cojv],
.add-to-project-form[b-64aul8cojv] {
    background: white;
}
label.control-label[b-64aul8cojv] {
    color: #2E2E2E;
}
select[b-64aul8cojv], select:focus[b-64aul8cojv] {
    color: #2E2E2E;
}
.btn-primary[b-64aul8cojv] {
    margin-left: 25px;
}

p[b-64aul8cojv] {
    font-size: 14px;
    line-height: 1.5;
    color: #2E2E2E;
}

/* /Components/Util/BaseIconButton.razor.rz.scp.css */
[scoped-icon-button] {
    color: var(--color-primary);
}

[scoped-icon-button]:hover {
    color: var(--color-dark-gray);
}
/* /Components/Util/ConfigPopup.razor.rz.scp.css */
.config-popup[b-z200olf25a] {
    height: 260px;
    width: 100vw;
    position: absolute;
    padding: 0 1em 1em;
    background-color: #fff;
    overflow: hidden;
    cursor: default;
}
@media (min-width: 402px) {
    .config-popup[b-z200olf25a] {
        width: 33.5em;
    }
}
@media (min-width: 768px) {
    .config-popup[b-z200olf25a] {
        height: 280px;
    }
}

.config-popup.popup-off[b-z200olf25a] {
    display: none;
}

.config-popup.popup-on[b-z200olf25a] {
    display: block;
}

.config-popup .popup-header[b-z200olf25a]{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.config-popup .config-options[b-z200olf25a] {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 1em 0;
}

.config-popup .config-images[b-z200olf25a] {
    height: 100px;
}
@media (min-width: 768px) {
    .config-popup .config-images[b-z200olf25a] {
        height: 110px;
    }
}
.config-popup .config-images .config-image[b-z200olf25a] {
    height: 100%;
    padding: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
}

.config-popup .config-options .config-option[b-z200olf25a] {
    display: flex;
    padding: 0.5em 0 0;
    justify-content: center;
}
.config-option label[b-z200olf25a] {
    display: flex;
}
.config-popup .config-options input[type="radio"][b-z200olf25a] {
    display: grid;
    place-content: center;
    appearance: none;
    background-color: #fff;
    margin: 0.2em 1em 0.2em 0;
    font: inherit;
    color: currentColor;
    width: 1em;
    height: 1em;
    border: 0.1em solid var(--color-dark-gray);
    border-radius: 50%;
}
.config-popup .config-options input[type="radio"][b-z200olf25a]::before {
    content: "";
    width: 0;
    height: 0.75em;
    border: 1px solid var(--color-primary);
    transform: scale(0) rotate(45deg);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--color-primary);
}
.config-popup .config-options input[type="radio"]:checked[b-z200olf25a]:before {
    transform: scale(1) rotate(45deg);
}

.config-popup .config-select[b-z200olf25a] {
    margin-top: 0.5em;
    text-align: center;
}

.config-popup h3[b-z200olf25a] {
    font-size: 0.75em;
    font-weight: 100;
    letter-spacing: normal;
    text-transform: uppercase;
}
/* /Components/Util/DropDownMenu/DropDownMenu.razor.rz.scp.css */
.dropdown-container[b-a4o80d1k5m] {
    position: relative;
    z-index: 40;
}

.tutorial-step-8 .dropdown-container[b-a4o80d1k5m], .tutorial-step-9 .dropdown-container[b-a4o80d1k5m] {
    z-index: 110;
}

.menu-container[b-a4o80d1k5m] {
    position: relative;
    padding: 0 20px 0 0;
    text-align: center;
}

.indicator[b-a4o80d1k5m] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
}

.menu-options[b-a4o80d1k5m] {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    background: white;
    z-index: 2;
    font-size: 1em;
}

.menu-options.z-index-highlight li[b-a4o80d1k5m] {
    opacity: .5;
}

.menu-options.z-index-highlight li.active[b-a4o80d1k5m] {
    opacity: 1;
}

.diamond[b-a4o80d1k5m] {
    display: none;
    position: absolute;
    top: -5px;
    left: calc(50% - 15px);
    transform: rotate(45deg);
    width: 30px;
    height: 30px;
    background: white;
    z-index: 1
}

.expanded[b-a4o80d1k5m] { display: block; }

.menu-option[b-a4o80d1k5m] {
    --item-spacing: 0.8em;
    position: relative;
    z-index: 2;
    padding: var(--item-spacing) 1.2em;
    white-space: nowrap;
    text-align: center;
}

.menu-option:first-of-type[b-a4o80d1k5m] {
    padding-top: calc(2 * var(--item-spacing));
}
.menu-option:last-of-type[b-a4o80d1k5m] {
    padding-bottom: calc(2 * var(--item-spacing));
}

.menu-option:hover[b-a4o80d1k5m] { color: var(--color-primary-hover) !important; }

/* /Components/Util/ExpandableDrawer.razor.rz.scp.css */
.expandable-pane-container[b-glcou1sxap] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    z-index: 15;
    transition: 0.5s bottom ease; /* animating with transform: translateY() is signficiantly slower on iOS. If changing be sure to test in iOS. */
    will-change: bottom;
}
.shrink[b-glcou1sxap] {
    bottom: -250%;
}

.shrink[b-glcou1sxap] .filter-button.open {
    margin-bottom: -5px;
}

@media only screen and (max-height: 1200px) {
    .shrink[b-glcou1sxap] {
        bottom: -305%;
    }
}

@media only screen and (max-height: 600px) {
    .shrink[b-glcou1sxap] {
        bottom: -375%;
    }
}

.filters-open[b-glcou1sxap]  .top-section {
    margin-left: 358px;
}
.filters-open[b-glcou1sxap]  .list {
    margin-left: 304px;
}

@media only screen and (max-width: 768px) {
    .filters-open[b-glcou1sxap]  .top-section {
        margin-left: var(--pane-padding);
    }

    .filters-open[b-glcou1sxap]  .list {
        margin-left: 0;
        display: none;
    }

    .filters-open[b-glcou1sxap]  .product-count {
        display: block;
    }
}


.expandable-pane[b-glcou1sxap] {
    --pane-padding: 2rem;
    background: #d9d9d9;
    display: flex;
    flex-direction: column;
    align-self: stretch;
    padding: 1.4em 0;
}

.top-section[b-glcou1sxap] {
    font-size: 1.2em;
    justify-content: space-between;
    margin-bottom: 1em;
    display: flex;
    align-items: center;
    margin-left: var(--pane-padding);
    margin-right: var(--pane-padding);
    transition: margin-left 0.25s ease-in;
}

@media screen and (max-width: 400px) {
    .top-section[b-glcou1sxap] {
        font-size: 1em;
    }
}

[b-glcou1sxap] .close-icon {
    margin-left: 20px;
    height: 25px;
    width: 25px;
}

[b-glcou1sxap] .align-right {
    margin-left: auto;
}



@media (max-height: 800px) {
    .expandable-pane[b-glcou1sxap]  .info-popup {
        width:45%;
        top:-250px;
        height: 250px;
        padding-bottom: 1em;
        z-index: 101;

    }
    .expandable-pane[b-glcou1sxap]  .info-popup .col-4 {
        background-position: center;
    }
    .expandable-pane[b-glcou1sxap]  .info-popup:after {
        display: none;
    }
}
@media (max-height: 600px) {
    .expandable-pane[b-glcou1sxap]  .info-popup {
        width:45%;
        top:-150px;
        height: 250px;
        padding-bottom: 1em;
        z-index: 101;

    }
}
/* /Components/Util/Icons/ThinCaretIcon.razor.rz.scp.css */
svg[b-zwkncjg3tt] {
    width: 1em;
    height: 1em;
    --animation-length: .25s;
    --animation: cubic-bezier(0.76, 0.19, 0.32, 0.94);
    animation: fadeIn-b-zwkncjg3tt var(--animation) var(--animation-length);
}

svg g[b-zwkncjg3tt] { transition: 0.2s ease transform; }

.caret-up g[b-zwkncjg3tt] { transform: translate(0, 5.8px) rotate(-90deg); }

.caret-up[b-zwkncjg3tt] { animation: fadeInAgain-b-zwkncjg3tt var(--animation) var(--animation-length); }

@keyframes fadeIn-b-zwkncjg3tt {
    0% { opacity: 0; }

    100% { opacity: 1; }
}

@keyframes fadeInAgain-b-zwkncjg3tt {
    0% { opacity: 0; }

    100% { opacity: 1; }
}
/* /Components/Util/Icons/ZoomIcon.razor.rz.scp.css */
.zoom-icon .vertical-line[b-3kycaqrksz] {
    transition: 0.5s linear transform;
    transform-origin: 7.41px 7.41px;
    transform: scale(0);
}
.zoom-in .vertical-line[b-3kycaqrksz] {
    transform: scale(1);
}
/* /Components/Util/InfoPopup.razor.rz.scp.css */
.info-popup[b-kvf76q9lsa] {
    height: 260px;
    width: 100vw;
    position: absolute;
    padding: 0 1em 1em;
    background-color: #fff;
    cursor: default;
}
.info-popup[b-kvf76q9lsa]::after {
    content:'';
    position: absolute;
    top: 100%;
    left: 40%;
    margin-left: -50px;
    width: 0;
    height: 0;
    border-top: solid 1em #fff;
    border-left: solid 1em transparent;
    border-right: solid 1em transparent;
}
@media (min-width: 402px) {
    .info-popup[b-kvf76q9lsa] {
        width: 33.5em;
    }
}

@media (max-height: 1000px) {
    .info-popup[b-kvf76q9lsa] {
        height: auto;
        padding-bottom: 2em;
    }
}

.info-popup.popup-off[b-kvf76q9lsa] {
    display: none;
}

.info-popup.popup-on[b-kvf76q9lsa] {
    display: block;
}

.info-popup .popup-header[b-kvf76q9lsa] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1;
    margin-top: 4px;
}

.info-popup .row[b-kvf76q9lsa] {
    padding: 0 2.5em;
    overflow: hidden;
    background: #ffffff;
}

.info-popup .col-4[b-kvf76q9lsa] {
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.info-popup h5[b-kvf76q9lsa] {
    font-size: 0.75em;
    text-transform: uppercase;
    color: var(--color-gray);
}

.info-popup h3[b-kvf76q9lsa] {
    font-size: 1.1em;
    font-weight: 100;
    letter-spacing: normal;
    text-transform: uppercase;
}

.info-popup .price-row[b-kvf76q9lsa] {
    display: flex;
}
.info-popup .popup-price-label[b-kvf76q9lsa] {
    margin-bottom: 0.1em;
    align-self: flex-end;
    font-size: 0.9em;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.info-popup .popup-currency[b-kvf76q9lsa] {
    margin-top: 0.3em;
    font-size: 0.6em;
    font-weight: 100;
    letter-spacing: 0.1em;
    color: var(--color-primary);
}
.info-popup .popup-price[b-kvf76q9lsa] {
    font-size: 1.1em;
    font-weight: 100;
    letter-spacing: 0.1em;
    color: var(--color-primary);
}

.info-popup p[b-kvf76q9lsa] {
    margin: 0.9em 0 0.6em;
    line-height: 1.75;
    font-size: 0.7em;
    font-weight: 100;
    letter-spacing: normal;
}

.info-popup a[b-kvf76q9lsa] {
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-primary);
}
.info-popup a .text[b-kvf76q9lsa] {
    font-size: 0.8em;
    letter-spacing: 0.1em;
}
.info-popup a .arrow[b-kvf76q9lsa] {
    margin-left: 0.5em;
    font-size: 1em;
}

.top-slot .info-popup[b-kvf76q9lsa]
{
    top:40%;
    left:110%;
}


.tall-product .info-popup[b-kvf76q9lsa]{
    bottom:50%;
    left:110%;
    transform: translateY(130px);
}


.top-slot .info-popup[b-kvf76q9lsa]:after,
.tall-product .info-popup[b-kvf76q9lsa]:after {
    top:50%;
    left:0;
    margin-left: -18px;
    margin-top:14px;

    transform: rotate(90deg);
}
/* /Components/Util/ModalLayout.razor.rz.scp.css */
.container[b-o5j94ckdwq] {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-bottom: 2em;
    background: white;
}

.modal-header[b-o5j94ckdwq] {
    border-bottom: none;
    align-self: stretch;
    padding-bottom: 0;
}
.modal-header button:focus[b-o5j94ckdwq] {
    outline: none;
}

.modal-title[b-o5j94ckdwq] {
    color: black;
    padding-bottom: 0.5em;
    text-transform: none;
    font-size: 2.5em;
}

.blazored-modal-close:hover svg path[b-o5j94ckdwq] {
    fill: var(--color-primary);
}

@media all and (max-width: 768px) {
    .container[b-o5j94ckdwq] {
        height: 100%;
    }
}

@media all and (max-width: 400px) {
    .modal-title[b-o5j94ckdwq] {
        font-size: 2em;
    }
}

@media all and (max-width: 340px) {
    .modal-title[b-o5j94ckdwq] {
        font-size: 1.8em;
    }
}
/* /Components/Util/PlacementError.razor.rz.scp.css */
.placement-warning[b-336l4702cq] {
    position: relative;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.error-popup[b-336l4702cq] {
    background: white;
    padding: 15px;
    text-align: center;
    color: black;
    font-size: 10px;
    z-index: 11;
    width: 100%;
    min-width: 400px;
    position: absolute;
    top: 0;
    left: 50%;
    transform:translate(-50%,-114%)
}

    .error-popup .popup-header[b-336l4702cq] {
        position: absolute;
        right: 20px;
        top: 0;
    }


.error-popup[b-336l4702cq]::after {
    content:'';
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
    border-top: solid 1em #fff;
    border-left: solid 1em transparent;
    border-right: solid 1em transparent;
    margin-left: -11px;
}
.error-popup  h2[b-336l4702cq] {
    font-size: 13px;
    text-transform: uppercase;
    margin-top:20px;

}

    .error-popup p[b-336l4702cq] {
        font-size: 11px;
        margin: 0;
        line-height: 1.6;
    }

.error-popup[b-336l4702cq]  .warning-gray path {
    fill:#5A5A5A;
}
.placement-warning[b-336l4702cq]  .warning-indicator {
    margin: 0 auto;
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
}
/* /Components/Util/ResponsiveInput.razor.rz.scp.css */
div[b-805z8b0adv] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
    flex-wrap: wrap;
    overflow: hidden;
}

input[type="text"][b-805z8b0adv],
span[b-805z8b0adv] {
    text-transform: uppercase;
    font-family: GT Eesti Display Medium, sans-serif;
    letter-spacing: 0.150em;
    text-decoration: none;
    word-spacing: 0.25em;
    /* box-sizing: border-box; */
    /* padding: 0.5em 1em; */
    padding: 0;
}

input[type="text"][b-805z8b0adv] {
    width: 6em;
    outline: 0;
}

span[b-805z8b0adv] {
    position: absolute;
    left: -9999px;
    display: inline-block;
    min-width: 6em;
}
/* /Components/Util/RuleErrorPopup.razor.rz.scp.css */
.rule-popup[b-jhaftoj3m2] {
    top: -450px;
    height: 160px;
    width: 100vw;
    position: absolute;
    padding: 2.5em;
    background-color: #fff;
}
.rule-popup[b-jhaftoj3m2]::after {
    content:'';
    position: absolute;
    top: 100%;
    left: 40%;
    margin-left: -50px;
    width: 0;
    height: 0;
    border-top: solid 1em #fff;
    border-left: solid 1em transparent;
    border-right: solid 1em transparent;
}
@media (min-width: 402px) {
    .rule-popup[b-jhaftoj3m2] {
        width: 33.5em;
    }
}
@media (min-width: 768px) {
    .rule-popup[b-jhaftoj3m2] {
        height: 180px;
    }
}

.rule-popup.popup-off[b-jhaftoj3m2] {
    display: none;
}

.rule-popup.popup-on[b-jhaftoj3m2] {
    display: block;
}

.rule-popup .row[b-jhaftoj3m2] {
    padding: 0 2.5em;
    overflow: hidden;
}

.rule-popup h5[b-jhaftoj3m2] {
    text-align: center;
    font-size: 0.75em;
    text-transform: uppercase;
    color: var(--color-gray);
}

.rule-popup p[b-jhaftoj3m2] {
    margin: 1.5em 0 0.6em;
    line-height: 1.75;
    font-size: 0.7em;
    font-weight: 100;
    letter-spacing: normal;
}
/* /Components/Util/SvgButton.razor.rz.scp.css */
.svg-button[b-8cxgofg2f1] {  }

.svg-button[b-8cxgofg2f1]  svg, .svg-button[b-8cxgofg2f1]  img {

    height: auto;
}


.svg-button.flex[b-8cxgofg2f1] {
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /Components/Util/TextButton.razor.rz.scp.css */
a[b-38lfwvfwat] {
    cursor: pointer;
}

a.disabled[b-38lfwvfwat] {
    cursor: default;
    opacity: 1 !important;
}

.text-button.disabled[b-38lfwvfwat] {
    color: white;
}
/* /Pages/ChooseYourLayout.razor.rz.scp.css */
.centered-page-layout[b-g222e2cgp0] {
    text-align: center;
    padding-left: 20%;
    padding-right: 20%;
    margin-top: 8%;
}

.title[b-g222e2cgp0] { font-size: 44px; }

.description[b-g222e2cgp0] {
    margin: 2% 0 5% 0;
    font-size: 20px;
}

@media only screen and (max-width: 1200px) {
    .centered-page-layout[b-g222e2cgp0] {
        padding-left: 5%;
        padding-right: 5%;
    }
}

.floor-layouts[b-g222e2cgp0] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

@media only screen and (max-width: 800px) {
    .centered-page-layout[b-g222e2cgp0] { margin-top: 7%; }

    .floor-layouts[b-g222e2cgp0] {
        flex-wrap: wrap;
        /*flex-direction: column;*/
        /*align-items: center;*/
    }

    .description[b-g222e2cgp0] { font-size: 13px; margin: 2% 0 10% 0;}

    .title[b-g222e2cgp0] { font-size: 18px; }
}
/* /Pages/Editor.razor.rz.scp.css */
.editor[b-lno794g1jm] {
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}


.editor-panel[b-lno794g1jm] {
    display: flex;
    flex-direction: row;
    flex: 1;
    min-height: 0;
    position:relative;
    overflow:auto;
}


.right-panel[b-lno794g1jm] {
    position: relative;
}

.left-panel[b-lno794g1jm] {
    position: relative;
}

/* /Pages/Load.razor.rz.scp.css */
.centered-page-layout[b-irssmfhw4v] {
    text-align: center;
    padding-left: 20%;
    padding-right: 20%;
    margin-top: 8%;
}

.title[b-irssmfhw4v] {
     font-size: 44px;
    margin-bottom: 10%;
}


@media only screen and (max-width: 1200px) {
    .centered-page-layout[b-irssmfhw4v] {
        padding-left: 5%;
        padding-right: 5%;
    }
}


@media only screen and (max-width: 800px) {
    .centered-page-layout[b-irssmfhw4v] { margin-top: 7%; }
    .title[b-irssmfhw4v] { font-size: 18px; }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-2wmfkn0e6b] {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    /*min-height: 100vh;*/
    padding: 0;
}

.main[b-2wmfkn0e6b] {
    /*min-height: 100vh;*/
    width: 100%;
}

.sidebar[b-2wmfkn0e6b] { background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%); }

.top-row[b-2wmfkn0e6b] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.top-row[b-2wmfkn0e6b]  a, .top-row .btn-link[b-2wmfkn0e6b] {
    white-space: nowrap;
    margin-left: 1.5rem;
}

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-2wmfkn0e6b] { display: none; }

    .top-row.auth[b-2wmfkn0e6b] { justify-content: space-between; }

    .top-row a[b-2wmfkn0e6b], .top-row .btn-link[b-2wmfkn0e6b] { margin-left: 0; }
}

@media (min-width: 641px) {
    .page[b-2wmfkn0e6b] { flex-direction: row; }

    .top-row[b-2wmfkn0e6b] {
        position: sticky;
        top: 0;
        z-index: 1;
    }
}