.body-videos{margin:16px 0}.body-videos__title{margin:0 0 10px;font-size:16px;font-weight:700}.body-videos__wrap{position:relative}.body-videos__list{display:grid;grid-auto-flow:column;gap:10px;grid-auto-columns:calc((100% - 30px)/4);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.body-videos__list::-webkit-scrollbar{display:none}@media(min-width:990px){.body-videos__list{grid-auto-columns:calc((100% - 40px)/5)}}.body-videos__card{position:relative;aspect-ratio:9 / 16;padding:0;border:0;border-radius:12px;overflow:hidden;background:#1a1a1a;cursor:pointer;scroll-snap-align:start}.body-videos__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.body-videos__card:hover .body-videos__img{transform:scale(1.04)}.body-videos__card:focus-visible{outline:2px solid #000;outline-offset:2px}.body-videos__play{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#00000073;border:1.5px solid rgba(255,255,255,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.body-videos__play svg{width:14px;height:14px;margin-left:2px}.body-videos__time{position:absolute;left:5px;bottom:5px;padding:1px 5px;border-radius:5px;font-size:10px;font-weight:700;color:#fff;background:#0000008c}.body-videos__arrow{position:absolute;top:45%;translate:0 -50%;width:34px;height:34px;border-radius:50%;border:0;display:none;place-items:center;color:#000;background:#ffffffeb;box-shadow:0 2px 8px #0003;cursor:pointer;z-index:1}.body-videos__arrow--prev{left:-6px}.body-videos__arrow--next{right:-6px}@media(hover:hover)and (min-width:750px){.body-videos__arrow{display:grid}}@media(prefers-reduced-motion:reduce){.body-videos__img{transition:none}.body-videos__card:hover .body-videos__img{transform:none}}html.body-reels-open{overflow:hidden}.body-reels{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#fff;overflow:hidden}.body-reels::backdrop{background:#000000e0}.body-reels__stage{position:relative;height:100dvh;margin:0 auto;aspect-ratio:9 / 16;max-width:100vw;background:#000}.body-reels__track{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}.body-reels__track::-webkit-scrollbar{display:none}.body-reels__slide{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.body-reels__video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.body-reels__paused{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#00000073;opacity:0;transition:opacity .2s;pointer-events:none}.body-reels__slide.is-paused .body-reels__paused{opacity:1;pointer-events:auto;cursor:pointer}.body-reels__paused svg{margin-left:4px}.body-reels__bar{position:absolute;left:12px;right:12px;top:10px;height:3px;border-radius:3px;background:#ffffff4d;overflow:hidden}.body-reels__bar i{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}.body-reels__top{position:absolute;top:20px;left:12px;right:12px;display:flex;align-items:center;gap:8px}.body-reels__count{margin-right:auto;font-size:13px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5)}.body-reels__btn{width:42px;height:42px;border-radius:50%;border:0;display:grid;place-items:center;color:#fff;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;padding:0}.body-reels__btn:disabled{opacity:.35;cursor:default}.body-reels__btn:focus-visible,.body-reels__buy:focus-visible{outline:2px solid #fff;outline-offset:2px}.body-reels__nav{position:absolute;right:-60px;top:50%;translate:0 -50%;display:grid;gap:12px}.body-reels__card{position:absolute;left:12px;right:12px;bottom:max(14px,env(safe-area-inset-bottom));display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 10px;padding:10px;border-radius:14px;background:#fffffff5;color:#111;box-shadow:0 8px 30px #00000040}.body-reels__card img{width:52px;height:52px;border-radius:10px;object-fit:cover;background:#f2f2f0}.body-reels__info{display:grid;gap:1px;min-width:0}.body-reels__name{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.body-reels__variant{font-size:12px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.body-reels__price{display:flex;align-items:baseline;gap:6px;font-size:15px}.body-reels__price s{font-size:12.5px;color:#777}.body-reels__price b{color:#1e8a1e}.body-reels__buy{grid-column:1 / -1;min-height:46px;border:0;border-radius:999px;background:#1e8a1e;color:#fff;font:700 15px/1 inherit;text-transform:uppercase;cursor:pointer}.body-reels__buy:disabled{opacity:.6;cursor:default}@media(max-width:749px){.body-reels__stage{aspect-ratio:auto;width:100vw}.body-reels__nav{display:none}}@media(min-width:750px){.body-reels__stage{height:min(92dvh,900px);margin-top:max(4dvh,calc((100dvh - 900px)/2));border-radius:18px}.body-reels__track,.body-reels__slide{border-radius:18px}.body-reels__card{grid-template-columns:auto 1fr auto}.body-reels__buy{grid-column:auto;padding:0 18px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/body-videos.css.map */