.hero-animated{padding:25px}.hero-animated__wrapper{position:relative;width:100%;max-width:100%;margin:0 auto;overflow:hidden;border-radius:15px;padding:3px}.hero-animated .swiper{width:100%;height:calc(100vh - 184px)}.hero-animated__mirror img{height:100%;object-fit:contain;border-radius:20px;padding:10px;aspect-ratio:189.52 / 203}.hero-animated .swiper-slide{display:flex;justify-content:center}.hero-animated__container{position:relative;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:0px;width:100%;height:100%}.hero-animated__container--video{position:relative;width:100%;height:100%}.hero-animated__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.hero-animated__container--image{background-size:cover;background-position:center;background-repeat:no-repeat}.hero-animated__item{position:relative;aspect-ratio:1;overflow:hidden;background:#f4f4f4;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;font-family:Arial,sans-serif;font-weight:700;width:100%;min-height:130px;height:100%;font-size:24px;text-shadow:0 1px 3px rgba(0,0,0,.7);border:7px solid #ffffff;transition:scale .3s ease}.hero-animated__item--hover:hover{scale:1.03}.hero-animated__mirror.is-product-card:hover{transform:scale(1.04)}.hero-animated__mirror{position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:0 0 0 10px #fff;border-radius:10px;overflow:hidden}.hero-animated__video::-webkit-media-controls{display:none!important}.hero-animated__video::-moz-media-controls{display:none!important}.hero-animated__card-video::-moz-media-controls{display:none!important}.hero-animated__card-video::-webkit-media-controls-enclosure{display:none!important}.hero-animated__card-video::-webkit-media-controls-panel{display:none!important}.hero-animated__card-video::-webkit-media-controls{display:none!important}.hero-animated__card-video{height:100%;width:100%;object-fit:cover;border-radius:10px}.hero-animated__mirror.is-product-card{transition:transform .3s ease;z-index:2}@media screen and (max-width: 1000px){.hero-animated .swiper{height:auto}.hero-animated__container{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}.hero-animated{padding:19px}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/hero-animated.css.map */