.mujo-why-section{margin-top:0!important;margin-bottom:0!important;padding:0!important;background:#d2bffc!important;overflow:visible!important;border:none!important;box-shadow:none!important}.mujo-why-section+.mujo-compare-section{margin-top:0!important;border-top:none!important}.mujo-ugc{padding:88px 0 40px;position:relative;overflow:visible}.mujo-ugc__header{text-align:center;margin-bottom:40px;padding:0 24px;position:relative;z-index:1}.mujo-ugc__stars-row{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px;padding:8px 20px;border-radius:48px;background:#ffffff73;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.6);box-shadow:0 2px 8px #0000000a,inset 0 1px #ffffff80}.mujo-ugc__stars-row svg{width:16px;height:16px;filter:drop-shadow(0 1px 2px rgba(200,160,0,.3))}.mujo-ugc__rating{font-family:Quicksand,sans-serif;font-size:13px;font-weight:600;color:#0000008c;font-variant-numeric:tabular-nums}.mujo-ugc__title{font-family:Indarung,serif;font-weight:400;font-size:clamp(32px,5vw,56px);line-height:1.05;color:#000;margin:0 0 10px}.mujo-ugc__subtitle{font-family:Quicksand,sans-serif;font-size:clamp(15px,1.5vw,17px);font-weight:600;color:#00000080;margin:0}.mujo-ugc__track-wrap{position:relative;z-index:1;overflow:visible}.mujo-ugc__track{display:flex;gap:18px;padding:20px 20px 100px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;scroll-behavior:smooth}.mujo-ugc__track::-webkit-scrollbar{display:none}.mujo-ugc__track:active{cursor:grabbing}.mujo-ugc__track-wrap:after{content:"";position:absolute;top:0;bottom:0;right:0;width:60px;z-index:3;pointer-events:none;background:linear-gradient(to left,#D2BFFC,transparent)}.mujo-ugc__card{flex:0 0 240px;aspect-ratio:9 / 16;border-radius:24px;overflow:hidden;position:relative;scroll-snap-align:center;background:#000;box-shadow:0 2px 4px #00000014,0 8px 24px #00000026,0 24px 48px #0000001f,0 48px 80px #00000014;transition:transform .6s cubic-bezier(.23,1,.32,1),box-shadow .6s cubic-bezier(.23,1,.32,1);transform:translateY(0) scale(var(--card-scale, 1));will-change:transform}.mujo-ugc__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;border-radius:inherit;background:linear-gradient(168deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.1) 20%,transparent 45%);opacity:1}.mujo-ugc__card-inner-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;border-radius:inherit;border:1.5px solid rgba(255,255,255,.4);box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0000001a}.mujo-ugc__card.is-visible:hover{transform:translateY(-8px) scale(var(--card-scale, 1));box-shadow:0 4px 8px #0000000f,0 16px 40px #0000002e,0 40px 72px #0000001f,0 0 80px #b4a0f01f}.mujo-ugc__card-reflect{display:none}.mujo-ugc__card--placeholder{background:linear-gradient(160deg,#fff6,#ffffff1f);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1.5px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000008,0 8px 24px #0000000a}.mujo-ugc__card--placeholder:before{display:none}.mujo-ugc__placeholder-inner{text-align:center;color:#0003}.mujo-ugc__placeholder-inner svg{width:40px;height:40px;stroke:#0000001a;fill:none;stroke-width:1.5;margin-bottom:10px}.mujo-ugc__placeholder-inner span{font-family:Quicksand,sans-serif;font-size:12px;font-weight:600;display:block;letter-spacing:.3px}.mujo-ugc__video{width:100%;height:100%;object-fit:cover;display:block}.mujo-ugc__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease;z-index:1}.mujo-ugc__card.is-playing .mujo-ugc__poster{opacity:0;pointer-events:none}.mujo-ugc__overlay{position:absolute;bottom:0;left:0;right:0;height:55%;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.25) 50%,transparent 100%);z-index:2;pointer-events:none}.mujo-ugc__info{position:absolute;bottom:0;left:0;right:0;padding:18px;z-index:3;display:flex;align-items:flex-end;justify-content:space-between}.mujo-ugc__name{font-family:Indarung,serif;font-size:20px;color:#fff;line-height:1.15;display:flex;align-items:center;gap:6px;text-shadow:0 1px 3px rgba(0,0,0,.4)}.mujo-ugc__verified{width:17px;height:17px;flex-shrink:0}.mujo-ugc__ordered{font-family:Quicksand,sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffffff80;margin-top:4px}.mujo-ugc__play{width:44px;height:44px;background:#ffffff2e;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);flex-shrink:0;box-shadow:inset 0 1px #ffffff40}.mujo-ugc__play:hover{background:#ffffff59;transform:scale(1.12);box-shadow:inset 0 1px #ffffff59,0 4px 16px #00000026}.mujo-ugc__play svg{width:15px;height:15px;fill:#fff;margin-left:2px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.mujo-ugc__card.is-playing .mujo-ugc__play svg{margin-left:0}.mujo-ugc__progress{display:flex;justify-content:center;margin-top:-64px;padding-bottom:8px;position:relative;z-index:1}.mujo-ugc__progress-track{width:120px;height:3px;border-radius:3px;background:#00000014;overflow:hidden}.mujo-ugc__progress-bar{height:100%;border-radius:3px;background:#0000004d;width:30%;transition:width .15s ease-out}.mujo-ugc__card{opacity:0;transform:translateY(32px) scale(var(--card-scale, 1))}.mujo-ugc__card.is-visible{opacity:1;transform:translateY(0) scale(var(--card-scale, 1))}@media screen and (max-width:549px){.mujo-why-section{overflow:visible!important;margin-bottom:0!important}.mujo-ugc{padding:48px 0;overflow:hidden}.mujo-ugc__track-wrap{overflow:hidden}.mujo-ugc__track{padding-bottom:24px}.mujo-ugc__card{box-shadow:0 2px 4px #0000000f,0 8px 16px #0000001a!important}.mujo-ugc__progress{margin-top:4px;padding-bottom:8px}.mujo-ugc__header{margin-bottom:28px}.mujo-ugc__card{flex:0 0 190px;border-radius:20px}.mujo-ugc__track{gap:12px;padding:12px 12px 20px}.mujo-ugc__progress{margin-top:-8px;padding-bottom:0}.mujo-ugc__name{font-size:17px}.mujo-ugc__play{width:38px;height:38px}.mujo-ugc__play svg{width:13px;height:13px}.mujo-ugc__info{padding:14px}.mujo-ugc__track-wrap:after{width:20px}.mujo-ugc__card-reflect{display:none}}@media screen and (min-width:550px)and (max-width:999px){.mujo-ugc__card{flex:0 0 220px}}@media screen and (min-width:1000px){.mujo-ugc__card{flex:0 0 250px}}@media screen and (min-width:1400px){.mujo-ugc__card{flex:0 0 270px}}@media(prefers-reduced-motion:reduce){.mujo-ugc__card,.mujo-ugc__play{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/mujo-x-mujo-why-gummies.css.map */