@import '_content/Toolbelt.Blazor.SplitContainer/Toolbelt.Blazor.SplitContainer.bundle.scp.css';
@import '_content/ViSoft.Component.Viewer3D/ViSoft.Component.Viewer3D.2i47d0pvcr.bundle.scp.css';

/* /Components/ErrorBoundaryMessage.razor.rz.scp.css */
.msg-content[b-fse728c9xh] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    background-color: #a45c5c;
    padding: 12px;
    border-radius: 8px;
    color: #ffffff;
    display: inline-block;
    max-width: 500px;
}
/* /Components/ObjectListView.razor.rz.scp.css */

/* Scrollbar width */
.object-list-scroll[b-lhbbzojrs2]::-webkit-scrollbar {
    width: 8px;
}

/* Track (background) */
.object-list-scroll[b-lhbbzojrs2]::-webkit-scrollbar-track {
    background: var(--object-list-scrollbar-track-color);
}

/* Handle (scroll thumb) */
.object-list-scroll[b-lhbbzojrs2]::-webkit-scrollbar-thumb {
    background: var(--object-list-scrollbar-thumb-color);
    border-radius: 6px;
}

/* Handle on hover */
.object-list-scroll[b-lhbbzojrs2]::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.object-list-card[b-lhbbzojrs2] {
    flex-grow: 1;
    overflow: hidden;
    background: var(--object-list-view-background);
    height: 100%;
}

.object-list-body[b-lhbbzojrs2] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
}

.spinner-border[b-lhbbzojrs2] {
    position: absolute;
    top: 50%;
    left: 50%;
}

.object-list-scroll[b-lhbbzojrs2] {
    padding: 0.5rem;
    overflow-y: auto;
    max-height: 100%;
}

.object-list-container[b-lhbbzojrs2] {
    width: 100%;
}

    .object-list-container.grid[b-lhbbzojrs2] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        gap: 8px;
    }

    .object-list-container.list[b-lhbbzojrs2] {
        display: flex;
        flex-direction: column;
    }

.object-list-item[b-lhbbzojrs2] {
    width: 100%;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 0.25rem;
    padding: 0.5rem;
}

    .object-list-item.active[b-lhbbzojrs2] {
        outline: 2px solid #ff6a00;
    }

    .object-list-item:hover[b-lhbbzojrs2] {
        background-color: #87878729;
        outline: 2px solid #ff6a00;
    }

.object-list-container.list .object-list-item[b-lhbbzojrs2] {
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 4px;
}

.object-list-container.list .object-list-preview[b-lhbbzojrs2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
}

.object-list-preview[b-lhbbzojrs2] {
    width: 80%;
}

.object-list-img[b-lhbbzojrs2] {
    width: 100%;
    height: 100%;
    border-radius: 0.25rem;
}

.object-list-fallback[b-lhbbzojrs2] {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0.25rem;
}

.object-list-container.list .object-list-info[b-lhbbzojrs2] {
    align-items: flex-start;
}

.object-list-info[b-lhbbzojrs2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--object-list-view-info-color);
    flex: 1;
    padding: 8px;
    font-size: 14px;
    width: 100%;
}

.object-list-name[b-lhbbzojrs2] {
    text-align: center;
}

.object-list-desc[b-lhbbzojrs2] {
    font-style: italic;
    text-align: center;
    opacity: 0.5;
}
/* /Components/ShareDialog/ShareDialog.razor.rz.scp.css */

.vi-tabs[b-hf1ojlofk4] {
    display: flex;
    justify-content: center;
    height: 40px;
    border-bottom: 1px solid var(--vi-color-morning-mist-500);
    margin-top: 30px;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
}

.vi-dialog-panel[b-hf1ojlofk4] {
    min-height: 510px;
}

.carousel[b-hf1ojlofk4] {
    width: 100%;
}

.carousel-item[b-hf1ojlofk4] {
    transition: none !important;
}
/* /Components/ShareDialog/ShareDialogEmbed.razor.rz.scp.css */
/* Block */
.share-embed[b-hhx909ysqv] {
    padding: 0 8px;
    display: flex;
    flex-direction: column;
    max-width: 488px;
    margin: 0 auto;
    position: relative;
}

/* Layout inside */
.share-embed__content[b-hhx909ysqv] {
    display: flex;
    flex-direction: column;
}

