.bp3d{height:100%;font-family:Arial,Helvetica,sans-serif}.bp3d .button{background:#ccc;margin:10px;padding:10px;border-radius:4px;text-align:center;cursor:pointer;border:1px solid #888;transition:.3s}.bp3d .button:hover{background:#aaa}.bp3d .input-container{display:flex;width:100%;margin-bottom:10px;align-items:center;justify-content:space-between}.bp3d .input-container label{flex:0.3 1;text-align:right;padding-right:10px}.bp3d .input-container .input{flex:1 1;display:flex}.bp3d .input-container .input-slider{flex:1 1}.bp3d .input-container .input-number{width:50px}.bp3d .container{display:table;width:100%;height:100vh;overflow-x:hidden}.bp3d .container .left-container{width:60px;height:100vh;overflow:auto;float:left}.bp3d .container .main-container{width:calc(100% - 60px);height:100vh;position:relative;float:left}.bp3d .container .right-container{width:400px;height:100vh;overflow:auto;position:absolute;right:-400px;transition:.3s;border-left:1px solid #ddd;background:#fff}.bp3d .container .right-container.opened{right:0}.bp3d .container .right-container .property-section{background:#fff;padding:15px}.bp3d .container .main-container .btn-switch-mode{position:absolute;background-color:hsla(0,0%,100%,.5333333333333333);border:1px solid #ccc;font-size:24px;padding:10px;cursor:pointer;z-index:9999}.bp3d .container .main-container .floorplan-modes-container{position:absolute;left:5px;bottom:10px}.bp3d .container .main-container .floorplan-modes-container span{padding:5px;border:1px solid grey;background:#fff;cursor:pointer;margin:5px}.bp3d .container .main-container .scenes-container{width:100%;height:100%;display:block;position:relative}.bp3d .container .main-container .controls-section{position:absolute;left:0;bottom:0;z-index:0;transition:.3s}.bp3d .container .main-container .controls-section .control-button{font-size:18px;background:#fff;border:1px solid #ccc;border-radius:4px;padding:6px 12px;margin:5px;cursor:pointer}.bp3d .container .category-section,.bp3d .container .floor-plan-tools-section{background:#fff;padding:15px}.bp3d .container .category-section .search-box{margin:10px 0;height:30px;font-size:16px;border:1px solid #ddd;border-radius:15px;padding:0 15px;width:-webkit-fill-available}.bp3d .container .category-section .category-item{font-size:18px;cursor:pointer;padding:5px;transition:.3s;border:1px solid #eee}.bp3d .container .category-section .category-item:hover{background:#eee}.bp3d .container .category-section .category-item.active{background:#ccc}.bp3d .container .styles-section{display:flex;background:#fff;padding-top:10px;width:100%;flex-wrap:wrap}.bp3d .container .styles-section .styles-item{width:100px;height:100px;margin:5px;cursor:pointer;position:relative}.bp3d .container .styles-section .styles-item img{width:inherit;height:inherit;object-fit:cover}.bp3d .container .styles-section .styles-item .tip{position:absolute;bottom:-10px;left:0;width:100%;text-align:center;opacity:0}.bp3d .container .styles-section .styles-item:hover .tip{opacity:1;bottom:10px;transition:.3s}.bp3d .container .custom-context-menu{position:absolute;top:0;left:0;z-index:9999;background:#fff;border:1px solid #ddd;padding:3px;min-width:150px}.bp3d .container .custom-context-menu .item-container{margin-top:5px;margin-bottom:5px}.bp3d .container .custom-context-menu .item-container label{margin-left:5px;margin-right:5px}.bp3d .container .custom-context-menu button,.bp3d .container .custom-context-menu input,.bp3d .container .custom-context-menu select{flex:1 1}.bp3d .modal-container{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.5333333333333333);z-index:10000;display:flex;align-items:center;justify-content:center}.bp3d .modal-container .modal-dialog{background:#fff;padding:10px;border:1px solid #ccc}.bp3d .modal-container .modal-dialog .buttons{text-align:right}.App{height:100%;background:#d3d3d3}.common-button{width:100%;height:30px;background:#fff;border-width:0;cursor:pointer}.left-toolbar{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;overflow-y:hidden;background:#333}.left-toolbar .hr{margin:15px 0;width:40px}.left-toolbar .left-toolbar-button{display:flex;position:relative;width:40px;height:40px;border:1px solid #666;background:#333;border-radius:2px;font-size:20px;font-weight:700;align-items:center;justify-content:center;cursor:pointer;transition:.3s;color:#ccc;margin:-1px 0}.left-toolbar .left-toolbar-button:hover{background:#888}.left-toolbar .left-toolbar-button.toggled{background:#aaa;color:#fff}.float-toolbar{display:flex;align-items:center;justify-content:center;width:100%;height:59px;overflow-y:hidden;background:#fff;border-top:1px solid #ddd}.float-toolbar .hr{margin:15px 0;width:40px}.float-toolbar .float-toolbar-button{display:flex;position:relative;width:40px;height:40px;border:1px solid #aaa;background:#ddd;border-radius:2px;font-size:20px;font-weight:700;align-items:center;justify-content:center;cursor:pointer;transition:.3s;margin:0 -1px}.float-toolbar .float-toolbar-button:hover{background:#888}.float-toolbar .float-toolbar-button.toggled{background:#aaa;color:#fff}.product-info-container{height:calc(100% - 60px);overflow:auto}.option-section{background:#fff;padding:15px}.option-section .textures-container{display:flex;flex-wrap:wrap;padding:20px 0}.option-section .textures-container .texture-item{text-align:center;cursor:pointer;width:80px;margin:5px 0}.option-section .textures-container .texture-item .thumbnail{width:50px;height:50px;border-radius:25px;border:1px solid #ddd}.option-section .styles-container{display:flex;flex-wrap:wrap;padding:20px 0}.option-section .styles-container .style-item{text-align:center;cursor:pointer;width:80px;margin:5px 0}.option-section .styles-container .style-item .thumbnail{width:50px;height:50px;border:1px solid #ddd}.option-section .styles-container .style-item .label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.option-section .styles-container .style-item:hover,.option-section .textures-container .texture-item:hover{background:#ddd;transition:.3s}.custom-accordion{display:inherit}.custom-accordion .title{color:#666;background:#eee;border:1px solid #ddd;padding:5px;margin:-1px 0;cursor:pointer;transition:.3s}.custom-accordion .title:hover{background:#bbb}