.reels__track{display:flex;gap:var(--grid-gap-x);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.reels__track::-webkit-scrollbar{display:none}.reels__track:focus-visible{outline:1px solid var(--txt);outline-offset:-1px}@media(hover:hover)and (pointer:fine){.reels__track{scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-bottom:6px}.reels__track::-webkit-scrollbar{display:block;height:6px}.reels__track::-webkit-scrollbar-thumb{background:var(--line)}}.reels__card{flex:0 0 68vw;max-width:340px;scroll-snap-align:start;min-width:0}@media(min-width:761px){.reels__card{flex-basis:calc((100% - 2 * var(--grid-gap-x)) / 3);max-width:none}}@media(min-width:1100px){.reels__card{flex-basis:calc((100% - 3 * var(--grid-gap-x)) / 4)}}.reels__media{position:relative;aspect-ratio:9 / 16;overflow:hidden;background:var(--bg-raised)}.reels__poster,.reels__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.reels__poster{color:transparent}.reels__video{opacity:0;transition:opacity .35s var(--ease);background:transparent}.reels__video.is-playing{opacity:1}.reels__toggle{position:absolute;right:10px;bottom:10px;z-index:2;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;padding:0;background:#0a0a0a9e;color:#fff;border:1px solid rgba(255,255,255,.35);cursor:pointer;transition:background .2s var(--ease)}.reels__toggle:hover{background:#0a0a0ad9}.reels__toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}.reels__ico--pause,.reels__card.is-playing .reels__ico--play{display:none}.reels__card.is-playing .reels__ico--pause{display:block}.reels--poster-only .reels__toggle{width:52px;height:52px;right:50%;bottom:50%;transform:translate(50%,50%)}.reels__body{padding-top:12px}.reels__cap{display:block;color:var(--txt-2)}.reels__link{display:inline-block;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt);border-bottom:1px solid var(--txt);padding-bottom:2px;transition:color .2s var(--ease),border-color .2s var(--ease)}.reels__link:hover{color:var(--red);border-color:var(--red)}.reels__empty{padding:28px var(--gutter);color:var(--txt-2);font-family:var(--f-mono);font-size:12px}@media(prefers-reduced-motion:reduce){.reels__track{scroll-behavior:auto}.reels__video{transition:none}}.reels__toggle{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/23/assets/remy-reels.css.map */