.graphic{--graphic-width: 783px;padding:4.5rem 0 4.5rem 1.5rem;gap:4.5rem}@media screen and (min-width: 990px){.graphic{--graphic-width: 1043px;padding:8rem 6rem 6rem;gap:6rem}}.graphic__heading{padding-right:1.5rem}@media screen and (min-width: 990px){.graphic__heading{padding-right:0}.graphic__heading.center{align-items:center}.graphic__heading.left{align-items:start}.graphic__heading.right{align-items:end}}@media screen and (max-width: 989px){.graphic__heading--mobile-center{text-align:center;align-items:center}.graphic__heading--mobile-left{text-align:left;align-items:start}.graphic__heading--mobile-right{text-align:right;align-items:end}}.graphic__description{max-width:648px;margin-top:2rem}.graphic__description>*{margin:0}.graphic__blocks-container{margin-right:1.5rem}@media screen and (min-width: 990px){.graphic__blocks-container{margin-right:0}}.graphic__blocks-container{position:relative;overflow-x:auto;overflow-y:hidden;max-width:var(--graphic-width);min-height:266px;height:100%;margin:0 auto}@media screen and (min-width: 990px){.graphic__blocks-container{min-height:316px}}.graphic__blocks-container::-webkit-scrollbar{height:3px}.graphic__blocks-container::-webkit-scrollbar-track{background-color:var(--hh-color-brand-secondary);border-radius:100px;margin-right:1.5rem}.graphic__blocks-container::-webkit-scrollbar-thumb{background-color:var(--hh-color-subdued);border-radius:100px}.graphic__icon{position:absolute;top:0;left:0;color:#c1bab1;transform:unset}@media screen and (min-width: 990px){.graphic__icon{top:50%;transform:translateY(-50%)}}.graphic__icon svg{height:100%;width:fit-content;max-width:var(--graphic-width);padding-right:1.5rem}@media screen and (min-width: 990px){.graphic__icon svg{width:100%;padding-right:0}}.graphic__blocks{gap:4rem;min-width:var(--graphic-width);max-width:var(--graphic-width);align-items:center;padding-bottom:3rem;padding-right:1.5rem}@media screen and (min-width: 990px){.graphic__blocks{gap:5.8rem;min-width:auto;margin-top:1.5rem;align-items:start;padding-bottom:0;padding-right:0}}.graphic__block{position:relative;z-index:1;width:100%;max-width:180px;margin:0 auto}@media screen and (min-width: 990px){.graphic__block{max-width:250px}}.graphic__block-title{font-size:14px}@media screen and (min-width: 990px){.graphic__block-title{font-size:16px}}.graphic__block-description :first-child{margin-top:1.5rem}.graphic__block-description :last-child{margin-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/399/assets/section-graphic.css.map */