.crf-rail{--card-ground:#F7F6F2;--card-frame:var(--card-ground);--card-inset:9%;--tile-w:clamp(240px,22vw,330px);--tile-gap:0;--tile-pad:16px;padding:var(--s-section) 0}.crf-rail__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-default);padding:0 var(--page);margin-bottom:var(--s-comfy)}.crf-rail__eyebrow{margin:0 0 var(--s-tight)}.crf-rail__title{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.1}.crf-rail__all{flex:none;margin-bottom:6px}.crf-rail__scroller{position:relative}.crf-rail__track{display:flex;gap:var(--tile-gap);list-style:none;margin:0;padding:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.crf-rail__track::-webkit-scrollbar{display:none}.crf-rail__track>.crf-swatch{flex:0 0 var(--tile-w);scroll-snap-align:start}.crf-rail__track>.crf-swatch+.crf-swatch{border-left:1px solid var(--white)}.crf-rail .crf-swatch__meta{padding:0 var(--tile-pad) var(--tile-pad)}.crf-band--off.crf-rail .crf-swatch+.crf-swatch{border-left-color:var(--off-white)}.crf-rail__arrow{position:absolute;top:calc(var(--tile-w) * 4 / 3 / 2);transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid rgba(17,17,17,.18);background:#ffffffeb;color:var(--jet);display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 1px 2px #1111110f,0 8px 24px -12px #1e2b3c59;transition:opacity .3s var(--ease),transform .3s var(--ease)}.crf-rail__arrow svg{width:20px;height:20px}.crf-rail__arrow--prev{left:var(--s-default)}.crf-rail__arrow--next{right:var(--s-default)}.crf-rail__arrow:hover{transform:translateY(-50%) scale(1.06)}.crf-rail__arrow:active{transform:translateY(-50%) scale(.96)}.crf-rail__arrow:focus-visible{outline:2px solid var(--jet);outline-offset:2px}.crf-rail__arrow[hidden]{display:none}.crf-rail__empty{padding:var(--s-comfy) var(--page);color:var(--mid-grey);margin:0}@media(max-width:760px){.crf-rail{--tile-w:min(68vw,300px);padding-block:var(--s-generous)}.crf-rail__head{align-items:flex-start;flex-direction:column;gap:var(--s-tight)}.crf-rail__arrow{display:none}}@media(prefers-reduced-motion:reduce){.crf-rail__track{scroll-behavior:auto}.crf-rail__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/crf-rail.css.map */