.video-row{--video-row-gap: 1.2rem;--video-row-columns: 46%}.video-row__heading{text-align:center;margin:0 0 2.4rem}.video-row__list{display:grid;grid-auto-flow:column;grid-auto-columns:var(--video-row-columns);gap:var(--video-row-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2rem;scrollbar-width:none;list-style:none;margin:0 -2rem;padding:0 2rem}.video-row__list::-webkit-scrollbar{display:none}.video-row__item{scroll-snap-align:start;min-width:0}.video-row__media{position:relative;aspect-ratio:9 / 16;border-radius:1.6rem;overflow:hidden;background-color:rgba(var(--color-foreground),.06)}.video-row__media:has(.video-row__poster:focus-visible){outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.video-row__poster{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}.video-row__poster:focus-visible{outline:none;box-shadow:none}.video-row__poster-image,.video-row__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-row__video{background-color:#000}.video-row__media[loaded] .video-row__poster{display:none}.video-row__play{position:absolute;right:1rem;bottom:1rem;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;background-color:#fff;box-shadow:0 .2rem 1rem #0003;transition:transform var(--duration-short) ease}.video-row__play svg{width:1.6rem;height:1.6rem;margin-left:.2rem;fill:#121212}.video-row__poster:hover .video-row__play{transform:scale(1.08)}@media screen and (min-width:750px){.video-row{--video-row-gap: 1.6rem;--video-row-columns: 30%}.video-row__heading{margin-bottom:3.2rem}.video-row__list{scroll-padding-inline:5rem;margin:0 -5rem;padding:0 5rem}.video-row__play{right:1.2rem;bottom:1.2rem;width:4.4rem;height:4.4rem}.video-row__play svg{width:1.8rem;height:1.8rem}}@media screen and (min-width:990px){.video-row{--video-row-columns: calc((100% - 5 * var(--video-row-gap)) / 6)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-video-row.css.map */