[data-ugc-reels]{margin-top:var(--ugc-mt-m,0);margin-bottom:var(--ugc-mb-m,0)}.ugc-inner{margin-left:var(--ugc-mx-m,12px);margin-right:var(--ugc-mx-m,12px);position:relative}@media(min-width:990px){[data-ugc-reels]{margin-top:var(--ugc-mt-d,0);margin-bottom:var(--ugc-mb-d,0);isolation:isolate}.ugc-inner{margin-left:var(--ugc-mx-d,40px);margin-right:var(--ugc-mx-d,40px);max-width:var(--ugc-max-w,1200px);margin-inline:auto}.ugc-row{padding-top:max(calc(var(--ugc-card-max-height-d, 520px) * .03 + 12px),var(--ugc-desktop-vertical-padding, 0px));padding-bottom:max(calc(var(--ugc-card-max-height-d, 520px) * .03 + 12px),var(--ugc-desktop-vertical-padding, 0px))}}.ugc-row{display:flex;gap:var(--ugc-mobile-card-gap, 12px);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ugc-row::-webkit-scrollbar{display:none}.ugc-card-shell{flex:0 0 30%;min-width:120px;position:relative;overflow:visible;z-index:1}.ugc-card{aspect-ratio:9/16;border-radius:14px;overflow:hidden;position:relative;background:#000;border:0;padding:0;cursor:pointer;contain:content}.ugc-row{overflow-y:hidden;align-items:center;touch-action:auto;overscroll-behavior-x:contain;overscroll-behavior-y:auto;position:relative}[data-ugc-reels][data-ugc-focus-active=true] .ugc-card-shell{display:flex;align-items:center;justify-content:center}[data-ugc-reels][data-ugc-focus-active=true] .ugc-card{transform-origin:center center}@media(min-width:990px){[data-ugc-reels][data-ugc-focus-active=true] .ugc-card,[data-ugc-reels][data-ugc-focus-active=false] .ugc-card{transform-origin:center center}}[data-ugc-reels][data-ugc-focus-active=false] .ugc-card-shell{display:flex;align-items:center;justify-content:center}[data-ugc-reels][data-ugc-focus-active=false] .ugc-card{transform-origin:center center}@media(max-width:989px){.ugc-row{padding-top:var(--ugc-mobile-top-padding, 14px);padding-bottom:8px}}@media(prefers-reduced-motion:reduce){.ugc-card-shell{transition:none!important}}.ugc-poster,.ugc-card video{width:100%;height:100%;object-fit:cover}.ugc-poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.ugc-card.video-ready .ugc-poster{opacity:0;pointer-events:none;transition:opacity .2s ease}.ugc-card video{position:relative;z-index:1;pointer-events:none}.ugc-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:none;z-index:9999;overflow:hidden}.ugc-modal.active{display:block}.ugc-slider{display:flex;height:100vh;transition:transform .3s ease}.ugc-modal.active .ugc-slider{will-change:transform}.ugc-slide{position:relative;min-width:100%;height:100vh;overflow:hidden;background:#000;background-size:cover;background-position:center;background-repeat:no-repeat}.ugc-slide video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;background:#000;transition:opacity .08s ease}.ugc-modal-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;transition:opacity .2s ease}.ugc-slide.is-ready video{opacity:1}.ugc-slide.is-ready .ugc-modal-poster{opacity:0;pointer-events:none}.ugc-close,.ugc-arrow,.ugc-sound{position:absolute;z-index:10;background:#0006;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:0}.ugc-close{top:20px;right:20px;width:40px;height:40px;aspect-ratio:1;flex-shrink:0;font-size:22px;line-height:1;padding:0;box-sizing:border-box}.ugc-arrow{bottom:20px;width:44px;height:44px;font-size:22px;touch-action:manipulation}.ugc-prev{left:15px}.ugc-next{right:15px}.ugc-sound{top:20px;left:20px;width:40px;height:40px;font-size:18px}.ugc-sound-icon{width:var(--ugc-sound-icon-size-m, 24px);height:var(--ugc-sound-icon-size-m, 24px);flex:0 0 auto;display:block}.ugc-instagram{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:10;display:none;align-items:center;justify-content:center;height:44px;border-radius:24px;padding:0 16px;gap:8px;background:#0006;color:#fff;border:0;cursor:pointer;text-decoration:none;white-space:nowrap;font-size:14px;font-weight:500}.ugc-instagram.is-active{display:flex}@media(min-width:990px){.ugc-card{max-height:var(--ugc-card-max-height-d, 520px)}.ugc-slide video,.ugc-modal-poster{object-fit:contain}.ugc-close{right:calc(50vw - 28.125vh + 20px);width:42px;height:42px;font-size:24px}.ugc-sound{left:calc(50vw - 28.125vh + 20px)}.ugc-sound-icon{width:var(--ugc-sound-icon-size-d, 28px);height:var(--ugc-sound-icon-size-d, 28px)}.ugc-prev{left:calc(50vw - 28.125vh + 15px)}.ugc-next{right:calc(50vw - 28.125vh + 15px)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-product-ugc-reels.css.map */