.badge-row{overflow:hidden}.badge-row__header{display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin-bottom:3.2rem;text-align:center}.badge-row__eyebrow,.badge-row__heading{margin:0}.badge-row__item{display:flex;flex-shrink:0;align-items:center;gap:1.2rem;color:rgb(var(--color-foreground))}.badge-row .badge-icon{display:block;flex-shrink:0;width:3.2rem;height:3.2rem;fill:currentColor}.badge-row .badge-icon .ph-fill{fill:#b09474;fill-opacity:.55}.badge-row .badge-icon .ph-line{fill:currentColor}.badge-row .badge-icon .ph-slash,.badge-row .badge-icon .ph-slash-gap{fill:none;stroke-linecap:round}.badge-row .badge-icon .ph-slash{stroke:currentColor;stroke-width:12}.badge-row .badge-icon .ph-slash-gap{stroke:rgb(var(--color-background));stroke-width:36}.badge-row__label{font-family:var(--font-body-family);font-weight:var(--font-body-weight-bold);font-size:1.5rem;line-height:1.25;letter-spacing:.02em;white-space:nowrap}.badge-row__gate-note{font-size:1.2rem;opacity:.8}.badge-row__item--gated{opacity:.4}@media screen and (min-width:750px){.badge-row .badge-icon{width:3.6rem;height:3.6rem}.badge-row__label{font-size:1.6rem}}.badge-row__item--mark{gap:1.2rem;color:rgba(var(--color-foreground),.9)}.badge-row .badge-row__item--mark .badge-icon{width:4.8rem;height:4.8rem}.badge-row__rule{flex-shrink:0;align-self:stretch;width:.1rem;margin:.4rem .2rem;background:currentColor;opacity:.5}.badge-row__label--mark{display:flex;flex-direction:column;font-size:1.3rem;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.badge-row__line{display:block}@media screen and (min-width:750px){.badge-row .badge-row__item--mark .badge-icon{width:5.6rem;height:5.6rem}.badge-row__label--mark{font-size:1.4rem}}.badge-row__motion{display:block}.badge-row__viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4rem,#000 calc(100% - 4rem),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 4rem,#000 calc(100% - 4rem),transparent 100%)}.badge-row__track{--badge-row-gap: 4.8rem;display:flex;width:max-content;gap:var(--badge-row-gap)}@media screen and (min-width:750px){.badge-row__track{--badge-row-gap: 7.2rem}}.badge-row__group{display:flex;flex-shrink:0;align-items:center;gap:var(--badge-row-gap);animation:badge-row-scroll var(--badge-row-duration, 60s) linear infinite;will-change:transform;backface-visibility:hidden}.badge-row__viewport:hover .badge-row__group,.badge-row__viewport:focus-within .badge-row__group,.badge-row__motion.is-paused .badge-row__group{animation-play-state:paused}.badge-row__controls{display:flex;justify-content:flex-end;margin-top:1.6rem}.badge-row__toggle{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin:0;padding:0;border:.1rem solid rgba(var(--color-foreground),.36);border-radius:50%;background:transparent;color:rgba(var(--color-foreground),.9);cursor:pointer}.badge-row__toggle svg{width:1.6rem;height:1.6rem;fill:currentColor}.badge-row__toggle .badge-row__toggle-play,.badge-row__toggle.is-paused .badge-row__toggle-pause{display:none}.badge-row__toggle.is-paused .badge-row__toggle-play{display:block}.badge-row__toggle:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}@media(hover:hover){.badge-row__toggle:hover{border-color:rgba(var(--color-foreground),.72);color:rgb(var(--color-foreground))}}@keyframes badge-row-scroll{to{transform:translate(calc(-100% - var(--badge-row-gap)))}}@media(prefers-reduced-motion:reduce){.badge-row__track{width:auto;justify-content:center;padding:0 1.5rem}.badge-row__group{flex-wrap:wrap;justify-content:center;flex-shrink:1;row-gap:2.4rem;animation:none}.badge-row__group[aria-hidden=true],.badge-row__item--copy,.badge-row__controls{display:none}.badge-row__viewport{-webkit-mask-image:none;mask-image:none}}.badge-row__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem 1.6rem}.badge-row__grid .badge-row__label{white-space:normal}.badge-row__grid .badge-row__item--mark{align-items:center}@media screen and (min-width:750px){.badge-row__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:3.2rem 2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-badge-row.css.map */