.icon-with-text{--icon-size: calc(var(--font-heading-scale) * 3rem);--icon-spacing: calc(var(--font-heading-scale) * 1 / 2rem)}.inline-richtext{font-style:var(--font-body-style);font-weight:calc(var(--font-heading-scale) * 1.5rem)}.icon-with-text--horizontal{display:flex;justify-content:center;column-gap:3rem;flex-direction:row}.icon-with-text--vertical{--icon-size: calc(var(--font-heading-scale) * 2rem)}.icon-with-text .icon{fill:rgb(var(--color-foreground));height:var(--icon-size);width:var(--icon-size)}.icon-with-text--horizontal .icon,.icon-with-text--horizontal img{margin-bottom:var(--icon-spacing)}.icon-with-text--vertical .icon{min-height:var(--icon-size);min-width:var(--icon-size);margin-right:var(--icon-spacing)}.icon-with-text img{object-fit:contain;aspect-ratio:1/1}.icon-with-text--vertical img{margin-right:3rem}.icon-with-text--horizontal .h4{text-align:center;margin:1rem 0;justify-content:center}.icon-with-text--horizontal svg+.h4,.icon-with-text--horizontal img+.h4,.icon-with-text--horizontal.icon-with-text--text-only .h4{padding-top:0}.icon-with-text__item{display:flex;align-items:center}.icon-with-text--horizontal .icon-with-text__item{flex-direction:column;width:33%}.icon-with-text--vertical .icon-with-text__item{margin-bottom:1rem}@media screen and (max-width: 749px){.icon-with-text{flex-direction:column;gap:10px;padding-top:0;margin:0}.icon-with-text--vertical .icon-with-text__item{grid-template-columns:repeat(5,1fr);margin-bottom:0}.list-mobile-horizontal{flex-direction:row}.icon-with-text__item{display:grid;grid-template-columns:repeat(3,1fr);width:100%!important}.icon-wrapper{height:6rem;aspect-ratio:1/1;grid-column:span 1}.icon-image{width:60%;height:60%;grid-column:span 1;justify-self:center;margin-bottom:calc(var(--icon-spacing) / 2)}.icon-with-text-header{justify-self:center;grid-column:span 4;width:100%;font-size:1.3rem}.icon-with-text-subheader{grid-column:span 2;grid-row:span 2;text-align:left;margin-left:10px;align-self:start}.icon-with-text--horizontal .h4{text-align:center;margin-top:0}.mobile-hidden{display:none}.mobile-vertical,.mobile-horizontal{display:flex}}@media screen and (min-width: 750px) and (max-width: 989px){.icon-with-text-header{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/component-icon-with-text.css.map?v=119424868626216808831700790150 */
