.product-ugc-reels{--pugc-gap: .75rem;--pugc-slide-w-mobile: calc( (100% - (var(--ugc-items-mobile) - 1) * var(--pugc-gap)) / var(--ugc-items-mobile) );--pugc-slide-w-desktop: calc( (100% - (var(--ugc-items-desktop) - 1) * var(--pugc-gap)) / var(--ugc-items-desktop) );width:100%;min-width:0;max-width:100%}@media screen and (min-width:750px){.product-ugc-reels{--pugc-gap: 1rem}}.product-ugc-reels__track{display:flex;flex-wrap:nowrap;gap:var(--pugc-gap);align-items:flex-start;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:.125rem;padding-block:0 .25rem;margin-inline:-.125rem;padding-inline:.125rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.product-ugc-reels__track::-webkit-scrollbar{display:none}.product-ugc-reels__slide{flex:0 0 var(--pugc-slide-w-mobile);scroll-snap-align:start;width:var(--pugc-slide-w-mobile);max-width:16rem}@media screen and (min-width:750px){.product-ugc-reels__slide{flex-basis:var(--pugc-slide-w-desktop);width:var(--pugc-slide-w-desktop);max-width:none}}.product-ugc-reels__viewport{position:relative;aspect-ratio:9 / 16;width:100%;border-radius:var(--media-radius, .5rem);overflow:hidden;background:#000;box-shadow:inset 0 0 0 .0625rem rgba(var(--color-foreground),.12)}.product-ugc-reels__video{display:block;width:100%;height:100%;object-fit:cover}.product-ugc-reels__expand{position:absolute;top:.5rem;right:.5rem;z-index:2;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:50%;background:rgba(var(--color-background),.92);color:rgb(var(--color-foreground));box-shadow:0 .125rem .5rem rgba(var(--color-foreground),.18);cursor:pointer;transition:transform .15s ease,background-color .15s ease}.product-ugc-reels__expand:hover{transform:scale(1.05)}.product-ugc-reels__expand .icon{width:1rem;height:1rem}.product-ugc-modal{background:rgba(var(--color-foreground),.55);box-sizing:border-box;height:100%;left:0;margin:0 auto;opacity:0;overflow:auto;position:fixed;top:0;visibility:hidden;width:100%;z-index:-1}.product-ugc-modal[open]{opacity:1;visibility:visible;z-index:101}.product-ugc-modal__content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:4.5rem clamp(.75rem,3vw,2rem) 1.5rem;pointer-events:none;position:relative;width:100%}.product-ugc-modal__close{align-items:center;background-color:rgb(var(--color-background));border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.1);box-shadow:0 .125rem .625rem rgba(var(--color-foreground),.12);color:rgba(var(--color-foreground),.55);cursor:pointer;display:flex;height:3.5rem;justify-content:center;padding:0;pointer-events:auto;position:fixed;right:clamp(.75rem,3vw,1.5rem);top:clamp(.75rem,3vw,1.5rem);width:3.5rem;z-index:2}.product-ugc-modal__close .icon{height:auto;width:1.6rem}.product-ugc-modal__viewer{align-items:center;display:flex;gap:clamp(.625rem,2.5vw,1.25rem);justify-content:center;max-width:100%;pointer-events:auto;width:100%}.product-ugc-modal__stage{flex:1 1 auto;max-width:min(100%,calc((100vh - 8rem)*.5625));min-width:0;width:min(100%,calc((100vh - 8rem)*.5625))}.product-ugc-modal__video{aspect-ratio:9 / 16;background:#000;border-radius:var(--media-radius, .5rem);display:block;height:auto;max-height:calc(100vh - 8rem);max-width:100%;object-fit:contain;width:100%}.product-ugc-modal__nav{align-items:center;background-color:rgb(var(--color-background));border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.1);box-shadow:0 .125rem .625rem rgba(var(--color-foreground),.12);color:rgb(var(--color-foreground));cursor:pointer;display:flex;flex:0 0 auto;height:3rem;justify-content:center;padding:0;transition:opacity .15s ease,transform .15s ease,box-shadow .15s ease;width:3rem}.product-ugc-modal__nav:hover:not([disabled]){box-shadow:0 .25rem .875rem rgba(var(--color-foreground),.16);transform:scale(1.05)}.product-ugc-modal__nav[disabled]{cursor:default;opacity:.35;pointer-events:none}.product-ugc-modal__nav .icon{height:1.125rem;width:1.125rem}.product-ugc-modal__nav--prev .icon{transform:rotate(180deg)}@media screen and (min-width:750px){.product-ugc-modal__nav{height:3.5rem;width:3.5rem}.product-ugc-modal__nav .icon{height:1.25rem;width:1.25rem}}@media screen and (max-width:749px){.product-ugc-modal__content{padding-top:4rem}.product-ugc-modal__viewer{gap:.5rem}.product-ugc-modal__stage{max-width:min(calc(100% - 7rem),calc((100vh - 7rem)*.5625));width:min(calc(100% - 7rem),calc((100vh - 7rem)*.5625))}.product-ugc-modal__video{max-height:calc(100vh - 7rem)}.product-ugc-modal__nav{height:2.75rem;width:2.75rem}}.product-ugc-reels__note{margin-top:.625rem;padding-inline:.0625rem}.product-ugc-reels__textlink{font-size:.75rem;line-height:1.4;color:rgb(var(--color-link));text-decoration:none;text-underline-offset:.2em}.product-ugc-reels__textlink:hover{text-decoration:underline}.product-ugc-reels-block__heading{margin:0 0 .75rem}.product__accordion .accordion__content .product-ugc-reels{margin-top:.25rem}.product__accordion .accordion__content:has(.product-ugc-reels){overflow-x:visible;padding-inline:0}
/*# sourceMappingURL=/cdn/shop/t/177/assets/component-product-ugc-reels.css.map */