.share-embed__item[b-hhx909ysqv] {
    margin-bottom: 16px;
}

    .share-embed__item label[b-hhx909ysqv] {
        display: block;
        margin-bottom: 8px;
    }

    .share-embed__item .form-check-input[b-hhx909ysqv],
    .share-embed__item-row .form-check-input[b-hhx909ysqv] {
        margin: 0;
    }

.share-embed__item-row[b-hhx909ysqv] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 12px;
}

    .share-embed__item-row label[b-hhx909ysqv] {
        display: block;
    }

.share-embed__code[b-hhx909ysqv] {
    width: 100%;
    color: var(--vi-color-text-grey);
    font-size: 15px;
    line-height: 1.2rem;
}

.share-embed__size-controls[b-hhx909ysqv] {
    display: flex;
    align-items: center;
}

    .share-embed__size-controls input[b-hhx909ysqv] {
        width: 85px;
    }

.share-embed__size-separator[b-hhx909ysqv] {
    margin: 0 8px;
}

/* Copy button */
.share-embed__copy-button[b-hhx909ysqv] {
    padding-left: 32px;
    padding-right: 32px;
    width: 162px;
}

/* Copy info */
.share-embed__copy-info[b-hhx909ysqv] {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.share-embed__copy-bubble[b-hhx909ysqv] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--vi-color-morning-mist-100);
    padding: 0 32px;
    height: 32px;
    background: rgba(50, 50, 50, 0.9);
    border-radius: 30px;
}

/* Modifier for visible state */
.share-embed__copy-info--visible[b-hhx909ysqv] {
    display: flex;
    animation: fade-in-out-b-hhx909ysqv 1s ease-in-out;
}

/* Animation */
@keyframes fade-in-out-b-hhx909ysqv {
    0% {
        opacity: 0;
        transform: translate(-50%, -55%);
    }

    15% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }

    85% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -45%);
    }
}
/* /Components/ShareDialog/ShareDialogLink.razor.rz.scp.css */


.share-link[b-gc27iwpjl1] {
    padding: 0 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.share-link__content[b-gc27iwpjl1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 32px;
    width: 100%;
}

.share-link__wrapper[b-gc27iwpjl1] {
    background: var(--vi-color-morning-mist-100);
    box-shadow: 0 0 20px 2px rgba(240, 240, 240, 0.5);
    border-radius: 30px;
    height: 48px;
    padding: 0 15px;
    color: var(--vi-color-text-grey);

    display: flex;
    align-items: center;
    justify-content: space-between;

    max-width: 488px;
    width: 100%;
    position: relative;
}

.share-link__text[b-gc27iwpjl1] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.share-link__button[b-gc27iwpjl1] {
    padding-left: 32px;
    padding-right: 32px;
    margin-left: 12px;
}

.share-link__copy-info[b-gc27iwpjl1] {
    display: none; /* toggled via the modifier below */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.share-link__copy-bubble[b-gc27iwpjl1] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--vi-color-morning-mist-100);
    padding: 0 32px;
    height: 32px;
    background: rgba(50, 50, 50, 0.9);
    border-radius: 30px;
}

.share-link__copy-info--visible[b-gc27iwpjl1] {
    display: flex;
    animation: fade-in-out-b-gc27iwpjl1 1s ease-in-out;
}


/* Animation */
@keyframes fade-in-out-b-gc27iwpjl1 {
    0% {
        opacity: 0;
        transform: translate(-50%, -55%);
    }

    15% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }

    85% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -45%);
    }
}
/* /Components/TabControlComponent.razor.rz.scp.css */
/* Container */
.vt-container[b-2t1lpdrr55] {
    display: flex;
    flex-direction: column;
    background-color: var(--tab-control-background);
    border-bottom: 1px solid #333;
    padding: 4px;
}

.vt-list[b-2t1lpdrr55] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 2px;
    padding: 2px;
}

/* Item (tab) */
.vt-list-item[b-2t1lpdrr55] {
    display: flex;
    align-items: center;
    padding: 6px 8px;
    border-radius: 6px;
    cursor: pointer;
}

    .vt-list-item:hover[b-2t1lpdrr55] {
        background-color: var(--tab-control-item-hover);
    }

    .vt-list-item:focus-visible[b-2t1lpdrr55] {
        outline: 2px solid #ff6a00;
    }

    .vt-list-item.is-active[b-2t1lpdrr55] {
        background: var(--tab-control-item-active);
        font-weight: 600;
        outline: 2px solid #ff6a00; /* highlight without changing layout */
    }

