.offscreen-slider{display:grid;grid-template-columns:[full-start] 1fr [content-start] min(var(--page-width),100% - var(--page-spacing) * 2) [content-end] 1fr [full-end];margin:6rem 0}.offscreen-slider>*{grid-column:content}.offscreen-slider__track{grid-column:full;display:grid;grid-template-columns:inherit;padding-block:var(--page-spacing);overflow-x:scroll;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab;cursor:-webkit-grab;scroll-behavior:smooth;z-index:1}.offscreen-slider__track.active{cursor:grabbing;cursor:-webkit-grabbing}.offscreen-slider__track.active,.offscreen-slider__track.scroll-snap-disabled{scroll-snap-type:none;scroll-behavior:auto}.offscreen-slider__track::-webkit-scrollbar{display:none}.track__container{display:grid;grid-column:content;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--grid-column-gap, 2rem)}.track__wrapper{grid-column:var(--content-width, 1 / -1);display:flex;align-items:stretch;gap:var(--grid-column-gap, var(--page-spacing))}.track__wrapper:after{content:"";align-self:stretch;padding-inline-end:max(var(--page-spacing),((100vw - var(--page-width)) / 2));margin-inline-start:calc(-1 * var(--page-spacing))}.offscreen-slider__card{position:relative;display:flex;flex-shrink:0;flex-direction:column;width:80vw;scroll-snap-align:center;border-radius:1rem;overflow:hidden}.offscreen-slider__card-media{position:relative;border-radius:var(--slider-card--border-radii, .8rem .8rem 0 0);border:.1rem solid currentColor;overflow:hidden}.offscreen-slider__image,.offscreen-slider__video{display:block;width:100%;height:auto}.offscreen-slider__card-media:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";z-index:10}.offscreen-slider__card-content{padding-top:1.4rem;padding-left:1.4rem;border-left:.1rem solid currentColor;flex-grow:1}@media screen and (min-width: 990px){.offscreen-slider{margin:8rem 0}.offscreen-slider__card{width:40vw}.offscreen-slider__card-media{border-width:var(--slider-card--border-width, .1rem);border-radius:var(--slider-card--border-radii, 1rem 1rem 0 0)}.offscreen-slider__card-content{padding:2rem 2rem 0;border-left:.1rem solid currentColor}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/component-offscreen-slider.css.map */