.mx-reels{padding-block:var(--sect)}.mx-reels__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s2);margin-bottom:var(--s3)}.mx-reels__ttl{max-width:26ch}.mx-reels__eyebrow{margin-bottom:8px}.mx-reels__row{--mx-g:8px;display:flex;gap:var(--mx-g);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:var(--gutter);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pinch-zoom;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);padding-block:3px}.mx-reels__row::-webkit-scrollbar{display:none}.mx-reels__row.is-drift{scroll-snap-type:none}.mx-reel{flex:0 0 calc((100% - 2.2 * var(--mx-g)) / 2.2);scroll-snap-align:start;position:relative;margin:0;isolation:isolate;aspect-ratio:9 / 16;overflow:hidden;background:#0e0e0e;border:1px solid var(--line);border-radius:var(--radius)}@media(min-width:700px){.mx-reels__row{--mx-g:12px}.mx-reel{flex-basis:calc((100% - 3.4 * var(--mx-g)) / 3.4)}}@media(min-width:900px){.mx-reels__row{margin-inline:0;padding-inline:0;scroll-padding-left:0;cursor:grab}.mx-reels__row:active{cursor:grabbing}.mx-reel{flex-basis:calc((100% - (var(--mx-pd, 5) - 1) * var(--mx-g)) / var(--mx-pd, 5))}}.mx-reel__vid,.mx-reel__still{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#0e0e0e}.mx-reel__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0000008c,#0000 28%),linear-gradient(0deg,#000000c2,#0000 48%)}.mx-reel__tap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.mx-reel__tap:focus-visible{outline:2px solid #fff;outline-offset:-5px}.mx-reel__spk{position:absolute;top:2px;right:2px;width:var(--tap);height:var(--tap);display:grid;place-items:center;color:#fff}.mx-reel__spk svg{width:17px;height:17px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.mx-reel__spk .mx-reel__on{display:none}.mx-reel.is-loud .mx-reel__spk .mx-reel__on{display:block}.mx-reel.is-loud .mx-reel__spk .mx-reel__off{display:none}.mx-reel__top{position:absolute;top:0;left:0;right:var(--tap);z-index:3;display:flex;align-items:center;gap:8px;padding:11px 10px;pointer-events:none}.mx-reel__av{flex:0 0 auto;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600;line-height:1;color:#fff;background:#2b2b2b;border:1px solid rgba(255,255,255,.38)}.mx-reel__handle{min-width:0;font-size:12px;font-weight:500;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mx-reel__rail{position:absolute;right:1px;bottom:10px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:9px;pointer-events:none}.mx-reel__act{display:flex;flex-direction:column;align-items:center;gap:3px;color:#fff;text-decoration:none}.mx-reel__act svg{width:19px;height:19px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.mx-reel__n{font-size:11px;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.8)}a.mx-reel__act{pointer-events:auto;min-width:var(--tap);min-height:var(--tap);justify-content:center}.mx-reel__foot{position:absolute;left:0;right:0;bottom:0;z-index:3;display:grid;gap:5px;max-height:74%;padding:10px var(--s5) 13px 10px}.mx-reel__cap{display:block;width:100%;min-height:var(--tap);padding:2px 0;border:0;background:transparent;color:#fff;font:inherit;text-align:left;cursor:pointer}.mx-reel__cap[disabled]{cursor:default}.mx-reel__captxt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:12px;line-height:1.35;text-shadow:0 1px 3px rgba(0,0,0,.85)}.mx-reel.is-open .mx-reel__captxt{display:block;max-height:34vh;overflow:auto;-webkit-overflow-scrolling:touch}.mx-reel__more{display:inline-block;margin-top:3px;font-size:11px;color:#ffffffb8;text-shadow:0 1px 3px rgba(0,0,0,.85)}.mx-reel__cmt{margin:0;font-size:11px;line-height:1.35;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.85);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.mx-reel__cmt b{font-weight:600}.mx-reel__audio{margin:0;overflow:hidden;white-space:nowrap;font-size:10px;letter-spacing:.02em;color:#ffffffd1;text-shadow:0 1px 3px rgba(0,0,0,.85)}.mx-reel__tick{display:inline-flex;gap:30px;animation:mx-tick 16s linear infinite;will-change:transform}@keyframes mx-tick{0%{transform:translate(0)}to{transform:translate(-50%)}}.mx-reel__bar{position:absolute;left:0;right:0;bottom:0;z-index:4;height:2px;background:#fff3}.mx-reel__fill{display:block;height:100%;width:0;background:#fff;transition:width .14s linear}.mx-reels__nav{display:none}@media(min-width:900px){.mx-reels__nav{display:flex;gap:8px;flex:0 0 auto}}.mx-reels__arw{width:var(--tap);min-height:var(--tap);padding:0}.mx-reels__arw svg{width:15px;height:15px}@media(min-width:900px){.mx-reel__captxt,.mx-reel__handle{font-size:13px}.mx-reel__cmt{font-size:12px}.mx-reel__av{width:28px;height:28px;font-size:12px}}@media(prefers-reduced-motion:reduce){.mx-reel__tick{animation:none;transform:none}.mx-reel__tick span+span{display:none}.mx-reels__row.is-drift{scroll-snap-type:x mandatory}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mx-reels.css.map */