jxs-timeline-promotion{display:block;overflow:hidden}jxs-timeline-promotion .timeline-bar{position:relative;display:block;width:max-content;max-width:100%;margin-inline:auto;padding-inline-end:10px}jxs-timeline-promotion .timeline-bar:before{content:"";display:block;position:absolute;top:4px;bottom:4px;left:0;right:0;z-index:0;width:100%;border-radius:35px 150px 150px 35px;background-color:rgb(var(--color-bar-background))}jxs-timeline-promotion .timeline-bar__wrapper{width:max-content;display:flex;flex-wrap:nowrap;margin-inline:auto;position:relative;z-index:1}jxs-timeline-promotion .timeline-promotion{white-space:nowrap;-webkit-user-select:none;user-select:none;padding-inline:40px;padding-block:10px;text-align:center;line-height:normal;color:rgb(var(--color-bar-foreground))}@media(max-width:767px){jxs-timeline-promotion .timeline-promotion{padding-inline:20px}}jxs-timeline-promotion .timeline-promotion[active]{background-color:rgb(var(--color-bar-background-active));color:rgb(var(--color-bar-foreground-active));box-shadow:10px 0 10px #00000026}jxs-timeline-promotion .timeline-promotion:not(:has(~.timeline-promotion[active])){border-top-right-radius:150px;border-bottom-right-radius:150px}jxs-timeline-promotion .timeline-promotion[current]{color:rgb(var(--color-bar-foreground-current))}jxs-timeline-promotion .timeline-promotion[current]:first-of-type{border-top-left-radius:5px;border-bottom-left-radius:5px}jxs-timeline-promotion .timeline-promotion__date{font-weight:700}jxs-timeline-promotion .timeline-promotion__title{font-size:13px}jxs-timeline-promotion .timeline-bar .icon-box{position:absolute;top:0;left:-120px;width:60px;font-size:12px;text-align:center;display:flex;flex-direction:column;gap:5px;color:rgb(var(--color-foreground-rgb));line-height:1}jxs-timeline-promotion .timeline-bar .icon-box img{width:60px;height:60px;border-radius:100%;object-fit:cover;box-shadow:0 0 15px #0006}jxs-timeline-promotion .promotion-container{margin-block-start:40px}jxs-timeline-promotion .promotion-container .promotion-panel:not([active]){display:none}jxs-timeline-promotion .promotion-panel{display:flex;flex-wrap:wrap;gap:var(--grid-gap);justify-content:center}jxs-timeline-promotion .promotion-panel .timeline-promotion-card{display:flex;flex:0 0 var(--grid-item-width);max-width:100%;flex-direction:column;overflow:hidden;border-radius:var(--card-radius);background-color:rgb(var(--card-background-color))}jxs-timeline-promotion .promotion-panel[active] .timeline-promotion-card{animation:timeline-promotion-card-float-up .5s ease both}jxs-timeline-promotion .promotion-panel[active] .timeline-promotion-card:nth-child(2){animation-delay:.06s}jxs-timeline-promotion .promotion-panel[active] .timeline-promotion-card:nth-child(3){animation-delay:.12s}jxs-timeline-promotion .promotion-panel[active] .timeline-promotion-card:nth-child(4){animation-delay:.18s}jxs-timeline-promotion .promotion-panel[active] .timeline-promotion-card:nth-child(n+5){animation-delay:.24s}@keyframes timeline-promotion-card-float-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){jxs-timeline-promotion .promotion-panel[active] .timeline-promotion-card{animation:none}}jxs-timeline-promotion .promotion-panel .timeline-promotion-card .promotion-card__media{aspect-ratio:var(--card-media-ratio);overflow:hidden}jxs-timeline-promotion .promotion-panel .timeline-promotion-card .promotion-card__content{padding-block:var(--card-content-padding-block);padding-inline:var(--card-content-padding-inline)}
/*# sourceMappingURL=/cdn/shop/t/78/assets/jxs-timeline-promotion.css.map */