jxs-scroll-tab{display:block;width:100%}jxs-scroll-tab .center-wrapper{width:100%}jxs-scroll-tab .section-content{display:flex;align-items:center;gap:50px}jxs-scroll-tab .mobile-pagination{display:none}jxs-scroll-tab .scroll-tab__media{width:var(--media-width);flex-shrink:0;height:auto;aspect-ratio:var(--media-ratio);position:relative;border-radius:15px;overflow:hidden}jxs-scroll-tab .item__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.5s ease}jxs-scroll-tab .item__media[active]{opacity:1}jxs-scroll-tab .scroll-tab__tab{--padding-block: 4%;margin-block:var(--padding-block);position:relative;flex:1}jxs-scroll-tab .scroll-tab__item{position:relative;padding-inline-start:30px;padding-block:6px 14px}jxs-scroll-tab .item__tab-line{position:absolute;width:3px;background-color:rgb(var(--tabbar-color) / .3);top:0;bottom:0;left:0}jxs-scroll-tab .item__tab-line:after{content:"";display:block;width:100%;height:0%;background-color:rgb(var(--tabbar-color));transition:height .2s ease}jxs-scroll-tab .scroll-tab__item[active] .item__tab-line:after{height:100%}jxs-scroll-tab .item__title{font-size:var(--tab-title-font-size, 22px);font-weight:var(--tab-title-font-weight, 600);line-height:1.3;opacity:.3;transition:opacity .2s ease;cursor:pointer;color:rgb(var(--tab-title-color))}jxs-scroll-tab .item__desc{margin:0;color:rgb(var(--tab-desc-color));opacity:.3;transition:opacity .2s ease}jxs-scroll-tab .item__desc,jxs-scroll-tab .item__desc p{font-size:var(--tab-desc-font-size, 14px);font-weight:var(--tab-desc-font-weight, 400);line-height:1.4;margin:0}jxs-scroll-tab .item__title+.item__desc{margin-block-start:6px}jxs-scroll-tab .scroll-tab__item[active] .item__title,jxs-scroll-tab .scroll-tab__item[active] .item__desc{opacity:1}@media screen and (min-width:1024px){jxs-scroll-tab{padding-block:0!important;min-height:var(--scroll-tab-stage-height, 100vh)}jxs-scroll-tab .center-wrapper{position:sticky;top:0;padding-block-start:var(--section-padding-top--desktop);padding-block-end:var(--section-padding-bottom--desktop);box-sizing:border-box}}@media(max-width:1023px){jxs-scroll-tab .section-content{flex-direction:column;gap:0}jxs-scroll-tab .scroll-tab__media{width:100%}jxs-scroll-tab .scroll-tab__tab{margin-block:0}jxs-scroll-tab .item__tab-line{display:none}jxs-scroll-tab .item__tab-line:after{display:none}jxs-scroll-tab .scroll-tab__item{display:none;padding:0;margin:0}jxs-scroll-tab .scroll-tab__item[active]{display:block}jxs-scroll-tab .item__title{opacity:1;font-size:var(--tab-title-font-size, 18px);text-align:center}jxs-scroll-tab .item__desc,jxs-scroll-tab .item__desc p{opacity:1;text-align:center}jxs-scroll-tab .mobile-pagination{display:flex;justify-content:center;margin:0;padding:0;list-style:none;gap:5px;margin-block:20px 10px}jxs-scroll-tab .mobile-pagination li{display:block;height:4px;width:20px;border-radius:20px;background-color:rgb(var(--color-foreground-rgb) / .4);transition:width .2s ease;cursor:pointer;overflow:hidden}jxs-scroll-tab .mobile-pagination li:after{content:"";display:block;height:100%;width:0%;background-color:rgb(var(--color-foreground-rgb));transition:width .2s ease}jxs-scroll-tab .mobile-pagination li[active]{width:40px}jxs-scroll-tab .mobile-pagination li[active]:after{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/jxs-scroll-tab.css.map */