.lp-videos__inner{display:flex;flex-direction:column;gap:var(--lp-space-4)}.lp-videos__caption,.lp-videos__heading{margin:0}.lp-videos__rail{display:flex;gap:var(--lp-space-3);margin:0;margin-right:calc(-1 * var(--lp-space-4));padding:0 0 var(--lp-space-2);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.lp-videos__rail::-webkit-scrollbar{display:none}.lp-videos__item{flex:0 0 62%;max-width:32rem;scroll-snap-align:start;display:flex;flex-direction:column;gap:var(--lp-space-2)}.lp-videos__frame{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--lp-space-3);background:rgba(var(--color-foreground),.06)}.lp-videos__cover,.lp-videos__loop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.lp-videos__creator{position:absolute;left:var(--lp-space-2);top:var(--lp-space-2);display:flex;align-items:center;gap:var(--lp-space-2);max-width:calc(100% - var(--lp-space-4));padding:.3rem var(--lp-space-2) .3rem .3rem;border-radius:10rem;background:#00000059;color:#fff;font-size:1.2rem;font-weight:var(--font-body-weight-bold);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.lp-videos__hint{position:absolute;bottom:var(--lp-space-2);display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;background:#00000059;color:#fff;pointer-events:none}.lp-videos__hint--play{left:var(--lp-space-2)}.lp-videos__hint--sound{right:var(--lp-space-2)}.lp-videos__hint--play .icon{width:1.1rem;height:auto;margin-left:.2rem}.lp-videos__hint--sound .icon{width:1.8rem;height:1.8rem}.lp-videos__avatar{flex:none;width:2.4rem;height:2.4rem;border-radius:50%}.lp-videos__open{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:none;cursor:pointer}.lp-videos__open:focus-visible{outline:var(--focused-base-outline);outline-offset:calc(-1 * var(--lp-space-1));border-radius:inherit}.lp-videos__quote{margin:0;font-size:1.4rem;line-height:1.4}@media screen and (min-width:750px){.lp-videos__rail{margin-right:0}.lp-videos__item{flex-basis:24rem}.lp-videos__item:first-child{margin-left:auto}.lp-videos__item:last-child{margin-right:auto}}html.lp-reels-open{overflow:hidden}.lp-reels{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;background:#191716;color:#fff;overscroll-behavior:contain}.lp-reels[hidden]{display:none}.lp-reels__stage{position:absolute;top:0;right:0;bottom:0;left:0;margin:0 auto;max-width:56.25dvh;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.lp-reels__slide{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .2s ease}.lp-reels__slide[style*=translate]{transition:none}.lp-reels__video{width:100%;height:100%;object-fit:cover;pointer-events:none}.lp-reels__progress,.lp-reels__top{left:0;right:0;margin:0 auto;max-width:56.25dvh}.lp-reels__progress{position:absolute;top:env(safe-area-inset-top,0px);height:.2rem;background:#ffffff40}.lp-reels__progress span{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}.lp-reels__top{position:absolute;top:calc(env(safe-area-inset-top,0px) + var(--lp-space-3));padding:0 var(--lp-space-2) 0 var(--lp-space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--lp-space-3);pointer-events:none}.lp-reels__creator{display:flex;align-items:center;gap:var(--lp-space-2);font-size:1.4rem;font-weight:var(--font-body-weight-bold);text-shadow:0 .1rem .4rem rgba(0,0,0,.5)}.lp-reels__creator img{width:3.2rem;height:3.2rem;border-radius:50%}.lp-reels__close,.lp-reels__step{pointer-events:auto;width:4.4rem;height:4.4rem;border:0;padding:0;border-radius:50%;background:#00000059;color:inherit;cursor:pointer;display:grid;place-items:center}.lp-reels__close:before,.lp-reels__close:after{content:"";grid-area:1 / 1;width:1.8rem;height:.2rem;border-radius:.1rem;background:currentColor;transform:rotate(45deg)}.lp-reels__close:after{transform:rotate(-45deg)}.lp-reels__close:focus-visible,.lp-reels__step:focus-visible{outline:.2rem solid rgb(255,255,255);outline-offset:.2rem}.lp-reels__nav{display:none}@media(pointer:fine){.lp-reels__nav{position:absolute;top:50%;right:var(--lp-space-6);transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--lp-space-3)}.lp-reels__step:before{content:"";width:1.1rem;height:1.1rem;border-left:.2rem solid currentColor;border-top:.2rem solid currentColor;transform:translateY(.25rem) rotate(45deg)}.lp-reels__step[data-step="1"]:before{transform:translateY(-.25rem) rotate(225deg)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/lp-video-rail.css.map */