.configurator-wizard-step-header[data-v-2bc925d8]{padding:1rem;position:relative;overflow:hidden;border-radius:calc(var(--radius) * 1.2);z-index:1}.configurator-wizard-step-header[data-v-2bc925d8]:after{transform:translateY(100%);transition:transform var(--duration) var(--cnf-transition-curve)}.configurator-wizard-step-header--completed[data-v-2bc925d8]{cursor:pointer}.configurator-wizard-step-header--loading[data-v-2bc925d8]{cursor:progress}.configurator-wizard-step-header--active[data-v-2bc925d8]:after{background:var(--cnf-green-100);position:absolute;inset:0;content:"";z-index:-1;opacity:.2;transform:none}.configurator-wizard-step-header__indicator[data-v-2bc925d8]{font-size:12px;--size: 2rem;height:var(--size);width:var(--size);border-radius:var(--size);background:var(--cnf-green-400);color:var(--cnf-white);display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;position:relative}.configurator-wizard-step-header__indicator-spinner-wrap[data-v-2bc925d8]{position:absolute;transform:scale(1.3);inset:0}.configurator-wizard-step-header__indicator-spinner[data-v-2bc925d8]{animation:rotator-2bc925d8 1.4s linear infinite;height:100%;width:100%}@keyframes rotator-2bc925d8{0%{transform:rotate(0)}to{transform:rotate(270deg)}}.configurator-wizard-step-header__indicator-spinner .path[data-v-2bc925d8]{stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:dash-2bc925d8 1.4s ease-in-out infinite,colors-2bc925d8 5.6s ease-in-out infinite}@keyframes colors-2bc925d8{0%{stroke:var(--cnf-green-900)}14.285714286%{stroke:var(--cnf-green-600)}28.571428572%{stroke:var(--cnf-green-400)}42.857142858%{stroke:var(--cnf-green-100)}57.142857144%{stroke:var(--cnf-green-400)}71.42857143%{stroke:var(--cnf-green-600)}to{stroke:var(--cnf-green-900)}}@keyframes dash-2bc925d8{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}.configurator-wizard-step-header__description[data-v-2bc925d8]{font-size:14px}.configurator-wizard-step-header__description h3[data-v-2bc925d8]{--color-heading: var(--cnf-gray-700);line-height:16px;text-transform:uppercase;font-size:.8rem}.configurator-wizard-step-header__description p[data-v-2bc925d8]{color:var(--cnf-gray-500);line-height:normal}.configurator-wizard-step-header__progress[data-v-2bc925d8]{position:absolute;bottom:0;right:0;left:0;height:.25rem;background:rgba(255,255,255,.2)}.configurator-wizard-step-header__progress-handle[data-v-2bc925d8]{position:absolute;left:0;bottom:0;top:0;transition:width var(--cnf-transition-duration) var(--cnf-transition-curve);background:var(--cnf-green-400);width:calc(var(--width, 0) * 1%)}.configurator-product-category-picker .categories[data-v-940feaea]{justify-content:center;flex:1}.configurator-category[data-v-940feaea]{user-select:none;aspect-ratio:1/3;min-height:5rem;max-height:max(60vh,400px);position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end}.configurator-category .background[data-v-940feaea]{position:absolute;inset:0}.configurator-category .background[data-v-940feaea]:after,.configurator-category .background[data-v-940feaea]:before{position:absolute;content:"";transition:all var(--cnf-transition-duration) var(--cnf-transition-curve)}.configurator-category .background[data-v-940feaea]:before{clip-path:polygon(var(--spacing-300) 0,100% 0,100% 90%,var(--spacing-300) 90%);background-position:center;background-size:cover;inset:0}.configurator-category .background[data-v-940feaea]:after{box-shadow:var(--cnf-shadow-900);inset:0 0 10% var(--spacing-300)}.configurator-category--DO .background[data-v-940feaea]:before{background-image:url(/assets/doors.29c0d660.png)}.configurator-category--SL .background[data-v-940feaea]:before{background-image:url(/assets/sliding_doors.af5a7def.png)}.configurator-category--WI .background[data-v-940feaea]:before{background-image:url(/assets/windows.72effc10.png)}.configurator-category__name[data-v-940feaea]{--color-heading: white;font-size:3.5rem;line-height:1;transition:all var(--cnf-transition-duration) var(--cnf-transition-curve);z-index:3}.configurator-category__systems[data-v-940feaea],.configurator-category__name[data-v-940feaea],.configurator-category__count[data-v-940feaea]{position:relative;text-transform:uppercase;margin-bottom:0}.configurator-category__count[data-v-940feaea]{color:var(--cnf-white);text-align:right}.configurator-category__systems[data-v-940feaea]{margin-top:var(--spacing-100);text-align:right;list-style:none;color:#fff}.configurator-category__systems-item[data-v-940feaea]{cursor:pointer;align-items:center;justify-content:end;gap:.5rem}.configurator-category__systems-item span[data-v-940feaea]{transition:transform var(--cnf-transition-duration) var(--cnf-transition-curve)}.configurator-category__systems-item:hover span[data-v-940feaea]{transform:translate(50%)}.configurator-category .foreground[data-v-940feaea]{padding:var(--spacing-100);position:relative;z-index:1;width:min-content;overflow:hidden}.configurator-category .foreground[data-v-940feaea]:before{inset:5px;position:absolute;content:"";background-color:var(--color-heading);transition:all var(--cnf-transition-duration) var(--cnf-transition-curve);opacity:.4}.configurator-category:hover .foreground[data-v-940feaea]:before{transform:translateY(8rem);opacity:1}.configurator-category:hover .background[data-v-940feaea]:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.configurator-category:hover .background[data-v-940feaea]:after{inset:0}.layout-composer-counter[data-v-44416d26]{text-transform:lowercase;align-items:center}.layout-composer-counter pre[data-v-44416d26]{padding:1rem;outline:solid 1px var(--cnf-green-600);border-radius:var(--radius);margin-bottom:0}.layout-preview[data-v-3b3f4eec]{width:min-content;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);user-select:none}.layout-preview--raised[data-v-3b3f4eec]{box-shadow:var(--cnf-shadow-900)}.layout-preview [data-selected=true][data-v-3b3f4eec],.layout-preview [data-excluded=true][data-v-3b3f4eec],.layout-preview[data-disabled=true][data-v-3b3f4eec]{pointer-events:none;transition:none}.layout-preview--cell[data-v-3b3f4eec]{height:5em;line-height:5em;text-align:center;aspect-ratio:1/1;box-shadow:0 0 0 1px #0000001a;background:white;cursor:pointer;font-family:var(--cnf-mono-400);position:relative}.layout-preview--cell[data-preview=true][data-v-3b3f4eec]:not([data-start=true]):after,[data-state=idle] .layout-preview--cell[data-v-3b3f4eec]:not([data-preview=true]):hover,.layout-preview--cell[data-start=true][data-v-3b3f4eec]{background:var(--cnf-green-400);color:var(--cnf-white)}.layout-preview--cell[data-selected=true][data-v-3b3f4eec]{background:var(--group-color)}.layout-preview--cell[data-excluded=true][data-v-3b3f4eec]{position:relative;display:flex;align-items:center;justify-content:center}.layout-preview--cell[data-excluded=true][data-v-3b3f4eec]:before,.layout-preview--cell[data-excluded=true][data-v-3b3f4eec]:after{content:"";position:absolute;top:5px;bottom:5px;width:1px;background:black}.layout-preview--cell[data-excluded=true][data-v-3b3f4eec]:before{transform:rotate(45deg)}.layout-preview--cell[data-excluded=true][data-v-3b3f4eec]:after{transform:rotate(-45deg)}.layout-preview--cell[data-preview=true][data-v-3b3f4eec]:not([data-start=true]):after{opacity:.4;inset:0;content:"";position:absolute}.default-layout-grid[data-v-904315e6],.default-layout-grid[data-v-904315e6] div{font-size:5px}.default-layout-grid__item[data-v-904315e6]{position:relative;cursor:pointer}.default-layout-grid__item[data-v-904315e6]:before{position:absolute;inset:0;pointer-events:none;content:" "}.layout-composer[data-v-69c650c6]{overflow:hidden;padding:var(--spacing-100)}@keyframes in-69c650c6{0%{opacity:0;transform:translate(-5%)}}.layout-composer>*[data-v-69c650c6]:not(.layout-composer-actions){animation:in-69c650c6 var(--cnf-transition-duration) var(--cnf-transition-curve) both;animation-delay:calc(var(--index) * .1s)}.layout-composer-actions[data-v-69c650c6]{align-items:start}.measures[data-v-2712f63f]{background:white;max-width:400px;margin:0 auto}.measures--animated[data-v-2712f63f]{animation:in-2712f63f var(--cnf-transition-duration) var(--cnf-transition-curve) forwards}@keyframes in-2712f63f{0%{opacity:0;transform:translate(-10%)}to{transform:translate(0);z-index:5}}.measures--elevated[data-v-2712f63f]{padding:var(--spacing-100);box-shadow:var(--cnf-shadow-900);border-radius:var(--radius)}.measures__input[data-v-2712f63f]{border-radius:var(--radius);overflow:hidden}.measures__input input[data-v-2712f63f]{max-width:150px;text-align:right;font-family:var(--cnf-mono-400);height:auto!important}.measures__input span[data-v-2712f63f]{background:var(--cnf-gray-100);padding:calc(var(--spacing-100) / 2);font-size:.7rem;white-space:nowrap;flex:1}svg[data-v-66cac3b6]{width:100%;height:auto;margin-top:.6rem}.frame-container[data-v-3c02e8e1]{--parent-inset: 0px}.frame-container--card[data-v-3c02e8e1]{cursor:pointer;padding:1rem;border-radius:var(--radius);box-shadow:var(--cnf-shadow-600);width:45%}.frame-container--card[data-v-3c02e8e1],.frame-container--selectable-element[data-v-3c02e8e1]{pointer-events:initial;cursor:pointer}.frame-container--selectable-element[data-v-3c02e8e1]:after{pointer-events:none;position:absolute;inset:0;background:transparent;transition:background var(--cnf-transition-duration) var(--cnf-transition-curve);content:""}.frame-container--selectable-element[data-v-3c02e8e1]:hover:after{background:rgba(0,0,0,.1)}.frame-container--hoverable[data-v-3c02e8e1]{cursor:pointer;transition:box-shadow var(--cnf-transition-duration) var(--cnf-transition-curve)}.frame-container--hoverable[data-v-3c02e8e1]:hover{box-shadow:var(--cnf-shadow-900)}.frame-container--card-no-shadow[data-v-3c02e8e1]{cursor:pointer;padding:1rem;border-radius:var(--radius);box-shadow:none;background-color:var(--cnf-gray-100);width:45%}.frame-container--full-width[data-v-3c02e8e1]{width:100%}.frame-container--with-name[data-v-3c02e8e1]{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing-100) / 2)}.frame-container--full[data-v-3c02e8e1],.frame-container.frame-container--full .frame[data-v-3c02e8e1]{height:100%;width:100%}.frame[data-v-3c02e8e1]{position:relative;width:max-content;outline-color:var(--cnf-frame-color);outline-width:var(--cnf-frame-width);outline-style:solid;gap:1px;padding:var(--external-frame-size);background-color:var(--frame-color)}.frame[data-v-3c02e8e1] .frame{height:100%;border:none}.name[data-v-3c02e8e1]{text-align:center;font-family:monospace;text-transform:uppercase;letter-spacing:1.2px;font-weight:700}.lines-container[data-v-3c02e8e1]{position:absolute;inset:var(--external-frame-size);outline:solid 1px black;pointer-events:none}.lines-container[data-v-3c02e8e1]{z-index:10;--size: calc(var(--external-frame-size) * 1.3)}.lines-container__bottom-left[data-v-3c02e8e1],.lines-container__bottom-right[data-v-3c02e8e1],.lines-container__top-right[data-v-3c02e8e1],.lines-container__top-left[data-v-3c02e8e1]{width:0;height:var(--size);transform:rotate(-45deg);transform-origin:top left;display:flex;align-items:center;justify-content:center;position:absolute}.lines-container__bottom-left[data-v-3c02e8e1]:after,.lines-container__bottom-right[data-v-3c02e8e1]:after,.lines-container__top-right[data-v-3c02e8e1]:after,.lines-container__top-left[data-v-3c02e8e1]:after{width:var(--cnf-frame-width);height:100%;content:"";position:absolute;background:black}.lines-container__top-left[data-v-3c02e8e1]{top:calc(var(--external-frame-size) * -1);left:calc(var(--external-frame-size) * -1)}.lines-container__bottom-left[data-v-3c02e8e1]{bottom:calc(var(--external-frame-size) * -1);left:calc(var(--external-frame-size) * -1);transform-origin:left bottom;transform:rotate(45deg)}.lines-container__top-right[data-v-3c02e8e1]{top:calc(var(--external-frame-size) * -1);right:calc(var(--external-frame-size) * -1);transform-origin:right top;transform:rotate(45deg)}.lines-container__bottom-right[data-v-3c02e8e1]{bottom:calc(var(--external-frame-size) * -1);right:calc(var(--external-frame-size) * -1);transform-origin:right bottom}.frame-container[data-v-336006ae]{width:max-content;--height: var(--336006ae-height);--width: var(--336006ae-width);pointer-events:none}.frame-container--card[data-v-336006ae]{padding:1rem;border-radius:var(--radius);box-shadow:#0000001a 0 10px 15px -3px,#00000080 0 4px 6px -2px}.frame-container--card[data-v-336006ae],.frame-container--selectable-inner-elements[data-v-336006ae]{pointer-events:initial;cursor:pointer}.frame-container--selectable-inner-elements[data-v-336006ae]:after{pointer-events:none;position:absolute;inset:0;background:transparent;transition:background var(--cnf-transition-duration) var(--cnf-transition-curve);content:""}.frame-container--selectable-inner-elements[data-v-336006ae]:hover:after{background:rgba(0,0,0,.1)}.frame-container--full[data-v-336006ae]{height:100%;width:100%}.frame[data-v-336006ae]{outline-color:var(--cnf-frame-color);outline-width:var(--cnf-frame-width);outline-style:solid;background-color:var(--frame-color);position:relative;display:grid;place-content:center}.frame-container:not(.frame-container--full) .frame[data-v-336006ae]{height:calc(var(--height) * 1px);width:calc(var(--width) * 1px)}.frame-container.frame-container--full .frame[data-v-336006ae]{height:100%;width:100%}.name[data-v-336006ae]{text-align:center;font-family:monospace;text-transform:uppercase;letter-spacing:1.2px;font-weight:700}.band-container[data-v-336006ae]{position:absolute;inset:var(--internal-frame-size);pointer-events:none}.band-container .vertical-band[data-v-336006ae],.band-container .horizontal-band[data-v-336006ae]{position:absolute;background-color:var(--background-color);border:1px solid rgba(0,0,0,.7);transform-style:preserve-3d;z-index:1}.band-container .vertical-band[data-v-336006ae]{--width: 1.5rem;height:100%;width:var(--width);left:calc(var(--position-band) - var(--width) / 2)}.band-container .horizontal-band[data-v-336006ae]{--height: 1.5rem;width:100%;height:var(--height);bottom:calc(var(--position-band) - var(--height) / 2)}.measure-outside[data-v-336006ae]{position:absolute;z-index:2;padding:0 .25rem;font-size:1rem;background:white;pointer-events:auto;color:var(--cnf-green-400)}.measure-outside.measure-outside--x[data-v-336006ae]{top:36px;left:20%}.measure-outside.measure-outside--y[data-v-336006ae]{top:20%;left:5%;transform:rotate(90deg)}.measure-outside.measure-outside__y-rotated[data-v-336006ae]{transform:scaleX(-1) rotate(90deg)}.measure-outside.measure-outside__x-rotated[data-v-336006ae]{transform:scaleX(-1)}.measure__guideline[data-v-336006ae]{position:absolute;background:var(--cnf-green-400);z-index:2}.measure-outside__guideline--x[data-v-336006ae]{height:1px;left:calc(10% + .5rem);right:calc(16% + .5rem);top:calc(40px - .5rem)}.measure-outside__guideline--y[data-v-336006ae]{width:1px;top:40px;bottom:40px;left:calc(8% + .5rem)}.measure-outside-glass-cutter-h[data-v-336006ae]{position:absolute;z-index:2;left:46%;padding:0 .25rem;font-size:1rem;background:white;color:var(--cnf-green-100);pointer-events:auto;transform:rotate(90deg)}.measure-outside-glass-cutter-guideline-h[data-v-336006ae]{position:absolute;bottom:4%;left:50%;width:1px;background:var(--cnf-green-100);z-index:2}.measure-outside-glass-cutter-v[data-v-336006ae]{position:absolute;z-index:2;top:46%;padding:0 .25rem;font-size:1rem;background:white;color:var(--cnf-green-100);pointer-events:auto}.measure-outside-glass-cutter-guideline-v[data-v-336006ae]{position:absolute;left:6%;top:50%;height:1px;background:var(--cnf-green-100);z-index:2}.measure-outside-glass-cutter-v-rotated[data-v-336006ae]{transform:scaleX(-1)}.measure-outside-glass-cutter-h-rotated[data-v-336006ae]{transform:scaleX(-1) rotate(270deg)}.glass-container[data-v-44b9feef]{position:absolute;inset:var(--parent-inset, 4px);z-index:2}.glass-top[data-v-44b9feef],.glass-bottom[data-v-44b9feef]{background-color:var(--glass-color);flex:var(--glass-position);opacity:.3}.handle-container{position:relative;height:100%;width:100%;z-index:5;pointer-events:none}.handle{position:absolute;align-self:center;z-index:99;margin:0;height:2rem;width:var(--parent-inset);border-color:var(--cnf-frame-color);border-width:var(--cnf-frame-width);border-style:solid;background-color:var(--frame-color)}.handle--R{right:calc(var(--parent-inset) * -1 * 1.2)}.handle--L{left:calc(var(--parent-inset) * -1 * 1.2)}.handle--sw--R{right:calc(var(--parent-inset) * -1 * 1.2)}.handle--sw--L{left:calc(var(--parent-inset) * -1 * 1.2)}.measure-outside-handle{position:absolute;z-index:4;padding:0 .25rem;font-size:1rem;background:white;color:var(--cnf-blue-400);pointer-events:auto}.measure-outside-handle--R{right:2%;transform:rotate(-90deg)}.measure-outside-handle--R--rotated{transform:scaleX(-1) rotate(90deg)}.measure-outside-handle--L{left:2%;transform:rotate(90deg)}.measure-outside-handle--L--rotated{transform:scaleX(-1) rotate(90deg)}.measure-outside-handle--sw--R{right:2%;transform:scaleX(-1) rotate(90deg)}.measure-outside-handle--sw--L{left:2%;transform:scaleX(-1) rotate(90deg)}.measure-outside-handle-guideline{position:absolute;bottom:4%;width:1px;background:var(--cnf-blue-400);z-index:5}.measure-outside-handle-guideline--R{right:6%}.measure-outside-handle-guideline--L{left:6%}.measure-outside-handle-guideline--sw--R{right:6%}.measure-outside-handle-guideline--sw--L{left:6%}.opening-direction__background{position:absolute;inset:calc(var(--parent-inset, 2%) + var(--cnf-frame-width));background-color:#fff;z-index:1}.opening-direction{position:absolute;inset:calc(var(--parent-inset, 2%) + var(--cnf-frame-width));display:grid;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:1.4rem;z-index:2;--size: 1px;--offset: calc(100% - var(--size))}.opening-direction__side{position:relative}.opening-direction--L,.opening-direction--R{grid-template-rows:1fr 1fr}.opening-direction--up{grid-template-columns:1fr 1fr}.opening-direction__side:before{content:"";position:absolute;inset:0}.opening-direction--L .opening-direction__side:first-child:before,.opening-direction--R .opening-direction__side:first-child:before{clip-path:polygon(100% 0,100% var(--size),var(--size) 100%,0 100%,0 var(--offset),var(--offset) 0)}.opening-direction--L .opening-direction__side:last-child:before,.opening-direction--R .opening-direction__side:last-child:before{clip-path:polygon(0 0,var(--size) 0,100% var(--offset),100% 100%,var(--offset) 100%,0 var(--size))}.opening-direction--R{transform:rotateY(180deg)}.opening-direction--up .opening-direction__side:first-child:before{clip-path:polygon(0 100%,0 var(--offset),var(--offset) 0,100% 0,100% var(--size),var(--size) 100%)}.opening-direction--up .opening-direction__side:last-child:before{clip-path:polygon(0 0,var(--size) 0,100% var(--offset),100% 100%,var(--offset) 100%,0 var(--size))}.opening-direction--L .opening-direction__side:first-child:before,.opening-direction--R .opening-direction__side:first-child:before{background:repeating-linear-gradient(45deg,var(--cnf-gray-500),var(--cnf-gray-500) 4px,transparent 4px,transparent 8px)}.opening-direction--L .opening-direction__side:last-child:before,.opening-direction--R .opening-direction__side:last-child:before{background:repeating-linear-gradient(-45deg,var(--cnf-gray-500),var(--cnf-gray-500) 4px,transparent 4px,transparent 8px)}.opening-direction--up .opening-direction__side:first-child:before,.opening-direction--up .opening-direction__side:last-child:before{background:repeating-linear-gradient(0deg,transparent,transparent 4px,var(--cnf-gray-500) 4px,var(--cnf-gray-500) 8px)}.opening-direction--L .opening-direction__side--rotated:first-child:before,.opening-direction--R .opening-direction__side--rotated:first-child:before,.opening-direction--L .opening-direction__side--rotated:last-child:before,.opening-direction--R .opening-direction__side--rotated:last-child:before{background:var(--cnf-gray-500)}.opening-direction--up .opening-direction__side--rotated:first-child:before,.opening-direction--up .opening-direction__side--rotated:last-child:before{background:var(--cnf-gray-500)}.opening-direction--fixed{background-image:url('data:image/svg+xml;utf8,<?xml version="1.0" ?><svg style="enable-background:new 0 0 50 50;" version="1.1" viewBox="0 0 50 50" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Layer_1"><polygon points="26,1 24,1 24,24 1,24 1,26 24,26 24,49 26,49 26,26 49,26 49,24 26,24  "/></g><g/></svg>')}.opening-direction--sw--L{background-image:url('data:image/svg+xml;utf8,<?xml version="1.0" ?><svg height="512px" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polygon points="64.5,256.5 256.5,448.5 256.5,336.5 448.5,336.5 448.5,176.5 256.5,176.5 256.5,64.5 "/></svg>')}.opening-direction--sw--R{background-image:url('data:image/svg+xml;utf8,<?xml version="1.0" ?><svg height="512px" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polygon points="448.5,256.5 256.5,64.5 256.5,176.5 64.5,176.5 64.5,336.5 256.5,336.5 256.5,448.5 "/></svg>')}.internal-frame[data-v-2e0877e8]{position:absolute;height:100%;width:100%;padding:var(--internal-frame-size);--parent-inset: calc(var(--internal-frame-size) - 1px);background-color:var(--internal-frame-color)}.lines-container[data-v-2e0877e8]{position:absolute;inset:var(--internal-frame-size);outline:solid 1px black;pointer-events:none}.lines-container--selected[data-v-2e0877e8]{outline:solid 6px var(--selected-item-color)}.lines-container[data-v-2e0877e8]{z-index:10;--size: calc(var(--internal-frame-size) * 1.3)}.lines-container__bottom-left[data-v-2e0877e8],.lines-container__bottom-right[data-v-2e0877e8],.lines-container__top-right[data-v-2e0877e8],.lines-container__top-left[data-v-2e0877e8],.lines-container__sliding-left-top[data-v-2e0877e8],.lines-container__sliding-right-top[data-v-2e0877e8],.lines-container__sliding-left-bottom[data-v-2e0877e8],.lines-container__sliding-right-bottom[data-v-2e0877e8]{width:0;height:var(--size);transform:rotate(-45deg);transform-origin:top left;display:flex;align-items:center;justify-content:center;position:absolute}.lines-container__bottom-left[data-v-2e0877e8]:after,.lines-container__bottom-right[data-v-2e0877e8]:after,.lines-container__top-right[data-v-2e0877e8]:after,.lines-container__top-left[data-v-2e0877e8]:after,.lines-container__sliding-left-top[data-v-2e0877e8]:after,.lines-container__sliding-right-top[data-v-2e0877e8]:after,.lines-container__sliding-left-bottom[data-v-2e0877e8]:after,.lines-container__sliding-right-bottom[data-v-2e0877e8]:after{width:var(--cnf-frame-width);height:100%;content:"";position:absolute;background:black}.lines-container__top-left[data-v-2e0877e8]{top:calc(var(--internal-frame-size) * -1);left:calc(var(--internal-frame-size) * -1)}.lines-container__bottom-left[data-v-2e0877e8]{bottom:calc(var(--internal-frame-size) * -1);left:calc(var(--internal-frame-size) * -1);transform-origin:left bottom;transform:rotate(45deg)}.lines-container__top-right[data-v-2e0877e8]{top:calc(var(--internal-frame-size) * -1);right:calc(var(--internal-frame-size) * -1);transform-origin:right top;transform:rotate(45deg)}.lines-container__bottom-right[data-v-2e0877e8]{bottom:calc(var(--internal-frame-size) * -1);right:calc(var(--internal-frame-size) * -1);transform-origin:right bottom}.lines-container__sliding-right-top[data-v-2e0877e8]{top:calc(var(--internal-frame-size) * -1);right:calc(var(--cnf-frame-width) / 2 * -1);height:var(--internal-frame-size);transform:rotate(0)}.lines-container__sliding-left-top[data-v-2e0877e8]{top:calc(var(--internal-frame-size) * -1);left:calc(var(--cnf-frame-width) / 2 * -1);height:var(--internal-frame-size);transform:rotate(0)}.lines-container__sliding-right-bottom[data-v-2e0877e8]{bottom:calc(var(--internal-frame-size) * -1);right:calc(var(--cnf-frame-width) / 2 * -1);height:var(--internal-frame-size);transform:rotate(0)}.lines-container__sliding-left-bottom[data-v-2e0877e8]{bottom:calc(var(--internal-frame-size) * -1);left:calc(var(--cnf-frame-width) / 2 * -1);height:var(--internal-frame-size);transform:rotate(0)}.addInfo[data-v-144d14f2]{position:absolute;bottom:20%;left:45%;font-size:1rem}.outer-frame[data-v-c45d9734]{position:absolute;--size: var(--cnf-outer-frame-size);background:var(--background);z-index:50}.outer-frame--horizontal[data-v-c45d9734]{height:var(--size);left:0;width:100%}.outer-frame--horizontal-top[data-v-c45d9734]{top:0}.outer-frame--horizontal-bottom[data-v-c45d9734]{bottom:0}.outer-frame--horizontal .outer-frame-angle[data-v-c45d9734]:first-child{left:0}.outer-frame--horizontal .outer-frame-angle[data-v-c45d9734]:last-child{right:0}.outer-frame--vertical[data-v-c45d9734]{width:var(--size);top:0;height:100%}.outer-frame--vertical-left[data-v-c45d9734]{left:0}.outer-frame--vertical-right[data-v-c45d9734]{right:0}.outer-frame--vertical .outer-frame-angle[data-v-c45d9734]:first-child{top:0}.outer-frame--vertical .outer-frame-angle[data-v-c45d9734]:last-child{bottom:0}.outer-frame-angle[data-v-c45d9734]{position:absolute;height:var(--size);width:var(--size);display:flex;justify-content:center}.outer-frame-angle[data-v-c45d9734]:after{position:absolute;height:100%;width:1px;transform:rotate(var(--rotation, 45deg));transform-origin:center center;background:var(--cnf-gray-900);content:""}.exclusion-horizontal-border[data-v-c45d9734]{width:calc(100% + var(--size))}.exclusion-vertical-border[data-v-c45d9734]{height:calc(100% + var(--size))}.exclusion-horizontal-moved[data-v-c45d9734]{left:calc(var(--size) * -1)}.exclusion-vertical-moved[data-v-c45d9734]{top:calc(var(--size) * -1)}.content__wrap[data-v-c241262a],.layout-renderer__wrap[data-v-c241262a]{display:flex;height:100%;width:100%}.layout-renderer__wrap--left[data-v-c241262a] .layout__area-content{left:var(--cnf-inner-frame-size)}.layout-renderer__wrap--top[data-v-c241262a] .layout__area-content{top:var(--cnf-inner-frame-size)}.layout-renderer__wrap--right[data-v-c241262a] .layout__area-content{right:var(--cnf-inner-frame-size)}.layout-renderer__wrap--bottom[data-v-c241262a] .layout__area-content{bottom:var(--cnf-inner-frame-size)}.inner-frame[data-v-c241262a]{position:absolute;--size: var(--cnf-inner-frame-size);background:var(--background)}.inner-frame--horizontal[data-v-c241262a]{height:var(--size);width:100%}.inner-frame--horizontal-top[data-v-c241262a]{top:0}.inner-frame--horizontal-bottom[data-v-c241262a]{bottom:0}.inner-frame--vertical[data-v-c241262a]{width:var(--size);height:100%}.inner-frame--vertical-left[data-v-c241262a]{left:0}.inner-frame--vertical-right[data-v-c241262a]{right:0}.cnf-warning[data-v-8632d8a8]{z-index:2}.layout-warning-icon[data-v-8632d8a8]{position:absolute;top:-2rem;right:-2rem;width:2rem;height:2rem;cursor:pointer}.warning-icon[data-v-8632d8a8]{position:absolute;top:1.5rem;left:1.5rem;width:1.5rem;height:1.5rem;cursor:pointer}.warning-features[data-v-8632d8a8]{position:absolute;top:.4rem;right:-2rem;width:1.5rem;height:1.5rem;cursor:pointer}.input-measures-background[data-v-1f38fdf0]{position:fixed;background-color:transparent;z-index:49;top:0;left:0;bottom:0;right:0}.measures[data-v-1f38fdf0]{position:absolute;background:white;max-width:400px;margin:0 auto;z-index:50}.measures--animated[data-v-1f38fdf0]{animation:in-1f38fdf0 var(--cnf-transition-duration) var(--cnf-transition-curve) forwards}@keyframes in-1f38fdf0{0%{opacity:0;transform:translate(-10%)}to{transform:translate(0);z-index:50}}.measures--elevated[data-v-1f38fdf0]{padding:var(--spacing-100);box-shadow:var(--cnf-shadow-900);border-radius:var(--radius)}.measures__input[data-v-1f38fdf0]{border-radius:var(--radius);overflow:hidden}.measures__input input[data-v-1f38fdf0]{max-width:150px;text-align:right;font-family:var(--cnf-mono-400);height:auto!important}.measures__input span[data-v-1f38fdf0]{background:var(--cnf-gray-100);padding:calc(var(--spacing-100) / 2);font-size:.7rem;white-space:nowrap;flex:1}.layout-preview[data-v-00faeac4]{perspective:300px;max-height:30vw;flex-shrink:0;transition-duration:calc(var(--cnf-transition-duration) * 1.7);aspect-ratio:var(--aspect-ratio, 1/1)}.layout-preview--full[data-v-00faeac4]{max-height:100%}@keyframes in-00faeac4{0%{pointer-events:none}to{transform:translateZ(-40px) rotateY(1deg);pointer-events:initial}}.layout-preview--animated .layout[data-v-00faeac4]{animation:in-00faeac4 calc(var(--cnf-transition-duration) * 2) var(--cnf-transition-curve) both;animation-delay:var(--cnf-transition-duration)}.layout[data-v-00faeac4]{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);user-select:none;box-shadow:-20px 20px 10px #00000038}.layout__area[data-v-00faeac4]{grid-row:var(--grid-row);grid-column:var(--grid-col);align-items:center;justify-content:center;position:relative;background-color:var(--default-color)}.layout__area .measure[data-v-00faeac4]{background:var(--cnf-gray-900);border-radius:var(--radius);padding:calc(var(--spacing-100) / 2);color:var(--cnf-white);font-size:.8rem}.layout__area-content[data-v-00faeac4]{position:absolute;inset:0}.layout__area[data-v-00faeac4]:not(.layout-area--excluded){position:relative}.layout__area[data-v-00faeac4]:not(.layout-area--excluded):before{pointer-events:none;content:"";inset:2px;box-shadow:0 0 0 1px var(--cnf-gray-300);position:absolute}.layout__area:not(.layout-area--excluded).layout-area--span-top[data-v-00faeac4]:after,.layout__area:not(.layout-area--excluded).layout-area--span-top .layout__area-content[data-v-00faeac4],.layout__area:not(.layout-area--excluded).layout-area--span-top[data-v-00faeac4]:before{top:calc(var(--cnf-outer-frame-size) + 3px)}.layout__area:not(.layout-area--excluded).layout-area--span-bottom .layout__area-content[data-v-00faeac4],.layout__area:not(.layout-area--excluded).layout-area--span-bottom[data-v-00faeac4]:after,.layout__area:not(.layout-area--excluded).layout-area--span-bottom[data-v-00faeac4]:before{bottom:calc(var(--cnf-outer-frame-size) + 3px)}.layout__area:not(.layout-area--excluded).layout-area--span-left .layout__area-content[data-v-00faeac4],.layout__area:not(.layout-area--excluded).layout-area--span-left[data-v-00faeac4]:after,.layout__area:not(.layout-area--excluded).layout-area--span-left[data-v-00faeac4]:before{left:calc(var(--cnf-outer-frame-size) + 3px)}.layout__area:not(.layout-area--excluded).layout-area--span-right .layout__area-content[data-v-00faeac4],.layout__area:not(.layout-area--excluded).layout-area--span-right[data-v-00faeac4]:after,.layout__area:not(.layout-area--excluded).layout-area--span-right[data-v-00faeac4]:before{right:calc(var(--cnf-outer-frame-size) + 3px)}.layout__area[data-v-00faeac4]:not(.layout-area--excluded):before{content:"";inset:4px calc(100% - 4px) 4px 4px;box-shadow:none;background:var(--cnf-gray-100);opacity:0}.layout-area--clickable[data-v-00faeac4]:not(.layout-area--excluded){cursor:pointer;transition:all var(--duration) var(--cnf-transition-curve);overflow:hidden}.layout-area--clickable[data-v-00faeac4]:not(.layout-area--excluded):focus:before,.layout-area--clickable[data-v-00faeac4]:not(.layout-area--excluded):hover:before{transition:all var(--duration) var(--cnf-transition-curve);inset:4px;opacity:1}.layout-area--excluded[data-v-00faeac4]{pointer-events:none}.measure-outside[data-v-00faeac4]{position:absolute;z-index:1;padding:0 .25rem;font-size:1rem;background:white;color:var(--cnf-gray-900)}.measure-outside.measure-outside--x[data-v-00faeac4]{bottom:34px;cursor:pointer;z-index:12}.measure-outside.measure-outside--y[data-v-00faeac4]{right:10%;transform:rotate(90deg);cursor:pointer;z-index:12}.measure-outside.measure-outside__y-rotated[data-v-00faeac4]{transform:scaleX(-1) rotate(90deg)}.measure-outside.measure-outside__x-rotated[data-v-00faeac4]{transform:scaleX(-1)}.measure__guideline[data-v-00faeac4]{position:absolute;background:#263238;z-index:2}.measure-outside__guideline--x[data-v-00faeac4]{height:1px;left:calc(10% + .5rem);right:calc(10% + .5rem);bottom:calc(40px - .5rem)}.measure-outside__guideline--y[data-v-00faeac4]{width:1px;top:30px;bottom:40px;right:calc(10% + .5rem)}.rotate-button[data-v-00faeac4]{position:absolute;top:0;left:0;height:3.5rem;width:3.5rem;border-radius:50%;background-color:#fff;border:transparent;cursor:pointer}.rotate-icon[data-v-00faeac4]{height:2rem;width:2rem;fill:var(--cnf-green-400);transform:scale(.5);transition-duration:var(--cnf-transition-duration)}.rotate-button:hover .rotate-icon[data-v-00faeac4]{transform:scale(.5) rotate(180deg)}.layout-preview-rotated[data-v-00faeac4]{transform:rotate3d(0,2,0,3.142rad);perspective:100px}.total-measure-outside--x[data-v-00faeac4],.total-measure-outside--y[data-v-00faeac4]{color:var(--cnf-gray-900)}.total-measure-outside--x[data-v-00faeac4]{position:absolute;font-size:1rem;background:white;top:-36px;left:40%;cursor:pointer}.total-measure-outside--y[data-v-00faeac4]{position:absolute;font-size:1rem;background:white;right:-50px;top:40%;transform:rotate(90deg);cursor:pointer}.total-measure-outside__guideline--x[data-v-00faeac4]{position:absolute;background:#263238;height:1px;left:0;right:0;top:-10px}.total-measure-outside__guideline--y[data-v-00faeac4]{position:absolute;background:#263238;width:1px;top:0;bottom:0;right:-10px}.total-measure-outside__guideline--y--rotated[data-v-00faeac4]{transform:scaleX(-1) rotate(-90deg)}.total-measure-outside__guideline--x--rotated[data-v-00faeac4]{transform:scaleX(-1)}.view-type[data-v-00faeac4]{margin-bottom:calc(var(--spacing-100) / 2)}.not-clickable[data-v-00faeac4]{pointer-events:none}.element-numb[data-v-00faeac4]{position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;width:fit-content;z-index:1}.addInfo[data-v-76752f22]{position:absolute;height:100%;width:100%;padding:.5rem;display:flex;justify-content:center;align-items:flex-end;font-size:.8rem}.item-picker__container[data-v-69816928]{align-items:center;background:white;padding:var(--spacing-100)}.features-list-wrap[data-v-3371652a]{align-items:start;background:var(--cnf-white);padding-left:calc(var(--spacing-100) / 4)}.features-item[data-v-3371652a]{position:relative;border-radius:3rem}.features-item__chip[data-v-3371652a]{text-transform:uppercase;font-size:1rem;justify-content:space-between;padding-left:calc(var(--spacing-100) / 2);background:var(--cnf-green-400);border-radius:inherit;color:var(--cnf-white);cursor:pointer;user-select:none;outline:solid 1px var(--cnf-green-400);transition:box-shadow var(--cnf-transition-duration) var(--cnf-transition-curve);width:min-content}.features-item__chip[data-v-3371652a]:hover{box-shadow:0 0 0 5px var(--cnf-green-100)}.features-item__chip--disabled[data-v-3371652a]{background-color:var(--cnf-gray-500);outline:solid 1px var(--cnf-gray-700)}.features-item__chip--disabled[data-v-3371652a]:hover{box-shadow:none}.features-item__value[data-v-3371652a],.features-item__title[data-v-3371652a]{font-size:.8rem}.features-item__value[data-v-3371652a]{background:var(--cnf-white);color:var(--cnf-green-400);border-radius:inherit;padding:calc(var(--spacing-100) / 4);white-space:nowrap}.features-item__value--disabled[data-v-3371652a]{color:var(--cnf-gray-500)}.features-item__title[data-v-3371652a]{white-space:nowrap}.features-item__options[data-v-3371652a]{list-style:none;flex-wrap:wrap;width:max-content;max-width:40vw;display:grid;grid-template-columns:1fr 1fr}.features-item--expanded .features-item__options[data-v-3371652a],.features-item--expanded .features-item__custom-option[data-v-3371652a]{padding:var(--spacing-100);background:var(--cnf-white);box-shadow:var(--cnf-shadow-900)}.features-item__custom-option[data-v-3371652a]{padding:calc(var(--spacing-100) / 4)}.features-item__custom-option[data-v-3371652a],.features-item__options[data-v-3371652a],.features-item__option[data-v-3371652a]{animation:animate-in-3371652a calc(var(--cnf-transition-duration) / 2) var(--cnf-transition-curve) both}.features-item__option[data-v-3371652a]{font-size:.9rem;text-transform:uppercase;background:var(--cnf-green-400);color:var(--cnf-white);cursor:pointer;padding:calc(var(--spacing-100) / 4);z-index:10;animation-delay:calc((var(--index) + .001) * .15s);border-radius:3rem}.features-item__option--picked[data-v-3371652a]{box-shadow:0 0 0 5px var(--cnf-green-100)}@keyframes animate-in-3371652a{0%{transform:translateY(-20%);opacity:0}}.position-input[data-v-3371652a]{font-size:1rem;display:flex}.position-input input[data-v-3371652a]{border-top-left-radius:3rem;border-bottom-left-radius:3rem;max-width:150px;text-align:right;font-family:var(--cnf-mono-400)}.position-input span[data-v-3371652a]{border-top-right-radius:3rem;border-bottom-right-radius:3rem;font-size:.7rem;background:var(--cnf-gray-100);padding:calc(var(--spacing-100) / 2.7)}.features-item-remove[data-v-3371652a]{position:relative;width:12px;border:none;background:transparent;display:flex;align-items:center;padding:0;cursor:pointer}.features-item-remove[data-v-3371652a]:before,.features-item-remove[data-v-3371652a]:after{position:absolute;background:var(--cnf-gray-700);height:2px;content:"";width:100%}.features-item-remove[data-v-3371652a]:before{transform:rotate(45deg)}.features-item-remove[data-v-3371652a]:after{transform:rotate(-45deg)}.without-option[data-v-3371652a]{visibility:hidden}.features-list-wrap__title[data-v-f4bd4d28]{position:sticky;top:14.5vh;z-index:2;background:var(--cnf-white);padding:.5rem 0;--color-heading: var(--cnf-gray-900)}h3[data-v-e00963e2]{text-align:center;text-transform:uppercase;margin-bottom:var(--spacing-100)}.configurator-overview[data-v-e00963e2]{max-width:60vw;margin:0 auto;padding:var(--spacing-200) var(--spacing-300);border:solid 1px var(--cnf-green-400);margin-bottom:var(--spacing-300)}.configurator-overview__item[data-v-e00963e2]{margin-bottom:var(--spacing-100)}.configurator-overview__item-preview[data-v-e00963e2]{height:200px;width:200px}.configurator-overview .price[data-v-e00963e2]{font-size:2rem}.configurator-overview .label[data-v-e00963e2]{color:var(--cnf-gray-700)}.configurator-overview .value[data-v-e00963e2]{border-radius:4rem;background:var(--cnf-gray-100);padding:.25rem .5rem;font-size:.8rem;text-transform:uppercase}.configurator-overview button[data-v-e00963e2]{margin:0 auto;display:block}.filter-container[data-v-0737d3f2]{margin-bottom:1rem}.search-input[data-v-0737d3f2]{flex:2;border-radius:var(--radius)}input#advancedMode[data-v-0737d3f2]{height:auto!important;width:auto!important;accent-color:var(--cnf-green-400)}label[data-v-0737d3f2]{user-select:none}.filter-select[data-v-0737d3f2]{text-align:center;flex:1;margin-left:1rem;border-radius:var(--radius);border:solid 1px var(--cnf-gray-100)}.features-list-wrap[data-v-0737d3f2]{align-items:start;background:var(--cnf-white);padding-left:calc(var(--spacing-100) / 2)}.features-item[data-v-0737d3f2]{position:relative;border-radius:3rem}.features-item__chip[data-v-0737d3f2]{text-transform:uppercase;font-size:1rem;justify-content:space-between;padding-left:calc(var(--spacing-100) / 2);background:var(--cnf-green-400);border-radius:inherit;color:var(--cnf-white);cursor:pointer;user-select:none;outline:solid 1px var(--cnf-green-400);transition:box-shadow var(--cnf-transition-duration) var(--cnf-transition-curve);width:min-content}.features-item__chip[data-v-0737d3f2]:hover{box-shadow:0 0 0 5px var(--cnf-green-100)}.features-item__chip--disabled[data-v-0737d3f2]{background-color:var(--cnf-gray-500);outline:solid 1px var(--cnf-gray-700)}.features-item__chip--disabled[data-v-0737d3f2]:hover{box-shadow:none}.features-item__value[data-v-0737d3f2],.features-item__title[data-v-0737d3f2]{font-size:.7rem}.features-item__value[data-v-0737d3f2]{background:var(--cnf-white);color:var(--cnf-green-400);border-radius:inherit;padding:calc(var(--spacing-100) / 4);white-space:nowrap}.features-item__value--disabled[data-v-0737d3f2]{color:var(--cnf-gray-500)}.features-item__title[data-v-0737d3f2]{white-space:nowrap}.features-item__options[data-v-0737d3f2]{list-style:none;flex-wrap:wrap;display:grid;grid-template-columns:1fr;max-width:40vw;max-height:300px;overflow:scroll;overflow-x:hidden}.features-item--expanded .features-item__options[data-v-0737d3f2],.features-item--expanded .features-item__custom-option[data-v-0737d3f2]{padding:var(--spacing-100);background:var(--cnf-white);box-shadow:var(--cnf-shadow-900)}.features-item__custom-option[data-v-0737d3f2]{padding:calc(var(--spacing-100) / 4)}.features-item__option[data-v-0737d3f2]{font-size:.9rem;text-transform:uppercase;padding:calc(var(--spacing-100) / 4);z-index:10;animation-delay:calc((var(--index) + .001) * .15s);display:flex;align-items:center;gap:1rem;border-radius:3rem;cursor:pointer}.features-item__option[data-v-0737d3f2]:hover{outline:1px solid var(--cnf-green-400)}.features-item__color-indicator[data-v-0737d3f2]{background-color:var(--color);height:.9rem;width:.9rem;border-radius:50%}.is-picked-icon[data-v-0737d3f2]{height:24px;width:24px;fill:var(--cnf-green-400)}.advanced-mode-container[data-v-0737d3f2]{margin:1rem}.helper[data-v-24c01c22]{cursor:pointer;line-height:1rem}.helper-icon[data-v-24c01c22]{fill:var(--cnf-green-400);height:30px;width:30px}.configurator-wizard-tabs[data-v-34d3ee8a]{display:grid;grid-template-columns:repeat(6,1fr);max-width:100%;gap:.5rem;position:sticky;top:0;z-index:10;background:white}.configurator-wizard-tabs__current[data-v-34d3ee8a]{grid-column:1/-1;font-size:.9rem;font-style:italic;font-weight:700;text-align:center;color:var(--cnf-gray-500);margin-top:1rem}.configurator-wizard-content[data-v-34d3ee8a]{margin-top:4rem;position:relative;z-index:9}.configurator-wizard-content--preview[data-v-34d3ee8a]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-200)}.configurator-wizard-content-preview[data-v-34d3ee8a]{min-height:60vh;flex:1}.configurator-wizard-content-preview-layout[data-v-34d3ee8a]{height:60vh;position:sticky;top:19vh;width:100%}.measures--main[data-v-34d3ee8a]{margin-right:auto}.measures--area[data-v-34d3ee8a]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-200)}.items[data-v-34d3ee8a]{max-width:40vw}.features-header[data-v-34d3ee8a],.items-header[data-v-34d3ee8a]{position:sticky;top:9rem;padding:var(--spacing-100) calc(var(--spacing-100) / 2) calc(var(--spacing-100) / 2);background:var(--cnf-white);z-index:11}.features-header__item[data-v-34d3ee8a],.items-header__item[data-v-34d3ee8a]{color:var(--cnf-white);background:var(--cnf-blue-400);border-radius:var(--radius);font-size:1rem;padding:calc(var(--spacing-100) / 4);opacity:.7;transition-property:opacity,transform,box-shadow;transition-duration:var(--cnf-transition-duration);transition-timing-function:var(--cnf-transition-curve);cursor:pointer;--selected-item-color: var(--cnf-green-400)}.features-header__item[data-v-34d3ee8a]:hover,.features-header__item--selected[data-v-34d3ee8a],.items-header__item[data-v-34d3ee8a]:hover,.items-header__item--selected[data-v-34d3ee8a]{opacity:1;transform:translateY(calc(var(--spacing-100) / 4 * -1));box-shadow:var(--cnf-shadow-900)}.features-header__item p[data-v-34d3ee8a],.items-header__item p[data-v-34d3ee8a]{color:#fff}.features-header-preview[data-v-34d3ee8a]{position:relative;background:var(--cnf-white);height:100px;width:100px}.features-header-preview--WI[data-v-34d3ee8a],.features-header-preview--DO[data-v-34d3ee8a]{aspect-ratio:1/1.2;height:unset}.features-header-preview--SL[data-v-34d3ee8a]{aspect-ratio:1.2/1;width:unset}.price[data-v-34d3ee8a]{background-color:var(--cnf-gray-100);display:block;width:fit-content;font-size:2rem;white-space:nowrap;color:var(--cnf-gray-700);padding:calc(var(--spacing-100) / 2) var(--spacing-100)}.price--animated[data-v-34d3ee8a]{animation:bounce var(--cnf-transition-duration) var(--cnf-transition-curve)}.v-enter-active[data-v-34d3ee8a],.v-leave-active[data-v-34d3ee8a]{transition:all var(--cnf-transition-duration) var(--cnf-transition-curve)}.v-leave-to[data-v-34d3ee8a]{position:absolute}.v-enter-from[data-v-34d3ee8a],.v-leave-to[data-v-34d3ee8a]{opacity:0;transform:translate(-10%)}.current-position[data-v-34d3ee8a]{text-transform:uppercase;font-size:1.5rem;color:var(--cnf-gray-900);margin-bottom:0;margin-right:1rem}#configurator-preview[data-v-34d3ee8a]{position:fixed;pointer-events:none;opacity:0;height:60vh;width:100vw;top:0;padding:5vh}#configurator-preview[data-v-34d3ee8a] *{animation:none;box-shadow:none}.warning-measure[data-v-34d3ee8a]{height:fit-content;position:sticky;top:9rem;padding-top:var(--spacing-100)}.warning-measure--content[data-v-34d3ee8a]{padding:var(--spacing-100);background-color:#c6cc0033}.back-button[data-v-34d3ee8a]{margin-bottom:var(--spacing-100)}.end-button[data-v-34d3ee8a]{animation:bounce var(--cnf-transition-duration) var(--cnf-transition-curve);position:fixed;bottom:var(--spacing-100);right:calc(var(--spacing-100) + var(--side-menu-width) * 1.2);z-index:12}.error-banner[data-v-775a19c6]{background-color:#ff5722;width:80vw;height:fit-content;max-width:450px;display:flex;position:absolute;bottom:30px;left:0;right:0;z-index:999;margin:20px auto;padding:30px 20px;border-radius:var(--radius);box-shadow:var(--cnf-shadow-900)}.content[data-v-775a19c6]{display:flex;flex:1;font-size:1.2rem;word-break:break-word;color:var(--cnf-white);text-transform:uppercase}.button--icon[data-v-775a19c6]{cursor:pointer;align-self:center}.modal-mask[data-v-177f8d4b]{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:table;transition:opacity .3s ease;transform-origin:0 0}.modal-wrapper[data-v-177f8d4b]{display:table-cell;vertical-align:middle}.modal-backdrop[data-v-177f8d4b]{position:absolute;width:100%;height:100%;z-index:0;background-color:transparent}.modal-container[data-v-177f8d4b]{position:relative;width:max-content;margin:0 auto;padding:20px 30px;background-color:#fff;border-radius:2px;box-shadow:var(--cnf-shadow-900);transition:all .3s ease}.modal-title[data-v-177f8d4b]{font-size:1.5rem;box-sizing:border-box;color:var(--cnf-green-400);font-family:monospace;font-weight:700}.modal-body[data-v-177f8d4b]{margin:20px 0;display:flex;flex-direction:column}.modal-body--content[data-v-177f8d4b]{color:var(--cnf-black-600);line-height:1.2rem;margin:0;font-weight:400;box-sizing:normal}.modal-enter-from[data-v-177f8d4b],.modal-leave-to[data-v-177f8d4b]{opacity:0}.modal-enter-from .modal-container[data-v-177f8d4b],.modal-leave-to .modal-container[data-v-177f8d4b]{-webkit-transform:scale(1.1);transform:scale(1.1)}.close-button[data-v-177f8d4b]{position:absolute;top:0;right:0;margin:.5rem;cursor:pointer}#schueco-product-configurator,:root,#schueco-product-configurator *:after,#schueco-product-configurator *:before{--cnf-white: #ffffff;--cnf-gray-900: #445c67;--cnf-gray-700: #778d98;--cnf-gray-500: #a2b3bc;--cnf-gray-300: #cfd9df;--cnf-gray-100: #eaeff2;--cnf-black-900: #181818;--cnf-black-600: #222222;--cnf-black-400: #282828;--cnf-red-900: #bc0000;--cnf-red-600: #e94c0a;--cnf-red-400: #f18700;--cnf-blue-900: #005681;--cnf-blue-600: #06809f;--cnf-blue-400: #00a2d1;--cnf-blue-100: #84cee4;--cnf-green-900: #005f1e;--cnf-green-600: #5f9621;--cnf-green-400: #78b928;--cnf-green-100: #c6cc00;--color-light-1: var(--cnf-gray-900);--color-light-2: var(--cnf-gray-700);--color-background: var(--cnf-white-400);--color-heading: var(--cnf-green-400);--color-text: var(--cnf-black-600);--section-gap: 2rem;--spacing-100: 2rem;--spacing-200: 3rem;--spacing-300: 4rem;--spacing-600: 5rem;--radius: 5px;--duration: .4s;--cnf-font-100: "Univers Light", sans-serif;--cnf-font-400: "Univers", sans-serif;--cnf-font-800: "Univers Bold", sans-serif;--cnf-mono-400: monospace;--cnf-frame-width: 1px;--cnf-outer-frame-size: .7rem;--cnf-inner-frame-size: calc(var(--cnf-outer-frame-size) / 2);--cnf-frame-color: var(--cnf-black-400);--cnf-transition-duration: .3s;--cnf-transition-curve: cubic-bezier(.39, .575, .565, 1);--cnf-shadow-300: rgba(0, 0, 0, .05) 0 4px 6px -2px;--cnf-shadow-600: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0px 4px 6px -2px;--cnf-shadow-900: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);--side-menu-width: 50px;--main-navigation-height: 60px;--selected-item-color: var(--cnf-blue-400)}#schueco-product-configurator{margin:1rem 3rem;color:var(--color-text);background:var(--color-background);transition:color var(--duration),background-color var(--duration);line-height:1.6;font-family:var(--cnf-font-400);font-size:18px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:var(--configurator-height)}#schueco-product-configurator *:before,#schueco-product-configurator *:after{box-sizing:border-box;margin:0}#schueco-product-configurator h1,#schueco-product-configurator h2,#schueco-product-configurator h3{font-family:var(--cnf-font-800);color:var(--color-heading)}#schueco-product-configurator ul:not([class]){list-style:none;padding:0}#schueco-product-configurator div:not([class]),#schueco-product-configurator input:not([class]),#schueco-product-configurator button:not([class]),#schueco-product-configurator p:not([class]){font-family:inherit!important;font-size:inherit}#schueco-product-configurator span:not(.k-icon):not([class]),#schueco-product-configurator span.monospace:not(.k-icon):not(.features-item__value),#schueco-product-configurator span.features-item__title{color:inherit}#schueco-product-configurator .monospace{font-family:var(--cnf-mono-400)!important}#schueco-product-configurator img{max-width:100%;display:inline-block}#schueco-product-configurator .button{transition:background-color var(--duration),border-color var(--duration);color:var(--cnf-white);--background-color: var(--cnf-green-400);--border-color: var(--cnf-green-400);background-color:var(--background-color);border:solid 1px var(--border-color);border-radius:var(--radius);font-family:var(--cnf-font-100);letter-spacing:1.3px;padding:calc(var(--spacing-100) / 2) var(--spacing-100);cursor:pointer;font-size:1rem}#schueco-product-configurator .button[disabled]{opacity:.5;filter:grayscale(75%);cursor:no-drop}#schueco-product-configurator .button:not([disabled]):hover{--background-color: var(--cnf-green-600);--border-color: var(--cnf-green-600)}#schueco-product-configurator .button--info{--background-color: var(--cnf-blue-600);--border-color: var(--cnf-blue-600)}#schueco-product-configurator .button--info:not([disabled]):hover{--background-color: var(--cnf-blue-900);--border-color: var(--cnf-blue-900)}#schueco-product-configurator .button--link{background:transparent;border-color:transparent;color:var(--background-color)}#schueco-product-configurator .button--link:not([disabled]):hover{background:transparent;border-color:var(--border-color);color:var(--background-color)}#schueco-product-configurator .button--outline{background:transparent;border-color:var(--border-color);color:var(--background-color)}#schueco-product-configurator .button--outline:not([disabled]):hover{background:var(--background-color);color:#fff}#schueco-product-configurator .button--danger{--background-color: var(--cnf-red-400);--border-color: var(--cnf-red-600)}#schueco-product-configurator .button--danger:not([disabled]):hover{--background-color: var(--cnf-red-600);--border-color: var(--cnf-red-900)}#schueco-product-configurator .button--small{padding:.5rem}#schueco-product-configurator .button--elevated{box-shadow:var(--cnf-shadow-900)}#schueco-product-configurator .button--elevated[disabled]{box-shadow:none}#schueco-product-configurator .button--spaced,#schueco-product-configurator .button--next{position:fixed;bottom:calc(var(--spacing-100));right:calc(var(--spacing-100) + var(--side-menu-width) * 1.2);z-index:1}#schueco-product-configurator .button--spaced{bottom:calc(var(--spacing-200) + var(--side-menu-width) * 1.2)}#schueco-product-configurator .button-group{display:flex;align-items:center}#schueco-product-configurator .button-group .button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}#schueco-product-configurator .button-group .button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}#schueco-product-configurator .cnf-input{padding:calc(var(--spacing-100) / 4) calc(var(--spacing-100) / 2);border:solid 1px var(--cnf-gray-100);color:var(--cnf-black-400)}#schueco-product-configurator .cnf-input:focus{border:solid 1px var(--cnf-green-400);outline:none}#schueco-product-configurator .cnf-input--xl{padding:calc(var(--spacing-100) / 2) calc(var(--spacing-100));font-size:1rem}#schueco-product-configurator .configurator-step-preview{display:flex;align-items:center;border:solid 1px var(--cnf-gray-100);padding:1rem var(--spacing-200);gap:1rem;cursor:pointer;transition:box-shadow var(--cnf-transition-duration) var(--cnf-transition-curve)}#schueco-product-configurator .configurator-step-preview__title{--color-heading: var(--cnf-black-400);text-transform:uppercase;height:3rem;padding:0 .5rem;line-height:3rem;font-size:1rem}#schueco-product-configurator .configurator-step-preview:hover{box-shadow:var(--cnf-shadow-900);border-color:transparent}#schueco-product-configurator .legend{height:var(--spacing-100);aspect-ratio:1/1;background:var(--group-color);display:inline-block}#schueco-product-configurator .flex{display:flex}#schueco-product-configurator .flex--wrap{flex-wrap:wrap}#schueco-product-configurator .flex--column{flex-direction:column}#schueco-product-configurator .flex--gap-half{gap:.5rem}#schueco-product-configurator .flex--gap-1{gap:1rem}#schueco-product-configurator .flex--gap-300{gap:var(--spacing-300)}#schueco-product-configurator .flex--gap-200{gap:var(--spacing-200)}#schueco-product-configurator .flex--gap-100{gap:var(--spacing-100)}#schueco-product-configurator .align--center{align-items:center}#schueco-product-configurator .justify--center{justify-content:center}#schueco-product-configurator .justify--start{justify-content:start}#schueco-product-configurator .justify--end{justify-content:end}@keyframes bounce{0%,to{transform:scale(1)}25%{transform:scale(.9,1.1)}50%{transform:scale(1.1,.9)}75%{transform:scale(.95,1.05)}}