.fence-preview[data-v-1ffba433]{background:#f3f3f3;border:1px solid #e8e8e8;border-radius:15px;margin-bottom:20px;overflow:hidden;padding:0}.fence-preview__viewport[data-v-1ffba433]{height:clamp(340px,35vw,600px);position:relative}canvas[data-v-1ffba433]{display:block;height:100%;outline-offset:-3px;touch-action:none;width:100%}.fence-preview__controls[data-v-1ffba433]{display:flex;gap:6px;position:absolute;right:12px;top:12px;z-index:2}.fence-preview__controls button[data-v-1ffba433]{align-items:center;background:#fffffff2;border:1px solid #d5d5d5;border-radius:8px;box-shadow:0 2px 6px #00000012;color:#333;cursor:pointer;display:inline-flex;font:inherit;font-size:13px;gap:6px;justify-content:center;min-height:40px;padding:8px 12px}.fence-preview__controls button[aria-pressed=true][data-v-1ffba433]{background:#213b5d;border-color:#213b5d;color:#fff}.fence-preview__controls button[data-v-1ffba433]:hover{filter:brightness(.95)}.fence-preview__controls button[data-v-1ffba433]:focus-visible{outline:2px solid #213b5d;outline-offset:2px}.fence-preview__controls svg[data-v-1ffba433]{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:18px}.fence-preview__status[data-v-1ffba433]{background:#ffffffed;border-radius:6px;color:#333;font-size:13px;left:12px;padding:6px 10px;pointer-events:none;position:absolute;top:64px}.fence-preview__error[data-v-1ffba433]{align-items:center;background:#f3f3f3ed;display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;padding:24px;position:absolute;text-align:center}.fence-preview__error p[data-v-1ffba433]{margin:0}.fence-preview__error button[data-v-1ffba433]{background:#fff;border:1px solid #ccc;border-radius:6px;color:#333;cursor:pointer;padding:8px 16px}.fence-preview__help[data-v-1ffba433]{background:#fff;color:#666;font-size:11px;line-height:1.5;margin:0;padding:10px 12px;text-align:center}.configurator-wrapper{padding-bottom:100px;position:relative}.configurator-wrapper .button-wrapper{width:100%}.configurator-wrapper .label{border-radius:5px;display:inline-block;padding:0 10px;position:absolute;right:8px;text-transform:uppercase;top:8px}.configurator-wrapper .label.green{background-color:#12c465;color:#fff}.configurator-wrapper .label.blue{background-color:#1278c4;color:#fff}.step-1 .option .image{position:relative}.step-1 .step-one-labels{align-items:flex-end;display:flex;flex-direction:column;gap:6px;position:absolute;right:8px;top:8px;z-index:3}.step-1 .step-one-labels .label{position:static;right:auto;top:auto}.step-4 input[type=text]{font-weight:700}.prev-button{background-color:#fff!important}.prev-button .wrapper{flex-direction:row-reverse!important}.prev-button span{color:#1278c4!important}.prev-button svg{margin-left:0!important;margin-right:10px!important;transform:rotate(-180deg)}.prev-button svg path{fill:#1278c4!important}.next-button svg{margin-left:10px!important;transform:rotate(0)!important}.step-wrapper .title{align-items:center;display:flex;margin-bottom:10px}.step-wrapper .title .icon{background-color:#1278c4;border-radius:3px;color:#fff;font-size:24px;font-weight:600;height:25px;line-height:25px;margin-right:15px;text-align:center;width:25px}.step-wrapper .title h3{margin-bottom:0}.step-wrapper select:hover{cursor:pointer}.step-wrapper .form-wrapper input,.step-wrapper .form-wrapper select,.step-wrapper .form-wrapper textarea,.step-wrapper .options input,.step-wrapper .options select,.step-wrapper .options textarea{border:2px solid #1278c4;border-radius:5px;font-size:20px;height:50px;padding:5px 20px;width:100%}.step-wrapper .form-wrapper select,.step-wrapper .options select{font-variant-numeric:tabular-nums}.step-wrapper .form-wrapper select .label,.step-wrapper .options select .label{border-radius:3px;display:inline-block;padding:0 10px;position:absolute;right:5px;text-transform:uppercase;top:5px}.step-wrapper .form-wrapper select .label.green,.step-wrapper .options select .label.green{background-color:#12c465;color:#fff}.step-wrapper .form-wrapper.composiet-kleur .image,.step-wrapper .form-wrapper.composiet-motief .image,.step-wrapper .options.composiet-kleur .image,.step-wrapper .options.composiet-motief .image{height:200px}.step-wrapper .form-wrapper.composiet-kleur .image img,.step-wrapper .form-wrapper.composiet-motief .image img,.step-wrapper .options.composiet-kleur .image img,.step-wrapper .options.composiet-motief .image img{height:100%;-o-object-fit:cover!important;object-fit:cover!important}.step-wrapper .form-wrapper .qty-stepper,.step-wrapper .options .qty-stepper{align-items:center;display:flex;gap:10px}.step-wrapper .form-wrapper .qty-btn,.step-wrapper .options .qty-btn{align-items:center;background:#fff;border:2px solid #1278c4;border-radius:10px;color:#1278c4;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;line-height:1;width:50px}.step-wrapper .form-wrapper .qty-btn:hover,.step-wrapper .options .qty-btn:hover{cursor:pointer}.step-wrapper .form-wrapper .qty-btn:disabled,.step-wrapper .options .qty-btn:disabled{background:#f4f4f4;border-color:gray;color:gray;cursor:not-allowed;opacity:.5}.step-wrapper .form-wrapper .qty-stepper input,.step-wrapper .options .qty-stepper input{text-align:center}.step-wrapper .form-wrapper .meter-slider .meter-controls,.step-wrapper .options .meter-slider .meter-controls{justify-content:space-between}.step-wrapper .form-wrapper .meter-slider .meter-controls .qty-btn,.step-wrapper .options .meter-slider .meter-controls .qty-btn{flex:0 0 50px;padding:0}.step-wrapper .form-wrapper .meter-slider .meter-controls .qty-btn:focus-visible,.step-wrapper .options .meter-slider .meter-controls .qty-btn:focus-visible{outline:2px solid #1278c4;outline-offset:3px}.step-wrapper .form-wrapper .meter-slider .meter-controls .value,.step-wrapper .options .meter-slider .meter-controls .value{flex:1;text-align:center}.step-wrapper .form-wrapper .meter-slider .meter-controls .value h3,.step-wrapper .options .meter-slider .meter-controls .value h3{font-variant-numeric:tabular-nums;margin:0}.step-wrapper .form-wrapper .option .image,.step-wrapper .options .option .image{aspect-ratio:1/1;border-radius:15px;margin-bottom:15px;overflow:hidden;position:relative;width:100%}.step-wrapper .form-wrapper .option .image img,.step-wrapper .options .option .image img{aspect-ratio:1/1;display:block;min-height:120px;-o-object-fit:contain;object-fit:contain;width:100%}.step-wrapper .form-wrapper .option .content,.step-wrapper .options .option .content{background-color:#fff;border:2px solid #1278c4;border-radius:5px;text-align:center}.step-wrapper .form-wrapper .option .content span,.step-wrapper .options .option .content span{font-size:20px;text-transform:uppercase}.step-wrapper .form-wrapper .option.active .content,.step-wrapper .options .option.active .content{background-color:#1278c4;color:#fff}.step-wrapper .form-wrapper .option:hover,.step-wrapper .options .option:hover{cursor:pointer}.step-wrapper .form-wrapper .accessory-list,.step-wrapper .options .accessory-list{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.step-wrapper .form-wrapper .accessory-item,.step-wrapper .options .accessory-item{align-items:center;background:#fff;border:2px solid #1278c4;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.step-wrapper .form-wrapper .accessory-item span,.step-wrapper .options .accessory-item span{font-size:16px;text-transform:uppercase}.step-wrapper .form-wrapper .accessory-item input[type=checkbox],.step-wrapper .options .accessory-item input[type=checkbox]{accent-color:#1278c4;height:18px;width:18px}.step-wrapper .form-wrapper .accessory-item .accessory-item--card,.step-wrapper .options .accessory-item .accessory-item--card{align-items:stretch;display:flex;flex-direction:column;gap:12px}.step-wrapper .form-wrapper .accessory-item .accessory-thumb,.step-wrapper .options .accessory-item .accessory-thumb{aspect-ratio:1/1;background:#fff;border-radius:10px;overflow:hidden;padding:3px;width:60px}.step-wrapper .form-wrapper .accessory-item .accessory-thumb img,.step-wrapper .options .accessory-item .accessory-thumb img{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.step-wrapper .form-wrapper .accessory-item .accessory-main,.step-wrapper .options .accessory-item .accessory-main{align-items:center;display:flex;gap:12px}.step-wrapper .form-wrapper .accessory-item:has(input:checked),.step-wrapper .options .accessory-item:has(input:checked){background:#1278c4}.step-wrapper .form-wrapper .accessory-item:has(input:checked) span,.step-wrapper .options .accessory-item:has(input:checked) span{color:#fff}.preview-wrapper .image{border-radius:30px;overflow:hidden}.preview-wrapper .quote-disclaimer{border-top:1px solid rgba(0,0,0,.08);color:#000000b3;font-size:13px;line-height:18px;margin-top:12px;padding-top:12px}.preview-wrapper .totalprice{background-color:#1278c4;border-radius:100px;margin-top:10px;text-align:center}.preview-wrapper .totalprice h2{color:#fff;margin-bottom:0}.preview-wrapper .totalprice h2 small{font-size:20px;line-height:20px}.preview-wrapper .sidenote h4{color:#1278c4;font-size:14px;line-height:18px;text-align:center}.preview-wrapper .sidenote h4 small{font-size:14px;line-height:10px}.poorten-wrapper{display:flex;flex-direction:column;gap:12px}.poort-row{align-items:end;background:#fff;border:2px solid #1278c4;border-radius:10px;display:grid;gap:12px;grid-template-columns:1fr auto;padding:14px}.poort-row__main label{display:block;font-weight:700;margin-bottom:6px}.discount-summary{background:#fff;border-radius:12px;margin-top:12px;padding:14px 18px}.discount-summary__row{align-items:center;display:flex;gap:20px;justify-content:space-between}.discount-summary__row+.discount-summary__row{margin-top:6px}.discount-summary__row--discount{color:#1278c4;font-weight:700}.add-poort-btn,.remove-poort-btn{background:#fff;border:2px solid #1278c4;border-radius:8px;color:#1278c4;cursor:pointer;font-weight:700;padding:10px 16px}.add-poort-btn{width:-moz-fit-content;width:fit-content}.remove-poort-btn{height:50px}.remove-poort-btn:disabled{cursor:not-allowed;opacity:.5}@media only screen and (max-width:767px){.poort-row{grid-template-columns:1fr}.remove-poort-btn{width:100%}}input:disabled{background-color:#f4f4f4;border:2px solid grey!important}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;height:6px;outline:none;width:100%}input[type=range]:hover{cursor:pointer}input[type=range]::-webkit-slider-runnable-track{background:#e5e5e5;border-radius:999px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1278c4;border-radius:50%;cursor:pointer;height:20px;margin-top:-7px;width:20px}input[type=range]::-moz-range-track{background:#e5e5e5;border-radius:999px;height:6px}input[type=range]::-moz-range-thumb{background:#1278c4;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}input[type=range]::-moz-range-progress{background:#1278c4;border-radius:999px;height:6px}.preview-wrapper .quote-overview{background:#fff;border:2px solid #1278c4;border-radius:15px;display:block;margin-top:15px;padding:15px;position:relative;width:100%}.preview-wrapper .quote-overview__inner{width:100%}.preview-wrapper .quote-overview h3{font-size:18px;margin:0 0 10px}.preview-wrapper .quote-overview .quote-row{align-items:center;border-top:1px solid rgba(0,0,0,.08);display:grid!important;gap:10px;grid-template-columns:80% 10%;padding:8px 0;position:static!important}.preview-wrapper .quote-overview .quote-row--header{border-top:none;font-weight:700;opacity:.85}.preview-wrapper .quote-overview .quote-row .qty,.preview-wrapper .quote-overview .quote-row .sub,.preview-wrapper .quote-overview .quote-row .unit{text-align:right;white-space:nowrap}.preview-wrapper .quote-overview .quote-row .name{padding-right:40px;position:relative}.preview-wrapper .quote-overview .quote-row .name .title{font-weight:600}.preview-wrapper .quote-overview .quote-row .name .title .label{border-radius:5px;display:inline-block;padding:0 10px;position:absolute;right:-20px;text-transform:uppercase;top:50%;transform:translateY(-50%)}.preview-wrapper .quote-overview .quote-row .name .title .label.green{background-color:#12c465;color:#fff}.preview-wrapper .quote-overview .quote-row .name .meta{font-size:12px;opacity:.7}.preview-wrapper .quote-overview .quote-footer{border-top:2px solid rgba(0,0,0,.1);margin-top:10px;padding-top:10px}.preview-wrapper .quote-overview .quote-footer .line{display:flex;font-weight:700;justify-content:space-between;padding:4px 0}.option.is-disabled{opacity:.6;pointer-events:none}.quote-row--header{text-align:right}.quote-row--header span:first-child{text-align:left}.ral-chips .ral-item{position:relative}.ral-chips .ral-item img{height:60px;-o-object-fit:cover;object-fit:cover;width:60px}.ral-chips .ral-item:hover{cursor:pointer}.ral-chips .ral-item .label{font-size:11px;left:-15px;position:absolute;text-align:center;top:-10px;width:140%}.ral-chips .ral-chip{background:#fff;border:2px solid #1278c4;border-radius:5px;cursor:pointer;font-weight:700;margin-top:5px;padding:4px 14px;text-transform:uppercase}.ral-chips .ral-chip.active{background-color:#1278c4;color:#fff}.ral-chips .ral-chip:hover{background:#1278c4;color:#fff}.button.disabled{background-color:#d3d3d3;border:2px solid grey}.button.disabled span{color:gray!important}.button.disabled svg path{fill:gray!important}.form-alert{border-radius:10px;font-size:14px;font-weight:600;line-height:1.3;max-width:520px;padding:10px 14px;width:100%}.form-alert--success{background:#eaf7ee;border:2px solid #39a35b;color:#1b6b35;font-size:20px}.form-alert--error{background:#fdecec;border:2px solid #d64545;color:#8d1f1f;font-size:20px}.accessory-item.is-disabled{cursor:not-allowed;opacity:.7}.accessory-item.is-disabled input{cursor:not-allowed}@media only screen and (max-width:1566px){.preview-wrapper .totalprice h2 small{font-size:18px}}@media only screen and (max-width:1023px){.configurator-wrapper{padding-bottom:0;position:relative}.configurator-wrapper .button-wrapper{bottom:0;left:0;width:100%}.step-wrapper .options .option .image img{-o-object-fit:cover;object-fit:cover}.step-wrapper .options .option .content span{font-size:14px;text-align:center}.step-wrapper .options.composiet-kleur .image,.step-wrapper .options.composiet-motief .image{height:100px}.step-wrapper .options.composiet-kleur .image img,.step-wrapper .options.composiet-motief .image img{height:100%;-o-object-fit:cover!important;object-fit:cover!important}.step-wrapper .options .accessory-list{grid-template-columns:repeat(1,minmax(0,1fr))}.preview-wrapper .totalprice{background-color:#1278c4;border:2px solid #fff;border-radius:100px;bottom:10px;margin-top:10px;position:fixed;text-align:center;width:calc(100% - 20px);z-index:5}.preview-wrapper .totalprice h2{color:#fff;margin-bottom:0}.preview-wrapper .totalprice h2 small{font-size:14px;margin-left:10px}}.configurator-3d-placeholder[data-v-9c6d375e]{background:#f0f2f5;border-radius:15px;display:grid;margin-bottom:20px;min-height:340px;place-items:center}.configurator-wrapper .button-wrapper .next-button[data-v-9c6d375e],.configurator-wrapper .button-wrapper .prev-button[data-v-9c6d375e]{align-items:center;display:inline-flex;font:inherit;font-size:17px;font-weight:700;gap:12px;justify-content:center;min-width:150px;text-transform:uppercase;width:auto}.configurator-wrapper .button-wrapper button[data-v-9c6d375e]:disabled{cursor:not-allowed;opacity:.5}.gate-material-option[data-v-9c6d375e],.gate-only-option[data-v-9c6d375e]{cursor:pointer;font:inherit;text-align:center}.gate-only-option__image[data-v-9c6d375e]{align-items:center;background:#ecf3f5;display:flex;font-size:68px;justify-content:center;min-height:110px}.gate-material-option[data-v-9c6d375e]{border:1px solid #ddd;border-radius:12px;padding:18px 8px}.gate-material-option.active[data-v-9c6d375e]{border-color:#116c9f}@media(max-width:480px){.configurator-wrapper .button-wrapper .next-button[data-v-9c6d375e],.configurator-wrapper .button-wrapper .prev-button[data-v-9c6d375e]{flex:1;font-size:13px;min-width:0;padding:10px 8px}}