:root{--main-color: #041536;--sub-color: #1698DE;--background: #FFF;--main-text-white: #FFF;--tab-main-color: #041536;--tab-sub-color: #1698DE;--tab-accent-color: #E0E0E0;--tab-background: #FFF;--background-active: #f5f9ff;--tab-main-text: #000;--tab-main-text-white: #FFF;--tab-sub-text: #5b5b5d;--tab-border-input: #cccccc;--tab-arrow: #FFF;--tab-back-button: #5b5b5d;--2d-line-first: #FFF;--2d-line-wall: #FFF;--2d-line-second: #1698DE;--spinner: #1698DE;--opslaan-button: #F78103;--opslaan-button-border: #1698DE;--important-input: #1698DE;--opslaan-button-text: #FFF}*{margin:0;padding:0;box-sizing:border-box;font-family:Nunito Sans,sans-serif;font-weight:400;line-height:normal;text-rendering:optimizeLegibility;text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin;scrollbar-color:#cccccc #FFFFFF}*::-webkit-scrollbar{width:2px;height:2px}*::-webkit-scrollbar-thumb{background-color:#f78103;border-radius:4px}*::-webkit-scrollbar-track{background-color:#f4f4f4}body{margin:0;padding:0;background-color:#fff}::selection{background:#ffe0b2;color:#5b5b5d}#content-main>.container:nth-child(2){max-width:100%!important}.logo-container{max-width:340px}.logo-container img{width:100%;height:100%;object-fit:cover}.configurator-place{margin:0 auto;align-items:start;position:relative;width:100vw;height:100vh}@media(max-width:768px){.configurator-scene{position:absolute;top:0;left:0;z-index:9999}}#configurator-ui{overflow-y:auto;grid-row-start:auto;grid-row-end:span 2;background-color:#fff;z-index:2;display:flex;flex-direction:column;gap:8px;height:100vh;padding:15px}@media(max-width:768px){#configurator-ui{background-color:#fff;display:flex;flex-direction:column;height:70vh;padding:15px}}.full-screen #configurator-ui{display:none}.scroll{overflow-y:scroll;flex-grow:1;height:fit-content;scrollbar-color:transparent;-ms-overflow-style:none;scrollbar-width:none}.scroll::-webkit-scrollbar{display:none}.configurator-wrapper{display:flex;flex-direction:column;width:100%;height:100%}@media(min-width:768px){.configurator-wrapper{flex-direction:row}}#configurator-scene{width:100%;height:30vh;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:9999}@media(min-width:768px){#configurator-scene{width:100%;height:100%}}.configurator-ui-wrapper{height:70vh;width:100%}@media(min-width:768px){.configurator-ui-wrapper{height:100%;width:488px}}#configurator-scene.loading{transition:.1s ease-in-out;opacity:.7;pointer-events:none;background-color:#474e4bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#configurator-scene.loading:after{content:"";position:absolute;inset:-30px;background:transparent;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);pointer-events:none;z-index:1}.scene-loader-3d{position:absolute;display:flex;align-items:center;justify-content:center;width:calc(100% - 488px);height:100%;top:0;left:0;right:468px;z-index:99999;pointer-events:none;cursor:none}#configurator-scene.loading canvas{pointer-events:none;cursor:none}#configurator-scene canvas{width:100%;height:100%;display:block;background:#f4f4f4;z-index:1}.scene-loader{position:absolute;inset:0;background-color:#474e4bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99999;display:flex;align-items:center;justify-content:center}.tabs-container{display:flex;overflow:visible;flex-direction:column;gap:8px;overflow-y:auto}.tab.hidden{display:none}.textApplyButtonEnd{flex-wrap:nowrap;font-weight:600;display:flex;text-align:center;justify-content:center;align-items:center}@media(max-width:767px){.textApplyButtonEnd{flex-wrap:nowrap;font-weight:600;display:flex;text-align:center;justify-content:center;align-items:center}.tab-content .tab-navigation .nextButton{border-radius:4px;display:flex;border:2px solid var(--tab-sub-color);align-items:center;justify-content:center;background:var(--tab-sub-color);padding:12px 8px;gap:8px;width:130.61px;color:var(--tab-background);font-size:16px;line-height:150%;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.tabs-container{display:flex;overflow:visible;flex-direction:column;gap:0px;overflow-y:auto}}.checkmark{color:green;font-weight:700;font-size:1.2em;cursor:pointer}.tab-header{border:1px solid var(--tab-sub-color);border-radius:4px;background:var(--tab-background);text-align:left;padding:8px 16px;display:flex;justify-content:flex-start;align-items:center;cursor:pointer;gap:8px}.tab-title{font-family:Roboto,sans-serif;font-weight:600;font-size:18px}.tab-number{align-items:center;border:2px solid var(--tab-sub-color);border-radius:50%;display:flex;font-size:12px;font-weight:700;justify-content:center;width:17px}.tab-number.open{border:2px solid var(--tab-background);align-items:center;border-radius:50%;display:flex;font-size:12px;font-weight:700;height:17px;justify-content:center;width:17px}.tab-header span{color:var(--tab-sub-color);font-family:Roboto,sans-serif;font-weight:700;display:flex;align-items:center;gap:8px}.tab-header span:nth-child(1){flex-grow:1}.tab-header svg{fill:var(--tab-sub-color);transition:fill .3s ease}.tab-header.open svg{fill:var(--tab-background)}.tab-header>svg{border:2px solid var(--tab-sub-color);border-radius:50%;fill:var(--tab-sub-color);padding:4px;transition:transform ease-in .2s}.tab-header.open{background:var(--tab-sub-color);border:1px solid var(--tab-main-color);border-bottom-left-radius:0;border-bottom-right-radius:0}.tab-header.open span{color:var(--tab-background)}.tab-header.open>svg{border:2px solid var(--tab-background);border-radius:50%;padding:4px;transform:rotate(-180deg);fill:var(--tab-background)}.tab-header.disabled{opacity:.5;cursor:not-allowed}.tab-content{opacity:0;max-height:0;overflow:hidden;visibility:hidden;transition:all .3s ease-out}.tab-content>div:first-child{display:flex;flex-direction:column;border:1px solid var(--tab-main-color);border-radius:0 0 4px 4px;gap:8px;padding:10px;margin:-1px 0 0}.tab-content>.walls-tab{display:flex;flex-direction:column;gap:8px}.tab-header.open+.tab-content{opacity:1;max-height:8000px;visibility:visible;transition:none}.order-button{border-radius:6px;background-color:#474e4bcc;color:var(--tab-main-text-white);box-shadow:0 -5px 11.8px #00000026;padding:16px 24px 16px 36px;font-size:16px;font-weight:700;text-transform:uppercase;text-align:left;width:100%;cursor:pointer}.full-screen .tabs-container{display:none}.tab-content .tab-navigation{display:flex;justify-content:space-between;align-items:center}.tab-content .tab-navigation button{border:none;display:flex;align-items:center;justify-content:center;gap:8px;height:48px;color:var(--tab-main-text-white);cursor:pointer}.tab-content .tab-navigation .nextButton:hover{background:var(--tab-main-color);border:2px solid var(--tab-sub-color);color:var(--tab-background)}.tab-content .tab-navigation .prevButton:hover{background:var(--tab-sub-text);color:var(--tab-main-text-white)}.tab-content .tab-navigation button:active{transform:scale(.95)}.tab-content .tab-navigation .prevButton{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:12px 24px;gap:8px;border:1px solid var(--tab-sub-text);font-size:16px;font-weight:600;color:var(--tab-sub-text);border-radius:4px;background:var(--tab-background);transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-content .tab-navigation .nextButton{border-radius:4px;display:flex;border:2px solid var(--tab-sub-color);align-items:center;justify-content:center;background:var(--tab-sub-color);padding:12px 8px;gap:8px;color:var(--tab-background);font-size:16px;line-height:150%;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.nextButton>svg{fill:var(--tab-background)}.nextButton:hover>svg{fill:var(--tab-background)}.prevButton>svg{fill:var(--tab-sub-text)}.prevButton:hover>svg{fill:var(--tab-main-text-white)}.horizontal-tabs-container{display:flex;flex-direction:column;align-items:center;font-size:14px;gap:8px}.horizontal-tabs{width:100%;display:flex;align-items:center;justify-content:center;overflow-x:auto}.horizontal-tab-header{cursor:pointer;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px;gap:8px;width:100%;height:47px;color:var(--tab-sub-color);border:1px solid var(--tab-sub-color);background-color:var(--tab-background);border-radius:0}.horizontal-tab-header.disabled{cursor:not-allowed;opacity:.5;color:var(--tab-sub-color);background-color:var(--tab-background);border:1px solid var(--tab-sub-color)}.color-tab-header{cursor:pointer;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px;gap:8px;width:100%;height:47px;border-radius:0;background:var(--tab-background);color:var(--tab-sub-color)}.horizontal-tab-content{display:none}.horizontal-tab-content.active{display:flex;flex-direction:column;gap:8px;width:100%}.horizontal-tab-header.open .color-tab-header.open:first-child{opacity:1;color:var(--tab-main-text);box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px;gap:8px;background:var(--tab-sub-color);border:1px solid var(--tab-sub-color)}.horizontal-tab-header:not(:first-child){border-left:none}.horizontal-tab-header:only-of-type{border-radius:4px}.horizontal-tab-header:first-of-type:not(:only-of-type){border-radius:4px 0 0 4px;font-size:14px}.horizontal-tab-header:last-of-type:not(:only-of-type){border-radius:0 4px 4px 0;font-size:14px}.horizontal-tab-header:not(:first-of-type):not(:last-of-type){border-radius:0}.color-tabs-container{display:flex;align-items:center;justify-content:space-between}.color-tabs-container--label{font-size:16px;font-weight:500;color:var(--tab-main-text)}.color-tab-header:first-child{border-radius:4px 0 0 4px;color:var(--tab-sub-color);border:1px solid var(--tab-sub-color);opacity:.7}.color-tab-header.open:first-child{border-radius:4px 0 0 4px;background:var(--tab-sub-color);color:var(--tab-main-text-white);opacity:1}.color.open:last-of-type{border-radius:0 4px 4px 0;background-color:var(--tab-sub-color);color:var(--tab-main-text-white);border:1px solid var(--tab-sub-color);opacity:1}.color:last-of-type{border-radius:0 4px 4px 0;color:var(--tab-sub-color);border:1px solid var(--tab-sub-color);opacity:.7}.horizontal-tab-header.open{background:var(--tab-sub-color);opacity:1;color:var(--tab-main-text-white)}.option-group-column{display:flex;flex-direction:column;gap:8px}.option-group-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 4px}.option-group-row>.option-container>.option{align-items:center;justify-content:flex-start;padding:8px}.option-group-row>.option-container>.option>.start-option-container>.option-icon-png{width:64px;height:64px;flex-shrink:0}.option-group-row>.option-container>.option>.start-option-container>.middle-option-container{min-width:0;flex:1 1 0%}.option-group-row>.option-container>.option>.start-option-container>.middle-option-container>h2{font-size:14px;white-space:normal}.option-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.option-group-grid>.option-container>.option{align-items:center;justify-content:flex-start;padding:8px}.option-group-grid>.option-container>.option>.start-option-container>.option-icon-png{width:64px;height:64px;flex-shrink:0}.option-group-grid>.option-container>.option>.start-option-container>.middle-option-container{min-width:0;flex:1 1 0%}.option-group-grid>.option-container>.option>.start-option-container>.middle-option-container>h2{font-size:14px;word-break:break-word;white-space:normal}.option-container{border-radius:4px;background:var(--tab-background);gap:8px;border:1px solid var(--tab-accent-color);transition:all .3s cubic-bezier(.4,0,.2,1)}.children{padding:12px}.option-container.disabled{opacity:.5;pointer-events:none}.option{cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;border-radius:4px;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.number-input_active{display:flex;flex-direction:column;align-items:flex-start}.dimension-label{display:flex;align-items:center}.start-option-container{color:var(--tab-main-text);display:flex;flex-direction:row;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);align-items:center}@media(max-width:768px){.name-pvc,.name-zink,.name-zwart{position:relative;left:-20px;width:0px}.dimension-label{width:min-content}}.name-wall_rabat-class,.name-wall_blockhut,.name-wall_halfhout_vertical-class,.name-wall_rhombus_vertical-class,.name-douglas-class,.name-zwart_2-class,.name-zwart-class,.name-thermo_vuren-class,.name-opgeklampte_deur_enkel-class,.name-opgeklampte_deur_XL_enkel-class,.name-opgeklampte_eur_enkel_met_raam-class,.name-opgeklampte_schuifdeur-class,.name-stapeldorpeldeur_enkel_6-vaks-class,.name-stapeldorpeldeur_enkel_6-vaks_luxe-class,.name-steellook_paneeldeur_enkel-class,.name-steellook_schuifdeur_enkel-class,.name-steellook_deur_enkel-class,.name-opgeklampte_deur_dubbel-class,.name-opgeklampte_deur_XL_dubbel-class,.name-opgeklampte_deur_dubbel_met_raam-class,.name-stapeldorpeldeur_dubbel_6-vaks_luxe-class,.name-stapeldorpeldeur_dubbel_6-vaks-class,.name-steellook_paneeldeur_dubbel-class,.name-steellook_deur_dubbel-class,.name-steellook_schuifdeur_dubbel-class,.name-empty-class,.name-glass_panel-class,.name-glass_doors-class,.name-pvc-class,.name-zink-class,.name-black-class,.name-aluminium-class,.name-anthracite-class,.name-wall_chipwood-class,.name-ayous-class,.name-frake-class,.name-2tone-class,.name-eiken-class{font-size:14px!important}.middle-option-container{display:flex;flex-direction:column;justify-content:space-between;transition:all .3s cubic-bezier(.4,0,.2,1)}.small-option{flex-direction:row;gap:8px}.row-space-between{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.details-arrow{display:flex;align-items:center;fill:var(--tab-main-text-white);transition:all .3s ease-in-out}.details-arrow svg{position:absolute;top:0;right:0;width:16px;height:16px;background:var(--tab-sub-color);border-radius:50%;fill:var(--tab-main-text-white);transition:all .3s ease-in-out;padding:3px;margin-left:5px}.option>.details-arrow-container{position:relative;display:flex;align-items:end;justify-content:center;cursor:pointer;transition:all .3s ease-in-out}.option>.small-option{align-items:center}.option>.details-arrow-container>.details-arrow{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease-in-out}.option-container.active,.option-container.highlight{border:1px solid var(--tab-sub-color);border-radius:4px;box-shadow:none}.option-container:hover,.option-container.highlight:hover{border:1px solid var(--tab-sub-color)}.option-container.folded.has-components>.option{border-bottom:1px solid var(--main-color)}.option-container.active.folded.has-components{background:var(--background-active)}.option-container>.components{opacity:0;overflow:hidden;transition:opacity .3s,max-height .3s cubic-bezier(.4,0,.2,1);padding:0 16px;display:flex;flex-direction:column;gap:8px}.option-container.active.folded.has-components>.components{opacity:1;padding:4px 12px 12px}.components>div{display:flex;flex-direction:column;gap:8px}.option-group-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 4px}.middle-option-container>.name,.middle-option-container>.name>span>span{color:var(--tab-main-text);font-size:16px;font-weight:500;line-height:150%;cursor:pointer;white-space:nowrap;text-wrap:balance}.no3d-label{margin-left:6px;font-weight:400}.no3d-label span{font-size:12px;color:var(--tab-sub-text)!important}.option-container.active{background-color:var(--background-active);border:1px solid var(--tab-main-color)}.folded>.option>.name{color:var(--tab-main-text);font-weight:600}.option-container.active>.option>.start-option-container>.middle-option-container>.name,.option-container.active>.option>.start-option-container>.middle-option-container>.name>span>span,.option-container.active>.option>.name{color:var(--tab-main-text);font-weight:600}.radio-block>.option-description{padding:0}.option>.price-container{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.option>.price-container>.price{color:#4a4a4a;font-size:13px;font-weight:600;text-align:right}.option .components-fold{cursor:pointer;transition:all .3s ease-in-out;display:flex;justify-content:flex-end;align-items:flex-end}.option .components-fold svg{transform:rotate(180deg)}.folded{border:1px solid var(--tab-sub-color);padding:0}.folded.has-components>.option .components-fold svg{position:absolute;top:0;right:0;background:var(--tab-main-color);fill:var(--tab-main-text-white);border-radius:50%;transform:rotate(0)}.option>.price-container>svg{display:none}.has-components>.option>.price-container>svg{display:block;fill:#3a1914;width:18px;height:18px;transform:rotate(180deg);margin-right:3px}.has-components{display:flex;flex-direction:column;gap:8px}.active.has-components>.option>.price-container>svg{transform:rotate(0)}.row-space-between>.value{display:flex;max-width:200px;align-items:flex-start;color:var(--tab-main-text);font-size:14px;font-style:italic;font-weight:300}.option>.details-arrow-container>.details-arrow>.components-fold{display:flex;align-items:end;justify-content:center;cursor:pointer;transition:all .3s ease-in-out}.Betonbanden,.Losse,.Houten,.Standard,.Vast,.panel,.panelen{cursor:default!important;transition:none!important}.Betonbanden:hover,.Losse:hover,.Houten:hover,.Vast:hover,.Standard:hover,.panel:hover,.panelen:hover{width:58px!important;height:58px!important}.option-icon-png{width:64px;height:64px;grid-row-end:span 2;cursor:pointer;overflow:hidden;position:relative;transform-origin:center;display:flex;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.option-icon-png img{width:58px;height:58px;object-fit:fill;transition:all .15s ease-in-out}.option-icon-png svg{position:absolute;right:4px;bottom:4px}.option-icon-png img:hover{width:75px;height:75px;cursor:pointer}.option-icon-color .option-icon-swatch{width:58px;height:58px;border-radius:2px}.option-icon-svg{width:22px;height:22px;grid-row-end:span 2;cursor:pointer;overflow:hidden;position:relative;transform-origin:center;display:flex;justify-content:center;align-items:center}.spinner{width:24px;height:24px;border:3px solid var(--tab-main-text-white);border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:spinnerRotation 1s linear infinite}.spinner:after{content:"";box-sizing:border-box;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;border:3px solid transparent;border-bottom-color:var(--spinner)}@media(max-width:768px){.spinner{position:absolute;left:50vw;top:15%}}@keyframes spinnerRotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}