.ugc__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px;margin-bottom:28px}.ugc__titles{display:flex;flex-direction:column;gap:12px}.ugc__text{max-width:52ch}.ugc__grid{display:grid;gap:8px;grid-template-columns:repeat(var(--ugc-columns-mobile),minmax(0,1fr));margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.ugc__grid{grid-template-columns:repeat(var(--ugc-columns),minmax(0,1fr));gap:12px}}.ugc__tile{display:block;aspect-ratio:1;border-radius:var(--radius-image);color:var(--color-on-dark);text-decoration:none}.ugc__tile.duotone:after{transition:opacity .3s}.ugc__tile.duotone:hover:after{opacity:0}.ugc__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;text-align:center;font-size:13px;font-weight:var(--font-body-weight-semibold);background:rgba(var(--color-dark-rgb),.55);opacity:0;transition:opacity .25s}.ugc__tile:hover .ugc__overlay,.ugc__tile:focus-visible .ugc__overlay{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-ugc-grid.css.map */