.video-grid{display:block;width:100%;min-width:0;color:rgb(var(--color-foreground));background:rgb(var(--color-background))}.video-grid__inner{width:100%;min-width:0}.video-grid__inner--page-width{max-width:var(--page-width);margin-inline:auto;padding-inline:4.4rem}.video-grid__list{display:grid;grid-template-columns:repeat(var(--video-grid-columns-desktop, 4),minmax(0,1fr));gap:.4rem;margin:0;padding:0;list-style:none}.video-grid__item{min-width:0}.video-grid__media{position:relative;width:100%;aspect-ratio:335 / 595;overflow:hidden;background:#000}.video-grid__video,.video-grid__placeholder{display:block;width:100%;height:100%;object-fit:cover}.video-grid__placeholder{background:rgba(var(--color-foreground),.08)}.video-grid__control{position:absolute;inset:50% auto auto 50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;margin:0;padding:0;border:0;border-radius:50%;color:#fff;background:#00000073;transform:translate(-50%,-50%);cursor:pointer;transition:opacity .15s ease,transform .15s ease,background-color .15s ease}.video-grid__control .svg-wrapper{width:100%;height:100%}.video-grid__control:hover{background:#0009;transform:translate(-50%,-50%) scale(1.05)}.video-grid__control:focus-visible{outline:.2rem solid #fff;outline-offset:.2rem}.video-grid__control[hidden]{display:none!important}.video-grid__control .icon{width:2rem;height:2rem;pointer-events:none}.video-grid__control .icon-play{margin-left:.2rem}.video-grid__control .icon-pause{width:1.6rem;height:1.6rem}@media(hover:hover)and (pointer:fine){.video-grid__item.is-idle .video-grid__control--play,.video-grid__item.is-paused .video-grid__control--play,.video-grid__item.is-playing .video-grid__control--pause{opacity:0;pointer-events:none}.video-grid__item.is-idle:hover .video-grid__control--play,.video-grid__item.is-paused:hover .video-grid__control--play,.video-grid__item.is-idle:focus-within .video-grid__control--play,.video-grid__item.is-paused:focus-within .video-grid__control--play,.video-grid__item.is-playing:hover .video-grid__control--pause,.video-grid__item.is-playing:focus-within .video-grid__control--pause{opacity:1;pointer-events:auto}.video-grid__item.is-ended .video-grid__control--reload{opacity:1;pointer-events:auto}}@media screen and (max-width:749px){.video-grid__list{display:flex;grid-template-columns:none;gap:.4rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:1.6rem;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;min-width:0}.video-grid__list::-webkit-scrollbar{display:none}.video-grid__item{flex:0 0 calc((100% - (.4rem * (var(--video-grid-columns-mobile, 2) - 1))) / (var(--video-grid-columns-mobile, 2) + .4));width:calc((100% - (.4rem * (var(--video-grid-columns-mobile, 2) - 1))) / (var(--video-grid-columns-mobile, 2) + .4));scroll-snap-align:start}.video-grid__item:first-child{margin-left:1.6rem}.video-grid__item:last-child{margin-right:1.6rem}.video-grid__media{aspect-ratio:161 / 286;cursor:pointer}.video-grid__control{width:4.4rem;height:4.4rem}.video-grid__control .icon{width:1.6rem;height:1.6rem}.video-grid__control .icon-pause{width:1.4rem;height:1.4rem}.video-grid__item.is-idle .video-grid__control--play,.video-grid__item.is-playing .video-grid__control--pause{opacity:0;pointer-events:none}.video-grid__item.is-paused .video-grid__control--play,.video-grid__item.is-ended .video-grid__control--reload{opacity:1;pointer-events:auto}.video-grid__inner--page-width{padding-inline:0}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/video-grid.css.map */