.konfigurator-intro-with-demo .page-width.konfigurator-intro-with-demo__wrap{max-width:var(--page-width);margin:0 auto;padding-inline:var(--section-padding-inline, 1.5rem)}.konfigurator-intro-with-demo__grid{display:flex;flex-direction:column;gap:3.2rem;align-items:stretch}.konfigurator-intro-with-demo__content{text-align:left}.konfigurator-intro-with-demo__heading{margin:0;color:var(--kiwd-heading, rgb(var(--color-foreground)))}.konfigurator-intro-with-demo__heading-accent{color:var(--kiwd-accent, rgb(var(--color-button)))}.konfigurator-intro-with-demo__lede{margin:1.2rem 0 0;max-width:52ch;color:rgba(var(--color-foreground),.65)}.konfigurator-intro-with-demo__features{margin:2.8rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2.6rem}.konfigurator-intro-with-demo__feature{display:flex;gap:1.2rem;align-items:flex-start}.konfigurator-intro-with-demo__feature-body{min-width:0}.konfigurator-intro-with-demo__icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border:.1rem solid rgb(158 203 235 / 28%);border-radius:50%;background:linear-gradient(155deg,#4a82bc42,#20447029);box-shadow:inset 0 .1rem #ffffff24,0 .35rem 1rem #00000024;color:var(--kiwd-icon, #b8daf4);flex:0 0 auto}.konfigurator-intro-with-demo__icon-wrap svg{width:1.75rem;height:1.75rem}.konfigurator-intro-with-demo__icon-wrap svg path,.konfigurator-intro-with-demo__icon-wrap svg circle{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.konfigurator-intro-with-demo__feature-title{margin:0;color:var(--kiwd-heading, rgb(var(--color-foreground)))}.konfigurator-intro-with-demo__feature-text{margin:.4rem 0 0;font-size:var(--body-sm-size);line-height:1.6;color:rgba(var(--color-foreground),.62)}.konfigurator-intro-with-demo__cta-wrap{margin-top:3.2rem}.konfigurator-intro-with-demo__demo{min-width:0}@media screen and (min-width:750px){.konfigurator-intro-with-demo__grid{flex-direction:row;align-items:center;gap:clamp(2.4rem,4vw,6rem)}.konfigurator-intro-with-demo__content{flex:1 1 46%;min-width:0}.konfigurator-intro-with-demo__demo{flex:1 1 54%}}@media screen and (min-width:990px){.konfigurator-intro-with-demo__demo{container-type:inline-size;container-name:kiwd-demo}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__laptop{width:min(100%,74rem);max-width:100%;margin:0;margin-inline:auto;gap:0}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row .mini-konfigurator-demo__slots-row-image{left:50%;right:auto;width:var(--mkd-row-image-width);max-width:min(94%,calc(100cqi - 2.3rem));top:50%;bottom:auto;height:7.6rem;transform:translate(-50%,-50%)}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row .mini-konfigurator-demo__slots-row-image-el{object-position:center}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__row--first .mini-konfigurator-demo__slots,.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__row--second .mini-konfigurator-demo__slots{align-items:flex-end}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row .mini-konfigurator-demo__slot--fi,.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row .mini-konfigurator-demo__slot--hauptschalter,.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row .mini-konfigurator-demo__slot--lss3p,.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row .mini-konfigurator-demo__slot--hkl{align-items:flex-end}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__row--first .mini-konfigurator-demo__slot--hkl{transform:translate(3.5rem,-1rem);margin-bottom:3.2rem}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__row--first .mini-konfigurator-demo__slot--hauptschalter{transform:translate(3.75rem);margin-left:-.5rem;margin-bottom:1rem}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--fi,.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--lss3p{transform:translate(3.2rem,.6rem)}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__display-shell{padding:.6rem;border-radius:1.6rem}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__frame{border-radius:1.2rem}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__canvas{width:calc(100% - 2.4rem);padding:1.2rem;gap:.9rem;--mkd-elements-track-width: min(32.5rem, max(14.5rem, calc(100cqi - 3.4rem) ))}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__canvas-toolbar{flex-direction:column;align-items:stretch;gap:.9rem;padding:.9rem 1rem}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__toolbar-left{justify-items:start;text-align:left}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__brand-logo{max-height:1.35rem}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__brand--hager .mini-konfigurator-demo__brand-logo{max-height:1.45rem}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__brand--gewiss .mini-konfigurator-demo__brand-logo{max-height:1.15rem}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__brand--eaton .mini-konfigurator-demo__brand-logo{max-height:1.3rem}.konfigurator-intro-with-demo__demo .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}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__row{width:min(100%,var(--mkd-row-image-width));padding:.8rem .8rem 2.4rem;border-radius:1rem}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row--first{padding-bottom:3.2rem;overflow:hidden}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row .mini-konfigurator-demo__slots{margin-top:.2rem;width:100%;max-width:none}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__slots{grid-template-columns:repeat(3,minmax(0,1fr))}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__slot{height:5.2rem;padding:.35rem}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__slot--fi,.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__slot--hauptschalter,.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__slot--lss3p{height:11.8rem;transform:translate(-3.2rem)}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__slot--hkl{height:7.4rem;transform:translate(-3.2rem);margin-bottom:1.2rem}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__slot--fi .mini-konfigurator-demo__chip-image,.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__slot--hauptschalter .mini-konfigurator-demo__chip-image,.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__slot--lss3p .mini-konfigurator-demo__chip-image{height:118%}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__cta{min-height:4rem;padding:.8rem 1.6rem;font-size:1.3rem}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__row--first .mini-konfigurator-demo__slots{align-items:flex-end;margin-top:-.2rem;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0!important}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__row--first .mini-konfigurator-demo__slot{padding:0;border-width:0}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__row--first .mini-konfigurator-demo__slot--hauptschalter .mini-konfigurator-demo__chip-image{height:112%}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__row--second .mini-konfigurator-demo__slots{justify-content:flex-start;margin-left:0;gap:0!important}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot{padding:0;border-width:0}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--fi,.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--lss3p{height:11.2rem}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--fi .mini-konfigurator-demo__chip-image,.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__row--second .mini-konfigurator-demo__slot--lss3p .mini-konfigurator-demo__chip-image{height:112%}.konfigurator-intro-with-demo__demo .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}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__camera{top:.5rem;width:.8rem;height:.8rem;box-shadow:0 0 0 .14rem #0f172a94}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__frame{border-radius:2.15rem;border-color:#94a3b840;overflow:hidden}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__base{display:none}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__topbar{padding:1.25rem 1.4rem 1rem}.konfigurator-intro-with-demo.mini-konfigurator-demo--in-view .mini-konfigurator-demo__canvas-toolbar{animation:mkd-step2-block var(--mkd-anim-duration) linear 1 forwards;filter:none}.konfigurator-intro-with-demo.mini-konfigurator-demo--in-view .mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row--first{animation-name:mkd-step2-block,mkd-row-pulse;animation-duration:var(--mkd-anim-duration),var(--mkd-anim-duration);animation-timing-function:linear,ease-in-out;animation-iteration-count:1,1;animation-fill-mode:forwards,forwards;filter:none}.konfigurator-intro-with-demo.mini-konfigurator-demo--in-view .mini-konfigurator-demo__canvas>.mini-konfigurator-demo__row--second{animation-name:mkd-step4-block,mkd-row-pulse;animation-duration:var(--mkd-anim-duration),var(--mkd-anim-duration);animation-timing-function:linear,ease-in-out;animation-iteration-count:1,1;animation-fill-mode:forwards,forwards;filter:none}.konfigurator-intro-with-demo__demo .mini-konfigurator-demo__cta{animation:none!important;opacity:0!important;visibility:hidden;pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/component-konfigurator-intro-with-demo.css.map */