.jaspo-ugc-section{position:relative;background:var(--gradient-background)}.jaspo-ugc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.jaspo-ugc-header .title{margin:0;line-height:1}.jaspo-ugc-title{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:800;font-size:clamp(2.8rem,4vw,4.2rem);letter-spacing:-.02em;color:var(--color-foreground)}.jaspo-ugc-follow-btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 2.4rem;border:1px solid #111;color:#111;background:transparent;border-radius:100px;text-decoration:none;font-size:1.4rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1)}.jaspo-ugc-follow-btn:hover{background:#111;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.jaspo-ugc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.ugc-card{position:relative;border-radius:1.6rem;overflow:hidden;cursor:pointer;background:#000;aspect-ratio:2 / 3;box-shadow:0 4px 20px #0000000d;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}.ugc-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000026}.ugc-video-container{position:relative;width:100%;height:100%}.ugc-video-element{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.ugc-card:hover .ugc-video-element{transform:scale(1.05)}.ugc-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:1}.ugc-card:hover .ugc-card-overlay{opacity:1}.ugc-shop-look-btn{background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);color:#fff;border-radius:100px;padding:1.2rem 2.8rem;font-size:1.4rem;font-weight:600;cursor:pointer;transform:scale(.9);transition:all .3s cubic-bezier(.16,1,.3,1)}.ugc-card:hover .ugc-shop-look-btn{transform:scale(1)}.ugc-shop-look-btn:hover{background:#ffffffe6;color:#000;border-color:#fff}.ugc-insta-icon{position:absolute;top:1.6rem;right:1.6rem;color:#fff;opacity:.9;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));z-index:2;pointer-events:none;transition:transform .3s ease}.ugc-card:hover .ugc-insta-icon{transform:scale(1.1)}.ugc-card-thumbs{position:absolute;bottom:1.6rem;left:1.6rem;display:flex;gap:.8rem;z-index:2;pointer-events:none}.ugc-thumb-item{width:4.8rem;height:4.8rem;background:#fff;border-radius:.8rem;padding:.3rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;overflow:hidden;border:1px solid rgba(0,0,0,.05);transition:transform .3s cubic-bezier(.16,1,.3,1)}.ugc-card:hover .ugc-thumb-item{transform:translateY(-2px)}.ugc-thumb-item img,.ugc-thumb-item svg{width:100%;height:100%;object-fit:contain;border-radius:.5rem}.ugc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:2rem}.ugc-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.ugc-modal-container{display:flex;flex-direction:row;width:900px;max-width:100%;height:600px;max-height:90vh;background:#fff;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 20px 40px #0003,0 0 0 9999px #000000bf;transform:scale(.95);animation:ugcModalFadeIn .4s cubic-bezier(.16,1,.3,1)}@keyframes ugcModalFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ugc-modal-close{position:absolute;top:1.6rem;right:1.6rem;border:1px solid rgba(0,0,0,.08);background:#fff;color:#000;border-radius:50%;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1005;box-shadow:0 2px 8px #00000014;transition:all .2s ease}.ugc-modal-close:hover{background:#f5f5f5;transform:rotate(90deg)}.ugc-modal-close svg{display:block}.ugc-modal-content{display:flex;width:100%;height:100%}.ugc-modal-video-wrapper{flex:1 1 45%;position:relative;background:#000;overflow:hidden}.ugc-modal-video{width:100%;height:100%;object-fit:cover;display:block}.ugc-modal-volume-toggle{position:absolute;bottom:1.6rem;right:1.6rem;background:#0009;border:none;border-radius:50%;color:#fff;width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:background .2s}.ugc-modal-volume-toggle:hover{background:#000c}.ugc-modal-info{flex:1 1 55%;display:flex;flex-direction:column;background:#fff}.ugc-modal-header{padding:2.4rem 3rem 1.6rem;border-bottom:1px solid #f0f0f0}.ugc-modal-title{margin:0;font-family:var(--font-heading-family);font-size:2.2rem;font-weight:700;color:#000}.ugc-modal-body{flex:1;overflow-y:auto;padding:2.4rem 3rem;display:flex;flex-direction:column;overscroll-behavior:contain}.ugc-modal-slide-content{display:flex;flex-direction:column}.ugc-modal-products{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2.4rem}.ugc-modal-product-row{display:flex;gap:1.6rem;align-items:center;text-decoration:none;color:inherit;padding:1.2rem;border-radius:1.2rem;border:1px solid rgba(0,0,0,.04);transition:all .2s ease}.ugc-modal-product-row:hover{background:#fcfcfc;border-color:#00000014;transform:translateY(-1px)}.ugc-product-row-image{width:7.2rem;height:7.2rem;background:#f7f7f7;border-radius:.8rem;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(0,0,0,.02)}.ugc-product-row-image img,.ugc-product-row-image svg{width:100%;height:100%;object-fit:contain}.ugc-product-row-details{display:flex;flex-direction:column;flex:1}.ugc-product-vendor{font-size:1.1rem;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem;font-weight:500}.ugc-product-title{font-size:1.4rem;font-weight:600;color:#000;line-height:1.4;margin-bottom:.4rem}.ugc-product-prices{display:flex;align-items:center;gap:.8rem}.ugc-product-price{font-size:1.4rem;font-weight:700;color:#1877f2}.ugc-product-compare-price{font-size:1.2rem;color:#999;text-decoration:line-through}.ugc-modal-profile{display:flex;align-items:center;gap:1.6rem;padding-top:2rem;border-top:1px solid #f0f0f0;margin-top:auto}.ugc-profile-avatar{width:5.4rem;height:5.4rem;border-radius:50%;padding:.3rem;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ugc-profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid #fff;display:block}.ugc-profile-avatar-fallback{width:100%;height:100%;background:#f0f0f0;color:#666;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.ugc-profile-info{display:flex;flex-direction:column;flex:1;min-width:0}.ugc-profile-handle{font-size:1.4rem;font-weight:700;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ugc-profile-bio{font-size:1.2rem;color:#666;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.ugc-profile-follow-btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 2rem;border:1.5px solid #000;color:#000;background:transparent;border-radius:100px;text-decoration:none;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .2s ease;flex-shrink:0}.ugc-profile-follow-btn:hover{background:#000;color:#fff}.ugc-modal-footer{padding:1.6rem 3rem;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:#fff}.ugc-modal-nav-btn{display:flex;align-items:center;gap:.8rem;background:none;border:none;font-size:1.4rem;font-weight:600;color:#555;cursor:pointer;padding:.8rem 0;transition:color .2s}.ugc-modal-nav-btn:hover{color:#000}.ugc-modal-nav-btn svg{display:block;transition:transform .2s cubic-bezier(.16,1,.3,1)}.prev-btn:hover svg{transform:translate(-4px)}.next-btn:hover svg{transform:translate(4px)}@media screen and (max-width:990px){.jaspo-ugc-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media screen and (max-width:749px){.jaspo-ugc-header{flex-direction:row;flex-wrap:wrap;align-items:center;gap:1.2rem}.jaspo-ugc-title{font-size:2.4rem}.jaspo-ugc-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem;gap:1.2rem}.jaspo-ugc-grid::-webkit-scrollbar{display:none}.ugc-card{flex:0 0 75vw;max-width:300px;scroll-snap-align:start}.ugc-card-overlay{opacity:1;background:transparent;align-items:flex-end;padding-bottom:2rem}.ugc-shop-look-btn{transform:scale(1);background:#0009;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:1rem 2rem;font-size:1.3rem}.ugc-insta-icon{top:1.2rem;right:1.2rem}.ugc-card-thumbs{bottom:auto;top:1.2rem;left:1.2rem}.ugc-thumb-item{width:3.6rem;height:3.6rem}.ugc-modal{padding:1rem;align-items:flex-end}.ugc-modal-container{height:90vh;max-height:90vh;display:flex;flex-direction:column;width:100%;margin:0;border-radius:16px 16px 0 0}.ugc-modal-content{flex-direction:column;overflow:hidden}.ugc-modal-video-wrapper{flex:0 0 40vh;width:100%;aspect-ratio:auto;max-height:none}.ugc-modal-info{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}.ugc-modal-header{padding:1.6rem}.ugc-modal-body{padding:1.6rem;flex:1;overflow-y:auto}.ugc-modal-footer{padding:1.2rem 1.6rem}.ugc-modal-close{width:3.6rem;height:3.6rem;top:1.2rem;right:1.2rem;background:#ffffffe6;border:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-jaspo-ugc.css.map */