.video-reels{display:block;overflow:hidden}.video-reels__title{margin-bottom:3rem}.video-reels__title .title{margin:0}.video-reels__carousel{position:relative}.video-reels__viewport{overflow:hidden}.video-reels__track{display:flex;gap:1.6rem;touch-action:pan-y pinch-zoom}.video-reels__slide{box-sizing:border-box;flex:0 0 auto;width:26rem;min-width:0}.video-reels__slide[hidden]{display:none}@media screen and (min-width:750px){.video-reels__slide{width:30rem}}@media screen and (min-width:1200px){.video-reels__track{gap:2.4rem}}.video-reels__media{position:relative;aspect-ratio:.6;margin-bottom:1.5rem;border-radius:var(--video-reels-radius, 12px);overflow:hidden;transition:transform .3s ease-in-out,filter .3s ease-in-out,opacity .3s ease-in-out}.video-reels__poster,.video-reels__player{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video-reels__poster{object-fit:cover}.video-reels__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease-out}.video-reels__video.is-live.is-painted{opacity:1}.video-reels__video:not(.is-live){pointer-events:none}.video-reels__slide.active .video-reels__video.is-live{cursor:pointer}.video-reels.is-ready .video-reels__slide:not(.active) .video-reels__media{transform:scale(.85);filter:blur(1px);opacity:.8}.video-reels__control{position:absolute;bottom:1.6rem;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:none;border-radius:var(--video-reels-radius, 12px);background-color:#00000040;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;cursor:pointer;opacity:0;transform:scaleX(0);transition:opacity .2s ease-out,transform .2s ease-out}.video-reels__slide.active .video-reels__control{opacity:1;transform:scaleX(1)}.video-reels__sound{right:1.6rem}.video-reels__control .svg-wrapper{display:flex;align-items:center;justify-content:center}.video-reels__control .icon{width:1.6rem;height:1.6rem}video-reels[data-sound=off] .video-reels__icon-volume,video-reels[data-sound=on] .video-reels__icon-volume-muted{display:none}.video-reels__caption{margin:0 0 .5rem;text-align:center}.video-reels__author{margin:0;text-align:center;opacity:.7}.video-reels.is-ready .video-reels__caption,.video-reels.is-ready .video-reels__author{opacity:0;transition:opacity .3s ease-out}.video-reels.is-ready .video-reels__slide.active .video-reels__caption{opacity:1}.video-reels.is-ready .video-reels__slide.active .video-reels__author{opacity:.7}.video-reels__nav{position:absolute;z-index:2;top:45%;transform:translateY(-50%);width:4.4rem;height:4.4rem;border-radius:50%;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.15)}.video-reels__nav--prev{left:2rem}.video-reels__nav--next{right:2rem}.video-reels__nav--prev .svg-wrapper{transform:rotate(90deg)}.video-reels__nav--next .svg-wrapper{transform:rotate(-90deg)}.video-reels:not(.is-ready) .video-reels__nav,.video-reels:not(.is-ready) .video-reels__pagination{display:none}@media screen and (max-width:749px){.video-reels__nav{display:none}}.video-reels__pagination{display:flex;justify-content:center;gap:1.2rem;padding:2rem 0 0}.video-reels__dot{width:1rem;height:1rem;border-radius:50%;border:none;background-color:rgb(var(--color-foreground));opacity:.3;padding:0;cursor:pointer;transition:opacity .2s ease-in-out,transform .2s ease-in-out}.video-reels__dot:hover{opacity:.6;transform:scale(1.1)}.video-reels__dot--active{opacity:1}@media screen and (forced-colors:active){.video-reels__dot--active{background-color:CanvasText}}.video-reels:not(.is-ready) .video-reels__track{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 1.5rem}.video-reels:not(.is-ready) .video-reels__slide{scroll-snap-align:center}.video-reels__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:12rem;border:.1rem dashed rgba(var(--color-foreground),.5);border-radius:var(--video-reels-radius, 12px);color:rgba(var(--color-foreground),.7);text-align:center;padding:1rem}.video-reels__placeholder--section{min-height:20rem}@media screen and (prefers-reduced-motion:reduce){.video-reels__media,.video-reels__video,.video-reels__control,.video-reels__caption,.video-reels__author,.video-reels__dot{transition:none}}.video-reels__note{margin:1.6rem 0 0;font-size:1.3rem;font-style:italic;text-align:center;color:rgba(var(--color-foreground),.6)}
/*# sourceMappingURL=/cdn/shop/t/65/assets/section-video-reels.css.map */