.mono-videos__head{margin:0 0 var(--mono-vid-head-mb, 3.2rem)}.mono-videos__heading{margin:0;font-size:var(--mono-vid-heading, inherit)}.mono-videos__subheading{margin-top:1rem;max-width:60ch;font-size:var(--mono-vid-sub, 1.5rem);line-height:1.6;color:rgba(var(--color-foreground),.85)}.mono-videos__grid{display:grid;grid-template-columns:1fr;gap:var(--mono-videos-gap, 2.4rem);margin:0;padding:0}.mono-videos__grid--scroll{grid-auto-flow:column;grid-auto-columns:78%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:1.5rem;margin-inline:-1.5rem;padding-inline:1.5rem;padding-bottom:.8rem;-webkit-overflow-scrolling:touch}.mono-videos__grid--scroll .mono-videos__item{scroll-snap-align:start}.mono-videos__item{min-width:0}.mono-videos__media{position:relative;aspect-ratio:1 / var(--mono-video-ratio, 1.25);overflow:hidden;border-radius:var(--media-radius);background-color:rgba(var(--color-foreground),.04)}.mono-videos__media video,.mono-videos__media iframe,.mono-videos__poster-image,.mono-videos__placeholder svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0}.mono-videos__deferred{display:block;height:100%}.mono-videos__poster-button{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}.mono-videos__caption{margin-top:1.2rem}.mono-videos__caption-heading{margin:0;font-size:var(--mono-vid-caption, 1.5rem);line-height:1.4}.mono-videos__caption-text{margin-top:.4rem;font-size:var(--mono-vid-caption-text, 1.4rem);line-height:1.6;color:rgba(var(--color-foreground),.85)}.mono-videos__caption-text>:first-child{margin-top:0}.mono-videos__caption-text>:last-child{margin-bottom:0}@media screen and (min-width:750px){.mono-videos__grid,.mono-videos__grid--scroll{grid-auto-flow:row;grid-template-columns:repeat(var(--mono-videos-columns, 3),minmax(0,1fr));grid-auto-columns:auto;overflow-x:visible;margin-inline:0;padding-inline:0;gap:var(--mono-videos-gap, 3.2rem)}}.mono-gutter{padding-inline:calc(1.5rem + var(--mono-pad-inline, 0px))}@media screen and (min-width:750px){.mono-gutter{padding-inline:calc(5rem + var(--mono-pad-inline, 0px))}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-mono-product-video.css.map */