.ugc-mosaic{display:block;position:relative}.ugc-mosaic__grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--ugc-rows-mobile),var(--ugc-col-mobile));grid-auto-columns:var(--ugc-col-mobile);gap:var(--ugc-gap);width:max-content}@media(min-width:980px){.ugc-mosaic__grid{grid-template-rows:repeat(var(--ugc-rows-desktop),var(--ugc-col-desktop));grid-auto-columns:var(--ugc-col-desktop)}}.ugc-mosaic__tile{position:relative;overflow:hidden;border-radius:var(--border-radius-0);background-color:var(--color-neutral-4)}.ugc-mosaic__tile--tall,.ugc-mosaic__tile--big{grid-row:span 2}@media(min-width:980px){.ugc-mosaic__tile--wide,.ugc-mosaic__tile--big{grid-column:span 2}}.ugc-mosaic__link{position:relative;display:block;width:100%;height:100%}.ugc-mosaic__link:focus-visible{outline:none}.ugc-mosaic__link:focus-visible:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;z-index:2;border:2px solid var(--color-neutral-5);border-radius:calc(var(--border-radius-0) - 4px);box-shadow:0 0 0 2px #000000a6;pointer-events:none}.ugc-mosaic__img,.ugc-mosaic__placeholder{display:block;width:100%;height:100%;object-fit:cover}.ugc-mosaic__placeholder{background-color:var(--color-neutral-3)}@media(min-width:980px)and (hover:hover)and (prefers-reduced-motion:no-preference){.ugc-mosaic__img{transition:transform .35s ease-out}.ugc-mosaic__link:hover .ugc-mosaic__img{transform:scale(1.06)}}.ugc-mosaic__caption{position:absolute;inset-inline:0;bottom:0;padding:2rem .75rem .625rem;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);color:var(--color-neutral-5);font:var(--body-label);pointer-events:none}.ugc-mosaic .drag-scroller__arrow{display:none}.ugc-mosaic__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-2)}.ugc-mosaic__head .section-header{margin:0}.ugc-mosaic__arrows{display:flex;flex:0 0 auto;gap:8px}.ugc-mosaic__arrows[state=start] [data-ugc-page="-1"],.ugc-mosaic__arrows[state=end] [data-ugc-page="1"]{opacity:.3;pointer-events:none}.ugc-mosaic__arrows[state=disabled]{display:none}@media(hover:none),(pointer:coarse){.ugc-mosaic__arrows{display:none}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/section-ugc-mosaic.css.map */