.icon-with-text-grid{display:grid;align-items:start;grid:auto / repeat(var(--icon-with-text-item),minmax(0,1fr));grid-gap:var(--grid-gutter)}.icon-with-text-inner{position:relative}.icon-with-text-backimg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--block-radius);transition:all .4s cubic-bezier(.22,.61,.36,1)}.icon-with-text-backimg img{width:100%;height:100%;object-fit:cover}.icon-with-text-inner:has(.icon-with-text-backimg):hover .icon-with-text-backimg{transform:translateY(-1.25rem)}.icon-with-text-inner:has(.icon-with-text-backimg):hover .icon-with-text-item{transform:rotate(3deg) translateY(1.875rem)}.icon-with-text-item{display:flex;align-items:flex-start;gap:.6rem;position:relative;transition:all .4s cubic-bezier(.22,.61,.36,1)}.background-enable .icon-with-text-item{padding:1rem;background-color:rgb(var(--foreground-rgb-color));border-radius:var(--block-radius)}@media(min-width:768px){.background-enable .icon-with-text-item{padding:2.5rem}}.icon-with-text-item:is(.icon-position-y){flex-direction:column}.icon-with-text-item:is(.icon-position-y).align-left{align-items:flex-start}.icon-with-text-item:is(.icon-position-y).align-center{align-items:center}.icon-with-text-item:is(.icon-position-y).align-right{align-items:flex-end}.icon-with-text-img{display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1;padding:.4rem;background-color:rgb(var(--background-rgb-color));border:.0625rem solid rgba(var(--border-rgb-color));border-radius:50%}.icon-with-text-item .icon-with-text-img{margin-block-end:2rem}.icon-with-text-img img{height:100%;object-fit:cover;border-radius:inherit}.icon-with-text-img svg{width:70%;height:70%}.icon-with-text-img:is(.small-icon){min-width:2.4rem;width:2.4rem;height:2.4rem}.icon-with-text-img:is(.medium-icon){min-width:2.8rem;width:2.8rem;height:2.8rem}.icon-with-text-img:is(.large-icon){min-width:4rem;width:4rem;height:4rem}.icon-with-text-wrapper{flex:1 1;width:100%}.icon-with-text-heading{margin-block-end:1rem}.icon-with-text-description{word-break:break-word}@media(max-width:767.98px){.icon-with-text-item:not(.icon-position-y){flex-wrap:wrap}.icon-with-text-wrapper{flex:0 0 auto}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/icon-with-text.css.map */