py-video-feed{display:block;max-width:1200px;margin:48px auto;color:#171717}.py-reels__heading{text-align:center;font-size:26px;margin:0 0 24px}.py-reels__track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:12px;overscroll-behavior-x:contain}.py-reels__card{position:relative;flex:0 0 calc((100% - 48px)/5);min-width:0;scroll-snap-align:start}.py-reels__open{display:block;width:100%;aspect-ratio:9/16;border:0;padding:0;background:#eee;overflow:hidden;border-radius:8px;cursor:pointer;position:relative}.py-reels__open img{display:block;width:100%;height:100%;object-fit:contain;background:#111;pointer-events:none}.py-reels__post{position:absolute;right:8px;bottom:10px;background:#0008;color:#fff;font-size:11px;padding:5px 8px;border-radius:20px;text-decoration:none}.py-reels__dialog{padding:0;border:0;max-width:100vw;max-height:100dvh;background:transparent;overflow:visible}.py-reels__dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.py-reels__viewer{position:relative;width:min(440px,calc((100dvh - 32px)*.5625),calc(100vw - 24px));aspect-ratio:9/16;background:#111;border-radius:10px;overflow:hidden}.py-reels__viewer video{width:100%;height:100%;object-fit:contain}.py-reels__close,.py-reels__sound{position:absolute;top:12px;border:0;background:#0009;color:#fff;min-height:44px;padding:8px 12px;border-radius:24px;cursor:pointer}.py-reels__close{right:12px;width:44px;font-size:28px;line-height:1}.py-reels__sound{left:12px;font-size:12px}.py-reels__external{position:absolute;bottom:64px;right:12px;background:#0009;color:#fff;border-radius:24px;padding:8px 12px;font-size:13px;text-decoration:none}.py-reels__external[hidden]{display:none}.py-reels button:focus-visible,.py-reels a:focus-visible{outline:3px solid #ee5f00;outline-offset:3px}@media(max-width:767px){py-video-feed{margin:32px 0}.py-reels__heading{font-size:22px;margin-bottom:18px}.py-reels__track{gap:8px;padding:0 16px 12px;scroll-padding-left:16px}.py-reels__card{flex-basis:44%}.py-reels__post{font-size:10px;padding:4px 6px}}.py-reels-slot:has(py-video-feed)>.py-reels-fallback{display:none}.py-reels__empty{text-align:center;padding:16px;font-size:13px}.py-reels-library{display:none}.py-reels-library.is-placed{display:block}py-video-feed .py-reels__open{height:auto;min-height:0;max-height:none;line-height:normal;box-sizing:border-box}py-video-feed .py-reels__open>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}py-video-feed .py-reels__open:before,py-video-feed .py-reels__open:after{content:none}py-video-feed .py-reels__close,py-video-feed .py-reels__sound{height:44px;line-height:1;letter-spacing:normal;text-transform:none}py-video-feed .py-reels__sound{width:44px;min-width:44px;padding:0;display:grid;place-items:center}.py-reels__sound[aria-pressed=false] .py-reels__audible-icon,.py-reels__sound[aria-pressed=true] .py-reels__muted-icon{display:none}py-video-feed .py-reels__close{display:grid;place-items:center;min-width:44px;padding:0}py-video-feed .py-reels__close svg,py-video-feed .py-reels__sound svg{display:block;width:20px;height:20px;flex:none}py-video-feed .py-reels__close:before,py-video-feed .py-reels__close:after,py-video-feed .py-reels__sound:before,py-video-feed .py-reels__sound:after{content:none}py-video-feed .py-reels__open,py-video-feed .py-reels__open>img{background:#f6f5f2}.py-reels__preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0}.py-reels__preview.is-playing{opacity:1}@media(max-width:767px){py-video-feed.is-coverflow .py-reels__track{gap:0;padding:12px 25% 18px;scroll-padding-inline:25%;scroll-snap-type:x mandatory;scrollbar-width:none;perspective:900px}py-video-feed.is-coverflow .py-reels__track::-webkit-scrollbar{display:none}py-video-feed.is-coverflow .py-reels__card{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always}py-video-feed.is-coverflow .py-reels__open{transform:scale(calc(1 - var(--distance,1)*.08)) rotateY(var(--turn,0deg));transition:transform .15s ease-out;transform-origin:center;backface-visibility:hidden}}@media(prefers-reduced-motion:reduce){py-video-feed.is-coverflow .py-reels__open{transition:none}}py-video-feed .py-reels__nav{position:fixed;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:50%;background:#0008;color:#fff;line-height:1}.py-reels__prev{left:16px}.py-reels__next{right:16px}py-video-feed .py-reels__nav:before,py-video-feed .py-reels__nav:after{content:none}py-video-feed .py-reels__nav svg{display:block;width:24px;height:24px;flex:none}@media(max-width:767px){.py-reels__prev{left:8px}.py-reels__next{right:8px}}py-video-feed .py-reels__account{position:absolute;z-index:2;top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;max-width:calc(100% - 16px);padding:4px 6px;border-radius:4px;background:#ffffffd1;color:#222;font-family:inherit;font-size:10px;font-weight:500;line-height:1.2;letter-spacing:0;white-space:nowrap;pointer-events:none}py-video-feed .py-reels__instagram{display:grid;place-items:center;flex:none;width:16px;height:16px;border-radius:5px;background:radial-gradient(circle at 28% 105%,#ffdc80,#fcaf45 22%,#f77737 36%,#e1306c,#833ab4 80%,#405de6);color:#fff}py-video-feed .py-reels__instagram svg{display:block;width:14px;height:14px}@media(max-width:767px){py-video-feed .py-reels__account{top:6px;left:5px;padding:3px 4px;gap:3px;font-size:9px;max-width:calc(100% - 10px)}}.py-reels__rail{position:relative}py-video-feed .py-reels__account{text-transform:none}py-video-feed .py-reels__browse{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:44px;min-width:36px;padding:0;border:0;background:transparent;color:#171717;cursor:pointer}py-video-feed .py-reels__browse:before,py-video-feed .py-reels__browse:after{content:none}py-video-feed .py-reels__browse svg{width:24px;height:24px;flex:none}.py-reels__browse--prev{left:-44px}.py-reels__browse--next{right:-44px}@media(min-width:768px){py-video-feed{width:calc(100% - 96px)}}@media(max-width:767px){py-video-feed .py-reels__browse{display:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/py-video-feed.css.map */