.jp-ugc{display:block;background:#fff4e5;padding-top:6rem;padding-bottom:6rem;overflow:hidden}.jp-ugc__header{display:flex;flex-direction:column;align-items:center;gap:.7rem;text-align:center;margin-bottom:3rem;padding:0 3rem}.jp-ugc__title{font-family:Gelasio,serif;font-weight:700;font-style:italic;font-size:3rem;color:#321a1a;letter-spacing:-.09rem;margin:0}.jp-ugc__underline{width:16.6rem;max-width:100%}.jp-ugc__underline img{display:block;width:100%;height:auto}.jp-ugc__track{display:flex;align-items:center;gap:2.5rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;padding:2rem 0;scroll-behavior:auto}.jp-ugc__track::-webkit-scrollbar{display:none}.jp-ugc__track.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.jp-ugc__card{flex-shrink:0;display:flex;flex-direction:column;gap:.75rem;width:21rem;cursor:pointer;transition:width .4s ease}.jp-ugc__card.is-active{width:25rem;cursor:default}.jp-ugc__video-wrap{position:relative;width:100%;aspect-ratio:200.988 / 284.536;border-radius:.5rem;overflow:hidden;background:#ddd;transition:border-radius .4s ease}.jp-ugc__card.is-active .jp-ugc__video-wrap{border-radius:.6rem}.jp-ugc__video,.jp-ugc__video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.jp-ugc__video-placeholder{background:#e7d8c9}.jp-ugc__mute-btn{position:absolute;top:.6rem;right:.6rem;z-index:2;display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;background:#0000006b;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s ease,background .2s ease}.jp-ugc__card.is-active .jp-ugc__mute-btn{opacity:1;pointer-events:auto}.jp-ugc__mute-btn:hover{background:#000000a6}.jp-ugc__icon--sound,.jp-ugc__mute-btn.is-unmuted .jp-ugc__icon--muted{display:none}.jp-ugc__mute-btn.is-unmuted .jp-ugc__icon--sound{display:block}.jp-ugc__social-link{display:inline-flex;align-items:center;gap:.3rem;font-family:Novecento Sans,sans-serif;font-size:.76rem;letter-spacing:-.01rem;text-transform:uppercase;color:#472727;text-decoration:none;opacity:.65;transition:opacity .2s ease}.jp-ugc__social-link:hover{opacity:1}.jp-ugc__product{display:flex;align-items:stretch;background:#ffbecc;border:.15rem solid #472727;border-radius:.5rem;overflow:hidden;transition:border-radius .4s ease}.jp-ugc__card.is-active .jp-ugc__product{border-radius:.6rem}.jp-ugc__product-img-wrap{flex-shrink:0;width:7.8rem;border-right:.1rem solid #472727;transition:width .4s ease}.jp-ugc__card.is-active .jp-ugc__product-img-wrap{width:9.25rem}.jp-ugc__product-img{width:100%;height:100%;object-fit:cover;display:block}.jp-ugc__product-info{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.65rem .8rem;min-width:0}.jp-ugc__product-text{display:flex;flex-direction:column;align-items:center;text-align:center}.jp-ugc__product-name{font-family:Gelasio,serif;font-weight:500;font-style:italic;font-size:1.6rem;color:#472727;letter-spacing:-.048rem;line-height:1.3;margin:0;transition:font-size .4s ease}.jp-ugc__card.is-active .jp-ugc__product-name{font-size:1.9rem}.jp-ugc__product-subtitle{font-family:Novecento Sans,sans-serif;font-size:.78rem;letter-spacing:-.02rem;text-transform:uppercase;color:#472727;margin:0;transition:font-size .4s ease}.jp-ugc__card.is-active .jp-ugc__product-subtitle{font-size:.9rem}.jp-ugc__button{display:inline-flex;align-items:center;justify-content:center;background:#fff4e5;border:.06rem solid #472727;box-shadow:0 .07rem #472727;border-radius:1.5rem;padding:.4rem 1.6rem;font-family:Novecento Sans,sans-serif;font-size:.8rem;letter-spacing:-.02rem;text-transform:uppercase;color:#472727;text-decoration:none;white-space:nowrap;transition:font-size .4s ease,padding .4s ease}.jp-ugc__card.is-active .jp-ugc__button{font-size:.9rem;padding:.5rem 2rem}@media screen and (max-width:749px){.jp-ugc__header{margin-bottom:2rem}.jp-ugc__title{font-size:2.2rem}.jp-ugc__track{gap:1.4rem;padding:1.5rem 0}.jp-ugc__card{width:15.5rem}.jp-ugc__card.is-active{width:18.5rem}.jp-ugc__product-img-wrap{width:6rem}.jp-ugc__card.is-active .jp-ugc__product-img-wrap{width:7rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-ugc-videos.css.map */