.banner-with-slidecard{display:block;position:relative;color:rgb(var(--color-foreground))}.banner-with-slidecard__media{height:var(--banner-height)}.banner-with-slidecard__content-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-end;padding-block-end:30px}.banner-with-slidecard__content{padding:30px 10px;border-radius:30px;background-color:#ffffff4d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;box-shadow:0 0 12px #fff3}.banner-with-slidecard__heading{font-weight:700;font-size:30px;line-height:1;margin-block-end:10px}.banner-with-slidecard__desc{opacity:.7;font-size:16px;line-height:normal}.banner-with-slidecard__cards{position:absolute;top:50%;right:0;transform:translateY(calc(-50% - var(--card-offset-top)));height:var(--card-height);width:100%;z-index:1;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none}.banner-with-slidecard__cards .card-track{position:absolute;right:0;left:0;height:100%;overflow:visible}.banner-with-slidecard__cards .card-list{display:flex;gap:10px;width:max-content;transform:translateZ(0);will-change:transform}.banner-with-slidecard__cards .card-item{flex-shrink:0;cursor:pointer}.banner-with-slidecard__cards img{display:block;height:var(--card-height);width:var(--card-width);object-fit:cover;border-radius:10px;box-shadow:0 0 8px #0000004d;cursor:pointer;pointer-events:none}.banner-with-slidecard__card-page{display:block;background-color:#aaa;height:3px;width:200px;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.banner-with-slidecard__card-page:after{content:"";display:block;transition:width .2s ease;height:100%;width:var(--progress-percent);background-color:#fff}@media screen and (min-width:768px){.banner-with-slidecard__cards .card-track{right:calc(var(--card-width) / -2)}.banner-with-slidecard__content-wrapper{align-items:center;justify-content:flex-start}.banner-with-slidecard__content{max-width:400px}}
/*# sourceMappingURL=/cdn/shop/t/121/assets/jxs-banner-with-slide-card.css.map */