.mini-konfigurator-demo{padding-top:var(--mkd-padding-top, 48px);padding-bottom:var(--mkd-padding-bottom, 48px);background-color:var(--mkd-background-fill, #ffffff)}.mini-konfigurator-demo__inner{display:grid;gap:2.4rem}.mini-konfigurator-demo__header{text-align:center;max-width:76rem;margin:0 auto}.mini-konfigurator-demo__title{margin:0;color:#1e293b;font-size:3.2rem;line-height:1.2;font-family:var(--font-heading-family)}.mini-konfigurator-demo__subtitle{margin:1rem 0 0;color:#64748b;font-size:1.6rem;font-family:var(--font-body-family)}.mini-konfigurator-demo__laptop{width:min(100%,var(--page-width));margin:0 auto;display:grid;gap:.9rem}.mini-konfigurator-demo__display-shell{position:relative;padding:.85rem;border-radius:2.2rem;border:.1rem solid rgba(255,255,255,.22);background:linear-gradient(135deg,#fff3,#1f29374d),#334155;box-shadow:0 1.8rem 4rem #00000061,inset 0 .1rem #ffffff59}.mini-konfigurator-demo__camera{position:absolute;top:.35rem;left:50%;width:.95rem;height:.95rem;border-radius:50%;transform:translate(-50%);background:radial-gradient(circle at 30% 30%,#0ea5e9,#0f172a 72%);box-shadow:0 0 0 .2rem #0f172a9e;z-index:3}.mini-konfigurator-demo__frame{border-radius:1.6rem;border:.1rem solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff14,#ffffff05);box-shadow:0 2rem 5rem #00000047;overflow:hidden}.mini-konfigurator-demo__base{position:relative;width:min(96%,114rem);height:2.4rem;margin:0 auto;border-radius:0 0 2rem 2rem;border:.1rem solid rgba(255,255,255,.2);background:linear-gradient(180deg,#fff9,#94a3b847),#94a3b8;box-shadow:0 1.8rem 2.6rem #00000052,inset 0 .1rem #fff9}.mini-konfigurator-demo__base-notch{position:absolute;left:50%;top:.15rem;width:15rem;height:.8rem;border-radius:0 0 .8rem .8rem;transform:translate(-50%);background:linear-gradient(180deg,#0f172a2e,#ffffff3d)}.mini-konfigurator-demo__topbar{display:flex;align-items:center;gap:.8rem;padding:1.2rem 1.6rem;border-bottom:.1rem solid rgba(255,255,255,.08);background:#00000029}.mini-konfigurator-demo__dot{width:.8rem;height:.8rem;border-radius:50%;background:#ffffff42}.mini-konfigurator-demo__topbar-text{margin:0 0 0 .6rem;font-size:1.2rem;color:#cbd5e1}.mini-konfigurator-demo__canvas{--mkd-elements-track-width: clamp(30rem, 56vw, 50rem);--mkd-row-image-width: calc(var(--mkd-elements-track-width) * 115 / 100 * 12 / 10);--mkd-anim-duration: calc(var(--mkd-loop-duration, 8s) * 1.35);position:relative;width:calc(100% - 7rem);margin:0 auto;padding:1.8rem;display:grid;gap:1.2rem;background:linear-gradient(180deg,#0f172aad,#0f172aad),url(/cdn/shop/files/AdobeStock_336754886_72647594-961e-4183-89fa-c5b2ffcc21a6.png?v=1757584325);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;isolation:isolate}.mini-konfigurator-demo__canvas-toolbar{display:flex;align-items:center;justify-content:center;gap:1.8rem;padding:1rem 1.3rem;border:.1rem solid rgba(148,163,184,.35);background:linear-gradient(180deg,#0f172ae0,#1e293bb8);opacity:0;transform:translateY(.6rem);animation:mkd-step2-block var(--mkd-anim-duration) linear 1 forwards,mkd-final-blur var(--mkd-anim-duration) linear 1 forwards}.mini-konfigurator-demo__toolbar-left{min-width:0;display:grid;gap:.25rem;justify-items:center;text-align:center}.mini-konfigurator-demo__toolbar-brands{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;color:#e2e8f0;font-size:1.1rem;line-height:1.2}.mini-konfigurator-demo__brand{display:inline-flex;align-items:center;line-height:0}.mini-konfigurator-demo__brand-logo{display:block;width:auto;max-height:1.6rem}.mini-konfigurator-demo__brand--hager .mini-konfigurator-demo__brand-logo{max-height:1.8rem}.mini-konfigurator-demo__brand--gewiss .mini-konfigurator-demo__brand-logo{max-height:1.35rem}.mini-konfigurator-demo__brand--eaton .mini-konfigurator-demo__brand-logo{max-height:1.55rem}.mini-konfigurator-demo__toolbar-price{color:#f8fafc;font-weight:600}.mini-konfigurator-demo__toolbar-value-stack{position:relative;display:inline-grid;min-width:6.6ch;justify-items:end}.mini-konfigurator-demo__toolbar-value-stack--short{min-width:4ch}.mini-konfigurator-demo__toolbar-value{grid-area:1 / 1;opacity:0;animation-duration:var(--mkd-anim-duration);animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards}.mini-konfigurator-demo__toolbar-value--step2{animation-name:mkd-value-step2}.mini-konfigurator-demo__toolbar-value--step3{animation-name:mkd-value-step3}.mini-konfigurator-demo__toolbar-value--step4{animation-name:mkd-value-step4}.mini-konfigurator-demo__toolbar-value--step5{animation-name:mkd-value-step5}.mini-konfigurator-demo__toolbar-value--step6{animation-name:mkd-value-step6}.mini-konfigurator-demo__toolbar-value--step2-3{animation-name:mkd-value-step2-3}.mini-konfigurator-demo__toolbar-value--step4-6{animation-name:mkd-value-step4-6}.mini-konfigurator-demo__toolbar-dot{width:.35rem;height:.35rem;border-radius:50%;background:#94a3b8a6;flex:0 0 auto}.mini-konfigurator-demo__toolbar-summary{display:none}.mini-konfigurator-demo__toolbar-right{display:grid;gap:.35rem;padding-left:0;border-left:0;color:#e2e8f0;flex:0 0 auto;justify-items:center;text-align:center}.mini-konfigurator-demo__toolbar-meta{margin:0;font-size:1.05rem;line-height:1.2;display:flex;gap:.35rem}.mini-konfigurator-demo__toolbar-meta strong{font-weight:700;color:#f8fafc}.mini-konfigurator-demo__row{position:relative;width:var(--mkd-row-image-width);margin:0 auto;border-radius:1.2rem;border:.1rem solid rgba(255,255,255,.12);background:#1e293ba8;padding:1rem 1rem 3.8rem;display:grid;gap:.8rem;opacity:0;transform:translateY(.8rem);animation-duration:var(--mkd-anim-duration),var(--mkd-anim-duration),var(--mkd-anim-duration);animation-timing-function:linear,ease-in-out,linear;animation-iteration-count:1,1,1;animation-fill-mode:forwards,forwards,forwards}.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row--first{animation-name:mkd-step2-block,mkd-row-pulse,mkd-final-blur;padding-bottom:5.2rem}.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row--second{animation-name:mkd-step4-block,mkd-row-pulse,mkd-final-blur}.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row .mini-konfigurator-demo__slots{display:flex;align-items:flex-end;gap:0;width:var(--mkd-elements-track-width);max-width:var(--mkd-elements-track-width);margin:1.4rem auto 0;padding:0;background:transparent}.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row--first .mini-konfigurator-demo__slots{min-height:16rem}.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row .mini-konfigurator-demo__slot[aria-hidden=true]{display:none}.mini-konfigurator-demo__row-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:-.6rem;margin-bottom:10px}.mini-konfigurator-demo__row-title{margin:0;color:#fff;font-weight:700;font-size:1.3rem}.mini-konfigurator-demo__row-type{margin:0;color:#bfdbfe;font-size:1.2rem}.mini-konfigurator-demo__slots{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem;border-radius:.9rem;padding:.35rem;background:#0f172a47}.mini-konfigurator-demo__slots-row-image{position:absolute;left:1.2rem;right:1.2rem;top:50%;height:64%;transform:translateY(-50%);z-index:0;border-radius:.75rem;overflow:hidden;border:0;background:transparent}.mini-konfigurator-demo__slots-row-image-el{width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:.72}.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row .mini-konfigurator-demo__slots-row-image{left:50%;right:auto;width:var(--mkd-row-image-width);top:50%;bottom:auto;height:10.2rem;transform:translate(-50%,-50%)}.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row .mini-konfigurator-demo__slots-row-image-el{object-fit:contain;object-position:left center}.mini-konfigurator-demo__slot{position:relative;z-index:1;height:6.6rem;border-radius:0;border:.1rem dashed rgba(255,255,255,.2);background:#0f172a59;display:flex;align-items:center;justify-content:center;padding:.55rem;overflow:visible}.mini-konfigurator-demo__slot--hkl,.mini-konfigurator-demo__slot--hauptschalter,.mini-konfigurator-demo__slot--fi,.mini-konfigurator-demo__slot--lss3p{flex:0 0 auto;border-style:solid;border-color:transparent;background:transparent}.mini-konfigurator-demo__slot--lss3p,.mini-konfigurator-demo__slot--hauptschalter{height:16rem;padding:0;overflow:visible;border-width:0;width:auto}.mini-konfigurator-demo__slot--hkl{height:10.5rem;padding:0;overflow:hidden;border-width:0;width:auto;transform:translate(-6rem);margin-bottom:2.75rem}.mini-konfigurator-demo__slot--fi{height:16rem;padding:0;overflow:visible;border-width:0;width:auto}.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row .mini-konfigurator-demo__slot--fi,.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row .mini-konfigurator-demo__slot--hauptschalter,.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row .mini-konfigurator-demo__slot--lss3p{border-radius:0;line-height:0;transform:translate(-6rem)}.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row .mini-konfigurator-demo__slot--lss3p{margin-left:-.1rem}.mini-konfigurator-demo__chip{width:100%;border-radius:0;border:.1rem solid transparent;padding:.5rem .6rem;font-size:1.05rem;line-height:1.2;text-align:center;font-weight:600;opacity:0;transform:translateY(.6rem) scale(.98);animation-duration:var(--mkd-anim-duration);animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards}.mini-konfigurator-demo__chip--hkl{background:#22c55e2e;border-color:#4ade808c;color:#dcfce7;padding:.3rem}.mini-konfigurator-demo__chip-image{display:block;width:124%;height:124%;max-width:none;max-height:none;object-fit:contain}.mini-konfigurator-demo__chip.mini-konfigurator-demo__chip-image{padding:0;border:0;background:transparent}.mini-konfigurator-demo__slot--hkl .mini-konfigurator-demo__chip-image{width:auto;min-width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border-radius:0;background:transparent}.mini-konfigurator-demo__slot--fi .mini-konfigurator-demo__chip-image,.mini-konfigurator-demo__slot--hauptschalter .mini-konfigurator-demo__chip-image{width:auto;height:126%;max-width:none;max-height:none;object-fit:contain;border-radius:0}.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row--first .mini-konfigurator-demo__slot--hkl .mini-konfigurator-demo__chip-image{animation-name:mkd-step2-item}.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row--first .mini-konfigurator-demo__slot--hauptschalter .mini-konfigurator-demo__chip-image{animation-name:mkd-step3-item}.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--fi .mini-konfigurator-demo__chip-image{animation-name:mkd-step4-item}.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--lss3p:nth-of-type(3) .mini-konfigurator-demo__chip-image{animation-name:mkd-step5-item}.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--lss3p:nth-of-type(4) .mini-konfigurator-demo__chip-image{animation-name:mkd-step6-item}.mini-konfigurator-demo__slot--lss3p .mini-konfigurator-demo__chip-image{width:auto;height:126%;max-width:none;max-height:none;object-fit:contain;border-radius:0}.mini-konfigurator-demo__cursor{display:none}.mini-konfigurator-demo__cta{position:absolute;left:50%;top:50%;z-index:6;display:inline-flex;align-items:center;justify-content:center;min-height:4.6rem;padding:.95rem 2.4rem;border-radius:.9rem;border:.1rem solid rgba(0,90,156,.7);background:linear-gradient(180deg,#0b6fb2,#005a9c);box-shadow:0 .8rem 1.8rem #00000047;color:#fff;font-size:1.55rem;font-weight:700;text-decoration:none;letter-spacing:.02em;transition:background .2s ease,border-color .2s ease,transform .2s ease;opacity:0;transform:translate(-50%,-50%) scale(.92);animation:mkd-final-cta var(--mkd-anim-duration) ease-out 1 forwards}.mini-konfigurator-demo__cta:hover{background:linear-gradient(180deg,#0f7bc2,#0069b7);border-color:#7dd3fcd9}.mini-konfigurator-demo__cta:focus-visible{outline:.2rem solid #7dd3fc;outline-offset:.2rem}.mini-konfigurator-demo__canvas-toolbar,.mini-konfigurator-demo__row,.mini-konfigurator-demo__toolbar-value,.mini-konfigurator-demo__chip,.mini-konfigurator-demo__cta{animation-play-state:paused}.mini-konfigurator-demo--in-view .mini-konfigurator-demo__canvas-toolbar,.mini-konfigurator-demo--in-view .mini-konfigurator-demo__row,.mini-konfigurator-demo--in-view .mini-konfigurator-demo__toolbar-value,.mini-konfigurator-demo--in-view .mini-konfigurator-demo__chip,.mini-konfigurator-demo--in-view .mini-konfigurator-demo__cta{animation-play-state:running}@keyframes mkd-step2-block{0%,11.9%{opacity:0;transform:translateY(.6rem)}14%,to{opacity:1;transform:translateY(0)}}@keyframes mkd-step4-block{0%,43.9%{opacity:0;transform:translateY(.6rem)}46%,to{opacity:1;transform:translateY(0)}}@keyframes mkd-step2-item{0%,11.9%{opacity:0;transform:translateY(.6rem) scale(.98)}14%,to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mkd-step3-item{0%,27.9%{opacity:0;transform:translateY(.6rem) scale(.98)}30%,to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mkd-step4-item{0%,43.9%{opacity:0;transform:translateY(.6rem) scale(.98)}46%,to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mkd-step5-item{0%,59.9%{opacity:0;transform:translateY(.6rem) scale(.98)}62%,to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mkd-step6-item{0%,75.9%{opacity:0;transform:translateY(.6rem) scale(.98)}78%,to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mkd-value-step2{0%,11.9%{opacity:0}12%,27.9%{opacity:1}28%,to{opacity:0}}@keyframes mkd-value-step3{0%,27.9%{opacity:0}28%,43.9%{opacity:1}44%,to{opacity:0}}@keyframes mkd-value-step4{0%,43.9%{opacity:0}44%,59.9%{opacity:1}60%,to{opacity:0}}@keyframes mkd-value-step5{0%,59.9%{opacity:0}60%,75.9%{opacity:1}76%,to{opacity:0}}@keyframes mkd-value-step6{0%,75.9%{opacity:0}76%,to{opacity:1}}@keyframes mkd-value-step2-3{0%,11.9%{opacity:0}12%,43.9%{opacity:1}44%,to{opacity:0}}@keyframes mkd-value-step4-6{0%,43.9%{opacity:0}44%,to{opacity:1}}@keyframes mkd-final-blur{0%,89.9%{filter:blur(0) brightness(1)}94%,to{filter:blur(5px) brightness(.72)}}@keyframes mkd-final-cta{0%,89.9%{opacity:0;transform:translate(-50%,-50%) scale(.92)}94%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes mkd-row-pulse{0%,to{border-color:#ffffff1f}40%,64%{border-color:#7dd3fc73}}@media screen and (max-width:989px){.mini-konfigurator-demo{padding-top:max(24px,calc(var(--mkd-padding-top, 48px) * .7));padding-bottom:max(24px,calc(var(--mkd-padding-bottom, 48px) * .7))}.mini-konfigurator-demo__inner{gap:1.6rem}.mini-konfigurator-demo__title{font-size:clamp(2.2rem,5.2vw,2.8rem)}.mini-konfigurator-demo__subtitle{font-size:1.4rem}.mini-konfigurator-demo__display-shell{padding:.6rem;border-radius:1.6rem}.mini-konfigurator-demo__frame{border-radius:1.2rem}.mini-konfigurator-demo__canvas{--mkd-elements-track-width: clamp(22rem, 82vw, 36rem);width:calc(100% - 2.4rem);padding:1.2rem;gap:.9rem}.mini-konfigurator-demo__canvas-toolbar{flex-direction:column;align-items:stretch;gap:.9rem;padding:.9rem 1rem}.mini-konfigurator-demo__toolbar-left{justify-items:start;text-align:left}.mini-konfigurator-demo__brand-logo{max-height:1.35rem}.mini-konfigurator-demo__brand--hager .mini-konfigurator-demo__brand-logo{max-height:1.45rem}.mini-konfigurator-demo__brand--gewiss .mini-konfigurator-demo__brand-logo{max-height:1.15rem}.mini-konfigurator-demo__brand--eaton .mini-konfigurator-demo__brand-logo{max-height:1.3rem}.mini-konfigurator-demo__toolbar-right{border-left:0;border-top:.1rem solid rgba(148,163,184,.4);padding-left:0;padding-top:.7rem;grid-template-columns:repeat(2,minmax(0,auto));justify-content:start;column-gap:1rem}.mini-konfigurator-demo__row{width:min(100%,var(--mkd-row-image-width));padding:.8rem .8rem 2.4rem;border-radius:1rem}.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row--first{padding-bottom:3.2rem;overflow:hidden}.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row .mini-konfigurator-demo__slots{margin-top:.2rem;width:100%;max-width:none}.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row .mini-konfigurator-demo__slots-row-image{height:8.2rem}.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row .mini-konfigurator-demo__slots-row-image{left:-.8rem;right:-.8rem;width:auto;transform:translateY(-50%)}.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row .mini-konfigurator-demo__slots-row-image-el{object-position:center}.mini-konfigurator-demo__slots{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-konfigurator-demo__slot{height:5.2rem;padding:.35rem}.mini-konfigurator-demo__slot--fi,.mini-konfigurator-demo__slot--hauptschalter,.mini-konfigurator-demo__slot--lss3p{height:11.8rem;transform:translate(-3.2rem)}.mini-konfigurator-demo__slot--hkl{height:7.4rem;transform:translate(-3.2rem);margin-bottom:1.2rem}.mini-konfigurator-demo__slot--fi .mini-konfigurator-demo__chip-image,.mini-konfigurator-demo__slot--hauptschalter .mini-konfigurator-demo__chip-image,.mini-konfigurator-demo__slot--lss3p .mini-konfigurator-demo__chip-image{height:118%}.mini-konfigurator-demo__cta{min-height:4rem;padding:.8rem 1.6rem;font-size:1.3rem}.mini-konfigurator-demo__row--first .mini-konfigurator-demo__slots{align-items:flex-start;margin-top:-.2rem;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0!important}.mini-konfigurator-demo__row--first .mini-konfigurator-demo__slot{padding:0;border-width:0}.mini-konfigurator-demo__row--first .mini-konfigurator-demo__slot--hkl{transform:translate(-3.2rem,-4.1rem);height:6.8rem}.mini-konfigurator-demo__row--first .mini-konfigurator-demo__slot--hauptschalter{transform:translate(-3.2rem,-3rem);margin-left:0;height:11.2rem}.mini-konfigurator-demo__row--first .mini-konfigurator-demo__slot--hauptschalter .mini-konfigurator-demo__chip-image{height:112%}.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slots{justify-content:flex-start;margin-left:0;gap:0!important}.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot{padding:0;border-width:0}.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--fi,.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--lss3p{transform:translate(2.25rem)}.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--lss3p{margin-left:-1.25rem}.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--fi,.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--lss3p{height:11.2rem}.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--fi .mini-konfigurator-demo__chip-image,.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--lss3p .mini-konfigurator-demo__chip-image{height:112%}@keyframes mkd-cursor{0%,16%{opacity:0;transform:translate(2rem,2.2rem) scale(.9)}20%,28%{opacity:1;transform:translate(6rem,8rem) scale(1)}36%,48%{opacity:1;transform:translate(12rem,19.4rem) scale(1)}56%,68%{opacity:1;transform:translate(20rem,19.4rem) scale(1)}76%,90%{opacity:1;transform:translate(28rem,19.4rem) scale(1)}to{opacity:0;transform:translate(2rem,2.2rem) scale(.9)}}}@media screen and (min-width:750px)and (max-width:989px){.mini-konfigurator-demo__laptop{width:min(100%,74rem);gap:0}.mini-konfigurator-demo__display-shell{padding:.75rem;border-radius:2.8rem;border:.12rem solid rgba(148,163,184,.42);background:linear-gradient(180deg,#475569c7,#1e293be0);box-shadow:0 1.2rem 2.8rem #0206176b}.mini-konfigurator-demo__camera{top:.5rem;width:.8rem;height:.8rem;box-shadow:0 0 0 .14rem #0f172a94}.mini-konfigurator-demo__frame{border-radius:2.15rem;border-color:#94a3b840;overflow:hidden}.mini-konfigurator-demo__base{display:none}.mini-konfigurator-demo__topbar{padding:1.25rem 1.4rem 1rem}}@media screen and (max-width:749px){.mini-konfigurator-demo__laptop{width:min(100%,44rem);gap:0}.mini-konfigurator-demo__display-shell{padding:.55rem;border-radius:3rem;border:.12rem solid rgba(148,163,184,.45);background:linear-gradient(180deg,#475569cc,#1e293beb);box-shadow:0 1rem 2.4rem #02061773}.mini-konfigurator-demo__camera{top:.55rem;width:.7rem;height:.7rem;box-shadow:0 0 0 .12rem #0f172a8c}.mini-konfigurator-demo__frame{border-radius:2.4rem;border-color:#94a3b847;overflow:hidden;position:relative}.mini-konfigurator-demo__frame:before{content:"";position:absolute;top:.4rem;left:50%;transform:translate(-50%);width:8.2rem;height:.45rem;border-radius:999px;background:#0f172a73;z-index:4;pointer-events:none}.mini-konfigurator-demo__base{display:none}.mini-konfigurator-demo__topbar{padding:1.15rem 1rem .75rem;gap:.5rem}.mini-konfigurator-demo__topbar-text{font-size:1.05rem;margin-left:.3rem}.mini-konfigurator-demo__canvas{--mkd-elements-track-width: clamp(17rem, 86vw, 24rem);width:100%;padding:.9rem}.mini-konfigurator-demo__toolbar-brands,.mini-konfigurator-demo__toolbar-meta{font-size:.95rem;gap:.25rem}.mini-konfigurator-demo__brand-logo{max-height:1.2rem}.mini-konfigurator-demo__brand--hager .mini-konfigurator-demo__brand-logo{max-height:1.3rem}.mini-konfigurator-demo__brand--gewiss .mini-konfigurator-demo__brand-logo{max-height:1rem}.mini-konfigurator-demo__brand--eaton .mini-konfigurator-demo__brand-logo{max-height:1.15rem}.mini-konfigurator-demo__toolbar-summary{font-size:.86rem}.mini-konfigurator-demo__row-head{margin-bottom:.4rem}.mini-konfigurator-demo__row-title{font-size:1.1rem}.mini-konfigurator-demo__row-type{font-size:1rem}.mini-konfigurator-demo__slot{height:4.6rem}.mini-konfigurator-demo__slot--fi,.mini-konfigurator-demo__slot--hauptschalter,.mini-konfigurator-demo__slot--lss3p{height:10.2rem;transform:translate(-2rem)}.mini-konfigurator-demo__slot--hkl{height:6.4rem;transform:translate(-2rem);margin-left:28px;margin-bottom:.9rem}.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row .mini-konfigurator-demo__slots-row-image{height:7rem}.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row--first{overflow:hidden}.mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row .mini-konfigurator-demo__slots-row-image{left:-.9rem;right:-.9rem;width:auto;transform:translateY(-50%)}.mini-konfigurator-demo__cta{font-size:1.2rem;padding:.75rem 1.2rem}.mini-konfigurator-demo__row--first .mini-konfigurator-demo__slot--hkl{transform:translate(-2rem,-3.5rem);height:6rem}.mini-konfigurator-demo__row--first .mini-konfigurator-demo__slot--hauptschalter{transform:translate(-2rem,-2.6rem);margin-left:0;height:9.6rem}.mini-konfigurator-demo__row--first .mini-konfigurator-demo__slots{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0!important}.mini-konfigurator-demo__row--first .mini-konfigurator-demo__slot{padding:0;border-width:0}.mini-konfigurator-demo__row--first .mini-konfigurator-demo__slot--hauptschalter .mini-konfigurator-demo__chip-image{height:106%}.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slots{margin-left:0;gap:0!important;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;width:100%;padding-left:.7rem}.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot{padding:0;border-width:0}.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--fi,.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--lss3p{transform:none!important;margin-left:0!important}.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--lss3p{margin-left:0!important}.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--fi,.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--lss3p{height:9.6rem}.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--fi .mini-konfigurator-demo__chip-image,.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--lss3p .mini-konfigurator-demo__chip-image{height:106%}}@media(hover:none)and (pointer:coarse)and (max-width:989px){.mini-konfigurator-demo__row--first .mini-konfigurator-demo__slot--hkl{transform:translate(-2.4rem,-4rem)!important}.mini-konfigurator-demo__row--first .mini-konfigurator-demo__slot--hauptschalter{transform:translate(-2.4rem,-3.1rem)!important;margin-left:0!important}.mini-konfigurator-demo__row--first .mini-konfigurator-demo__slots{display:flex!important;flex-wrap:nowrap;justify-content:flex-start;gap:0!important}.mini-konfigurator-demo__row--first .mini-konfigurator-demo__slot{padding:0!important;border-width:0!important}.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slots{margin-left:0!important;gap:0!important;display:flex!important;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;width:100%!important;padding-left:.7rem!important}.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--fi,.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--lss3p{transform:none!important;margin-left:0!important}.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--lss3p{margin-left:0!important}}@supports (-webkit-touch-callout: none){@media screen and (max-width:989px){.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slots{display:-webkit-flex!important;display:flex!important;-webkit-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-column-gap:0!important;column-gap:0!important;row-gap:0!important;grid-template-columns:none!important}.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--fi,.mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--lss3p{-webkit-transform:none!important;transform:none!important;margin-left:0!important;margin-right:0!important}}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/component-mini-konfigurator-demo.css.map */
