.ka-spotlight{position:relative;isolation:isolate;width:100%;background:var(--ka-off-white, #F6F4F1);padding-block:clamp(16px,3vw,44px) clamp(8px,1.5vw,20px);padding-inline:clamp(8px,2vw,24px);-webkit-font-smoothing:antialiased}.ka-spotlight__cf{position:relative;z-index:1;opacity:0;filter:blur(8px);transform:translateY(28px);transition:opacity .7s var(--ka-ease-out, ease),filter .7s var(--ka-ease-out, ease),transform .7s var(--ka-ease-overshoot, cubic-bezier(.3,1,.3,1))}.ka-spotlight.is-in .ka-spotlight__cf{opacity:1;filter:blur(0);transform:translateY(0)}.ka-spotlight__vp{overflow:hidden}.ka-spotlight__track{position:relative;display:flex;gap:clamp(16px,2vw,30px);transition:transform .9s cubic-bezier(.22,1,.36,1);will-change:transform}.ka-cf-slide{flex:0 0 44%;position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16 / 9;background:#0a0a0a;text-decoration:none;cursor:pointer;transform:scale(.84);filter:blur(5px) brightness(.55);transition:transform .9s cubic-bezier(.22,1,.36,1),filter .9s cubic-bezier(.22,1,.36,1)}.ka-cf-slide.is-active{transform:scale(1);filter:none}.ka-cf-img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ka-cf-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#111;color:#fff3;font-family:var(--ka-font, "Zalando Sans", sans-serif);letter-spacing:.15em;text-transform:uppercase;font-size:.85rem}.ka-cf-cta{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:1rem;padding:1.4rem;pointer-events:none;background:linear-gradient(to top,#0000008c,#0000 55%)}.ka-cf-cta__heading{margin:0;max-width:80%;font-family:var(--ka-font, "Zalando Sans", sans-serif);font-weight:800;font-style:italic;font-size:clamp(1.3rem,3vw,2.1rem);line-height:1.05;letter-spacing:-.01em;text-transform:uppercase;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.4)}.ka-cf-cta__button{display:inline-block;font-family:var(--ka-font, "Zalando Sans", sans-serif);font-weight:700;font-size:.92rem;letter-spacing:.02em;color:#fff;border:1.5px solid rgba(255,255,255,.9);border-radius:100px;padding:.7rem 1.9rem;background:#ffffff14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background var(--ka-dur-standard, .25s) ease}.ka-cf-slide:hover .ka-cf-cta__button{background:var(--ka-red, #CC0000);border-color:var(--ka-red, #CC0000)}.ka-cf-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;border:none;border-radius:50%;background:#00000080;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;-webkit-tap-highlight-color:transparent;outline:none}.ka-cf-arrow:hover{background:var(--ka-red, #CC0000)}.ka-cf-arrow svg{width:22px;height:22px;fill:#fff;pointer-events:none}.ka-cf-arrow--prev{left:calc(19% - 24px)}.ka-cf-arrow--next{right:calc(19% - 24px)}.ka-cf-dots{display:flex;gap:.45rem;justify-content:center;margin-top:1.1rem}.ka-cf-dot{width:10px;height:10px;padding:0;border:none;border-radius:50%;background:#12080c33;cursor:pointer;transition:background .25s ease,transform .2s ease;outline:none;-webkit-tap-highlight-color:transparent}.ka-cf-dot.is-active{background:var(--ka-red, #CC0000);transform:scale(1.25)}@media(min-width:768px){.ka-spotlight{padding-inline:0;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}@media(max-width:767px){.ka-spotlight{padding-block:14px 8px;padding-inline:0}.ka-spotlight__vp{width:100%}.ka-cf-slide{flex-basis:86%;height:60vh;border-radius:14px}.ka-cf-img{width:100%;height:100%;object-fit:cover}.ka-cf-arrow{width:38px;height:38px}.ka-cf-arrow svg{width:18px;height:18px}.ka-cf-arrow--prev{left:4px}.ka-cf-arrow--next{right:4px}.ka-cf-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);margin-top:0;z-index:10;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.4rem .6rem;border-radius:100px;box-shadow:0 4px 14px #12080c2e}.ka-cf-dot{background:#12080c40}}@media(prefers-reduced-motion:reduce){.ka-spotlight__cf{opacity:1;filter:none;transform:none;transition:none}.ka-spotlight__track{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/ka-spotlight.css.map */