.bc-ugc{padding:32px 0 56px;background:#fff}.bc-ugc .page-width{padding:0 24px;box-sizing:border-box}.bc-ugc__heading{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#111;margin:0 0 28px;text-align:center}.bc-ugc__outer{width:100%}.bc-ugc__grid{display:grid;grid-template-columns:repeat(6,minmax(0,200px));justify-content:center;gap:8px;padding:0 24px;box-sizing:border-box}.bc-ugc__cell{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:9/16;background:#1a1a1a;flex-shrink:0}.bc-ugc__cell:nth-child(3){grid-row:span 2;aspect-ratio:unset}.bc-ugc__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bc-ugc__video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.22,1,.36,1)}.bc-ugc__cell:hover .bc-ugc__video{transform:scale(1.04)}.bc-ugc__empty{width:100%;height:100%;background:linear-gradient(135deg,#2a2a2a,#111)}.bc-ugc__sound{position:absolute;top:10px;right:10px;z-index:10;width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transform:scale(.85);transition:opacity .25s,transform .25s,background .2s}.bc-ugc__cell:hover .bc-ugc__sound{opacity:1;transform:scale(1)}.bc-ugc__sound:hover{background:#000000a6}.bc-ugc__sound-icon{display:flex;align-items:center;justify-content:center}.bc-ugc__bar{position:absolute;bottom:0;left:0;right:0;padding:0 10px 10px;text-decoration:none;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.bc-ugc__cell:hover .bc-ugc__bar{opacity:1;transform:none}.bc-ugc__glass{display:flex;align-items:center;gap:10px;background:#ffffff2e;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.32);border-radius:12px;padding:10px 12px}.bc-ugc__thumb{width:36px;height:36px;border-radius:8px;object-fit:cover;flex-shrink:0;border:1.5px solid rgba(255,255,255,.45)}.bc-ugc__pname{font-size:11px;font-weight:600;color:#fff;margin:0 0 2px;line-height:1.2}.bc-ugc__pprice{font-size:11px;color:#ffffffbf;margin:0}.bc-ugc__dots{display:none}@media(max-width:749px){.bc-ugc{padding:40px 0}.bc-ugc .page-width{padding:0 16px}.bc-ugc__heading{margin-bottom:16px}.bc-ugc__outer{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bc-ugc__outer::-webkit-scrollbar{display:none}.bc-ugc__grid{display:flex;flex-wrap:nowrap;gap:10px;padding:0 16px;width:max-content}.bc-ugc__cell{width:65vw;max-width:260px;aspect-ratio:9/16;flex-shrink:0;scroll-snap-align:start;grid-row:unset!important}.bc-ugc__cell:nth-child(3){aspect-ratio:9/16}.bc-ugc__sound{opacity:1;transform:scale(1)}.bc-ugc__bar{opacity:1;transform:none}.bc-ugc__dots{display:flex;justify-content:center;gap:6px;margin-top:16px;padding:0 16px}.bc-ugc__dot{width:6px;height:6px;border-radius:50%;background:#ddd;transition:background .2s,width .2s,border-radius .2s;display:inline-block}.bc-ugc__dot.is-on{background:#111;width:20px;border-radius:3px}}
/*# sourceMappingURL=/cdn/shop/t/16/compiled_assets/styles.css.map */