@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";.ugc-section{--ugc-accent: #F26651;--ugc-accent2: #FFCF4B;--ugc-dark: #1A1A2E;--ugc-bg: #FFF9F0;--ugc-radius: 18px;font-family:Inter,sans-serif;background:var(--ugc-bg);padding:64px 0 72px;overflow:hidden}.ugc-section__inner{max-width:1280px;margin:0 auto;position:relative;z-index:1}.ugc-header{text-align:center;margin-bottom:40px;padding:0 32px}.ugc-header__eyebrow{display:inline-flex;align-items:center;gap:10px;background:var(--ugc-dark);color:#fff;border-radius:100px;padding:6px 18px 6px 10px;font-size:13px;font-weight:700;letter-spacing:.02em;margin-bottom:18px}.ugc-tiktok-badge{display:inline-flex;align-items:center;gap:5px;background:var(--ugc-accent);color:#fff;border-radius:100px;padding:3px 10px 3px 6px;font-size:12px;font-weight:800}.ugc-header__title{font-family:Barlow Condensed,sans-serif;font-size:clamp(32px,5vw,56px);font-weight:600;color:var(--ugc-dark);line-height:1.1;margin:0 0 12px;letter-spacing:-.01em;text-transform:uppercase}.ugc-header__subtitle{font-family:Inter,sans-serif;font-size:16px;font-weight:400;color:var(--ugc-dark);max-width:500px;margin:0 auto;line-height:1.65}.ugc-carousel-outer{width:100%;overflow:hidden;position:relative;padding:20px 0 24px}.ugc-track{display:flex;align-items:center;gap:16px;padding-left:calc(50% - 30vw);padding-right:calc(50% - 30vw);transition:none;width:max-content}.ugc-card{flex-shrink:0;width:clamp(200px,29vw,340px);position:relative;transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .4s ease;cursor:pointer;transform:scale(.91);opacity:.72}.ugc-card.is-active{transform:scale(1);opacity:1;cursor:default;z-index:2}.ugc-card.is-prev,.ugc-card.is-next{transform:scale(.91);opacity:.72;z-index:1}.ugc-card.is-hidden{transform:scale(.82);opacity:.3}.ugc-card__inner{border-radius:var(--ugc-radius);overflow:hidden;box-shadow:0 8px 32px #00000026;transition:box-shadow .4s ease;background:#000}.ugc-card.is-active .ugc-card__inner{box-shadow:0 20px 60px #00000047}.ugc-card__video-wrapper{position:relative;width:100%;aspect-ratio:9 / 16;background:#111;overflow:hidden}.ugc-video{width:100%;height:100%;object-fit:cover;display:block}.ugc-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;cursor:pointer}.ugc-card.is-active .ugc-card__overlay{display:none}.ugc-unmute-btn{position:absolute;bottom:14px;right:14px;width:36px;height:36px;border-radius:50%;border:none;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s,transform .15s;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s ease,background .2s,transform .15s}.ugc-card.is-active .ugc-unmute-btn{opacity:1;pointer-events:auto}.ugc-unmute-btn:hover{background:var(--ugc-accent);transform:scale(1.1)}.ugc-unmute-btn.is-unmuted{background:var(--ugc-accent)}.ugc-dots{display:flex;justify-content:center;gap:8px;margin-top:8px}.ugc-dot{width:8px;height:8px;border-radius:50%;border:none;background:#d0d0d0;cursor:pointer;padding:0;transition:background .2s,width .25s}.ugc-dot--active{background:var(--ugc-accent);width:24px;border-radius:10px}.ugc-cta{text-align:center;margin-top:36px;padding:0 32px}.ugc-cta__btn{display:inline-block;background:var(--ugc-accent);color:#fff;font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:16px;padding:14px 36px;border-radius:100px;text-decoration:none;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 6px 24px #f2665159;transition:transform .2s,box-shadow .2s}.ugc-cta__btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 30px #f2665173;color:#fff}@media(max-width:639px){.ugc-section{padding:48px 0 56px}.ugc-header{padding:0 20px}.ugc-card{width:clamp(130px,38vw,200px)}.ugc-track{padding-left:calc(50% - 19vw);padding-right:calc(50% - 19vw)}}@media(min-width:1024px){.ugc-card{width:clamp(260px,25vw,360px)}.ugc-track{padding-left:calc(50% - 12.5vw - 8px);padding-right:calc(50% - 12.5vw - 8px)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/tiktok-ugc-carousel.css.map */