.mbp-rail{padding-block:var(--mbp-space-7) 0}.mbp-rail--white{background:var(--mbp-surface-white);padding-block-end:var(--mbp-space-7)}.mbp-rail--blush{background:var(--mbp-surface-alt);padding-block-end:var(--mbp-space-7)}.mbp-rail__head{margin-block-end:var(--mbp-space-4)}.mbp-rail--blush .mbp-section-head__eyebrow{justify-self:start;min-height:28px;padding:0 12px;border-radius:var(--mbp-radius-pill);background:var(--mbp-accent-1);color:var(--mbp-ink)}.mbp-rail--blush .mbp-section-head__eyebrow .mbp-sparkle{color:var(--mbp-ink)}.mbp-rail--blush .mbp-section-head__eyebrow .mbp-label{font-size:12px;line-height:16px;letter-spacing:0}.mbp-rail--blush .mbp-section-head__marker{--mbp-marker-color: var(--mbp-surface-white)}.mbp-rail--rail .mbp-rail__track{display:grid;grid-auto-flow:column;grid-auto-columns:min(44vw,200px);gap:var(--mbp-space-3);margin:0 calc(var(--mc2-gutter) * -1);padding:0 var(--mc2-gutter) var(--mbp-space-1);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--mc2-gutter);scrollbar-width:none}.mbp-rail--rail .mbp-rail__track::-webkit-scrollbar{display:none}.mbp-rail__item{min-width:0;scroll-snap-align:start}.mbp-rail__item>.mc2-card{height:100%}.mbp-rail--grid .mbp-rail__track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mbp-space-3);margin:0;padding:0;list-style:none}.mbp-rail__more{margin-block-start:var(--mbp-space-4)}.mbp-rail__note{margin:var(--mbp-space-3) 0 0;color:var(--mbp-muted);font-size:12px;line-height:16px}@media(min-width:750px){.mbp-rail--rail .mbp-rail__track{grid-auto-columns:calc((100% - var(--mbp-space-4) * 3) / 3.4);gap:var(--mbp-space-4)}.mbp-rail--grid .mbp-rail__track{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mbp-space-4)}.mbp-rail__more{display:flex;width:fit-content;min-width:280px;margin-inline:auto}}@media(min-width:1200px){.mbp-rail{padding-block-start:var(--mbp-space-10)}.mbp-rail--white,.mbp-rail--blush{padding-block-end:var(--mbp-space-10)}.mbp-rail--rail .mbp-rail__track{grid-auto-columns:calc((100% - var(--mbp-space-4) * 4) / 5);margin:0;padding:0 0 var(--mbp-space-2)}.mbp-rail--grid .mbp-rail__track{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(hover:hover)and (pointer:fine)and (min-width:750px){.mbp-rail--rail .mbp-rail__track{padding-block:8px 40px;margin-block:-8px -36px}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/mc2-rail.css.map */