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}[hidden]{display:none!important}.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%;height:70px;max-width:298px;top:50px;left:5px;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 .bold-text{font-weight:700}.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 .action-buttons-container .action-button.button-background-green{background-color:#65b144!important}.main-container .main .action-buttons-container .action-button.button-background-red{background-color:#f55a5ab2!important}.main-container .main .action-buttons-container .action-button.button-background-yellow{background-color:#f2c242!important}.main-container .main .action-buttons-container .hr-action{height:2px;margin:0;border:none;background-color:#fff}.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:40px}.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:70%;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}@media (max-height: 768px){.main-container .main .section form fieldset label{margin:4px 10px}}.main-container .main .section form fieldset #flashingConfigurationColorLabel{text-align:left;margin:10px;width:70%;height:30px}.main-container .main .section form fieldset #flashingConfigurationColorLabel span{padding-right:30px}.main-container .main .section form fieldset #flashingConfigurationColorLabel input[type=checkbox]{width:20px;height: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 .center-canvas-button{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:block;align-items:center;padding-left:15px;padding-right:12px;width:fit-content;height:52px;border-radius:2px;border:0px black solid;background:#363636;color:#fff;white-space:nowrap;outline:none;cursor:pointer;transition:all ease-out .4s;margin:30px auto 20px;font-family:veluxgothicbold;font-size:24px}.main-container .main .section-left .container3d .center-canvas-button:focus,.main-container .main .section-left .container3d .center-canvas-button:hover,.main-container .main .section-left .container3d .center-canvas-button:active{outline:none}.main-container .main .section-left .container3d .center-canvas-button:hover{background:#777777;color:#fff}.main-container .main .section-left .container3d .center-canvas-button:after{content:"";background:url(/threejs/combi/img/chevron-right-solid.svg);padding:5px;margin-left:10px;background-repeat:no-repeat;width:7px;height:7px;display:inline-block}.main-container .main .section-left .container3d #view-roof-button{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;opacity:0}.main-container .main .section-left .svg-container svg{width:100%}.resetDropdownButton{background-color:transparent;background-image:url(/threejs/combi/img/lock.svg);background-size:contain;background-repeat:no-repeat;border:none;width:16px;height:16px;margin-left:5px;cursor:pointer}.resetDropdownButton:hover{background-image:url(/threejs/combi/img/unlock.svg);transform:rotate(15deg)}.tooltip-wrapper{position:relative;display:inline-block}.tooltip-wrapper:after{content:"This option is locked for all windows. \aTo unlock, please click the lock icon in the menu in the left side of the screen.";position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:5px 10px;border-radius:4px;white-space:pre;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;font-size:14px;pointer-events:none}.tooltip-wrapper:hover:after{opacity:1;visibility:visible}.material-tooltip-wrapper{position:relative;display:inline-block}.material-tooltip-wrapper:after{content:"Choose your desired material for window cover plus flashing.\aIf the desired option is not available for the selected configuration \a'Aluminium, dark grey' will be chosen.";position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:5px 10px;border-radius:4px;white-space:pre;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;font-size:14px;pointer-events:none}.material-tooltip-wrapper:hover:after{opacity:1;visibility:visible}.resetDropdownButtonFixed{background-color:transparent;background-image:url(/threejs/combi/img/lock.svg);background-size:contain;background-repeat:no-repeat;border:none;width:16px;height:16px;margin-left:5px;cursor:pointer;opacity:.5;pointer-events:none}.resetAllFiltersButton{background-color:#b1b40300;border:none;font-family:veluxgothicbold;font-size:16px;text-align:right;width:150px;height:0px;line-height:20px;cursor:pointer;margin-top:10px;margin-left:116px;margin-bottom:25px}.resetAllFiltersButton:hover{text-decoration:underline}.resetAllFiltersButton:before{content:"";display:inline-block;width:18px;height:18px;background-image:url(/threejs/combi/img/resetIcon.png);background-size:cover;margin-right:5px;vertical-align:middle;transition:transform .3s ease}.resetAllFiltersButton:hover:before{animation:rotateImage .5s ease 1}.resetAllCOMBIButton{background-color:#b1b40300;border:none;font-family:veluxgothicbold;font-size:16px;text-align:left;width:100px;height:20px;line-height:20px;cursor:pointer;margin-top:10px;margin-left:0;margin-bottom:5px}.resetAllCOMBIButton:hover{text-decoration:underline}.resetAllCOMBIButton:before{content:"";display:inline-block;width:18px;height:18px;background-image:url(/threejs/combi/img/resetIcon.png);background-size:cover;margin-right:5px;vertical-align:middle;transition:transform .3s ease}.resetAllCOMBIButton:hover:before{animation:rotateImage .5s ease 1}@keyframes rotateImage{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filterLoader{position:fixed;width:50%;height:50%;top:35%;left:25%;z-index:120}.rightPanel{position:fixed;top:50px;left:320px;right:100px;z-index:100;display:flex;flex-direction:row;gap:4px;align-items:center;padding:0;overflow-x:auto;max-width:calc(100% - 420px);justify-content:flex-start}.rightPanel button,.rightPanel .creator-mode-button,.rightPanel .download-obj-button,.rightPanel .download-collada-button,.rightPanel .download-stl-button,.rightPanel .capture-button,.rightPanel .explode-button,.rightPanel .spareParts-button,.rightPanel .switch-style-button,.rightPanel #creator-mode-button,.rightPanel #switch-style-button,.rightPanel #spare-parts-button{display:none;align-items:center;padding:0 8px!important;height:28px!important;border-radius:2px;border:0px black solid;background:#989902;color:#fff;white-space:nowrap;outline:none;cursor:pointer;margin:0;font-family:veluxgothicbold;font-size:11px!important;width:auto!important;min-width:fit-content!important;max-width:none!important;flex:0 0 auto!important}.rightPanel button[style*="display: block"],.rightPanel button[style*="display: flex"],.rightPanel button:not([hidden]),.rightPanel #spare-parts-button:not([hidden]){display:flex!important}.rightPanel button:hover,.rightPanel .creator-mode-button:hover,.rightPanel .download-obj-button:hover,.rightPanel .download-collada-button:hover,.rightPanel .download-stl-button:hover,.rightPanel .capture-button:hover,.rightPanel .explode-button:hover,.rightPanel .spareParts-button:hover,.rightPanel .switch-style-button:hover,.rightPanel #creator-mode-button:hover,.rightPanel #switch-style-button:hover,.rightPanel #spare-parts-button:hover{background:#B2B403;color:#fff;text-decoration:underline;transition:all ease-out .4s}.rightPanel button:after,.rightPanel .creator-mode-button:after,.rightPanel .download-obj-button:after,.rightPanel .download-collada-button:after,.rightPanel .download-stl-button:after,.rightPanel .capture-button:after,.rightPanel .explode-button:after,.rightPanel .spareParts-button:after,.rightPanel .switch-style-button:after,.rightPanel #creator-mode-button:after,.rightPanel #switch-style-button:after,.rightPanel #spare-parts-button:after{content:"";background:url(/threejs/combi/img/chevron-right-solid.svg);padding:2px;margin-left:3px;background-repeat:no-repeat;width:4px;height:4px;display:inline-block}#creator-mode-button,#switch-style-button,#spare-parts-button{width:auto!important;height:28px!important;font-size:11px!important;padding:0 8px!important;flex:0 0 auto!important}#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:#006BC2;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:#0058A0;color:#fff;text-decoration:underline}#generate-solution:after{content:"";background:url(/threejs/combi/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:151;background-color:#fff;width:500px;max-width:80%}.modal.active{transform:translate(-50%,-50%) scale(1)}.modal-header{padding:10px 20px;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}.mspModal{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:1200px;max-width:85%}.mspModal .title{font-size:1.5rem;padding-left:10px}.mspModal.active{transform:translate(-50%,-50%) scale(1)}.msp-modal-body{position:relative;display:flex;max-width:100%;padding:0 20px}.msp-modal-body .msp-header1{padding:0 0 0 30px;width:100%;margin-top:10px;margin-bottom:10px;border:none;text-align:left;outline:none;background:white;font-size:20px;font-family:veluxgothicbold}.msp-modal-body .msp-header2{padding:0 0 0 15%;width:100%;margin-top:10px;margin-bottom:10px;border:none;text-align:left;outline:none;background:white;font-size:20px;font-family:veluxgothicbold}.msp-modal-body .svg-window-container{padding-left:40px;padding-top:40px;max-width:100%;flex:1}#reset-sizes-button{background:none;border:none;color:#006bc2;text-decoration:underline;cursor:pointer;font-family:veluxgothicbold;font-size:18px;padding:0;outline:none}#reset-sizes-button:hover{color:#0058a0}#close-msp-modal-button{align-items:center;width:120px;height:35px;border-radius:2px;border:0px black solid;background:#006BC2;color:#fff;white-space:nowrap;outline:none;cursor:pointer;transition:all ease-out .4s;font-family:veluxgothicbold;font-size:18px}#close-msp-modal-button:hover{background:#0058A0;color:#fff;text-decoration:underline}.msp-modal-buttons-container{position:absolute;padding-right:15px;padding-bottom:10px;bottom:20px;right:20px;display:flex;gap:30px;z-index:10}.glazing-calc-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);pointer-events:none;border:1px solid black;border-radius:10px;z-index:151;background-color:#fff;width:800px;max-width:80%}.glazing-calc-modal .glazing-calc-header{padding:10px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid black}.glazing-calc-modal .glazing-calc-header .title{font-size:1.25rem;font-weight:700}.glazing-calc-modal .glazing-calc-header .close-glazing-calc-button{cursor:pointer;border:none;outline:none;background:none;font-size:1.25rem;font-weight:700}.glazing-calc-modal .modal-body .section-calc{display:grid;grid-template-columns:1fr 1fr;gap:.5em 1em;align-items:center}.glazing-calc-modal .modal-body .section-calc .container-calc{display:flex;align-items:center}.glazing-calc-modal .modal-body .section-calc .container-calc .input-with-unit{position:relative;display:inline-block;margin-left:20px}.glazing-calc-modal .modal-body .section-calc .container-calc .input-with-unit input{padding-right:2.5em}.glazing-calc-modal .modal-body .section-calc .container-calc .input-with-unit .unit{position:absolute;right:.5em;top:50%;transform:translateY(-50%);pointer-events:none}.glazing-calc-modal .modal-body .section-calc .container-calc input{text-align:center;margin-top:6px;height:30px;border:1px solid black;border-radius:6px}.glazing-calc-modal .modal-body .calc-result-text{text-align:center;padding:30px 0}.glazing-calc-modal .modal-body .calc-result-red-text{color:#dc3545}.glazing-calc-modal .modal-body .calc-result-green-text{color:#65b144}.glazing-calc-modal .modal-body .calc-result-yellow-text{color:#f2c242}.glazing-calc-modal .modal-body .button-wrapper{display:flex;justify-content:flex-end;margin-top:1em}.glazing-calc-modal .modal-body .button-wrapper button{align-items:center;width:120px;height:40px;font-size:16px;border:none;color:#fff;background-color:#006bc2;cursor:pointer;outline:none;font-family:veluxgothicbold}.glazing-calc-modal .modal-body .button-wrapper button:hover{background:#0058A0;color:#fff;text-decoration:underline}.glazing-calc-modal.active{transform:translate(-50%,-50%) scale(1);pointer-events:auto}.division-line{border:1px solid #D4D4D4}.chat-dialog{display:none;position:fixed;bottom:30px;right:30px;border:1px solid black;border-radius:10px;z-index:151;background-color:#fff;width:400px;height:500px}.chat-dialog .chat-header{padding:10px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid black}.chat-dialog .chat-header .title{font-size:1.25rem;font-weight:700}.chat-dialog .chat-header .close-chat-button{cursor:pointer;border:none;outline:none;background:none;font-size:1.25rem;font-weight:700}.chat-dialog .chat-body{display:flex;align-items:center;flex-direction:column;justify-content:space-between;margin:10px;height:calc(100% - 70px)}.chat-dialog .chat-body #message-list{max-height:380px;overflow-y:auto}.chat-dialog .chat-body #message-list .chatbot-query{font-size:14px;font-family:Arial,Helvetica,sans-serif;padding:8px;margin-bottom:8px;margin-left:32px;border-radius:6px;background-color:#006bc2;color:#fff}.chat-dialog .chat-body #message-list .chatbot-answer{font-size:14px;font-family:Arial,Helvetica,sans-serif;padding:8px;border:1px solid #ccc;border-radius:6px;margin-bottom:8px;margin-right:32px}.chat-dialog .chat-body #message-list .chatbot-loader{margin:10px;width:60px;aspect-ratio:4;background:no-repeat radial-gradient(circle closest-side,#8b8b8b 90%,rgba(0,0,0,0)) 0% 50%,no-repeat radial-gradient(circle closest-side,#8b8b8b 90%,rgba(0,0,0,0)) 50% 50%,no-repeat radial-gradient(circle closest-side,#8b8b8b 90%,rgba(0,0,0,0)) 100% 50%;background-size:33.3333333333% 100%;animation:loading 1s infinite linear}.chat-dialog .chat-body form{height:40px;width:100%;display:flex;overflow:hidden}.chat-dialog .chat-body input.question-box{width:80%;padding:10px;font-size:15px;color:#383838}.chat-dialog .chat-body input[type=submit]{width:20%;font-size:16px;border:none;color:#fff;background-color:#006bc2;cursor:pointer;outline:none;font-family:veluxgothicbold}.chat-dialog .chat-body input[type=submit]:hover{background:#0058A0;color:#fff;text-decoration:underline}#overlay{position:fixed;opacity:0;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:190;pointer-events:none}#overlay.active{opacity:1;pointer-events:all}#blurred-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffff80;backdrop-filter:blur(5px);z-index:149}.warning{position:fixed;bottom:20px;left:50%;transform:translate(-50%) scale(0);border:1px solid black;border-radius:10px;z-index:100;background-color:#f55a5ab2;width:fit-content;min-width:300px;max-width:90vw;height:fit-content;min-height:50px;max-height:calc(100vh - 40px);overflow:auto;display:flex;flex-direction:column}.warning.active{transform:translate(-50%) scale(1)}.warning-header{padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid black;flex-shrink:0}.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;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%;display:flex;flex:1;flex-direction:column;overflow-y:auto}#warningLabel{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%;display:block;line-height:1.4;flex:1;min-height:50px}.infoModal{position:fixed;bottom:20px;left:50%;transform:translate(-50%) scale(0);border:1px solid black;border-radius:10px;z-index:101;background-color:#fce72d;width:50%;max-width:60%;max-height:calc(100vh - 40px);word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.infoModal.active{transform:translate(-50%) scale(1)}.infoModal-header{padding:10px 15px;display:flex;justify-content:space-between;align-items:left;border-bottom:1px solid black}.infoModal-header .title{font-size:1.25rem;font-weight:700}.infoModal-header .close-button{cursor:pointer;border:none;outline:none;background:none;font-size:1.25rem;font-weight:700}.infoModal-body{padding:10px 15px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%;display:block}#infoModalLabel{display:block;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;max-width:100%;font-size:clamp(.75rem,4vw,1rem);text-overflow:ellipsis;overflow:hidden;hyphens:auto}.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)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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)}.loaderQuotation{display:none;border:4px solid #f3f3f3;border-top:4px solid #0c0c0c;border-radius:50%;width:30px;height:30px;animation:spin .5s linear infinite;transform:translate(-50%,-50%) scale(0);margin-top:4px;margin-bottom:20px;margin-right:20px}.loaderQuotation.active{transform:translate(-50%,-50%) scale(1)}.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:#006BC2;color:#fff;white-space:nowrap;outline:none;cursor:pointer;transition:all ease-out .4s;font-family:veluxgothicbold;font-size:24px}.download-button:hover{background:#0058A0;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}.forge-warning{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);border:1px solid black;border-radius:10px;z-index:152;background-color:#fff;width:500px;height:290px;max-width:80%;display:flex;flex-direction:column}.forge-warning .forge-warning-header{padding:30px 15px}.forge-warning .forge-warning-body{flex:1;padding:10px 15px;display:flex;flex-direction:column;justify-content:space-between}.forge-warning .forge-warning-body .title{text-align:center;font-size:1.25rem;font-weight:700}.forge-warning .forge-warning-body .forge-warning-button-container{display:flex;justify-content:space-between}.forge-warning .forge-warning-body .forge-warning-button-container .download-continue-button,.forge-warning .forge-warning-body .forge-warning-button-container .download-stop-button{margin-top:10px;margin-bottom:10px;width:225px;height:42px;border-radius:2px;border:0px black solid;background:#006BC2;color:#fff;white-space:nowrap;outline:none;cursor:pointer;transition:all ease-out .4s;font-family:veluxgothicbold;font-size:24px}.forge-warning .forge-warning-body .forge-warning-button-container .download-continue-button:hover{background:#0058A0}.forge-warning .forge-warning-body .forge-warning-button-container .download-stop-button{background:#C4C4C4}.forge-warning .forge-warning-body .forge-warning-button-container .download-stop-button:hover{background:#585858}.forge-warning.active{transform:translate(-50%,-50%) scale(1)}.object-modal{position:fixed;top:60px;right:200px;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:150;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/combi/img/chevron-right-solid.svg);padding:5px;margin-left:55px;background-repeat:no-repeat;width:7px;height:7px;display:inline-block}#switch-style-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:auto auto 20px;font-family:veluxgothicbold;font-size:24px}#switch-style-button:hover{background:#B2B403;color:#fff;text-decoration:underline}#switch-style-button:after{content:"";background:url(/threejs/combi/img/chevron-right-solid.svg);padding:5px;margin-left:64px;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/combi/img/chevron-right-solid.svg);padding:5px;margin-left:18px;background-repeat:no-repeat;width:7px;height:7px;display:inline-block}#tab-button{display:hidden;align-items:center;width:80px;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}.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 label input.error{border:1px red solid}.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-quotation-button-container,.download-solution-button-container{display:flex;flex-direction:row;justify-content:flex-end;padding:10px}.divider-line{width:1px;background:#D4D4D4;margin-top:10px}#download-solution-button{align-items:center;width:225px;height:42px;border-radius:2px;border:0px black solid;background:#006BC2;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:#0058A0;color:#fff;text-decoration:underline}.download-solution-button-label1{margin-bottom:0;padding-bottom:0;font-family:veluxgothicbold;font-size:16px}.download-solution-button-label2{margin-bottom:10px;margin-top:0;padding-top:0;font-family:veluxgothicbold;font-size:16px}#download-quotation-button{align-items:center;width:325px;height:42px;border-radius:2px;border:0px black solid;background:#006BC2;color:#fff;white-space:nowrap;outline:none;cursor:pointer;transition:all ease-out .4s;font-family:veluxgothicbold;font-size:24px}#download-quotation-button:hover{background:#0058A0;color:#fff;text-decoration:underline}#download-quotation-button:disabled{background-color:gray;cursor:not-allowed}.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/combi/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/combi/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/combi/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}.SOcollapsibleButton.active:after{content:"";background:url(/threejs/combi/img/chevron-down-solid-exp.svg);padding:5px;margin-left:20px;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/combi/img/chevron-right-solid-exp.svg);padding:5px;margin-top:5px;margin-left:20px;background-repeat:no-repeat;width:7px;height:7px;position:fixed;display:inline-block}.PDcollapsibleButton.active:after{content:"";background:url(/threejs/combi/img/chevron-down-solid-exp.svg);padding:5px;margin-left:20px;background-repeat:no-repeat;width:7px;height:7px;position:fixed;display:inline-block}.projectDataContent{display:none;overflow:hidden}#windFrameOptionLabel{font:inherit;margin:inherit;margin-left:77px;width:50px;height:50px}#windFrameOption{margin-left:85px;width:50px;height:50px}.CombiModal{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:250px;max-width:50%;padding:20px}.CombiModal p{width:100%;margin:0;padding-right:5px}.CombiModal label{text-align:left;margin:5px;display:flex;align-items:center;justify-content:center}.CombiModal label p{width:100%;margin:0;padding-right:5px}.CombiModal label input,.CombiModal label select{width:100%;height:30px;text-align:center;outline:none;border-radius:5px;border:1px black solid;margin-left:10px}.CombiModal label input:focus,.CombiModal label input:hover,.CombiModal label input:active,.CombiModal label select:focus,.CombiModal label select:hover,.CombiModal label select:active{outline:none;border-radius:5px;border:1px black solid}.CombiModal label input listbox,.CombiModal label select listbox{display:block;padding:20px}.CombiModal.active{transform:scale(1)}.CombiModal-header{display:flex;justify-content:space-between;align-items:center}.CombiModal-header .title{font-size:1.5rem;font-weight:700}.CombiModal-header .close-button{position:absolute;cursor:pointer;top:0;right:0;border:none;outline:none;background:none;font-size:1.25rem;font-weight:700;padding-top:5px;padding-right:10px}.CombiModal-body input,.CombiModal-body select{flex:1}.CombiModal-body p{margin-right:10px}.CombiModal-body label{display:flex;align-items:center}.CombiModal-body{display:flex;flex-direction:column;width:100%;flex-wrap:nowrap}#combiGroupDropdown,#combiTypeDropdown,#combiGlassDropdown{width:70%;height:30px;text-align:left;text-align-last:center;outline:none;border-radius:5px;border:1px black solid}.save-config-panel{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%}.saveconfigpanel-body{padding:10px 15px;display:flex;flex-direction:column;align-items:center}.save-config-buttons-wrapper{display:flex;justify-content:space-between;width:100%}#save-config-input{width:calc(100% - 55px);padding:10px 20px;margin-top:20px;margin-bottom:20px;border:1px solid #000000;border-radius:5px;box-sizing:border-box}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}.copy-button,.open-url-button{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.copy-button{position:absolute;right:20px}.open-url-button{position:absolute;right:-10px}.save-config-panel.active{transform:translate(-50%,-50%) scale(1)}.saveconfigpanel-header{padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid black}.saveconfigpanel-header .title{font-size:1.25rem;font-weight:700}.saveconfigpanel-header .close-button{cursor:pointer;border:none;outline:none;background:none;font-size:1.25rem;font-weight:700}.saveconfigpanel-header-body{padding:10px 15px}.save-config-button{width:48%;display:block;margin:10px auto;width:150px;height:32px;border-radius:2px;border:0px black solid;background:#006BC2;color:#fff;white-space:nowrap;outline:none;cursor:pointer;transition:all ease-out .4s;font-family:veluxgothicbold;font-size:20px}.save-config-button:hover{background:#0058A0;color:#fff}.saveConfigLoader{border:5px solid #f3f3f3;border-top:5px solid #0c0c0c;border-radius:50%;width:35px;height:35px;animation:spin 2s linear infinite;transform:translate(-50%,-50%) scale(0);margin-bottom:20px;display:block;margin-left:auto;margin-right:auto}.saveConfigLoader.active{transform:translate(-50%,-50%) scale(1)}.saveconfigpanel-label{color:green;display:block}.preConfigModal{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:80%;max-width:1200px;height:80%;max-height:800px;overflow:auto;font-family:veluxgothic}.preConfigModal.active{transform:translate(-50%,-50%) scale(1)}.preConfig-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid black;position:sticky;top:0;background-color:#fff;z-index:2;font-family:veluxgothic}.preConfig-header .title{font-size:1.5rem;font-weight:700;font-family:veluxgothic}.preConfig-header .close-button{cursor:pointer;border:none;outline:none;background:none;font-size:1.25rem;font-weight:700}.preConfig-body{padding:20px;overflow-y:auto;height:calc(100% - 60px);font-family:veluxgothic}.preConfig-section{margin-bottom:30px}.preConfig-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;justify-content:center;padding-bottom:20px;font-family:veluxgothic}.preConfig-grid-item{background-color:#f5f5f5;border:1px solid #ddd;border-radius:5px;padding:10px;cursor:pointer;height:auto;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:all .2s ease;position:relative;overflow:hidden;font-family:veluxgothic}.preConfig-grid-item:hover{background-color:#e0e0e0;border-color:#aaa;transform:scale(1.05);box-shadow:0 4px 8px #0000001a}.preConfig-grid-item.highlighted{background-color:#89d4f5;border-color:#006bc2;box-shadow:0 0 8px #006bc280}.preConfig-grid-item img{max-width:100%;max-height:100px;object-fit:contain;flex-grow:0;margin:5px 0}.preConfig-item-text{width:100%;margin-top:8px;text-align:center;font-size:12px;font-weight:700;word-wrap:break-word;overflow-wrap:break-word;line-height:1.2;min-height:36px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;hyphens:auto;font-family:veluxgothic}.preConfig-loading{grid-column:1/-1;text-align:center;padding:20px;font-size:18px;color:#666}@media (max-width: 768px){.preConfigModal{width:95%;height:90%}.preConfig-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.preConfig-grid-item{height:140px}}@media (max-width: 480px){.preConfig-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.preConfig-grid-item{height:120px}.preConfig-header .title{font-size:1.2rem}}@keyframes loading{33%{background-size:33.3333333333% 0,33.3333333333% 100%,33.3333333333% 100%}50%{background-size:33.3333333333% 100%,33.3333333333% 0,33.3333333333% 100%}66%{background-size:33.3333333333% 100%,33.3333333333% 100%,33.3333333333% 0}}.popUpModal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);border:1px solid black;border-radius:12px;z-index:200;background-color:#fff;width:400px;max-width:90%;box-shadow:0 4px 24px #00000026;display:flex;flex-direction:column;align-items:center;padding:0;font-family:veluxgothicbold}.popUpModal.active{transform:translate(-50%,-50%) scale(1)}.popUpModal-header{width:100%;padding:18px 20px 10px;border-bottom:none;text-align:left}.popUpModal-header .title{font-size:1.3rem;font-weight:700;color:#222;text-align:left;font-family:veluxgothicbold}.popUpModal-body{width:100%;padding:18px 20px 10px;text-align:left;font-family:veluxgothic}#popUpModalDesc{display:block;font-size:1rem;color:#444;margin-bottom:10px;word-break:break-word;text-align:left;font-family:veluxgothic;white-space:pre-line}.popUpModal-footer{width:100%;display:flex;justify-content:center;padding:18px 0;border-top:none}.close-popUpModal-button{padding:8px 32px;font-size:1rem;border-radius:6px;border:none;background:#222;color:#fff;cursor:pointer;transition:background .2s;font-family:veluxgothic}.close-popUpModal-button:hover{background:#444}.resolve-preloadedConfigError-button{padding:8px 32px;font-size:1rem;border-radius:6px;border:none;background:#006BC2;color:#fff;cursor:pointer;transition:background .2s;font-family:veluxgothic}.resolve-preloadedConfigError-button:hover{background:#0058A0}.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/combi/fonts/veluxgothic-black.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:veluxgothicbold;src:url(/threejs/combi/fonts/veluxgothic-bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:veluxgothiclight;src:url(/threejs/combi/fonts/veluxgothic-light.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:veluxgothicitalic;src:url(/threejs/combi/fonts/veluxgothic-regitalic.woff) format("woff");font-weight:400;font-style:italic}