.brands{--pick-w: 150px;position:relative;padding-block:var(--section-pt, var(--section-space)) var(--section-pb, var(--section-space));background:var(--color-background, var(--color-surface));color:var(--color-foreground, var(--color-ink));scroll-margin-block-start:calc(var(--header-h) + 16px)}.brands .brands__inner{display:block}.brands .brands__header{margin-block-end:12px}.brands .brands__toggle{margin:0 auto 14px;max-width:calc(100% - var(--gutter) * 2)}.brands .brands__toggle-btn{text-align:center}.brands .brand-flow{--flow-h: 150px;--flow-w: calc(var(--flow-h) * .75);--flow-s1: .74667;--flow-s2: .53333;--flow-gap: 8px;--flow-x1: calc(var(--flow-w) * (1 + var(--flow-s1)) / 2 + var(--flow-gap));--flow-x2: calc(var(--flow-x1) + var(--flow-w) * (var(--flow-s1) + var(--flow-s2)) / 2 + var(--flow-gap));--flow-x3: calc(var(--flow-x2) + var(--flow-w) * var(--flow-s2) + var(--flow-gap));--flow-dir: 1;position:relative;height:var(--flow-h);margin-block-end:14px;overflow-x:clip;overflow-y:visible;touch-action:pan-y;-webkit-user-select:none;user-select:none}[dir=rtl] .brands .brand-flow{--flow-dir: -1}.brands .brand-flow__item{--off: 0px;--s: 1;position:absolute;top:0;left:50%;z-index:5;width:var(--flow-w);height:var(--flow-h);transform:translate(calc(-50% + var(--sign, 0) * var(--flow-dir) * var(--off) + var(--flow-drag, 0px))) scale(var(--s));transform-origin:center center}.brands .brand-flow__item[hidden]{display:none}.brands .brand-flow__item[data-dist="1"]{--off: var(--flow-x1);--s: var(--flow-s1);z-index:4}.brands .brand-flow__item[data-dist="2"]{--off: var(--flow-x2);--s: var(--flow-s2);z-index:3}.brands .brand-flow__item[data-dist="3"]{--off: var(--flow-x3);--s: var(--flow-s2);z-index:2;opacity:0;pointer-events:none}.brands .brand-flow__photo{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:12px;overflow:hidden;background:var(--color-img-bg);color:var(--color-ink);-webkit-user-drag:none}.brands .brand-flow__img,.brands .brand-flow__photo>svg{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;pointer-events:none}.brands .brand-flow__pick{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer}.brands .brand-flow__item.is-active .brand-flow__pick{pointer-events:none}.brands .brand-flow__pick:focus-visible{outline:var(--focus-ring);outline-offset:3px}.brands .brand-flow__item.is-active .brand-flow__photo{box-shadow:0 10px 22px -12px #14191b73}.brands .brands__stage{display:grid;grid-template-columns:minmax(0,1fr);margin-inline:auto}.brands .brands__picks{grid-area:1 / 1;min-width:0}.brands .brands__picks[hidden]{display:none}.brands .brands__picks.is-leaving{opacity:0;pointer-events:none}.brands .brands__picks.is-entering{opacity:0}html.motion-ok .brands .brands__picks{transition:opacity .24s var(--ease-out) 60ms,transform .32s var(--ease-out) 60ms}html.motion-ok .brands .brands__picks.is-leaving{transition:opacity .15s var(--ease-out) 0s,transform .15s var(--ease-out) 0s}html.motion-ok .brands .brands__picks.is-entering{transform:translate(calc(var(--picks-dir, 0) * 16px))}html.motion-ok .brands .brands__picks.is-leaving{transform:translate(calc(var(--picks-dir, 0) * -16px))}.brands .brands__meta{margin:0 0 10px;align-items:center;min-height:24px}.brands .brands__meta-title{display:flex;align-items:center;gap:8px;min-width:0;margin:0;font-size:var(--fs-eyebrow);line-height:var(--lh-eyebrow)}.brands .brands__meta-brand{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.brands .brands__meta-count{flex:none;font-weight:400;text-transform:none;letter-spacing:0;color:var(--color-foreground-muted, var(--color-muted))}.brands .brands__meta-dot{margin-inline-end:6px}.brands .brands__see-all{flex:none}.brands .brands-product-rail>.card-b{flex:0 0 var(--pick-w);width:var(--pick-w)}.brands .brands__picks .rail-dots{display:none}.brands .brands__picks-empty{margin:0;padding:8px var(--gutter) 4px;color:var(--color-foreground-muted, var(--color-muted))}.brands .brands__picks-skeleton{gap:var(--rail-gap)}.brands .brands__skeleton-card{flex:none;width:var(--pick-w)}.brands .brands-cta{padding-block-start:20px}html.motion-ok .brands .brand-flow__item{transition:transform .36s var(--ease-out),opacity .24s var(--ease-out)}html.motion-ok .brands .brand-flow.is-dragging .brand-flow__item{transition:none}html.motion-ok .brands .brand-flow__photo{transition:box-shadow .36s var(--ease-out)}html.motion-ok .brands .brand-flow__item{perspective:calc(var(--flow-w) * 2.4)}html.motion-ok .brands .brand-flow__photo{backface-visibility:hidden}@media(hover:hover)and (pointer:fine){.brands .brand-flow__item:not(.is-active) .brand-flow__pick:hover{background:#ffffff1f}}@media(min-width:768px){.brands{--pick-w: 180px}.brands .brands__header{margin-block-end:16px}.brands .brands__toggle{width:572px;max-width:calc(100% - var(--gutter) * 2);margin-inline:auto;margin-block-end:16px}.brands .brand-flow{--flow-gap: 12px;margin-block-end:18px}.brands .brands__meta{margin-block-end:12px}.brands .brands__stage{max-width:calc(var(--picks-n, 4) * var(--pick-w) + (var(--picks-n, 4) - 1) * var(--rail-gap) + var(--gutter) * 2)}}@media(min-width:1024px){.brands{--pick-w: 190px}.brands .brand-flow{--flow-h: 200px;--flow-gap: 14px;margin-block-end:22px}.brands .brand-flow__photo,.brands .brand-flow__pick{border-radius:14px}}@media(min-width:1280px){.brands .brand-flow{--flow-h: 220px;--flow-gap: 16px}}@media(min-width:1440px){.brands .brand-flow{--flow-h: 240px;margin-block-end:24px}.brands .brand-flow__photo,.brands .brand-flow__pick{border-radius:16px}}@media(forced-colors:active){.brands .brand-flow__item.is-active .brand-flow__photo{outline:3px solid Highlight;outline-offset:2px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-brand-explorer.css.map */