.mosaic-section{width:100%}.mosaic-container.image-text__container{margin:0 auto}.mosaic-grid{display:grid;gap:16px}.mosaic-small-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mosaic-tile{position:relative;display:flex;flex-flow:column;height:100%}.mosaic-tile__image{position:relative;height:0;padding-top:100%;font-size:0;overflow:hidden}.mosaic-tile__image img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.mosaic-tile__content{background-position:left;border:1px solid transparent;color:#fff;flex:1;padding:16px 12px}.mosaic-tile__content.no-bg{color:#000;padding-left:0!important;padding-right:0!important}.mosaic-tile__content.bg-white{color:#000;border-color:#f0f5f5}.mosaic-tile--large .mosaic-tile__content{padding:24px 16px}.mosaic-tile__description{color:inherit;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:20px;line-height:1.4}.mosaic-tile__description{transition:text-decoration .2s ease}.mosaic-tile--small .mosaic-tile__description{font-size:14px;font-weight:400;line-height:22px}.mosaic-tile__link{width:28px;height:28px;border-radius:50%;padding:6px;background-color:#fff;border:1px solid #f0f5f5;display:flex;align-items:center}@media screen and (max-width: 1024px){.mosaic-section .page-width{padding:0 16px}}@media screen and (max-width: 767px){.mosaic-tile--small .mosaic-tile__description{flex-flow:column;align-items:flex-start}}.mosaic-tile--clickable{text-decoration:none;color:inherit;display:flex;flex-flow:column;height:100%}.mosaic-tile--clickable:hover{text-decoration:none;color:inherit}.mosaic-tile--clickable:hover .mosaic-tile__image img{transform:scale(1.05)}.mosaic-tile--clickable:hover .mosaic-tile__description{text-decoration:underline}@media screen and (min-width: 1025px){.mosaic-grid{grid-template-columns:1fr 1fr}.mosaic-tile__description{font-size:24px}.mosaic-tile--small .mosaic-tile__description{font-size:16px;line-height:24px}.mosaic-tile__content{padding:16px}.mosaic-tile--large .mosaic-tile__content{padding:48px 32px}}@media screen and (max-width: 1024px){.mosaic-section{margin-top:var(--margin-top-mobile)!important;margin-bottom:var(--margin-bottom-mobile)!important}}
/*# sourceMappingURL=/cdn/shop/t/691/assets/component-mosaic.css.map */
