.collection-grid-banner{display:none;flex-direction:column;background-color:#f5f1ea;position:relative;height:100%;border-radius:10px;overflow:hidden}.collection-grid-banner[data-index="1"]{grid-column:4;grid-row:1 / span 6;display:flex}.collection-grid-banner[data-index="2"]{grid-column:1;grid-row:13 / span 6;display:flex}.collection-grid-banner a{height:100%;color:#fff}.collection-grid-banner__image{position:relative;height:100%}.collection-grid-banner__image img{height:100%;width:100%;object-fit:cover;display:block}.collection-grid-banner__image img.desktop-only{display:block}.collection-grid-banner__image img.mobile-only{display:none}.collection-grid-banner__controls{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;padding:10px;gap:20px;opacity:1;visibility:visible;transition:opacity .2s ease,visibility .2s ease}.collection-grid-banner__controls.hide-controls{opacity:0;visibility:hidden}.collection-grid-banner__controls:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000001a}.collection-grid-banner__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;z-index:-1}.collection-grid-banner__play{position:relative;-webkit-appearance:none;appearance:none;width:80px;height:80px;background-color:#fff;border:none;display:grid;place-items:center;border-radius:50%;transition:box-shadow .2s ease,opacity .2s ease;cursor:pointer}.collection-grid-banner__play:hover{opacity:.7;box-shadow:0 0 8px 3px #0000000d}.collection-grid-banner__play:before{content:"";display:block;width:30px;height:30px;border:20px solid transparent;border-left:30px solid #000;border-right:0;position:relative;left:3px}.collection-grid-banner video{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media screen and (max-width:1199px){.collection-grid-banner[data-index="1"]{grid-column:3}.collection-grid-banner[data-index="2"]{grid-column:1;grid-row:13 / span 6}}@media screen and (max-width:1023px){.collection-grid-banner[data-index="1"]{grid-column:2;grid-row:7 / span 6}.collection-grid-banner[data-index="2"]{grid-column:1;grid-row:25 / span 6}}@media screen and (max-width:767px){.collection-grid-banner{height:auto}.collection-grid-banner[data-index="1"],.collection-grid-banner[data-index="2"]{grid-column:1}.collection-grid-banner[data-index="1"]{grid-row:5}.collection-grid-banner[data-index="2"]{grid-row:9}.collection-grid-banner__image,.collection-grid-banner__image img{height:auto}.collection-grid-banner video{position:static;height:auto}.collection-grid-banner__image img.desktop-only{display:none}.collection-grid-banner__image img.mobile-only{display:block}.collection-grid-banner__play{width:50px;height:50px}.collection-grid-banner__play:before{width:18px;height:18px;border:12px solid transparent;border-left:18px solid #000;border-right:0}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/ad-card.css.map */