.banner-grid{--_clip-above: polygon( 0 0, 100% 0, 100% calc(100% - 10px) , 88% calc(100% - 12px) , 73% calc(100% - 9px) , 57% calc(100% - 11px) , 42% calc(100% - 9px) , 26% calc(100% - 11px) , 11% calc(100% - 9px) , 0 calc(100% - 11px) );--_clip-below: polygon( 0 8px, 12% 7px, 27% 8px, 42% 7px, 58% 9px, 73% 7px, 88% 8px, 100% 7px, 100% 100%, 0 100% )}.banner-grid__card{display:flex;align-items:center;justify-content:center;position:relative;flex-direction:column;overflow:hidden;clip-path:url(#wobbly-grid-card-shape);-webkit-clip-path:url(#wobbly-grid-card-shape)}.banner-grid__card-link{position:absolute;top:0;left:0;width:100%;height:100%}.banner-grid__card-inner{--card-padding: 3.4rem;padding:var(--card-padding);align-self:stretch}.banner-grid__card-media{flex:1;min-height:0;overflow:hidden;transition:transform .3s ease-in-out;width:100%}.banner-grid__card:not(.banner-grid__card--left) .banner-grid__card-media{width:100%}.banner-grid__card-media svg{width:100%;height:100%;object-fit:cover}.banner-grid__card-image,.banner-grid__card-video{display:block;width:100%;height:100%;object-fit:cover}.banner-grid__card-image--mobile{display:none}.banner-grid--height-small .banner-grid__card{min-height:32rem}.banner-grid--height-medium .banner-grid__card{min-height:48rem}.banner-grid--height-large .banner-grid__card{min-height:56rem}.banner-grid--height-small .banner-grid__card-media,.banner-grid--height-medium .banner-grid__card-media,.banner-grid--height-large .banner-grid__card-media{position:relative;min-height:10rem}.banner-grid--height-small .banner-grid__card-media>*,.banner-grid--height-medium .banner-grid__card-media>*,.banner-grid--height-large .banner-grid__card-media>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.banner-grid__card-inner--light>*:not(.button){color:#fff}.banner-grid__nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:1.6rem}.banner-grid__pagination.swiper-pagination-bullets{position:relative;bottom:unset;grid-column:2;justify-self:center}.banner-grid__pagination .swiper-pagination-bullet{width:12px;height:12px}.banner-grid.swiper{padding-right:2rem;padding-left:2rem}.banner-grid__card--mobile-top:not(.banner-grid__card--overlay) .banner-grid__card-inner,.banner-grid__card--mobile-bottom:not(.banner-grid__card--overlay) .banner-grid__card-inner,.banner-grid__card--top:not(.banner-grid__card--overlay) .banner-grid__card-inner,.banner-grid__card--bottom:not(.banner-grid__card--overlay) .banner-grid__card-inner,.banner-grid__card--left:not(.banner-grid__card--overlay) .banner-grid__card-inner{position:relative;z-index:1}.banner-grid__card--overlay{justify-content:flex-start}.banner-grid__card--overlay .banner-grid__card-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.banner-grid__card--overlay .banner-grid__card-inner{position:relative;z-index:1}@media screen and (max-width:989px){.banner-grid__card{width:100%}.banner-grid--slider .swiper-slide{height:auto}.banner-grid__card-image--mobile{display:block}.banner-grid__card-image:has(+.banner-grid__card-image--mobile){display:none}.banner-grid__card--mobile-top{flex-direction:column}.banner-grid__card--mobile-bottom{flex-direction:column-reverse}.banner-grid__card--mobile-top:not(.banner-grid__card--overlay) .banner-grid__card-inner{margin-bottom:-12px;clip-path:var(--_clip-above);-webkit-clip-path:var(--_clip-above)}.banner-grid__card--mobile-bottom:not(.banner-grid__card--overlay) .banner-grid__card-inner{margin-top:-9px;clip-path:var(--_clip-below);-webkit-clip-path:var(--_clip-below)}}@media screen and (min-width:990px){.banner-grid__inner{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.banner-grid__inner.swiper-wrapper{display:grid}.banner-grid__card.swiper-slide{width:auto;height:auto}.banner-grid__inner:has(.banner-grid__card:nth-child(2):last-child) .banner-grid__card,.banner-grid__inner:has(.banner-grid__card:nth-child(3):last-child) .banner-grid__card:first-child{grid-column:span 2}.banner-grid__nav{display:none}.banner-grid__card-inner{width:var(--content-width, calc(100% - calc(var(--card-padding) * 2)))}.banner-grid__card--top{flex-direction:column}.banner-grid__card--bottom{flex-direction:column-reverse}.banner-grid__card--left{flex-direction:row;align-items:stretch}.banner-grid__card--top:not(.banner-grid__card--overlay) .banner-grid__card-inner{margin-bottom:-12px;clip-path:var(--_clip-above);-webkit-clip-path:var(--_clip-above)}.banner-grid__card--bottom:not(.banner-grid__card--overlay) .banner-grid__card-inner{margin-top:-9px;clip-path:var(--_clip-below);-webkit-clip-path:var(--_clip-below)}.banner-grid__card--left:not(.banner-grid__card--overlay) .banner-grid__card-inner{height:calc(100% - calc(var(--card-padding) * 2));margin-right:-14px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;clip-path:polygon(0 0,calc(100% - 8px) .6%,calc(100% - 4px) 18%,calc(100% - 6px) 37%,calc(100% - 4px) 58%,calc(100% - 8px) 79%,calc(100% - 14px) 100%,0 100%);-webkit-clip-path:polygon(0 0,calc(100% - 8px) .6%,calc(100% - 4px) 18%,calc(100% - 6px) 37%,calc(100% - 4px) 58%,calc(100% - 8px) 79%,calc(100% - 14px) 100%,0 100%)}.banner-grid__card--left.banner-grid__card--overlay .banner-grid__card-inner{display:flex;flex-direction:column;justify-content:center}}@media(hover:hover){.banner-grid__card:hover .banner-grid__card-media{transform:scale(1.05)}}.banner-grid__play-btn{grid-column:3;justify-self:end;background:transparent;cursor:pointer;padding:.8rem;display:flex;align-items:center;color:currentColor;border:1px solid;border-radius:50%}.banner-grid__play-btn svg{width:1.6rem;height:1.6rem}.banner-grid__play-btn .icon-play,.banner-grid__play-btn.is-paused .icon-pause{display:none}.banner-grid__play-btn.is-paused .icon-play{display:flex}
/*# sourceMappingURL=/cdn/shop/t/16/assets/banner-grid.css.map */