.main-grid-layout{display:grid;grid-template-columns:5fr 2fr}header.main-grid-layout,footer.main-grid-layout{height:10vh;min-height:48px;grid-column:1/-1;overflow:hidden}header .retailer-logo{margin:auto 6vw;display:flex;align-items:center}header .retailer-logo img{height:6.5vh;width:auto;object-fit:contain;display:block}.header-information{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-right:6vw}header.box-shadow{box-shadow:0 1px 10px #0000001a}.header-chip{margin-right:2rem;padding:.25rem 1rem;border:1px solid #424242;border-radius:5px;font-size:.9rem;white-space:nowrap;color:#424242}.header-chip.inverted{background-color:#424242;color:#fff;font-weight:700;margin-right:0}footer{box-shadow:0 -4px 8px #21192454}footer.box-shadow{box-shadow:0 -2px 10px #0003}footer .left-side{margin:auto 6vw}footer .right-side{display:flex;align-items:center;justify-content:flex-end;gap:3rem;margin-right:6vw}.presentation-view{min-height:100vh}.presentation-view>.left-side{padding:6.5vh 19vw}.presentation-view>.left-side img.retailer-logo,.presentation-view>.left-side>img{max-height:5rem;max-width:12rem;width:auto;height:auto;object-fit:contain;display:block}.presentation-view>.right-side{background-size:cover;background-repeat:no-repeat}.presentation-view>.right-side.start{background-image:url("./static/start-TOCKTQUJ.webp")}.presentation-view>.right-side.goodbye{background-image:url("./static/danke-WY3FC7FW.webp")}.presentation-content{margin-top:6rem}.footer-note{margin-top:5rem}.configuration-view{min-height:80vh;display:flex;width:100vw}.left-side{flex-grow:1}.right-side{flex-grow:.3}.enter-animation{animation:enter-slide-fade .3s ease}.exit-animation{animation:exit-slide-fade .3s ease}@keyframes enter-slide-fade{0%{width:0;opacity:0;transform:translate(100%)}to{width:"*";opacity:1;transform:translate(0)}}@keyframes exit-slide-fade{0%{width:"*";opacity:1;transform:translate(0)}to{width:0;opacity:0;transform:translate(100%)}}.configuration-detail-view{margin:0 6vw;display:grid;grid-template-rows:6vh 6vh minmax(55vh,auto);gap:1rem;height:75vh}.section-search input{width:40%;min-width:450px;height:3rem;padding:0 1rem;border:1px solid #424242;border-radius:.25rem;font-size:1rem}.section-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));grid-template-rows:repeat(auto-fill,minmax(240px,1fr));gap:.5rem;overflow-y:auto}.config-item-card{background:none;display:flex;flex-direction:column;align-items:center;height:239px;width:215px;padding:0;border-radius:3px;cursor:pointer;border:none}.config-item-card:hover{border:1px solid rgba(33,25,36,.33);box-shadow:4px 4px 8px #21192454}.config-item-card.active{border:1px solid rgba(33,25,36,.33);box-shadow:4px 4px 8px #21192454;transition:all .3s ease-in-out}.config-item-card.unselected{opacity:.5}.config-item-img{width:100%;height:100%;overflow:hidden;border-radius:3px 3px 0 0;background-color:#0000000a}.config-item-img img{width:100%;height:100%;max-height:200px;object-fit:cover;margin-bottom:1rem}.config-item-name{background:linear-gradient(to bottom,#00000005,#0000000d);width:100%;height:33%;border-radius:0 0 3px 3px;display:flex;align-items:center;justify-content:center;padding:.5rem 1rem}.config-item-name span{font-size:.9rem;line-height:normal;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.modal-backdrop{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-backdrop .modal{display:inline-block;background:#fff;border-radius:4px;box-shadow:0 12px 40px #0000002e;padding:35px 35px 25px;width:856px;max-width:none}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.modal-title{display:inline-flex;align-items:center;gap:10px}.modal-title p{margin:0;font-size:.95rem;color:#3d3d3d}.info-icon{width:18px;height:18px}.icon-btn{border:0;background:transparent;padding:6px;cursor:pointer;width:30px;height:30px}.icon-btn img{display:block}.modal-content{display:flex;flex-wrap:wrap;gap:18px;width:786px}.template-card{width:183px;height:204px;background:none;display:flex;flex-direction:column;padding:0;cursor:pointer;border:none;border-radius:3px;overflow:hidden}.template-card:hover{border:1px solid rgba(33,25,36,.33);box-shadow:4px 4px 8px #21192454}.template-card.active{border:1px solid rgba(33,25,36,.33);box-shadow:4px 4px 8px #21192454;transition:all .3s ease-in-out}.template-card.unselected{opacity:.5}.template-img{width:100%;height:137px;overflow:hidden;border-radius:3px 3px 0 0}.template-img img{width:100%;height:100%;object-fit:cover;display:block}.template-label{width:100%;height:67px;background:linear-gradient(to bottom,#00000005,#0000000d);display:flex;align-items:center;justify-content:center;text-align:center;font-size:.9rem;line-height:normal;border-radius:0 0 3px 3px;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card.is-custom{background:#efefef;border-color:#4242421f}.template-card.is-custom .custom-inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:12px;text-align:center}.template-card.is-custom .rocket-icon{width:54px;height:54px}.template-card.is-custom .custom-text{font-weight:700;font-size:16px;line-height:1.1;margin:0}.modal-footer{display:flex;justify-content:flex-end;margin-top:25px}button,a{cursor:pointer}a{color:#65b32e;font-family:Regular,sans-serif;text-decoration:dotted underline}.start-button,.navigation-button{background-color:#65b32e;color:#fff;font-family:Bold,sans-serif;margin:1rem 0;border-radius:4px;border:none}.navigation-button,.navigation-back-button{padding:.75rem 1.5rem}.navigation-back-button{margin:1rem 0;font-family:Bold,sans-serif;border:1px solid #424242;border-radius:4px;background-color:#fff}.navigation-button:disabled{background-color:#65b32e80}.navigation-button:not([disabled]){background-color:#65b32e}.navigation-button:hover:not([disabled]){background-color:#65b32e}.start-button{padding:1.5rem 3.5rem}.code-input{margin:1rem 0;padding:1.5rem .5rem 1.5rem 3.5rem;border:1px solid #424242;border-radius:4px;width:11.5rem}.retailer-logo{cursor:pointer}.configuration-menu{display:flex;flex-direction:column;align-items:center;margin-left:10px;height:100%;padding:5rem 0;gap:1.5rem}.config-menu-card{display:flex;flex-direction:row;align-items:center;margin-inline-start:max(10%,10px);margin-inline-end:15%;width:375px}.config-menu-card button{all:unset;display:flex;position:relative;flex-direction:row;align-items:center;padding:.5rem 2rem;box-shadow:0 1px 8px #21192454;background-color:#e5e2e25f;border-radius:8px;font-family:Bold,sans-serif;color:#72717141;width:100%;gap:1rem;white-space:nowrap;cursor:pointer}.config-menu-card button:not(.navigatable):not(.active)>img{filter:opacity(.3)}.config-menu-card img{filter:opacity(1)}.config-menu-card button.navigatable:not(.active){background-color:#d0d0d080;color:#42424280}.config-menu-card button:hover:not([disabled]){box-shadow:0 1px 8px #424242;color:#424242}.config-menu-card button:active,.config-menu-card button.active{box-shadow:0 1px 8px #21192454;background-color:#fff;color:#424242}.config-menu-card .menu-text-selected{width:240px}.config-menu-card .menu-text-selected p{line-height:1rem}.config-menu-card .menu-text-selected p.selected-title{font-size:.7rem;margin-bottom:0;text-transform:uppercase}.config-menu-card .menu-text-selected p.selected-type{margin-top:0;color:#424242;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-icon{width:40px}.edit-icon{position:absolute;right:10px}.config-menu-card button:hover .edit-icon{filter:invert(61%) sepia(18%) saturate(1637%) hue-rotate(53deg) brightness(96%) contrast(89%)}.result-container{position:relative;display:flex;flex-direction:column;height:100vh}.img-container{flex:1;display:flex;align-items:center;justify-content:center;overflow-x:auto;overflow-y:hidden}.img-16-9{position:relative;height:100%;aspect-ratio:16/9;flex-shrink:0}.img-16-9>img{position:absolute;inset:0;width:100%;height:100%}.layer-background{z-index:1}.layer-configurator-1{z-index:2}.layer-configurator-2{z-index:3}.layer-configurator-3{z-index:4}.layer-configurator-4{z-index:5}.layer-frame{z-index:6}.layer-number-btn{position:absolute;transform:translate(-50%,-50%);z-index:8;width:32px;height:32px;border-radius:50%;border:none;background:#ffffff8c;display:grid;place-items:center;font-size:13px;font-weight:700;color:#424242;cursor:pointer;transition:background .15s ease}.layer-number-btn:hover{background:#ffffffbf}.img-16-9 app-color-picker{position:absolute;bottom:1.5rem;right:1.5rem;z-index:10}.img-16-9 result-menu{position:absolute;top:1.5rem;right:1.5rem;z-index:10;max-height:calc(100% - 3rem);overflow-y:auto}.result-menu{display:flex;flex-direction:column;align-items:flex-end;gap:.7rem}.result-menu-item{width:275px;display:flex;justify-content:flex-end}.result-menu-card{width:263px;min-height:64px;display:flex;flex-direction:column;align-items:stretch;margin-left:auto;padding:0;border-radius:5px;border:1px solid rgba(66,66,66,.12);background:#fffc;box-shadow:0 0 6px #00000040;cursor:pointer;text-align:left;transition:width .25s ease,box-shadow .25s ease,background-color .25s ease;z-index:20}.card-header{height:64px;display:flex;align-items:center;gap:12px;padding:10px 14px}.result-menu-card:hover{box-shadow:0 0 8px #0000008c}.result-menu-card.is-expanded{background:#fff;opacity:1;width:275px}.result-menu-card.is-expanded .result-menu-badge{background-color:#65b32e;color:#fff;border-color:#65b32e}.result-menu-card.is-expanded .result-menu-badge:before{content:"";position:absolute;inset:-2px;border-radius:50%;border:1px solid #ffffff;z-index:-1}.result-menu-card.is-expanded .result-menu-badge:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid #2b2b2b;z-index:-2}.result-menu-badge{position:relative;isolation:isolate;z-index:0;width:26px;height:26px;border-radius:999px;border:1px solid #424242;background-color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600;flex:0 0 26px}.result-menu-text{display:flex;flex-direction:column;min-width:0}.result-menu-headline{font-size:10px;font-weight:600;color:#a6a6a6}.result-menu-title{font-size:16px;font-weight:800;color:#424242;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-menu-edit{margin-left:auto;width:14px;height:14px;object-fit:contain}.result-menu-details{padding:10px 14px;background:#ffffffeb;border-top:1px solid #ededed}.detail-row{all:unset;box-sizing:border-box;width:100%;height:63px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;column-gap:12px;cursor:pointer}.detail-row+.detail-row{border-top:1px solid #ededed}.detail-row.is-disabled{cursor:default}.detail-row.is-disabled .detail-label,.detail-row.is-disabled .detail-value{color:#c8c8c8}.detail-row.is-disabled .detail-image img,.detail-row.is-disabled .detail-edit-btn img{opacity:.25}.detail-image{width:30px;height:30px;border-radius:50%;overflow:hidden;flex-shrink:0;display:grid;place-items:center}.detail-image img{width:100%;height:100%;object-fit:cover;display:block}.detail-image.is-icon img{width:60%;height:60%;object-fit:contain;border:none}.detail-text{display:flex;flex-direction:column;min-width:0}.detail-label{font-size:10px;font-weight:600;color:#a6a6a6;text-transform:uppercase}.detail-value{font-size:16px;font-weight:800;color:#424242;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-layer-info{padding:10px 0 6px;font-size:13px;font-weight:600;color:#a6a6a6;text-align:center}.empty-toggle-btn{all:unset;box-sizing:border-box;width:100%;padding:10px 0 2px;margin-top:4px;border-top:1px solid #ededed;font-size:12px;font-weight:600;color:#a6a6a6;cursor:pointer;text-align:center;transition:color .15s ease}.empty-toggle-btn:hover{color:#424242}.detail-edit-btn{width:14px;height:14px;display:grid;place-items:center}.detail-edit-btn img{width:14px;height:14px;display:block;opacity:.85}.modal-backdrop{position:fixed;inset:0;background:#00000059;z-index:900}.modal{position:absolute;right:calc(275px + 3rem);top:1.5rem;max-width:calc(100% - (275px + 3rem) - 1.5rem);height:calc(100% - 3rem);display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:6px;padding:30px;box-shadow:0 12px 40px #0000002e;z-index:901}.modal-content{overflow-y:auto;flex:1;min-height:0}.modal-open .result-menu-card.is-expanded{position:relative;z-index:1000}.modal-content .section-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));grid-auto-rows:minmax(240px,auto);gap:.5rem;width:100%}:host{display:inline-block;position:relative}.color-picker{position:relative;display:inline-flex;flex-direction:column;align-items:flex-end}.color-picker__pill{display:flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;background:#fff;border:none;border-radius:999px;box-shadow:0 2px 12px #0000002e,0 1px 3px #0000001a;cursor:pointer;transition:box-shadow .15s ease}.color-picker__pill:hover{box-shadow:0 4px 18px #0000003d,0 2px 6px #0000001f}.color-picker__current{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex-shrink:0}.color-picker__label{font-size:13px;font-weight:600;color:#333;white-space:nowrap;letter-spacing:.01em}.color-picker__chevron{width:7px;height:7px;border-right:2px solid #666;border-bottom:2px solid #666;transform:rotate(45deg) translate(-1px,-2px);transition:transform .2s ease;flex-shrink:0}.color-picker__chevron.is-open{transform:rotate(-135deg) translate(-1px,-2px)}.color-picker__tray{position:absolute;bottom:calc(100% + 10px);right:0;display:flex;gap:8px;padding:10px 12px;background:#fff;border-radius:14px;box-shadow:0 6px 24px #00000024,0 2px 8px #00000014;z-index:100}.color-picker__swatch{width:28px;height:28px;border-radius:50%;border:none;cursor:pointer;padding:0;flex-shrink:0;box-shadow:0 1px 4px #0003;transition:transform .15s ease,box-shadow .15s ease}.color-picker__swatch:hover{transform:scale(1.18);box-shadow:0 3px 10px #00000047}.color-picker__swatch.is-selected{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--swatch-color),0 0 0 5.5px #0000004d,0 2px 8px #0003}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.request-intro{display:grid;grid-template-columns:1fr 1fr;gap:8rem;margin:40px 6vw;align-items:center}.request-intro .info-text{display:flex;flex-direction:column;gap:1rem}.request-intro .project-code{margin-top:auto}.configuration-overview{display:grid;grid-template-columns:1fr;gap:1rem;margin:1vw 6vw}.configuration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.configuration-card{background-color:#4242421a;border-radius:3px;padding-bottom:26px;position:relative}.card-badge{position:absolute;top:20px;left:20px;width:26px;height:26px;line-height:1;border-radius:50%;background-color:#65b32e;color:#fff;display:grid;place-items:center;z-index:1}.card-badge:before{content:"";position:absolute;inset:-2px;border-radius:50%;border:1px solid #fff;z-index:-1}.card-badge:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid #2b2b2b;z-index:-2}.card-list{margin:0;padding:0 70px;display:flex;flex-direction:column}.card-list-item{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:8px 0}.left{display:flex;align-items:center;gap:6px}.bullet{width:4px;height:4px;border-radius:50%;background:#000;justify-self:center}.label:after{content:":";margin-right:4px}.card-list-item+.card-list-item{border-top:1px solid rgba(66,66,66,.5)}.promo-panel{min-height:100%;background-color:#d3d3d3;position:relative;display:none}.promo-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);color:#fff}.contact-and-offer{display:grid;grid-template-columns:1fr 1fr;gap:1vw;margin:6vw}.contact-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;row-gap:12px;margin-top:2vw}.field-wrap{display:flex;flex-direction:column;gap:4px}.field-error{font-size:.78rem;color:#d32f2f;padding-left:2px}.field{width:100%;height:44px;padding:0 14px;border:1px solid #424242;border-radius:5px;font-size:.95rem;background:#fff;outline:none}.form-submitted .field.ng-invalid{border-color:red}.select-wrap{position:relative}.select{background:#42424233;border-color:#42424233;appearance:none;-webkit-appearance:none;-moz-appearance:none;color:#424242cc;cursor:pointer;padding-right:40px}.select-icon{position:absolute;right:14px;top:50%;width:9px;height:auto;transform:translateY(-50%);pointer-events:none}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr}}.offer-panel{min-height:100%;background-color:#65b32e26;border-radius:5px;padding:20px;display:flex;flex-direction:column;gap:18px;visibility:hidden}.offer-header{display:inline-flex;align-items:center;gap:12px;width:fit-content;align-self:flex-start;cursor:pointer;font-weight:700}.offer-content{display:flex;flex-direction:column;gap:14px;margin-top:auto}.offer-logo{max-width:50%;height:auto;align-self:flex-start;object-fit:contain}.offer-upload{margin-top:6px;height:44px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:transparent;border:1px solid #424242;border-radius:5px;color:#424242;cursor:pointer}.upload-icon{color:#424242}.facade-thumb{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:3px;cursor:pointer}.facade-thumb>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.facade-expand-hint{position:absolute;bottom:10px;right:10px;z-index:9;width:30px;height:30px;border-radius:50%;background:#fff9;display:grid;place-items:center;font-size:15px;opacity:1;pointer-events:none;-webkit-user-select:none;user-select:none}dialog.facade-preview-dialog{border:none;padding:0;background:transparent;width:min(95vw,168.8888888889vh);max-width:95vw;max-height:95vh;outline:none}dialog.facade-preview-dialog::backdrop{background:#000000e0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.preview-16-9{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:6px}.preview-16-9>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.preview-close-btn{position:absolute;top:12px;right:12px;z-index:10;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#00000073;color:#fff;font-size:14px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .15s ease}.preview-close-btn:hover{background:#000000b8}@font-face{font-family:Regular;src:url("./static/inter-latin-400-normal-FR5HOXA4.woff") format("woff")}@font-face{font-family:Bold;src:url("./static/inter-latin-800-normal-ZPDSDNQS.woff") format("woff")}*,*:before,*:after{box-sizing:border-box}#favicon{src:url("./static/favicon-XCBGZNPG.ico")}html{interpolate-size:allow-keywords}html,body{margin:0;padding:0;background-color:#fff;color:#424242;font-family:Regular,sans-serif;font-weight:400;font-size:1rem;line-height:1.75rem;letter-spacing:0}h1{font-family:Bold,sans-serif;font-size:3rem;line-height:3.75rem}h3{font-family:Bold,sans-serif;font-size:1.5rem}