.infographic{position:relative;background-color:var(--background-main)}.infographic:before,.infographic:after{content:"";position:absolute;left:0;width:100%;height:calc(9.73rem + var(--spacing-top));background-color:var(--background-margins)}.infographic:before{top:0}@media (max-width: 989px){.infographic:before{height:calc(10vw + var(--spacing-top))}}.infographic:after{bottom:0;height:calc(9.3rem + var(--spacing-bottom))}@media (max-width: 989px){.infographic:after{content:none}}.infographic .container{max-width:113.4rem}@media (max-width: 989px){.infographic__media{margin-bottom:5.3rem}.infographic__media .media img{width:100%;height:auto;max-width:100%;max-height:100%;position:static}.infographic__block{margin-bottom:2.4rem}}@media (min-width: 990px){.infographic__inner{--rows-offset: 2.9rem;display:grid;grid-template-columns:1fr 19rem 1fr;gap:5.38rem 10.3rem;position:relative;padding-top:var(--rows-offset);z-index:1;align-items:center;grid-template-areas:"feature-1 image feature-2" "feature-3 image feature-4"}.infographic__media{grid-area:image;transform:translateY(calc(var(--rows-offset) * -1))}.infographic__media .media{padding-bottom:414.7%}.infographic__media .media img{object-fit:contain}.infographic__block{--line-length: 16rem;min-height:20.4rem;position:relative}.infographic__block:before{content:"";width:1.8rem;height:100%;position:absolute;top:0;border:1px solid color-mix(in srgb,#000 30%,transparent 70%)}.infographic__block:after{content:"";width:var(--line-length);height:1px;position:absolute;top:2.8rem;border-top:1px solid color-mix(in srgb,#000 30%,transparent 70%);z-index:-1}.infographic__block--1{grid-area:feature-1;align-self:end}.infographic__block--1:after{transform:rotate(20deg)}.infographic__block--2{grid-area:feature-2;align-self:end}.infographic__block--2:after{transform:rotate(-20deg)}.infographic__block--3{grid-area:feature-3;align-self:start}.infographic__block--3:after{transform:rotate(-33.3deg)}.infographic__block--4{grid-area:feature-4;align-self:start}.infographic__block--4:after{transform:rotate(33.3deg)}.infographic__block--1,.infographic__block--3{padding-right:3.4rem}:is(.infographic__block--1,.infographic__block--3):before{border-left:none;right:0}:is(.infographic__block--1,.infographic__block--3):after{left:100%;transform-origin:left}.infographic__block--2,.infographic__block--4{padding-left:3.4rem}:is(.infographic__block--2,.infographic__block--4):before{border-right:none;left:0}:is(.infographic__block--2,.infographic__block--4):after{right:100%;transform-origin:right}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-infographic.css.map */