html{height:100%}body{margin:0;padding:0;box-sizing:border-box;overflow:hidden;height:100%;width:100%;font-family:veluxgothicbold,serif;background-color:#fff}*{box-sizing:inherit}.main-container{height:100%;width:100%;margin:0 auto}.main-container .main{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;position:relative;height:100%;overflow:hidden}.main-container .main .logo{position:fixed;width:100%;max-width:298px;top:50px;left:50px;z-index:9}.main-container .main .sparePartsImage{position:fixed;width:50%;height:50%;top:22%;left:22%;z-index:50}.main-container .main .action-buttons-container{position:fixed;top:50px;right:30px;display:flex;flex-direction:column;z-index:9}.main-container .main .action-buttons-container .action-button{display:flex;justify-content:center;align-items:center;height:50px;width:50px;margin-bottom:2px;background-color:#ececec;border-radius:50%;border:none;cursor:pointer;transition:all ease-out .4s}.main-container .main .action-buttons-container .action-button .material-symbols-outlined{font-size:28px!important;color:#000}.main-container .main .action-buttons-container .action-button .tooltip-action-container{visibility:hidden;position:absolute;justify-content:center;right:60px}.main-container .main .action-buttons-container .action-button:hover{background-color:gray}.main-container .main .action-buttons-container .action-button:hover .tooltip-action-text{visibility:visible}.main-container .main .section{position:relative;overflow:hidden;height:100%}.main-container .main .section .hamburger-menu{position:fixed;width:50px;height:50px;background-color:#fff;left:50px;top:140px;z-index:20;border:1px black solid;border-radius:50%;cursor:pointer}.main-container .main .section .hamburger-menu .hamburger-logo{width:30px}.main-container .main .section form{position:fixed;background-color:transparent;top:130px;left:50px;z-index:20;width:100%;max-width:300px}.main-container .main .section form fieldset{margin:0;border-radius:0 10px 10px;border:1px black solid;display:flex;flex-direction:column;width:100%;background-color:#fff}.main-container .main .section form fieldset .form-header-container{display:flex;justify-content:space-between;align-items:center}.main-container .main .section form fieldset .form-header-container .close-sidebar-button{cursor:pointer;border:none;outline:none;background:none;font-size:1.25rem;font-weight:700}.main-container .main .section form fieldset h1,.main-container .main .section form fieldset h2,.main-container .main .section form fieldset h3,.main-container .main .section form fieldset h4{margin:10px}.main-container .main .section form fieldset label{text-align:left;margin:8px 10px;display:flex;align-items:center;justify-content:center}.main-container .main .section form fieldset label.angle{margin-bottom:10px}.main-container .main .section form fieldset label p{width:50%;margin:0;padding-right:5px}.main-container .main .section form fieldset label input,.main-container .main .section form fieldset label select{width:50%;height:30px;text-align:left;text-align-last:center;outline:none;border-radius:5px;border:1px black solid}.main-container .main .section form fieldset label input:focus,.main-container .main .section form fieldset label input:hover,.main-container .main .section form fieldset label input:active,.main-container .main .section form fieldset label select:focus,.main-container .main .section form fieldset label select:hover,.main-container .main .section form fieldset label select:active{outline:none;border-radius:5px;border:1px black solid}.main-container .main .section form fieldset label input listbox,.main-container .main .section form fieldset label select listbox{display:block;padding:20px}.main-container .main .section-left{flex-grow:1;display:flex;justify-content:center;align-items:center}.main-container .main .section-left .container3d{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0}.main-container .main .section-left .container3d .viewRoofButton{left:61%;height:53px}.main-container .main .section-left .container3d .gizmo-button-home-view{position:absolute;padding:0;bottom:38px;right:146px;background-color:transparent;border-radius:50px;border:0;width:36px;height:36px;z-index:10;transition:all ease-out .2s}.main-container .main .section-left .container3d .gizmo-button-home-view:hover,.main-container .main .section-left .container3d .gizmo-button-dropdown-view:hover{background-color:#80808026}.main-container .main .section-left .container3d .gizmo-button-dropdown-view{position:absolute;padding:0;bottom:112px;right:146px;background-color:transparent;border-radius:50px;border:1px grey solid;border:0;width:36px;height:36px;z-index:10;transition:all ease-out .2s}.main-container .main .section-left .container3d .gizmo-dropdown-views{position:absolute;bottom:38px;right:186px;width:150px;display:flex;flex-direction:column;box-shadow:#0000000d 0 6px 10px,#0000001a 0 0 0 1px;border-radius:5px;margin-top:.3rem;background:white;z-index:10;transition:all .1s cubic-bezier(.16,1,.5,1);transform:translateY(.5rem);visibility:hidden;opacity:0}.main-container .main .section-left .container3d .gizmo-dropdown-views button{background-color:transparent;border-radius:5px;border:0;padding:8px}.main-container .main .section-left .container3d .gizmo-dropdown-views button:hover{background-color:#80808026}.main-container .main .section-left .container3d .gizmo-dropdown-show{transform:translateY(0);visibility:visible;opacity:1}.main-container .main .section-left .svg-container{position:relative;top:0;left:0;width:100%;height:100%;z-index:2;aspect-ratio:1}.main-container .main .section-left .svg-container svg{width:100%}.filterLoader{position:fixed;width:50%;height:50%;top:35%;left:25%;z-index:120}.rightPanel{position:fixed;top:250px;right:50px;z-index:100}#generate-solution{display:inline;align-items:center;padding-left:15px;padding-right:12px;width:250px;height:52px;border-radius:2px;border:0px black solid;background:#ee0000;color:#fff;white-space:nowrap;outline:none;cursor:pointer;transition:all ease-out .4s;margin:10px auto;font-family:veluxgothicbold;font-size:24px}#generate-solution:hover{background:#C70000;color:#fff;text-decoration:underline}#generate-solution:after{content:"";background:url(/threejs/vmr/img/chevron-right-solid.svg);padding:5px;margin-left:10px;background-repeat:no-repeat;width:7px;height:7px;display:inline-block}.angle2{background-color:#eee;cursor:not-allowed;color:#555;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;-o-user-select:none;user-select:none;outline:none}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);border:1px solid black;border-radius:10px;z-index:100;background-color:#fff;width:500px;max-width:80%}.modal.active{transform:translate(-50%,-50%) scale(1)}.modal-header{padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid black}.modal-header .title{font-size:1.25rem;font-weight:700}.modal-header .close-button{cursor:pointer;border:none;outline:none;background:none;font-size:1.25rem;font-weight:700}.modal-body{padding:10px 15px}#overlay{position:fixed;opacity:0;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:90;pointer-events:none}#overlay.active{opacity:1;pointer-events:all}.warning{position:fixed;top:95%;left:50%;transform:translate(-50%,-50%) scale(0);border:1px solid black;border-radius:10px;z-index:100;background-color:#f55a5ab2;width:700px;max-width:80%}.warning.active{transform:translate(-50%,-50%) scale(1)}.warning-header{padding:10px 15px;display:flex;justify-content:space-between;align-items:left;border-bottom:1px solid black}.warning-header .title{font-size:1.25rem;font-weight:700}.warning-header .close-button{cursor:pointer;border:none;outline:none;background:none;font-size:1.25rem;font-weight:700}.warning-body{padding:10px 15px}.loader{border:5px solid #f3f3f3;border-top:5px solid #0c0c0c;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite;transform:translate(-50%,-50%) scale(0);margin-bottom:20px;display:block;margin-left:auto;margin-right:auto}.loader.active{transform:translate(-50%,-50%) scale(1)}.loaderFilter{border:5px solid #f3f3f3;border-top:5px solid #0c0c0c;border-radius:50%;width:40px;height:40px;animation:spin .5s linear infinite;transform:translate(-50%,-50%) scale(0);margin-bottom:20px;display:block;margin-left:auto;margin-right:auto}.loaderFilter.active{transform:translate(-50%,-50%) scale(1)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.forgepanel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);border:1px solid black;border-radius:10px;z-index:151;background-color:#fff;width:500px;max-width:80%}.forgepanel.active{transform:translate(-50%,-50%) scale(1)}.forgepanel-header{padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid black}.above-spinner{text-align:center;margin:20px 0}.below-spinner{text-align:center;margin-bottom:20px}.download-button{display:block;margin:10px auto;width:225px;height:42px;border-radius:2px;border:0px black solid;background:#ee0000;color:#fff;white-space:nowrap;outline:none;cursor:pointer;transition:all ease-out .4s;font-family:veluxgothicbold;font-size:24px}.download-button:hover{background:#C70000;color:#fff}.forgepanel-header .title{font-size:1.25rem;font-weight:700}.forgepanel-header .close-button{cursor:pointer;border:none;outline:none;background:none;font-size:1.25rem;font-weight:700}.forgepanel-body{padding:10px 15px}.object-modal{position:fixed;top:60px;right:50px;transform:translateY(-50%) scale(0);border:1px solid black;border-radius:10px;z-index:100;background-color:#fff;width:250px;max-width:80%}.object-modal.active{transform:translateY(-50%) scale(1)}.object-modal-header{padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid black}.object-modal-header .title{font-size:1.25rem;font-weight:700}.object-modal-header .close-button{cursor:pointer;border:none;outline:none;background:none;font-size:1.25rem;font-weight:700}.object-modal-body{padding:10px 15px}.modal-creatorMode{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);border:1px solid black;border-radius:10px;z-index:100;background-color:#fff;width:500px;max-width:80%}.modal-creatorMode.active{transform:translate(-50%,-50%) scale(1)}.modal-creatorMode-header{padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid black}.modal-creatorMode-header .title{font-size:1.25rem;font-weight:700}.modal-creatorMode-header .close-button{cursor:pointer;border:none;outline:none;background:none;font-size:1.25rem;font-weight:700}.modal-creatorMode-body{padding:10px 15px}#creator-mode-button{display:none;align-items:center;padding-left:15px;padding-right:12px;width:250px;height:52px;border-radius:2px;border:0px black solid;background:#989902;color:#fff;white-space:nowrap;outline:none;cursor:pointer;transition:all ease-out .4s;margin:10px auto 20px;font-family:veluxgothicbold;font-size:24px}#creator-mode-button:hover{background:#B2B403;color:#fff;text-decoration:underline}#creator-mode-button:after{content:"";background:url(/threejs/vmr/img/chevron-right-solid.svg);padding:5px;margin-left:55px;background-repeat:no-repeat;width:7px;height:7px;display:inline-block}#spare-parts-button{display:none;align-items:center;padding-left:15px;padding-right:12px;width:250px;height:52px;border-radius:2px;border:0px black solid;background:#989902;color:#fff;white-space:nowrap;outline:none;cursor:pointer;transition:all ease-out .4s;margin:10px auto 20px;font-family:veluxgothicbold;font-size:24px}#spare-parts-button:hover{background:#B2B403;color:#fff;text-decoration:underline}#spare-parts-button:after{content:"";background:url(/threejs/vmr/img/chevron-right-solid.svg);padding:5px;margin-left:18px;background-repeat:no-repeat;width:7px;height:7px;display:inline-block}#tab-button{display:inline;align-items:center;width:100px;height:30px;border-radius:10px 10px 0 0;border:1px black solid;border-bottom:0px;background:white;color:#000;white-space:nowrap;outline:none;cursor:pointer;transition:all ease-out .4s;margin:10px 0 -2px;font-family:veluxgothicbold;font-size:14px}.preview-details-modal{position:fixed;top:25px;left:25px;transform:scale(0);border:1px solid black;border-radius:10px;z-index:150;background-color:#fff;width:calc(100% - 50px);height:calc(100% - 50px);padding:20px}.preview-details-modal p{width:50%;margin:0;padding-right:5px}.preview-details-modal label{text-align:left;margin:10px;display:flex;align-items:center;justify-content:flex-end}.preview-details-modal label p{width:45%;margin:0;padding-right:5px}.preview-details-modal #details-iframe{height:calc(100vh - 140px);width:100%;border:1px solid black}.preview-details-modal.active{transform:scale(1)}.preview-details-modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px}.preview-details-modal-header .title{font-size:1.5rem;font-weight:700}.preview-details-modal-header .close-button{cursor:pointer;border:none;outline:none;background:none;font-size:1.25rem;font-weight:700}.preview-details-modal-body{display:flex;flex-direction:row;flex-wrap:nowrap;gap:25px}.preview-details-modal-body p{margin-right:10px}.preview-details-modal-body label{display:flex;align-items:center}#blurred-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffff80;backdrop-filter:blur(5px);z-index:149}.GSmodal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);border:1px solid black;border-radius:10px;z-index:150;background-color:#fff;width:1000px;max-width:80%;padding:20px}.GSmodal p{width:50%;margin:0;padding-right:5px}.GSmodal label{text-align:left;margin:10px;display:flex;align-items:center;justify-content:flex-end}.GSmodal label p{width:45%;margin:0;padding-right:5px}.GSmodal label input,.GSmodal label select{width:20%;height:30px;text-align:center;outline:none;border-radius:5px;border:1px black solid}.GSmodal label input:focus,.GSmodal label input:hover,.GSmodal label input:active,.GSmodal label select:focus,.GSmodal label select:hover,.GSmodal label select:active{outline:none;border-radius:5px;border:1px black solid}.GSmodal label input listbox,.GSmodal label select listbox{display:block;padding:20px}.GSmodal.active{transform:translate(-50%,-50%) scale(1)}.GSmodal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px}.GSmodal-header .title{font-size:1.5rem;font-weight:700}.GSmodal-header .close-button{cursor:pointer;border:none;outline:none;background:none;font-size:1.25rem;font-weight:700}.GSmodal-body{display:flex;flex-direction:row;flex-wrap:nowrap;gap:25px}.GSmodal-body .BIM-options-container,.GSmodal-body .quotation-container{flex:1;display:flex;flex-direction:column;justify-content:space-between}.GSmodal-body input,.GSmodal-body select{flex:1}.GSmodal-body p{margin-right:10px}.GSmodal-body label{display:flex;align-items:center}.download-solution-button-container{display:flex;flex-direction:row;justify-content:flex-end;padding:10px}#download-solution-button{align-items:center;width:225px;height:42px;border-radius:2px;border:0px black solid;background:#ee0000;color:#fff;white-space:nowrap;outline:none;cursor:pointer;transition:all ease-out .4s;font-family:veluxgothicbold;font-size:24px}#download-solution-button:hover{background:#C70000;color:#fff;text-decoration:underline}#download-quotation-button{align-items:center;width:225px;height:42px;margin-left:60%;border-radius:2px;border:0px black solid;background:#ee0000;color:#fff;white-space:nowrap;outline:none;cursor:pointer;transition:all ease-out .4s;margin-bottom:10px;font-family:veluxgothicbold;font-size:24px}#download-quotation-button:hover{background:#C70000;color:#fff;text-decoration:underline}.BOcollapsibleButton{cursor:pointer;padding:0;width:100%;margin-top:10px;margin-bottom:10px;border:none;text-align:left;outline:none;background:white;font-size:20px;font-family:veluxgothicbold}.BOcollapsibleButton:after{content:"";background:url(/threejs/vmr/img/chevron-right-solid-exp.svg);padding:5px;margin-left:20px;margin-top:5px;background-repeat:no-repeat;width:7px;height:7px;position:fixed;display:inline-block}.BOcollapsibleButton.active:after{content:"";background:url(/threejs/vmr/img/chevron-down-solid-exp.svg);padding:5px;margin-left:20px;margin-top:5px;background-repeat:no-repeat;width:7px;height:7px;position:fixed;display:inline-block}.bimOptionsContent{display:none;overflow:hidden}.SOcollapsibleButton{cursor:pointer;padding:0;width:100%;margin-top:10px;margin-bottom:10px;border:none;text-align:left;outline:none;background:white;font-size:20px;font-family:veluxgothicbold}.SOcollapsibleButton:after{content:"";background:url(/threejs/vmr/img/chevron-right-solid-exp.svg);padding:5px;margin-left:17px;margin-top:5px;background-repeat:no-repeat;width:7px;height:7px;position:fixed;display:inline-block}.SOcollapsibleButton.active:after{content:"";background:url(/threejs/vmr/img/chevron-down-solid-exp.svg);padding:5px;margin-left:17px;margin-top:5px;background-repeat:no-repeat;width:7px;height:7px;position:fixed;display:inline-block}.specificationOptionsContent{display:none;overflow:hidden}.PDcollapsibleButton{cursor:pointer;padding:0;width:100%;margin-top:10px;margin-bottom:10px;border:none;text-align:left;outline:none;background:white;font-size:20px;font-family:veluxgothicbold}.PDcollapsibleButton:after{content:"";background:url(/threejs/vmr/img/chevron-right-solid-exp.svg);padding:5px;margin-left:90px;background-repeat:no-repeat;width:7px;height:7px;position:fixed;display:inline-block}.PDcollapsibleButton.active:after{content:"";background:url(/threejs/vmr/img/chevron-down-solid-exp.svg);padding:5px;margin-left:90px;background-repeat:no-repeat;width:7px;height:7px;position:fixed;display:inline-block}.projectDataContent{display:none;overflow:hidden}#windFrameOption{margin-left:85px;width:50px;height:50px}.customSelect{position:absolute;top:0;left:0;height:20px;width:60px;text-align:center}.click-plate{position:absolute;top:0;left:0;z-index:2}@font-face{font-family:veluxgothic;src:url(/threejs/vmr/fonts/veluxgothic-black.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:veluxgothicbold;src:url(/threejs/vmr/fonts/veluxgothic-bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:veluxgothiclight;src:url(/threejs/vmr/fonts/veluxgothic-light.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:veluxgothicitalic;src:url(/threejs/vmr/fonts/veluxgothic-regitalic.woff) format("woff");font-weight:400;font-style:italic}