.ugc-container{max-width:1200px;margin:0 auto;padding:0 20px}.ugc-title{text-align:center;margin-bottom:30px;font-size:28px;font-weight:800;color:#222}.ugc-grid{display:grid;gap:15px}.ugc-item{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:12px;overflow:hidden;background:#000;cursor:pointer;transition:transform .4s cubic-bezier(.165,.84,.44,1)}.ugc-item:hover{transform:scale(1.03);z-index:2}.ugc-item video{width:100%;height:100%;object-fit:cover;pointer-events:none}.ugc-overlay{position:absolute;bottom:12px;left:12px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.ugc-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background:#000000f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.ugc-modal.active{display:flex;opacity:1}.ugc-modal-content{position:relative;width:90%;max-width:420px;aspect-ratio:9 / 16;animation:modalZoom .3s ease-out}@keyframes modalZoom{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.ugc-modal-content video{width:100%;height:100%;border-radius:16px;box-shadow:0 0 30px #ffffff1a}.ugc-close-modal{position:absolute;top:-45px;right:0;color:#fff;font-size:35px;cursor:pointer}@media(max-width:768px){.ugc-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ugc-video.css.map */