/* Preview image / swatch */
.vt-image[b-2t1lpdrr55] {
    width: 32px;
    height: 32px;
    object-fit: contain;
    border-radius: 4px;
    margin-left: 4px;
}

.vt-image--swatch[b-2t1lpdrr55] {
    display: grid;
    place-items: center;
    background: var(--preview-color, #ddd);
}

    .vt-image--swatch > span[b-2t1lpdrr55] {
        width: 60%;
        height: 60%;
        border-radius: 2px;
        background: var(--preview-color, #ddd);
    }

/* Text */
.vt-title[b-2t1lpdrr55] {
    font-size: 15px;
    line-height: 1.2;
    color: var(--tab-control-info-color);
    margin-left: 8px;
}

.vt-description[b-2t1lpdrr55] {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    opacity: 0.9;
    color: var(--tab-control-info-color);
}
/* /Components/TreckBarList.razor.rz.scp.css */

.treckbar-list[b-0en9p99khz] {
    background-color: #f8f9fa;
    color: #333;
    padding: 14px;
   /* //border-radius: 8px;
    //margin: 20px 0;*/
    text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border: 1px solid #dee2e6;
}

    .treckbar-list h3[b-0en9p99khz] {
        margin: 0 0 10px 0;
    }

    .treckbar-list p[b-0en9p99khz] {
        margin: 0 0 15px 0;
    }


.trackbar-container[b-0en9p99khz] {
    margin-top: 15px;
}

    .trackbar-container label[b-0en9p99khz] {
        display: block;
        margin-bottom: 8px;
       /* //font-weight: bold;*/
    }

.trackbar-row[b-0en9p99khz] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.trackbar[b-0en9p99khz] {
    flex: 1;
    height: 6px;
    border-radius: 3px;
    background: #dee2e6;
    outline: none;
    margin-bottom: 10px;
}

.value-display-right[b-0en9p99khz] {
    min-width: 40px;
    font-size: 16px;
    font-weight: bold;
   /* //color: #007bff;*/
    text-align: center;
    /*//background: #e9ecef;*/
    padding: 5px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.trackbar[b-0en9p99khz]::-webkit-slider-thumb {
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ff7700;    
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.trackbar[b-0en9p99khz]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ff7700;    
    cursor: pointer;
    border: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.event-display[b-0en9p99khz] {
    font-size: 12px;
    background: #f1f3f4;
    color: #6c757d;
    padding: 3px 8px;
    border-radius: 3px;
    display: inline-block;
    font-style: italic;
    margin-top: 5px;
}
/* /Components/TreeView/TreeNode.razor.rz.scp.css */
.tree-item[b-f6bhe1hlp7] {}

.tree-node[b-f6bhe1hlp7] {
    display: flex;
    align-items: center;
    padding: 2px 12px 2px 0;
    cursor: pointer;
    border-radius: 4px;
    user-select: none;
}

    .tree-node:hover[b-f6bhe1hlp7] {
        background-color: #f0f0f0;
    }

    .tree-node.selected[b-f6bhe1hlp7] {
        background-color: #ff6a0094; /* #e3f2fd;*/
    }

.toggle-icon[b-f6bhe1hlp7] {
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
}

.node-label[b-f6bhe1hlp7] {
    font-size: 14px;
}

.loading-indicator[b-f6bhe1hlp7] {
    margin-left: 15px;
    color: #999;
    font-style: italic;
    padding: 5px 18px;
}

.child-nodes[b-f6bhe1hlp7] {
    margin-left: 30px;
}

.child-node[b-f6bhe1hlp7] {
    padding: 2px 12px;
    margin: 2px 0;
    /*background-color: #fafafa;*/
    border-radius: 3px;
    font-size: 14px;
   /* border-left: 3px solid #2196f3;*/
    cursor: pointer;
}

    .child-node.selected[b-f6bhe1hlp7] {
        background-color: #ff6a0094 /* #e3f2fd*/;
    }

    .child-node:hover[b-f6bhe1hlp7] {
        background-color: #f0f0f0;
    }
/* /Components/TreeView/TreeView.razor.rz.scp.css */
.tree-container[b-3683ziqhs0] {
}
/* /Components/VariationPanel.razor.rz.scp.css */
.tab-control[b-4v8ydvbeyl] {
    margin-bottom: 0;
}

.variation-list[b-4v8ydvbeyl] {
    flex-grow: 1;
    overflow: auto;
}
/* /Components/ViewerNav.razor.rz.scp.css */
.viewer-nav-item.viewer-variation-panel-toggle[b-7atnprax7k] {
    display: none;
}


.viewer-nav[b-7atnprax7k] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
    display: flex;
    gap: 10px;
    background: rgba(0,0,0,0.7);
    border-radius: 63px;
    padding: 8px 15px;
    z-index: 999;
}

.viewer-nav-item[b-7atnprax7k] {
    display: flex;
    align-items: center;
    margin: 0 5px;
    cursor: pointer;
}

    .viewer-nav-item .dropdown-menu .dropdown-item[b-7atnprax7k] {
        display: flex;
        align-items: center;
    }

.hdr-switcher[b-7atnprax7k] {
    position: relative;
}

    .hdr-switcher[b-7atnprax7k]::after {
        content: "HDR";
        position: absolute;
        bottom: -2px;
        right: -2px;
        background: #007acc;
        color: white;
        font-size: 8px;
        padding: 1px 3px;
        border-radius: 2px;
        font-weight: bold;
        pointer-events: none;
    }

    .hdr-switcher .dropdown-menu[b-7atnprax7k] {
        min-width: 150px;
        font-size: 12px;
    }

    .hdr-switcher .dropdown-item.active[b-7atnprax7k],
    .hdr-switcher .dropdown-item:active[b-7atnprax7k] {
        background-color: #007acc;
    }

.background-switcher[b-7atnprax7k] {
    position: relative;
}

    .background-switcher[b-7atnprax7k]::after {
        content: "BG";
        position: absolute;
        bottom: -2px;
        right: -2px;
        background: #28a745;
        color: white;
        font-size: 8px;
        padding: 1px 3px;
        border-radius: 2px;
        font-weight: bold;
        pointer-events: none;
    }

    .background-switcher .dropdown-menu[b-7atnprax7k] {
        min-width: 150px;
        font-size: 12px;
    }

    .background-switcher .dropdown-item.active[b-7atnprax7k],
    .background-switcher .dropdown-item:active[b-7atnprax7k]{
        background-color: #28a745;
    }


@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
  
    .viewer-nav-item.viewer-variation-panel-toggle[b-7atnprax7k] {
        display: block;
    }
}

@media (min-width: 1200px) {
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-lo5f0t1qkn] {
    position: relative;
}

[b-lo5f0t1qkn] .split-container {
    --splitter-bar-size: 4px;
}

[b-lo5f0t1qkn] .spliter-bar {
    width: 4px;
    cursor: col-resize;
    background: url(/icons/SVG/three-vertical-lines-cropped.svg) center center no-repeat #535353;
}

[b-lo5f0t1qkn] .pane-of-split-container {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    container-type: size;
}

[b-lo5f0t1qkn] #home-split-container .split-container > .spliter-bar,
[b-lo5f0t1qkn] #home-split-container .split-container > .pane-of-split-container:last-child {
    display: none !important;
}

[b-lo5f0t1qkn] #home-split-container.hide-variation-panel .split-container > .spliter-bar,
[b-lo5f0t1qkn] #home-split-container.hide-variation-panel .split-container > .pane-of-split-container:last-child {
    display: none !important;
}

