byte-product-split-slider{--byte-pss-columns: 2;--byte-pss-gap: 16px;--byte-pss-track-bg: #f4f4f4;--byte-pss-nav-size: 4rem;display:block}.byte-product-split-slider{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;overflow:hidden}@media screen and (min-width:750px){byte-product-split-slider{--byte-pss-columns: 3}}@media screen and (min-width:990px){byte-product-split-slider{--byte-pss-columns: 5}.byte-product-split-slider{gap:2rem}}.byte-product-split-slider__header{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem 1.5rem}@media screen and (min-width:750px){.byte-product-split-slider__header{flex-direction:row}}.byte-product-split-slider__title{margin:0;font-size:clamp(1.75rem,4.5vw,2.75rem);line-height:1.15;letter-spacing:-.02em;font-weight:600;max-width:none}.byte-product-split-slider__nav{display:flex;align-items:center;gap:1rem;flex-shrink:0}.byte-product-split-slider__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--byte-pss-nav-size);height:var(--byte-pss-nav-size);padding:0;border:1px solid rgba(var(--color-foreground),.35);border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;transition:border-color .2s ease,color .2s ease,opacity .2s ease}.byte-product-split-slider__nav-btn .svg-wrapper{display:flex;width:1.5rem;height:1.5rem}.byte-product-split-slider__nav-btn--prev .svg-wrapper{transform:rotate(90deg)}.byte-product-split-slider__nav-btn--next .svg-wrapper{transform:rotate(-90deg)}.byte-product-split-slider__nav-btn:hover:not(:disabled):not(.is-disabled){border-color:rgb(var(--color-foreground))}.byte-product-split-slider__nav-btn:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.byte-product-split-slider__nav-btn.is-disabled,.byte-product-split-slider__nav-btn:disabled{opacity:.35;cursor:not-allowed;border-color:rgba(var(--color-foreground),.15)}.byte-product-split-slider__panel{display:flex;flex-direction:column;min-width:0;background-color:var(--byte-pss-track-bg)}.byte-product-split-slider__viewport{flex:1;overflow:hidden;width:100%;box-sizing:border-box;container-type:inline-size;container-name:byte-pss-viewport;padding:1.25rem 1rem 1.5rem}.byte-product-split-slider__track{display:flex;flex-wrap:nowrap;gap:var(--byte-pss-gap);margin:0;padding:0;list-style:none;will-change:transform}.byte-product-split-slider__track.is-animating{transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.byte-product-split-slider__slide{--byte-pss-slide-width: calc( (100cqw - (var(--byte-pss-gap) * (var(--byte-pss-columns) - 1))) / var(--byte-pss-columns) );flex:0 0 var(--byte-pss-slide-width);width:var(--byte-pss-slide-width);max-width:var(--byte-pss-slide-width);min-width:0;margin:0;box-sizing:border-box;overflow:visible}.byte-product-split-slider__slide-inner{display:flex;flex-direction:column;width:100%;max-width:100%;height:100%}.byte-product-split-slider__slide .product-card-wrapper,.byte-product-split-slider__slide .card-wrapper{width:100%;max-width:100%;height:100%}.byte-product-split-slider__slide .card{height:100%}.byte-product-split-slider__slide .card__content{padding-top:.75rem}.byte-product-split-slider__slide .card__heading{font-weight:500}.byte-product-split-slider__slide .card__information{padding-bottom:0}.byte-product-split-slider__dots{display:flex;justify-content:center;align-items:center;gap:6px;padding:1rem 1rem .75rem}.byte-product-split-slider__dots[hidden]{display:none}.byte-product-split-slider__dot{display:block;padding:0;border:none;border-radius:9999px;background:rgba(var(--color-foreground),.2);cursor:pointer;width:8px;height:8px;flex-shrink:0;transition:width .3s ease,background-color .3s ease,opacity .3s ease}.byte-product-split-slider__dot.is-active{scale:1.1;background:rgb(var(--color-foreground))}.byte-tabbed-product-slider__viewport{user-select:none;-webkit-user-select:none}.byte-product-split-slider__dot:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.byte-product-split-slider__empty{display:flex;align-items:center;justify-content:center;flex:1;margin:0;padding:2rem 1.5rem;text-align:center;opacity:.7}@media screen and (max-width:989px){.byte-product-split-slider__panel{min-height:22rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/byte-product-split-slider.css.map */