.kx-before-after{background:var(--kx-ba-background)}.kx-before-after__stage{display:grid;gap:clamp(10px,1.6vw,16px);position:relative}.kx-before-after-slider__copy,.kx-before-after__copy{backdrop-filter:blur(14px);background:color-mix(in srgb,var(--white) 88%,transparent);border:1px solid color-mix(in srgb,var(--white) 70%,transparent);border-radius:var(--kx-radius-card);box-shadow:var(--kx-shadow-soft);display:grid;gap:6px;padding:clamp(16px,2vw,22px);pointer-events:none;width:min(40%,390px);z-index:3}.kx-before-after-slider__copy{bottom:clamp(18px,3vw,34px);position:absolute}.kx-before-after__copy{position:absolute;top:clamp(18px,3vw,34px)}.kx-before-after-slider__copy span,.kx-before-after__copy span{color:var(--kardex-moss);font-size:.76rem;font-weight:var(--kx-font-weight-label);letter-spacing:0;text-transform:uppercase}.kx-before-after-slider__copy strong,.kx-before-after__copy strong{color:var(--text-primary);font-size:clamp(1rem,1.7vw,1.42rem);font-weight:var(--kx-font-weight-emphasis);letter-spacing:0;line-height:1.14}.kx-before-after-slider__copy--before,.kx-before-after__copy--before{left:clamp(18px,3vw,34px)}.kx-before-after-slider__copy--after,.kx-before-after__copy--after{border-color:color-mix(in srgb,var(--kardex-moss) 36%,transparent);right:clamp(18px,3vw,34px);text-align:right}.kx-before-after__copy--after{bottom:clamp(58px,5vw,82px);top:auto}.kx-before-after-slider{--kx-ba-position:50%;background:var(--kx-configurator-media-bg);border-radius:var(--kx-radius-technical-panel);box-shadow:var(--kx-shadow-card);isolation:isolate;min-height:clamp(360px,58vw,660px);overflow:hidden;position:relative}.kx-before-after-slider:focus-within{box-shadow:var(--kx-shadow-card),var(--kx-focus-ring)}.kx-before-after-slider__image{inset:0;position:absolute}.kx-before-after-slider__image--before{z-index:0}.kx-before-after-slider__image img{display:block;height:100%;object-fit:cover;width:100%}.kx-before-after-slider__image--after{clip-path:inset(0 0 0 var(--kx-ba-position));z-index:1}.kx-before-after-slider__layer-content{inset:0;pointer-events:none;position:absolute;z-index:2}.kx-before-after-slider__placeholder{background:linear-gradient(135deg,color-mix(in srgb,var(--kardex-blue) 10%,var(--grey-2)),var(--grey-1));color:var(--text-secondary);display:grid;font-size:clamp(1.2rem,3vw,2rem);font-weight:var(--kx-font-weight-heading);height:100%;letter-spacing:0;min-height:inherit;place-items:center;width:100%}.kx-before-after-slider__placeholder--after{background:linear-gradient(135deg,color-mix(in srgb,var(--kardex-moss) 16%,var(--grey-2)),var(--white))}.kx-before-after-slider__handle{background:color-mix(in srgb,var(--white) 88%,transparent);bottom:0;box-shadow:var(--kx-shadow-soft);left:var(--kx-ba-position);pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:3px;z-index:5}.kx-before-after-slider__handle span{align-items:center;background:var(--white);border-radius:var(--kx-radius-pill);box-shadow:var(--kx-shadow-soft);display:inline-flex;gap:7px;height:54px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:54px}.kx-before-after-slider__handle span:after,.kx-before-after-slider__handle span:before{border:solid var(--kardex-blue-dark);border-width:0 2px 2px 0;color:var(--kardex-blue-dark);content:"";display:block;height:9px;width:9px}.kx-before-after-slider__handle span:before{transform:rotate(135deg)}.kx-before-after-slider__handle span:after{transform:rotate(-45deg)}.kx-before-after-slider__range{cursor:ew-resize;height:100%;inset:0;opacity:0;position:absolute;width:100%;z-index:6}.kx-before-after-slider__range:focus-visible{outline:none}.kx-before-after-slider:focus-within .kx-before-after-slider__handle span{box-shadow:var(--kx-shadow-soft),var(--kx-focus-ring)}.kx-before-after-slider__bullets{inset:0;pointer-events:none;position:absolute;z-index:2}.kx-before-after-slider__bullet{align-items:center;background:var(--kx-ba-before-marker-bg,color-mix(in srgb,var(--text-primary) 70%,transparent));border:1px solid color-mix(in srgb,var(--white) 70%,transparent);border-radius:var(--kx-radius-pill);box-shadow:var(--kx-shadow-tooltip);color:var(--white);display:inline-flex;font-size:clamp(.72rem,1.4vw,.9rem);font-weight:var(--kx-font-weight-label);gap:8px;left:var(--kx-ba-bullet-x);line-height:1.1;max-width:190px;padding:8px 12px 8px 10px;position:absolute;text-align:center;top:var(--kx-ba-bullet-y);transform:translate(-50%,-50%)}.kx-before-after-slider__bullet:before{background:var(--kx-ba-before-marker-dot,var(--kx-error));border:2px solid var(--white);border-radius:var(--kx-radius-round);box-shadow:var(--kx-shadow-soft);content:"";flex:0 0 auto;height:11px;width:11px}.kx-before-after-slider__bullet--after{background:var(--kx-ba-after-marker-bg,color-mix(in srgb,var(--kardex-moss) 78%,transparent))}.kx-before-after-slider__bullet--after:before{background:var(--kx-ba-after-marker-dot,var(--kardex-moss-light))}.kx-before-after-slider.is-hinting .kx-before-after-slider__handle span{animation:kxBeforeAfterHint 1.8s ease-in-out infinite}.kx-before-after-slider.is-interacted .kx-before-after-slider__handle span{animation:none}.kx-before-after-slider.is-hinting .kx-before-after-slider__bullet:before{animation:kxBeforeAfterMarker 3.2s ease-in-out infinite;animation-delay:calc(var(--kx-ba-marker-index, 0)*.42s)}.kx-before-after__hint{color:var(--text-secondary);font-size:.88rem;margin:0;text-align:center}.kx-before-after__actions{display:flex;justify-content:center;margin-top:36px}@keyframes kxBeforeAfterHint{0%,to{transform:translate(-50%,-50%) translateX(0) scale(1)}24%{transform:translate(-50%,-50%) translateX(-9px) scale(1.03)}48%{transform:translate(-50%,-50%) translateX(9px) scale(1.03)}72%{transform:translate(-50%,-50%) translateX(0) scale(1)}}@keyframes kxBeforeAfterMarker{0%,60%,to{transform:scale(1)}16%{transform:scale(1.42)}26%{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.kx-before-after-slider.is-hinting .kx-before-after-slider__bullet:before,.kx-before-after-slider.is-hinting .kx-before-after-slider__handle span{animation:none}}@media (max-width:800px){.kx-before-after-slider{border-radius:var(--kx-radius-panel);min-height:420px}.kx-before-after-slider__copy,.kx-before-after__copy{padding:12px 14px;text-align:left;width:auto}.kx-before-after-slider__copy strong,.kx-before-after__copy strong{font-size:.98rem;line-height:1.18}.kx-before-after-slider__copy--before,.kx-before-after__copy--before{bottom:auto;left:12px;right:calc(50% + 10px);top:14px}.kx-before-after-slider__copy--after{bottom:14px;left:calc(50% + 10px);right:12px;text-align:left;top:auto}.kx-before-after__copy--after{bottom:58px;left:calc(50% + 10px);right:12px;text-align:left;top:auto}.kx-before-after-slider__bullet{box-sizing:border-box;font-size:.62rem;gap:5px;justify-content:center;left:clamp(64px,var(--kx-ba-bullet-x),calc(100% - 64px));line-height:1.06;max-width:min(128px,37vw);overflow-wrap:anywhere;padding:6px 8px 6px 7px;width:min(128px,37vw);word-break:break-word}.kx-before-after-slider__bullet:before{height:9px;width:9px}}