.mosaic-grid{display:grid;grid-template-columns:repeat(3,1fr)}.mosaic-item{position:relative;overflow:hidden;height:22.5rem}.mosaic-item.mosaic-item--large{height:720px}.mosaic-item img,.mosaic-item svg.placeholder-svg{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.1);transition:all .5s}.mosaic-item:hover img{transform:scale(1.05)}.mosaic-item--large{grid-row:1 / span 2}.mosaic-link{display:block;width:100%;height:100%}.mosaic-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1;display:block!important}.mosaic-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;align-items:center;text-align:center;padding:3rem}.mosaic-content h2{color:#fff;font-size:1.875rem;line-height:2.063rem;margin:0;letter-spacing:.3px}.mosaic-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:1.875rem;height:1.875rem;border-radius:50%;display:flex;justify-content:center;align-items:center}.mosaic-video-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none}.mosaic-video-popup.active{display:block}.mosaic-video-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;display:block!important}.mosaic-video-popup__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90vw,1000px)}.mosaic-video-wrapper iframe,.mosaic-video-wrapper video{width:100%;aspect-ratio:16/9;border:0}.mosaic-video-popup__close{position:absolute;top:-40px;right:0;color:#fff;background:none;border:0;font-size:30px;cursor:pointer;display:block!important}.mosaic-item{position:relative;overflow:hidden}.mosaic-item img,.mosaic-item video{width:100%;height:100%;object-fit:cover;display:block}.mosaic-video{pointer-events:none}@media screen and (max-width:990px){.mosaic-grid{grid-template-columns:1fr 1fr;gap:0}.mosaic-grid>*{width:100%;max-width:100%}.mosaic-content h2{color:#fff;font-size:16px;line-height:26px;margin:0;letter-spacing:.18px}.mosaic-content{align-items:center;padding:30px}.mosaic-item{height:200px}.mosaic-item.mosaic-item--large{height:400px;max-width:100%}}@media screen and (max-width:414px){.mosaic-content h2{font-size:14px;line-height:24px}}@media screen and (max-width:375px){.mosaic-content h2{font-size:13px;line-height:24px}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/banner-masory.css.map */