.ugc{display:grid;gap:var(--s2);grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}@media(min-width:640px){.ugc{grid-template-columns:repeat(4,1fr)}}.ugc>li{aspect-ratio:1 / 1}.ugc-cell{position:relative;overflow:hidden;height:100%;background:var(--court-deep);display:block;border:1px solid var(--line);text-decoration:none}.ugc-cell img{width:100%;height:100%;object-fit:cover;transition:transform var(--slow) var(--ease)}.ugc-cell:hover img{transform:scale(1.05)}.ugc-cell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 46%,rgba(18,20,15,.78) 100%);z-index:1}.ugc-cell .h{position:absolute;left:11px;bottom:10px;z-index:2;font-family:var(--display);font-weight:700;font-size:13px;color:var(--bone);letter-spacing:.03em}@media(prefers-reduced-motion:reduce){.ugc-cell:hover img{transform:none}}@media(min-width:700px){.ugc>li.is-feature{grid-row:span 2;aspect-ratio:auto}}.ugc-play{position:absolute;top:12px;right:12px;z-index:2;width:30px;height:30px;border-radius:50%;border:1px solid var(--bone);display:grid;place-items:center;color:var(--bone)}.ugc-play svg{width:13px;height:13px}
/*# sourceMappingURL=/cdn/shop/t/41/assets/daps-ugc.css.map */