.ugc__grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(var(--ugc-min,280px),1fr))}.ugc__item{margin:0;display:flex;flex-direction:column;gap:10px}.ugc__frame{position:relative;border-radius:16px;overflow:hidden;background:var(--surface);border:1px solid var(--line-soft)}.ugc__frame video{width:100%;height:100%;display:block;aspect-ratio:9/16;object-fit:cover;background:#000}.ugc__frame .media-placeholder{border-radius:16px;aspect-ratio:9/16}.ugc__sound{position:absolute;bottom:12px;right:12px;width:38px;height:38px;border-radius:99px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;background:#0b08099e;border:1px solid rgba(232,163,182,.45);color:var(--text);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:background .18s ease,border-color .18s ease}.ugc__sound:hover{background:#0b0809d1;border-color:var(--pink)}.ugc__sound:focus-visible{outline:2px solid var(--pink-4);outline-offset:2px}.ugc__caption{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--muted-3)}.ugc__handle{color:var(--pink-2);font-size:12px;letter-spacing:.04em}@media(max-width:900px){.ugc__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;scrollbar-width:none;margin-inline:calc(var(--page-x) * -1);padding-inline:var(--page-x)}.ugc__grid::-webkit-scrollbar{display:none}.ugc__item{flex:0 0 68%;scroll-snap-align:center}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ugc.css.map */