.rsr{--rsr-card: min(74vw, 292px);--rsr-gap: 14px;--rsr-radius: 20px;--rsr-ease: cubic-bezier(.22, 1, .36, 1);--rsr-info-drop: 42px;position:relative;z-index:auto;max-width:none;padding:44px 0 34px}.rsr-head{text-align:center;padding:0 20px 20px}.rsr-head h2{margin:0}.rsr-sub{margin:8px auto 0;max-width:44ch;font-size:14px;line-height:1.5;opacity:.72}.rsr-viewport{position:relative}.rsr-track{display:flex;align-items:center;gap:var(--rsr-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:10px 0 calc(var(--rsr-info-drop) + 26px);overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-x pan-y;-webkit-user-select:none;scroll-behavior:auto}.rsr-track::-webkit-scrollbar{display:none}.rsr-track:before,.rsr-track:after{content:"";flex:0 0 calc(50% - (var(--rsr-card) / 2) - var(--rsr-gap))}.rsr-card{position:relative;flex:0 0 var(--rsr-card);width:var(--rsr-card);scroll-snap-align:center;transform:scale(.94);opacity:.78;transition:transform .55s var(--rsr-ease),opacity .35s var(--rsr-ease);will-change:auto}.rsr-card.is-active{transform:scale(1);opacity:1}.rsr-media{position:relative;display:block;width:100%;aspect-ratio:9 / 16;border:0;padding:0;margin:0;border-radius:var(--rsr-radius);overflow:hidden;background:#efe9e6 center/cover no-repeat;cursor:pointer;box-shadow:0 10px 26px -18px #28141480;transition:box-shadow .55s var(--rsr-ease);-webkit-tap-highlight-color:transparent}.rsr-card.is-active .rsr-media{box-shadow:0 26px 50px -22px #2814148c}.rsr-media:focus-visible{outline:2px solid var(--maroon, #5c141f);outline-offset:3px}.rsr-poster,.rsr-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.rsr-video{opacity:0;transition:opacity .45s ease;z-index:1}.rsr-card.is-playing .rsr-video{opacity:1}.rsr-play{position:absolute;top:12px;right:12px;z-index:2;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#140c0c6b;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:1;transition:opacity .35s ease;pointer-events:none}.rsr-card.is-playing .rsr-play{opacity:0}.rsr-card.is-poster-only .rsr-play{display:none}.rsr-info{position:absolute;left:10px;right:10px;bottom:calc(var(--rsr-info-drop) * -1);z-index:3;display:flex;align-items:center;gap:12px;padding:9px 14px 9px 9px;border-radius:16px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 16px 34px -18px #28141480,0 2px 8px -4px #28141440;transition:transform .4s var(--rsr-ease),box-shadow .4s var(--rsr-ease)}.rsr-info:hover{transform:translateY(-2px);box-shadow:0 22px 40px -18px #2814148c}.rsr-info:focus-visible{outline:2px solid var(--maroon, #5c141f);outline-offset:2px}.rsr-thumb{flex:0 0 auto;width:52px;height:62px;border-radius:10px;overflow:hidden;background:#f3eeeb}.rsr-thumb img[hidden]{display:none}.rsr-thumb img{width:100%;height:100%;object-fit:cover;display:block}.rsr-copy{min-width:0}.rsr-title{margin:0 0 3px;font-size:14.5px;font-weight:500;line-height:1.25;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rsr-prices{display:flex;align-items:baseline;gap:8px}.rsr-price{font-size:15.5px;font-weight:700;letter-spacing:.01em}.rsr-compare{font-size:13px;color:#a3999a;text-decoration:line-through}.rsr-nav{position:absolute;top:calc(50% - (var(--rsr-info-drop) / 2));transform:translateY(-50%);z-index:4;width:40px;height:40px;display:none;place-items:center;border:0;border-radius:50%;background:#fff;color:#2a1a1a;cursor:pointer;box-shadow:0 10px 24px -12px #28141480;transition:transform .3s var(--rsr-ease),opacity .3s ease}.rsr-nav:hover{transform:translateY(-50%) scale(1.06)}.rsr-nav[disabled]{opacity:.3;pointer-events:none}.rsr-nav--prev{left:18px}.rsr-nav--next{right:18px}.rsr-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px 16px}.rsr-modal.is-open{display:flex}.rsr-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0e0809e0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.rsr-modal-stage{position:relative;z-index:1;width:min(430px,92vw);max-height:92vh;display:flex;flex-direction:column;gap:12px}.rsr-modal-stage video{width:100%;max-height:76vh;border-radius:16px;background:#000;display:block}.rsr-modal-close{position:absolute;top:14px;right:16px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:#ffffff24;color:#fff;font-size:24px;line-height:1;cursor:pointer}.rsr-modal-buy{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:14px;background:#fff;color:inherit;text-decoration:none}.rsr-modal-buy[hidden]{display:none}.rsr-modal-buy .rsr-thumb{width:46px;height:55px}.rsr-modal-buy .rsr-cta{margin-left:auto;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}html.rsr-locked,html.rsr-locked body{overflow:hidden}@media(min-width:750px){.rsr{--rsr-card: 300px;--rsr-gap: 22px;padding:60px 0 44px}.rsr-nav{display:grid}.rsr-track{justify-content:safe center;scroll-snap-type:x proximity;padding-left:28px;padding-right:28px}.rsr-track:before,.rsr-track:after{content:none}.rsr-card{transform:scale(.88);opacity:.6}.rsr-card.is-active{transform:scale(1);opacity:1}.rsr-title{font-size:15px}}@media(min-width:1100px){.rsr{--rsr-card: 316px}}@media(prefers-reduced-motion:reduce){.rsr-track{scroll-behavior:auto}.rsr-card,.rsr-info,.rsr-nav,.rsr-media{transition:none!important}.rsr-card{transform:none!important;opacity:1!important}}.rsr-card,.rsr-media,.rsr-info{-webkit-user-drag:none}@media(max-width:749px){.rsr-card,.rsr-card.is-active{transform:none;opacity:1}.rsr-track{scroll-snap-type:x mandatory;touch-action:pan-x pan-y}}.rsr--loop .rsr-track{overscroll-behavior-x:contain}.rsr.is-dragging .rsr-track{scroll-snap-type:none;cursor:grabbing}.rsr.is-dragging .rsr-card{transition:none}@media(max-width:749px){.rsr--loop .rsr-track{scroll-snap-type:x mandatory;touch-action:pan-x pan-y}.rsr.is-dragging .rsr-track{scroll-snap-type:none}}.rsr--compact{--rsr-card: min(80vw, 330px)}.rsr--compact .rsr-media{aspect-ratio:4 / 5}.rsr--compact .rsr-poster{object-position:center top}@media(min-width:750px){.rsr--compact{--rsr-card: 340px}}@media(min-width:1100px){.rsr--compact{--rsr-card: 360px}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/roo-shoppable-reels.css.map */