.sp-ugc-section{--sp-plum: #3d002d;--sp-gold: #e6b34d;--sp-radius: 14px}.sp-ugc__head{margin-bottom:clamp(1.5rem,3vw,2.25rem)}.sp-ugc__head--center{text-align:center}.sp-ugc__subheading{margin:0 0 .5rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.sp-ugc__title{margin:0}.sp-ugc__description{margin:.85rem 0 0;max-width:62ch;line-height:1.5;opacity:.8}.sp-ugc__head--center .sp-ugc__description{margin-inline:auto}.sp-ugc{position:relative}.sp-ugc__grid{overflow:hidden}.sp-ugc__grid .swiper-wrapper{display:flex}.sp-ugc__grid .swiper-slide{flex-shrink:0;width:60%}@media(min-width:750px){.sp-ugc__grid .swiper-slide{width:40%}}@media(min-width:1000px){.sp-ugc__grid .swiper-slide{width:calc(100% / var(--sp-pv, 4))}}.sp-ugc__card{height:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.sp-ugc__thumb{position:relative;aspect-ratio:9 / 16;border-radius:0;overflow:hidden;background:#d9d3cc}.sp-ugc__card-info{margin-top:.65rem}.sp-ugc__card-name{margin:0;padding:12px 0 8px}.sp-ugc__card-product{margin:0}.sp-ugc__card-variant{margin:.15rem 0 0;font-size:.85rem}.sp-ugc__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.sp-ugc__card:hover .sp-ugc__thumb img{transform:scale(1.04)}.sp-ugc__play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;pointer-events:none}.sp-ugc__play svg{width:20px;height:20px;margin-left:3px}.sp-ugc__arrow{position:absolute;top:calc(50% - 1.3rem);transform:translateY(-50%);z-index:3;width:42px;height:42px;display:grid;place-items:center;border:none;border-radius:50%;background:#fff;color:var(--sp-plum);box-shadow:0 4px 16px #00000024;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.sp-ugc__arrow svg{width:16px;height:16px}.sp-ugc__arrow--prev{left:10px}.sp-ugc__arrow--next{right:10px}.sp-ugc__arrow:hover{transform:translateY(-50%) scale(1.06)}.sp-ugc__arrow.swiper-button-disabled{opacity:0;pointer-events:none}@media(max-width:749px){.sp-ugc__arrow{display:none}}.sp-ugc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;display:none;pointer-events:none}.sp-ugc-modal.is-open{display:block}.sp-ugc-modal__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;pointer-events:none}.sp-ugc-modal__panel{position:absolute;right:24px;bottom:24px;pointer-events:auto;width:min(384px,calc(100vw - 32px));height:min(760px,calc(100vh - 48px));background:#100b0e;color:#fff;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px #00000080;transform:translateY(16px);opacity:0;transition:transform .28s ease,opacity .28s ease}.sp-ugc-modal.is-open .sp-ugc-modal__panel{transform:none;opacity:1}.sp-ugc-modal__btn{position:absolute;z-index:6;display:grid;place-items:center;border:none;border-radius:50%;background:#1410128c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;transition:background .2s ease,transform .2s ease}.sp-ugc-modal__btn:hover{background:#141012cc}.sp-ugc-modal__close{top:12px;left:12px;width:34px;height:34px}.sp-ugc-modal__close svg{width:16px;height:16px}.sp-ugc-modal__nav{right:12px;width:36px;height:36px}.sp-ugc-modal__nav svg{width:18px;height:18px}.sp-ugc-modal__nav--up{top:40%}.sp-ugc-modal__nav--down{top:calc(40% + 46px)}.sp-ugc-reel{height:100%}.sp-ugc-reel__slide{position:relative;overflow:hidden;background:#000}.sp-ugc-reel__stage{position:absolute;top:0;right:0;bottom:0;left:0}.sp-ugc-media{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.sp-ugc-media__item{position:relative;display:flex;align-items:center;justify-content:center;background:#000}.sp-ugc-media__item img,.sp-ugc-media__item video{width:100%;height:100%;object-fit:cover;display:block}.sp-ugc-media__tag{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:2;padding:4px 14px;border-radius:999px;background:#0000008c;color:#fff;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.sp-ugc-media__sound{position:absolute;top:12px;right:12px;z-index:3;width:34px;height:34px;display:grid;place-items:center;border:none;border-radius:50%;background:#1410128c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer}.sp-ugc-media__sound svg{width:17px;height:17px}.sp-ugc-media__sound-off,.sp-ugc-media.is-muted .sp-ugc-media__sound-on{display:none}.sp-ugc-media.is-muted .sp-ugc-media__sound-off{display:block}.sp-ugc-media.is-image .sp-ugc-media__sound{display:none}.sp-ugc-reel__footer{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:60px 14px 14px;background:linear-gradient(to top,rgba(0,0,0,.92) 42%,rgba(0,0,0,.55) 72%,transparent);display:flex;flex-direction:column;gap:10px}.sp-ugc-media__controls{display:flex;align-items:center;justify-content:center;gap:12px}.sp-ugc-media__ctrl{width:30px;height:30px;display:grid;place-items:center;border:none;border-radius:50%;background:#ffffff29;color:#fff;cursor:pointer;flex:none}.sp-ugc-media__ctrl svg{width:13px;height:13px}.sp-ugc-media__ctrl.swiper-button-disabled{opacity:.35;pointer-events:none}.sp-ugc-media__bullets{display:flex;align-items:center;justify-content:center;gap:6px}.sp-ugc-media__bullets .swiper-pagination-bullet{width:6px;height:6px;border-radius:999px;background:#ffffff73;opacity:1;transition:width .2s ease,background .2s ease}.sp-ugc-media__bullets .swiper-pagination-bullet-active{width:20px;background:#fff}.sp-ugc-review{color:#fff}.sp-ugc-review__name{margin:0;font-family:var(--heading-font-family, inherit);font-size:1rem;font-weight:600}.sp-ugc-review__meta{margin-left:8px;font-weight:400;opacity:.7;font-size:.85rem}.sp-ugc-review__stars{display:flex;align-items:center;gap:2px;margin:4px 0}.sp-ugc-star{width:14px;height:14px;color:#ffffff4d;display:inline-flex}.sp-ugc-star svg{width:100%;height:100%}.sp-ugc-star.is-on{color:var(--sp-gold)}.sp-ugc-review__verified{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font-size:.72rem;opacity:.85}.sp-ugc-review__verified svg{width:12px;height:12px;color:var(--sp-gold)}.sp-ugc-review__title{margin:2px 0;font-weight:600;font-size:.9rem}.sp-ugc-review__text{margin:0;font-size:.85rem;line-height:1.4;opacity:.9;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sp-ugc-review__text.is-expanded{-webkit-line-clamp:unset;line-clamp:unset;max-height:30vh;overflow:auto}.sp-ugc-review__more{margin-top:2px;padding:0;border:none;background:none;color:#fff;font-size:.8rem;text-decoration:underline;cursor:pointer}.sp-ugc-atc{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px;border-radius:12px;background:#ffffff1a}.sp-ugc-atc__head{display:flex;align-items:center;gap:10px}.sp-ugc-atc__media{flex:none;width:46px;height:46px;border-radius:8px;overflow:hidden;background:#fff}.sp-ugc-atc__media img{width:100%;height:100%;object-fit:cover}.sp-ugc-atc__info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.sp-ugc-atc__title{color:#fff;font-size:.78rem;font-weight:600;line-height:1.3;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}.sp-ugc-atc__variant{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;opacity:.6}.sp-ugc-atc__price{font-size:.8rem;opacity:.85}.sp-ugc-atc__btn{width:100%;margin:0;padding:12px 16px;font-size:.8rem;letter-spacing:.04em}.sp-ugc-atc__btn[disabled]{opacity:.55;cursor:not-allowed}@media(max-width:749px){body.sp-ugc-lock{overflow:hidden}.sp-ugc-modal{pointer-events:auto}.sp-ugc-modal__scrim{background:#000000d9;pointer-events:auto}.sp-ugc-modal__panel{right:0;bottom:0;width:100%;height:100%;height:100dvh;border-radius:0}.sp-ugc-modal__nav{display:none}.sp-ugc-modal__close{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.sp-ugc-modal__panel,.sp-ugc__thumb img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/340/assets/sp-shoppable-ugc.css.map */