.icon-tiles-module{background:var(--background);display:flow-root;.content{margin-block:80px;margin-inline:auto;max-width:1270px;padding-inline:15px;width:100%;@media (max-width:575px){margin-block:40px}.tiles{column-gap:var(--tile-column-gap);display:flex;flex-wrap:wrap;list-style:none;padding-left:0;row-gap:var(--tile-row-gap);.tile-outer{isolation:isolate;min-height:var(--tile-height);perspective:2000px;&.size-1{width:calc(25% - var(--tile-column-gap)/1.33333);.front{flex-direction:column}.icon{margin:auto auto 0}}&.size-2{width:calc(50% - var(--tile-column-gap)/2)}&.has-backside{&:focus,&:hover{.tile{transform:rotateY(180deg)}}}@media (max-width:768px){width:calc(50% - var(--tile-column-gap)/2)!important;.front{align-items:center;flex-direction:column;justify-content:space-between;.icon{margin:unset!important}}&:first-child{min-height:6rem}}@media (max-width:575px){width:100%!important}}.tile{border-radius:var(--tile-border-radius);height:100%;transform:translateZ(0);transform-style:preserve-3d;transition:transform .5s ease-out;width:100%;will-change:transform;.module-title{color:var(--heading-color);padding:0!important}.face{backface-visibility:hidden;height:100%;inset:0;padding:var(--tile-padding);position:absolute}.front{display:flex;.text{.title{color:inherit;font-size:50px;font-weight:500;hyphens:auto;line-height:5.6rem;margin-bottom:var(--heading-margin-bottom);@media (max-width:1200px){font-size:40px}}.description{color:inherit;display:block;width:80%}}.icon{margin-left:auto;width:var(--icon-size,41%)}}.back{transform:rotateY(180deg)}}}}}