.kb-marquee__wrap{position:relative;overflow:hidden;width:100%}
.kb-marquee__track{display:flex;align-items:stretch;gap:var(--kb-gap,24px);will-change:transform;transform:translateX(0)}
.kb-marquee__wrap[data-pause="yes"]:hover .kb-marquee__track{animation-play-state:paused}
.kb-marquee__spacer{flex:0 0 100%}
.kb-marquee__set{display:flex;align-items:stretch;gap:var(--kb-gap,24px)}
.kb-marquee__card{flex:0 0 auto;width:var(--kb-card-w,260px);border-radius:16px;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.07);overflow:hidden}
.kb-marquee__media{aspect-ratio:16/10;display:block;width:100%;object-fit:cover}
.kb-marquee__body{padding:14px}
.kb-marquee__title{margin:0 0 6px;font-size:16px;line-height:1.25}
.kb-marquee__desc{margin:0;font-size:14px;opacity:.8}
@keyframes kb-scroll-var-rtl{from{transform:translateX(0)}to{transform:translateX(calc(var(--kb-half, 0px) * -1))}}
@keyframes kb-scroll-var-ltr{from{transform:translateX(calc(var(--kb-half, 0px) * -1))}to{transform:translateX(0)}}
.kb-marquee__nav{position:absolute;inset:0;pointer-events:none}
.kb-marquee__btn{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;border:none;border-radius:999px;background:rgba(0,0,0,.5);color:#fff;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.kb-marquee__btn--prev{left:10px}
.kb-marquee__btn--next{right:10px}
.kb-marquee__btn:focus{outline:2px solid #fff;outline-offset:2px}
@media (prefers-reduced-motion: reduce){.kb-marquee__track{animation-duration:0.001s}}