[b-lo5f0t1qkn] #embed-split-container.hide-variation-panel > .spliter-bar,
[b-lo5f0t1qkn] #embed-split-container.hide-variation-panel > .pane-of-split-container:last-child {
    display: none !important;
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
    [b-lo5f0t1qkn] #home-split-container .split-container > .spliter-bar,
    [b-lo5f0t1qkn] #home-split-container .split-container > .pane-of-split-container:last-child {
        display: block !important;
    }
}

@media (min-width: 1200px) {
}
/* /Pages/2DViewer/2DViewer.razor.rz.scp.css */
.canvas[b-5rjyvcufnz] {
    height: 1000px;
    width: 1000px;
    background-color: #f0f0f0;
}
/* /Pages/DevPage/DevPage.razor.rz.scp.css */
.viewer[b-z7muxumvvm] {
    height: 100vh;
    width: 100%;
    background-color: #222;
    background-image: radial-gradient(circle closest-side at center, #4c4c4c, #353535, transparent);
    overflow: hidden;
}
/* /Pages/EmbedViewer.razor.rz.scp.css */
.sidebar-content[b-uojz0spt7u] {
    height: 100%;
    width: 300px;
    overflow-y: auto;
    padding: 1rem;
}

.object-list-card[b-uojz0spt7u] {
    background-color: var(--background-variation-list);
}


/*Object List Panel*/
.object-list-panel[b-uojz0spt7u] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    background-color: var(--background-panel);
    color: var(--text-main);
    z-index: 1;
}

