.grid-content{border-radius:20px;background-color:#f4f6f4;display:flex;align-items:stretch;justify-content:space-between;flex-wrap:nowrap;overflow:hidden}.grid-content__item--text{padding:25px 54px 25px 42px;align-self:center}.grid-content__item--image{overflow:hidden}.grid-item{flex:1 1 50%;width:100%}.grid-item__image{position:relative;width:100%;height:100%;padding-bottom:100%}.grid-item__image svg.grid-item__image-svg,.grid-item__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.grid-item__image-scroll{position:absolute;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;width:100%;top:0;left:52px;transform-origin:top left;z-index:2;width:72px;height:100%;animation:vertical_scroll 30s linear infinite}.grid-content__item--text+.grid-content__item--image .grid-item__image-scroll{left:unset;right:52px}@keyframes vertical_scroll{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.grid-item__image-scroll svg{width:100%;height:200%;transform:scale(-1)}.grid-item__extra,.grid-item__subheading{color:#000;font-size:17.983px;font-style:normal;font-weight:400;line-height:normal;margin:0 0 21px;opacity:0}.grid-item__heading{color:#000;font-size:78px;font-style:normal;font-weight:600;line-height:80px;margin:0 0 21px;opacity:0}.grid-item__link{color:#fff;text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:2.7px;background-color:var(--bg-color);border-radius:100px;padding:15.5px 10px;display:inline-block;box-sizing:border-box;border:2px solid var(--bg-color);transition:all .3s linear 0s;max-width:200px;width:100%}@media (hover){.grid-item__link:hover{filter:brightness(120%)}}@media (max-width: 998px){.grid-item__link:active{filter:brightness(120%)}.grid-content{flex-wrap:wrap;row-gap:25px}.grid-item{max-width:100%;width:100%;flex:1 0 100%}.grid-content:has(.grid-content__item--text+.grid-content__item--image) .grid-content__item--image{order:1}.grid-content:has(.grid-content__item--text+.grid-content__item--image) .grid-content__item--text{order:2}.grid-item__image-scroll{left:10px;width:72px}.grid-content__item--text+.grid-content__item--image .grid-item__image-scroll{left:unset;right:10px}.grid-content__item--text{padding:15px}.grid-item__heading{font-size:36px;line-height:1}.grid-item__link{width:100%;display:block;padding:15px 5px;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-text-with-image.css.map */