.crf-social{--reels:6;--tile-w:max(200px,calc(100% / var(--reels)))}.crf-social__track>.crf-social__tile{flex:0 0 var(--tile-w);box-sizing:border-box;scroll-snap-align:start;margin:0}.crf-social__track>.crf-social__tile+.crf-social__tile{border-left:1px solid var(--white)}.crf-band--off.crf-social .crf-social__tile+.crf-social__tile{border-left-color:var(--off-white)}.crf-social__frame{position:relative;aspect-ratio:9/16;overflow:hidden;background:var(--tile)}.crf-social__film,.crf-social__frame video,.crf-social__frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.crf-social__frame .crf-plate{position:absolute;top:0;right:0;bottom:0;left:0}.crf-social__hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.crf-social__hit:focus-visible{outline:2px solid var(--jet);outline-offset:-3px}.crf-social .crf-rail__arrow{top:calc(max(200px,100vw / var(--reels)) * 16 / 9 / 2)}.crf-social__caption{display:flex;flex-direction:column;gap:2px;margin:var(--s-default) var(--tile-pad) 0}.crf-social__kicker{color:var(--mid-grey)}.crf-social__title{font-weight:500;color:var(--jet)}.crf-social__heading{font-family:var(--sans-shop);font-weight:600;letter-spacing:-.02em;color:var(--jet)}.crf-social__play{position:absolute;left:var(--s-default);bottom:var(--s-default);z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:#1111118c;color:var(--white);display:grid;place-items:center;padding:0;cursor:pointer}.crf-social__play svg{width:12px;height:12px;fill:currentColor}.crf-social__play:focus-visible{outline:2px solid var(--white);outline-offset:2px}.crf-social__play[data-state=playing] .icon-play,.crf-social__play[data-state=paused] .icon-pause{display:none}@media(max-width:760px){.crf-social{--tile-w:min(58vw,240px)}.crf-social__track>.crf-social__tile{flex-basis:var(--tile-w)}}.crf-social__caption:not(:has(.crf-social__kicker)) .crf-social__title{font-family:var(--display);font-weight:400;font-size:20px;line-height:1.2;letter-spacing:normal;color:var(--jet)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/crf-social.css.map */