.object-list-header[b-uojz0spt7u] {
    padding: 0.5rem;
    background: var(--panel-header-bg);
    border-bottom: 1px solid var(--panel-header);
    border-radius: 0.35rem;
}


.object-list-info[b-uojz0spt7u] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

    .object-list-info .selected-node[b-uojz0spt7u] {
        display: flex;
        align-items: center;
        color: #323232;
        margin-right: auto;
        overflow: hidden;
    }

.selected-node .node-name[b-uojz0spt7u] {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}


/*Viewer*/
.viewer[b-uojz0spt7u] {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    width: 100%;
}

.canvas[b-uojz0spt7u] {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.viewer-object-info[b-uojz0spt7u] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 10px;
    display: flex;
    gap: 10px;
    background: rgba(0,0,0,0.6);
    border-radius: 35px;
    padding: 8px 10px;
    color: white;
    z-index: 999;
}

.model-loader[b-uojz0spt7u] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*Variation Panel*/
.variation-panel[b-uojz0spt7u] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #535353;
    height: 100%;
    width: 100%;
}

.variation-panel-content[b-uojz0spt7u] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

/* /Pages/Home/Home.razor.rz.scp.css */
.viewer-content-layout[b-b9b59y4eox] {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

header[b-b9b59y4eox] {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    height: 36px;
    border-bottom: 1px solid #3232;
    z-index: 999;
}

    header .logo[b-b9b59y4eox] {
        position: absolute;
        left: 0.5rem;
        display: block;
        height: 90%;
        width: auto;
        object-fit: contain;
    }

        header .logo img[b-b9b59y4eox] {
            max-height: 100%;
        }

    header .login[b-b9b59y4eox] {
        display: none;
        position: absolute;
        right: 32px;
       
        align-items: center;
        height: 100%;
    }

        header .login button[b-b9b59y4eox] {
            height: 90%;
        }

.sidebar-content[b-b9b59y4eox] {
    height: 100%;
    width: 300px;
    overflow-y: auto;
    padding: 1rem;
}

/*Object List Panel*/
.object-list-panel[b-b9b59y4eox] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    background-color: #535353;
    border-right: 1px solid #3232;
    z-index: 1;
}

.object-list-header[b-b9b59y4eox] {
    padding: 0.5rem;
    background: #fff;
    border-bottom: 1px solid #333;
}

.search-bar[b-b9b59y4eox] {
    display: flex;
    flex-direction: row;
    width: 100%;
}

    .search-bar .search-input[b-b9b59y4eox] {
        position: relative;
        width: 100%;
    }

    .search-bar .search-btn[b-b9b59y4eox] {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.search-input input[b-b9b59y4eox] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right: 30px;
}

.search-input .icon-close[b-b9b59y4eox] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translate(0, -50%);
    cursor: pointer;
}

.object-list-info[b-b9b59y4eox] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

    .object-list-info .selected-node[b-b9b59y4eox] {
        display: flex;
        align-items: center;
        color: #323232;
        margin-right: auto;
        overflow: hidden;
    }

    .object-list-info button:hover[b-b9b59y4eox],
    .search-bar button:hover[b-b9b59y4eox] {
        background-color: #ff6a0094;
    }

.selected-node .node-name[b-b9b59y4eox] {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}


/*Viewer*/
.viewer[b-b9b59y4eox] {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    width: 100%;
}

.canvas[b-b9b59y4eox] {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.viewer-object-info[b-b9b59y4eox] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 10px;
    display: flex;
    gap: 10px;
    background: rgba(0,0,0,0.6);
    border-radius: 35px;
    padding: 8px 10px;
    color: white;
    z-index: 999;
}


.model-loader[b-b9b59y4eox] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*Variation Panel*/
.variation-panel[b-b9b59y4eox] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #535353;
    height: 100%;
    width: 100%;
}

.variation-panel-content[b-b9b59y4eox] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.tab-control[b-b9b59y4eox] {
    background-color: whitesmoke;
    margin-bottom: 0;
}

.variation-list[b-b9b59y4eox] {
    flex-grow: 1;
    overflow: auto;
}


@media (min-width: 576px) {
  
}

@media (min-width: 768px) {
    
}

@media (min-width: 992px) {
    header .login[b-b9b59y4eox] {
        display: flex;
    }

@media (min-width: 1200px) {
    
}