.kf{--kf-paper:#fff6f5;--kf-muted:#b5a5a9;--kf-ease:cubic-bezier(.22,.75,.18,1);background:#000;color:var(--kf-paper);overflow:hidden;position:relative}.kf *{box-sizing:border-box}.kf button{font:inherit;color:inherit;cursor:pointer}.kf [hidden]{display:none!important}.kf button:focus-visible,.kf a:focus-visible,.kf input:focus-visible,.kf-slider:focus-visible{outline:2px solid #ff7687;outline-offset:6px}.kf-inner{max-width:1800px;margin:auto}.kf-heading{text-align:center;padding:64px 24px 0;position:relative;z-index:5}.kf-kicker{font-size:11px;letter-spacing:3px;color:#e78996;margin:0 0 18px;font-weight:700;text-transform:uppercase}.kf-heading h2{font-family:var(--heading-font-family);font-size:clamp(28px,3.3vw,52px);line-height:1.12;letter-spacing:-.02em;margin:0 0 16px;font-weight:700;color:inherit}.kf-heading .kf-lead{font-size:clamp(15px,1.4vw,20px);color:var(--kf-muted);margin:0 auto;max-width:60ch}.kf-heading .kf-lead p{margin:0}.kf-slider{position:relative;outline:none}.kf-stage{position:relative;height:clamp(470px,48vw,690px);isolation:isolate;cursor:grab;user-select:none;-webkit-user-select:none;overflow:hidden}.kf-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 49% 66%,#49050c60,transparent 52%);z-index:-1}.kf[data-mode=pens] .kf-stage:before{background:radial-gradient(ellipse at 50% 50%,#49050c60,transparent 52%)}.kf-stage.dragging{cursor:grabbing}.kf-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.kf-track{display:flex;height:100%;touch-action:pan-y pinch-zoom}.kf-slide{flex:0 0 52%;min-width:0;height:100%;position:relative}.kf-product{position:absolute;left:50%;top:47%;width:clamp(430px,43vw,610px);aspect-ratio:4/5;padding:0;border:0;background:transparent;transform:translate(-50%,-50%) scale(var(--scale,.42));opacity:var(--op,0);pointer-events:none;filter:brightness(var(--hell,.25));z-index:0;cursor:grab;-webkit-mask-image:radial-gradient(ellipse 62% 65% at 50% 51%,#000 64%,transparent 100%);mask-image:radial-gradient(ellipse 62% 65% at 50% 51%,#000 64%,transparent 100%)}.kf[data-mode=pens] .kf-product{top:50%}.kf-product img,.kf-product video{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.kf-product video{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden}.kf-product.active{pointer-events:auto}.kf-product.active.has-frame video{visibility:visible}.kf-product.neighbour{pointer-events:auto}.kf-arrow{position:absolute;top:47%;transform:translateY(-50%);width:48px;height:48px;padding:0;border-radius:50%;border:1px solid rgb(255 255 255 / .22);background:var(--klair-saison-flaeche,#17171A);color:var(--klair-saison-text,#fff);z-index:7;cursor:pointer;display:grid;place-items:center;transition:background-color .2s,border-color .2s,transform .2s}.kf-arrow:hover{background:var(--klair-saison-akzent,#E3001B);border-color:var(--klair-saison-akzent,#E3001B);transform:translateY(-50%) scale(1.06)}.kf-arrow:focus-visible{outline:3px solid var(--klair-saison-akzent,#E3001B);outline-offset:2px}.kf-prev{left:4%}.kf-next{right:4%}.kf-caption{position:relative;z-index:5;text-align:center;margin:-5px 20px 0}.kf-caption h3{font-family:var(--heading-font-family);font-size:clamp(22px,2vw,28px);line-height:1.2;margin:0;letter-spacing:-.5px;color:inherit}.kf-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:26px}.kf-actions button,.kf-actions a{border-radius:50px;padding:17px 27px;min-width:190px;background:#fff3f3;color:#25151a;border:1px solid #ffffff25;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.kf-actions button+button,.kf-actions .kf-ghost{color:#eee2e5;background:transparent}.kf-actions .kf-kauf{background:#e3001b;color:#fff;border-color:transparent}.kf-actions span{margin-left:16px}.kf-actions button:hover,.kf-actions a:hover{box-shadow:0 0 25px #ff274b25}.kf-profile{position:absolute;left:68%;top:48%;width:clamp(160px,18vw,245px);z-index:4;pointer-events:none;opacity:0;transform:translateY(-10px);transition:opacity .45s,transform .65s var(--kf-ease)}.kf-profile.visible{opacity:1;transform:translateY(0)}.kf-metric{margin-bottom:24px}.kf-metric>span{display:block;color:#f6e4e7;font-size:14px;margin-bottom:10px;font-weight:600;letter-spacing:.15px}.kf-glass{height:11px;border:1px solid #ffffff20;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#ffffff17,#ffffff04);box-shadow:inset 0 1px 2px #ffffff12,0 6px 18px #0006;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kf-glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),#ffffff28 calc(20% - 1px),#ffffff28 20%)}.kf-glass i{display:block;height:100%;width:var(--value,0%);border-radius:inherit;background:linear-gradient(90deg,#90182f,#ff6c83);box-shadow:0 0 18px #fa365c70;transition:width .9s var(--kf-ease)}.kf-metric:nth-child(2) i{transition-delay:.08s}.kf-metric:nth-child(3) i{transition-delay:.16s}.kf-pending{font-size:14px;color:var(--kf-muted)}.kf-status{text-align:center;color:#e9a1aa;min-height:18px;font-size:13px;margin:14px 24px 0;padding-bottom:48px}.kf-labels{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(430px,43vw,610px);aspect-ratio:4/5;z-index:4;pointer-events:none;overflow:visible;opacity:0;transition:opacity .25s}.kf-labels.visible{opacity:1}.kf-labels svg{width:100%;height:100%;overflow:visible}.kf-labels text{font-family:Arial,Helvetica,sans-serif;font-size:30px;font-weight:600;fill:#f8e8ed;paint-order:stroke;stroke:#18050bd9;stroke-width:5px;stroke-linejoin:round}.kf-labels path{fill:none;stroke:#e597a8;stroke-opacity:.8;stroke-width:2}.kf-labels circle{fill:#f5a1b2}.kf-stage.dragging .kf-labels{opacity:0}.kf-viewer{width:min(600px,94vw);border:1px solid #ffffff22;border-radius:22px;background:#070305;color:#fff;padding:28px;box-shadow:0 20px 100px #000;max-height:94dvh}.kf-viewer::backdrop{background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.kf-viewer h3{font-size:23px;margin:0 38px 0 0;color:#fff}.kf-viewer video{width:100%;height:55dvh;object-fit:contain;display:block}.kf-viewer label{font-size:13px;display:block;color:#cdb7bf;margin:10px 0}.kf-viewer input{width:100%;accent-color:#ed4564}.kf-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:32px;color:#fff}@media(max-width:760px){.kf-heading{padding:40px 20px 0}.kf-heading h2{font-size:31px}.kf-kicker{font-size:10px;letter-spacing:2px}.kf-stage{height:590px}.kf-product{width:430px;top:38%}.kf-profile{left:50%;top:auto;bottom:18px;width:min(280px,64vw);transform:translate(-50%,8px)}.kf-profile.visible{transform:translate(-50%)}.kf-metric{margin-bottom:13px}.kf-metric>span{font-size:12px;margin-bottom:6px}.kf-glass{height:9px}.kf-arrow{width:44px;height:44px;top:36%}.kf-prev{left:14px}.kf-next{right:14px}.kf-caption{margin:0 20px}.kf-caption h3{font-size:23px}.kf-actions{gap:8px;margin-top:20px}.kf-actions button,.kf-actions a{min-width:0;padding:14px 16px;font-size:12px}.kf-actions span{margin-left:7px}.kf[data-mode=pens] .kf-stage{height:470px}.kf[data-mode=pens] .kf-product{top:50%}.kf[data-mode=pens] .kf-arrow{top:43%}.kf-labels{width:430px}.kf-labels text{font-size:28px}}@media(prefers-reduced-motion:reduce){.kf *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/klair-fokus-slider.css.map */