.configurator-container {
    background-color: #181719;
    border: 2px solid #2c2c28;
    height: 100%;
    display: flex;
}

.svgConfigurator {
    width: 100%;
    height: 100%;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}

svg g.draggable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

 /* (Optional) Apply a "closed-hand" cursor during drag operation. */
svg g.draggable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

svg .doorarc {
    stroke: #8f8ee7;
    stroke-dasharray: 4, 8;
    pointer-events: none;
}

svg .door {
    stroke: #3d3be6;
}


svg .panelwall {
    stroke: #7b3703;
    pointer-events: none;
}
svg .doorwall {
    stroke: #788fc2;
    pointer-events: none;
}
svg .glasswall {
    stroke: #788fc2;
    pointer-events: none;
}

svg line.dimension {
    stroke: #707070;
    stroke-width: 1.5px;
}

svg line.extension {
    stroke: #707070;
    stroke-width: 1.5px;
}

.pod-preview-container[hidden] {
    display: none;
}

.row.configurator-buttons {
    margin-left: 0;
    margin-top: 0.5em;
}

.button.configurator-control-button {
    font-size: 12px;
}

.threejs-canvas-container {
    width: 100%;
    height: 100%;
    display: flex;
}