.no-vgrid__list{list-style:none;margin:0;padding:0;display:grid;gap:2.4rem 2rem;grid-template-columns:repeat(3,minmax(0,1fr))}.no-vgrid__list--1{grid-template-columns:minmax(0,1fr);max-width:80rem;margin-inline:auto}.no-vgrid__list--2,.no-vgrid__list--4{grid-template-columns:repeat(2,minmax(0,1fr))}.no-vgrid__list--5,.no-vgrid__list--6{grid-template-columns:repeat(3,minmax(0,1fr))}@media screen and (min-width:750px){.no-vgrid__list--5{grid-template-columns:repeat(6,minmax(0,1fr))}.no-vgrid__list--5>.no-vgrid__item{grid-column:span 2}.no-vgrid__list--5>.no-vgrid__item:nth-child(4){grid-column:2 / span 2}.no-vgrid__list--5>.no-vgrid__item:nth-child(5){grid-column:4 / span 2}}.no-vgrid__item{margin:0;min-width:0}.no-vgrid__card{display:flex;flex-direction:column;height:100%}.no-vgrid__frame{position:relative;display:block;width:100%;aspect-ratio:16 / 9;margin:0;padding:0;border:0;border-radius:1.2rem;overflow:hidden;background-color:#000;cursor:pointer;box-shadow:0 .6rem 1.5rem rgba(var(--color-shadow, 18, 18, 18),.12);transition:transform .25s ease,box-shadow .25s ease;-webkit-appearance:none;appearance:none}.no-vgrid__frame:hover,.no-vgrid__frame:focus-visible{transform:translateY(-.4rem);box-shadow:0 1rem 2.2rem rgba(var(--color-shadow, 18, 18, 18),.2)}.no-vgrid__frame:focus-visible{outline:.2rem solid rgb(var(--color-base-text, 18, 18, 18));outline-offset:.3rem}.no-vgrid__thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.no-vgrid__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 45%,#00000059);pointer-events:none}.no-vgrid__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6.8rem;height:4.8rem;pointer-events:none;transition:transform .25s ease}.no-vgrid__play svg{width:100%;height:100%;display:block;filter:drop-shadow(0 .2rem .8rem rgba(0,0,0,.55))}.no-vgrid__play-bg{fill:#121212;fill-opacity:.82;transition:fill .25s ease,fill-opacity .25s ease}.no-vgrid__play-tri{fill:#fff}.no-vgrid__frame:hover .no-vgrid__play,.no-vgrid__frame:focus-visible .no-vgrid__play{transform:translate(-50%,-50%) scale(1.08)}.no-vgrid__frame:hover .no-vgrid__play-bg,.no-vgrid__frame:focus-visible .no-vgrid__play-bg{fill:#e02020;fill-opacity:1}.no-vgrid__iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.no-vgrid__meta{padding:1.2rem .2rem 0}.no-vgrid__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);letter-spacing:var(--font-heading-letter-spacing);font-size:1.5rem;line-height:1.35;margin:0;text-transform:uppercase;color:rgb(var(--color-foreground, var(--color-base-text, 18, 18, 18)));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.no-vgrid__channel{font-family:var(--font-body-family);font-size:1.3rem;line-height:1.4;margin:.5rem 0 0;opacity:.68}@media screen and (min-width:750px)and (max-width:989px){.no-vgrid__list:not(.no-vgrid__list--5):not(.no-vgrid__list--6),.no-vgrid__list--2,.no-vgrid__list--3,.no-vgrid__list--4{grid-template-columns:repeat(2,minmax(0,1fr))}.no-vgrid__list--6{grid-template-columns:repeat(3,minmax(0,1fr))}.no-vgrid__list--5,.no-vgrid__list--6{gap:1.8rem 1.4rem}.no-vgrid__list--5 .no-vgrid__title,.no-vgrid__list--6 .no-vgrid__title{font-size:1.3rem}.no-vgrid__list--5 .no-vgrid__channel,.no-vgrid__list--6 .no-vgrid__channel{font-size:1.2rem}.no-vgrid__list--5 .no-vgrid__play,.no-vgrid__list--6 .no-vgrid__play{width:5rem;height:3.5rem}}@media screen and (max-width:749px){.no-vgrid__list,.no-vgrid__list--1,.no-vgrid__list--2,.no-vgrid__list--4,.no-vgrid__list--5,.no-vgrid__list--6{display:flex;grid-template-columns:none;gap:1.2rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-right:calc(-1 * var(--no-vgrid-gutter, 1.5rem));padding-bottom:.4rem}.no-vgrid__list:after{content:"";flex:0 0 var(--no-vgrid-gutter, 1.5rem)}.no-vgrid__list::-webkit-scrollbar{display:none}.no-vgrid__item{flex:0 0 78%;max-width:78%;scroll-snap-align:start}.no-vgrid__play{width:5.4rem;height:3.8rem}.no-vgrid__title{font-size:1.4rem}}@media(prefers-reduced-motion:reduce){.no-vgrid__frame,.no-vgrid__play{transition:none}.no-vgrid__frame:hover,.no-vgrid__frame:focus-visible{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/no-video-grid.css.map */