.brand-bar{width:100%;background:rgb(var(--brand-surface));border-bottom:var(--brand-border-width, 1px) solid rgba(var(--brand-border),1)}.brand-bar__tabs{display:flex;width:100%;align-items:stretch}.brand-bar__option{appearance:none;-webkit-appearance:none;flex:1 1 50%;min-width:0;margin:0;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;min-height:4.2rem;padding:.7rem 1.4rem;font-family:var(--brand-font-body, inherit);font-size:1.3rem;font-weight:700;line-height:1.1;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--brand-text-muted),1);transition:color var(--brand-transition, .18s) var(--brand-ease, ease),background-color var(--brand-transition, .18s) var(--brand-ease, ease),box-shadow var(--brand-transition, .18s) var(--brand-ease, ease)}.brand-bar__option+.brand-bar__option{border-left:var(--brand-border-width, 1px) solid rgba(var(--brand-border),1)}.brand-bar__option:hover{color:rgb(var(--brand-text));background:rgba(var(--brand-text),.04)}.brand-bar__option[aria-current=page],.brand-bar__option[aria-current=page]:hover{color:rgb(var(--brand-on-primary));background:rgb(var(--brand-primary))}.brand-bar__option:focus-visible{outline:2px solid rgb(var(--brand-accent-2));outline-offset:-3px}@media screen and (min-width:750px){.brand-bar__tabs{width:auto;justify-content:center}.brand-bar__option{flex:0 0 auto;min-width:18rem;font-size:1.4rem;letter-spacing:.16em}}@media(prefers-reduced-motion:reduce){.brand-bar__option{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/brand-bar.css.map */