.icon-tile{--icon-tile-icon: 2.8rem;--icon-tile-accent: rgb(var(--btn-bg-color));display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:calc(var(--icon-tile-icon) + 2.2rem);height:calc(var(--icon-tile-icon) + 2.2rem);border-radius:1.4rem;color:var(--icon-tile-accent);background:rgb(var(--btn-bg-color) / .12);background:color-mix(in srgb,var(--icon-tile-accent) 13%,transparent);line-height:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),background-color .2s ease,color .2s ease}.icon-tile--on-dark{background:rgb(var(--btn-bg-color) / .18);background:color-mix(in srgb,var(--icon-tile-accent) 18%,transparent)}.icon-tile svg,.icon-tile img{display:block;width:var(--icon-tile-icon);height:var(--icon-tile-icon)}.icon-tile img{object-fit:contain}.icon-tile-hover:hover .icon-tile{transform:scale(1.06) rotate(-4deg)}@media(prefers-reduced-motion:reduce){.icon-tile{transition:none}.icon-tile-hover:hover .icon-tile{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/custom-icon-tile.css.map */