.media-grid-vaillant{display:block;width:100%;background:#111}.media-grid-vaillant__grid{display:grid;grid-template-columns:1fr;width:100%}.media-grid-vaillant__item{position:relative;min-width:0;aspect-ratio:753 / 903;overflow:hidden;background:#181818;color:#fff}.media-grid-vaillant__item--linked{cursor:pointer}.media-grid-vaillant__item-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.media-grid-vaillant__item--intrinsic{aspect-ratio:auto}.media-grid-vaillant__skeleton{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:#202020;transition:opacity .3s ease,visibility .3s ease}.media-grid-vaillant__skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.08) 50%,transparent 80%);transform:translate(-100%);animation:media-grid-vaillant-shimmer 1.4s ease-in-out infinite}.media-grid-vaillant__item.is-loaded .media-grid-vaillant__skeleton{opacity:0;visibility:hidden}.media-grid-vaillant__media,.media-grid-vaillant__poster,.media-grid-vaillant__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.media-grid-vaillant__media{z-index:1;opacity:0;transition:opacity .35s ease}.media-grid-vaillant__item--intrinsic .media-grid-vaillant__media{position:relative}.media-grid-vaillant__item--intrinsic .media-grid-vaillant__image,.media-grid-vaillant__item--intrinsic .media-grid-vaillant__poster{position:relative;inset:auto;height:auto}.media-grid-vaillant__item.is-loaded .media-grid-vaillant__media{opacity:1}.media-grid-vaillant__poster,.media-grid-vaillant__video,.media-grid-vaillant__image,.media-grid-vaillant__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.media-grid-vaillant__image,.media-grid-vaillant__poster{transition:transform .5s ease}@media screen and (hover:hover)and (pointer:fine){.media-grid-vaillant__item--linked:hover .media-grid-vaillant__image,.media-grid-vaillant__item--linked:hover .media-grid-vaillant__poster,.media-grid-vaillant__item--linked:focus-within .media-grid-vaillant__image,.media-grid-vaillant__item--linked:focus-within .media-grid-vaillant__poster{transform:scale(1.05)}}.media-grid-vaillant__poster{z-index:1;transition:opacity .25s ease,visibility .25s ease}.media-grid-vaillant__video{z-index:0;border:0}.media-grid-vaillant__item.is-playing .media-grid-vaillant__poster{opacity:0;visibility:hidden}.media-grid-vaillant__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:rgba(0,0,0,var(--media-grid-overlay, .4));pointer-events:none;transition:opacity .25s ease}.media-grid-vaillant__item.is-playing .media-grid-vaillant__overlay{opacity:0}.media-grid-vaillant__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center;pointer-events:none}.media-grid-vaillant__title{position:relative;display:inline-block;margin:0;font-family:var(--font-heading-family);font-size:1.8rem;font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:normal;letter-spacing:.054rem;color:#fff;text-decoration:none;pointer-events:auto}.media-grid-vaillant__title--link:after{content:"";position:absolute;left:0;right:0;bottom:-.1rem;height:.1rem;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .3s ease}.media-grid-vaillant__item--linked:hover .media-grid-vaillant__title--link:after,.media-grid-vaillant__item--linked:focus-within .media-grid-vaillant__title--link:after,.media-grid-vaillant__title--link:hover:after,.media-grid-vaillant__title--link:focus-visible:after{transform:scaleX(1)}.media-grid-vaillant__play{position:absolute;top:50%;left:50%;z-index:4;display:flex;align-items:center;justify-content:center;width:5.1rem;height:5.1rem;padding:1.25rem;border:0;border-radius:50%;background:#ffffff82;color:#fff;transform:translate(-50%,-50%);cursor:pointer;transition:transform .2s ease,opacity .2s ease}.media-grid-vaillant__play:hover,.media-grid-vaillant__play:focus-visible{transform:translate(-50%,-50%) scale(1.06)}.media-grid-vaillant__play svg{display:block;width:2.6rem;height:2.6rem}.media-grid-vaillant__item.is-playing .media-grid-vaillant__play{opacity:0;pointer-events:none}.media-grid-vaillant__placeholder{background:#202020;opacity:.35}@keyframes media-grid-vaillant-shimmer{to{transform:translate(100%)}}@media screen and (max-width:749px){.media-grid-vaillant__item--hide-mobile{display:none}.media-grid-vaillant__item.is-loaded .media-grid-vaillant__media{aspect-ratio:1 / 1.09}.media-grid-vaillant__item--intrinsic .media-grid-vaillant__image,.media-grid-vaillant__item--intrinsic .media-grid-vaillant__poster{height:100%}}@media screen and (min-width:750px){.media-grid-vaillant__grid{grid-template-columns:repeat(var(--media-grid-count),minmax(0,1fr))}.media-grid-vaillant__item{aspect-ratio:753 / 903}.media-grid-vaillant__grid[data-block-count="2"] .media-grid-vaillant__item{aspect-ratio:26 / 27}.media-grid-vaillant__grid[data-block-count="3"] .media-grid-vaillant__item{aspect-ratio:43 / 55}.media-grid-vaillant__item--intrinsic .media-grid-vaillant__media,.media-grid-vaillant__item--intrinsic .media-grid-vaillant__image,.media-grid-vaillant__item--intrinsic .media-grid-vaillant__poster{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.media-grid-vaillant__title{font-size:2rem;letter-spacing:.06rem}}@media(prefers-reduced-motion:reduce){.media-grid-vaillant__skeleton:after{animation:none}.media-grid-vaillant__skeleton,.media-grid-vaillant__media,.media-grid-vaillant__poster,.media-grid-vaillant__image,.media-grid-vaillant__overlay,.media-grid-vaillant__play,.media-grid-vaillant__title--link:after{transition:none}.media-grid-vaillant__item--linked:hover .media-grid-vaillant__image,.media-grid-vaillant__item--linked:hover .media-grid-vaillant__poster,.media-grid-vaillant__item--linked:focus-within .media-grid-vaillant__image,.media-grid-vaillant__item--linked:focus-within .media-grid-vaillant__poster{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/component-media-grid-vaillant.css.map */