.br-rail{--_rail-fg: var(--br-text);--_rail-rule: var(--br-black);padding-block:var(--br-s6)}.br-rail__inner{max-width:var(--br-content-w);margin-inline:auto;padding-inline:var(--br-gutter-mobile)}@media(min-width:750px){.br-rail__inner{padding-inline:var(--br-gutter-product)}}.br-rail--band{background:var(--br-band)}.br-rail--block-blue,.br-rail--block-black{--_rail-fg: var(--br-white);--_rail-rule: var(--br-white);color:var(--br-white);padding-block:var(--br-s7)}.br-rail--block-blue{background:var(--br-blue)}.br-rail--block-black{background:var(--br-black)}.br-rail--block-blue .br-card__body,.br-rail--block-black .br-card__body{padding:0 var(--br-s3) var(--br-s3)}.br-rail__head{display:flex;align-items:flex-end;gap:var(--br-s3);margin-bottom:var(--br-s5)}.br-rail__tab{display:inline-flex;align-items:center;padding:10px 30px 9px 16px;clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%);background:var(--br-black);color:var(--br-white);flex:none}.br-rail__tab h2,.br-rail__tab .br-rail__title{font-weight:var(--br-w-semi);font-size:var(--br-fs-h3);letter-spacing:.1em;line-height:1;text-transform:uppercase;white-space:nowrap;color:inherit}.br-rail__tab--blue{background:var(--br-blue);color:var(--br-white)}.br-rail__tab--mint{background:var(--br-mint);color:var(--br-black)}.br-rail__tab--pink{background:var(--br-pink);color:var(--br-white)}.br-rail__tab--yellow{background:var(--br-yellow);color:var(--br-black)}.br-rail__tab--black{background:var(--br-black);color:var(--br-white)}.br-rail__rule{flex:1 1 auto;height:0;border-bottom:2px solid var(--_rail-rule);margin-bottom:3px}.br-rail__count{flex:none;font-family:var(--br-mono);font-size:var(--br-fs-meta);letter-spacing:.12em;text-transform:uppercase;color:var(--br-grey-500);white-space:nowrap;margin-bottom:2px}.br-rail--block-blue .br-rail__count,.br-rail--block-black .br-rail__count{color:#ffffffd9}@media(max-width:749px){.br-rail__head{flex-wrap:wrap}.br-rail__count{display:none}}.br-rail__viewall{flex:none;font-weight:var(--br-w-semi);font-size:var(--br-fs-btn);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;color:var(--_rail-fg);margin-bottom:1px}.br-rail__viewall:hover{color:var(--br-blue)}.br-rail--block-blue .br-rail__viewall:hover,.br-rail--block-black .br-rail__viewall:hover{color:var(--br-white);text-decoration:underline}.br-rail--quiet .br-rail__viewall:hover{color:var(--_rail-fg);text-decoration:none}.br-rail--quiet .br-rail__tab a:hover{color:inherit;text-decoration:none}.br-rail__foot{display:flex;justify-content:flex-end}.br-rail__foot .br-rail__arrows{margin-top:var(--br-s2)}.br-rail__arrows{display:none}@media(min-width:750px){.br-rail__arrows{display:inline-flex;gap:6px}}.br-rail__arrows[hidden]{display:none}.br-rail__arrow{width:34px;height:34px;display:grid;place-items:center;border:1.5px solid var(--br-black);background:var(--br-white);color:var(--br-black);font-size:15px;line-height:1;transition:background var(--br-t-colour),color var(--br-t-colour),opacity var(--br-t-colour)}.br-rail__arrow:hover{background:var(--br-black);color:var(--br-white)}.br-rail__arrow:disabled{opacity:.3;pointer-events:none}.br-rail--block-blue .br-rail__arrow,.br-rail--block-black .br-rail__arrow{border-color:var(--br-white);background:transparent;color:var(--br-white)}.br-rail--block-blue .br-rail__arrow:hover,.br-rail--block-black .br-rail__arrow:hover{background:var(--br-white);color:var(--br-black)}.br-rail__scroller{timeline-scope:--br-rail-tl}.br-rail__track{display:flex;gap:var(--br-s5);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scroll-padding-left:0;padding-bottom:12px;scrollbar-width:none;scroll-timeline:--br-rail-tl inline}.br-rail__track::-webkit-scrollbar{display:none}.br-rail__track>*{scroll-snap-align:start;flex:none}.br-rail__track:focus-visible{outline:var(--br-focus-w) solid var(--br-focus);outline-offset:var(--br-focus-offset)}.br-rail__progress{position:relative;height:2px;margin-top:var(--br-s2);background:var(--br-line);overflow:hidden}.br-rail__progress:after{content:"";position:absolute;inset:0 auto 0 0;width:100%;background:var(--br-blue);transform:scaleX(0);transform-origin:left center}@supports (animation-timeline: scroll()){.br-rail__progress:after{animation:br-rail-progress linear both;animation-timeline:--br-rail-tl}}@keyframes br-rail-progress{to{transform:scaleX(1)}}.br-rail--block-blue .br-rail__progress,.br-rail--block-black .br-rail__progress{background:#ffffff40}.br-rail--block-blue .br-rail__progress:after,.br-rail--block-black .br-rail__progress:after{background:var(--br-white)}.br-card__rank{position:absolute;top:var(--br-s2);left:var(--br-s2);z-index:5;display:grid;place-items:center;min-width:26px;height:26px;padding:0 6px;background:var(--br-black);color:var(--br-white);font-family:var(--br-mono);font-size:12px;font-weight:var(--br-w-medium);letter-spacing:.04em}.br-card__rank~.br-badges{top:calc(var(--br-s2) + 26px + var(--br-s1))}.br-rail--feature .br-rail__layout{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:var(--br-s6);align-items:start}.br-feature{position:relative}.br-rail--feature .br-rail__eyebrow{color:var(--br-blue)}@media(min-width:750px){.br-rail--feature .br-rail__track>:first-child{display:none}}@media(max-width:749px){.br-rail--feature .br-rail__layout{display:block}.br-rail--feature .br-feature{display:none}}.br-rail--spotlight .br-rail__layout{display:grid;grid-template-columns:minmax(0,274px) minmax(0,1fr);gap:var(--br-s6);align-items:start}@media(min-width:750px){.br-rail--spotlight .br-rail__track>:first-child{display:none}}@media(max-width:749px){.br-rail--spotlight .br-rail__layout{display:block}.br-rail--spotlight .br-feature{display:none}}.br-rail--spines .br-card__art:before{content:"";position:absolute;top:0;bottom:0;left:0;width:10px;background:linear-gradient(90deg,var(--br-blue-deep),var(--br-blue));z-index:1}.br-rail--spines .br-card__art:after{content:"";position:absolute;top:0;bottom:0;left:10px;width:2px;background:#ffffff59;z-index:1}.br-story{display:flex;gap:var(--br-s4);overflow-x:auto;padding:6px 6px var(--br-s2);margin:-6px -6px var(--br-s5);scrollbar-width:none}.br-story::-webkit-scrollbar{display:none}.br-rail--story-rail{padding-block:var(--br-s5) var(--br-s2)}.br-rail--story-rail .br-story{margin-bottom:-6px;padding-bottom:6px}.br-story__item{flex:none;width:76px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--br-grey-500)}.br-story__ring{width:76px;height:76px;border-radius:var(--br-radius-circle);padding:3px;box-sizing:border-box}.br-story__ring--gradient{background:conic-gradient(var(--br-blue),var(--br-pink),var(--br-yellow),var(--br-blue))}.br-story__ring--blue{background:var(--br-blue)}.br-story__ring--pink{background:var(--br-pink)}.br-story__ring--yellow{background:var(--br-yellow)}.br-story__ring--mono{background:var(--br-line)}.br-story__img,.br-story__ph{display:block;width:100%;height:100%;border-radius:var(--br-radius-circle);object-fit:cover;border:2px solid var(--br-white);background:var(--br-grey-100)}.br-story__item:focus-visible{outline:var(--br-focus-w) solid var(--br-focus);outline-offset:2px;border-radius:4px}.br-story__label{font-family:var(--br-mono);font-size:var(--br-fs-meta);letter-spacing:.08em;text-transform:uppercase;color:var(--br-grey-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:84px}@media(min-width:1024px){.br-story{gap:var(--br-s5)}.br-story__item{width:104px}.br-story__ring{width:104px;height:104px}.br-story__label{max-width:112px}}@media(min-width:1440px){.br-story{gap:var(--br-s6)}.br-story__item{width:128px}.br-story__ring{width:128px;height:128px;padding:4px}.br-story__label{max-width:136px}}.br-rail__eyebrow{display:block;font-family:var(--br-mono);font-size:clamp(11px,.3vw + 10px,13px);letter-spacing:.14em;text-transform:uppercase;color:var(--br-grey-500);margin-bottom:var(--br-s2)}.br-rail--block-blue .br-rail__eyebrow,.br-rail--block-black .br-rail__eyebrow{color:#fffc}.br-rail--head-plain .br-rail__tab,.br-rail--head-minimal .br-rail__tab{background:transparent;clip-path:none;padding:0 0 3px;color:var(--_rail-fg)}.br-rail--head-plain .br-rail__title{color:var(--_rail-fg)}.br-rail--head-minimal .br-rail__title{font-size:var(--br-fs-btn);color:var(--_rail-fg)}.br-rail__desc{max-width:68ch;margin:calc(-1 * var(--br-s3)) 0 var(--br-s5);color:var(--br-grey-700);font-weight:var(--br-w-light);font-size:var(--br-fs-body);line-height:1.7}.br-rail--block-blue .br-rail__desc,.br-rail--block-black .br-rail__desc{color:#ffffffe6}.br-rail__grid{display:grid;grid-template-columns:repeat(var(--br-grid-cols, 4),minmax(0,1fr));gap:var(--br-s5)}.br-rail__grid .br-card{width:100%;flex:initial}@media(max-width:749px){.br-rail__grid{grid-template-columns:repeat(var(--br-grid-cols-mobile, 2),minmax(0,1fr));gap:var(--br-s4)}}.br-rail__promo{flex:none;width:var(--br-promo-w, 220px);align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--br-s3);padding:var(--br-s4);background:var(--br-band);color:var(--br-text);scroll-snap-align:start}.br-rail__grid .br-rail__promo{width:100%}.br-rail__promo--blue{background:var(--br-blue);color:var(--br-white)}.br-rail__promo--black{background:var(--br-black);color:var(--br-white)}.br-rail__promo--yellow{background:var(--br-yellow);color:var(--br-black)}.br-rail__promo--pink{background:var(--br-pink);color:var(--br-white)}.br-rail__promo--band{background:var(--br-band);color:var(--br-text)}.br-rail__promo__eyebrow{font-family:var(--br-mono);font-size:var(--br-fs-meta);letter-spacing:.12em;text-transform:uppercase;opacity:.85}.br-rail__promo__title{font-weight:var(--br-w-bold);font-size:var(--br-fs-h2);letter-spacing:-.02em;line-height:1.05;text-transform:uppercase}.br-rail__promo__text{font-size:var(--br-fs-body);line-height:1.6}.br-rail__promo__cta{margin-top:var(--br-s2)}@media(min-width:1440px){.br-card--xl{--br-card-w: 316px}.br-card--m{--br-card-w: 264px}.br-card--s{--br-card-w: 178px}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-product-rail.css.map */