html #header-group{position:sticky;top:0;z-index:100}html .header-section{position:static}html #header-group .color-scheme-4,html #header-group .announcement-bar,html #header-group .section-background.color-scheme-4{--color-background: #fff;--color-foreground: #000;background:#fff}html #header-group .color-scheme-5{background:#000}html #header-group :is(.color-scheme-4,.color-scheme-5) :is(p,a,span){font-family:var(--b-body);font-size:13px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}html #header-group .color-scheme-4 :is(p,a,span){color:#000}html #header-group .color-scheme-5 :is(p,a,span){color:#fff}html .header,html .header__row--top{background:#000;border-bottom:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:none;backdrop-filter:none}html .header__columns{min-height:var(--b-header-h);align-items:center}html .header__column--left{display:flex;align-items:center;gap:34px}html .header__column--right{display:flex;align-items:center;justify-content:flex-end;gap:22px}html .header-logo{flex:0 0 auto}html .menu-list{gap:26px}html .menu-list__link,html .header__column--right :is(a,button){font-family:var(--b-body);font-size:14px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:#fff}html .menu-list__link-title{position:relative;display:inline-block}html .menu-list__link-title:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentcolor;transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(0,.99,.6,.99)}html .menu-list__link:hover .menu-list__link-title:after,html .menu-list__link--active .menu-list__link-title:after{transform:scaleX(1)}@media(prefers-reduced-motion:reduce){html .menu-list__link-title:after{transition:none}}html .header :is(.svg-wrapper,svg){color:#fff}html .cart-bubble__background{background:#fff}html :is(.cart-bubble__text,.cart-bubble__text-count){color:#000;font-family:var(--b-body);font-size:12px;font-weight:500}html .header-menu__inner{background:#000;border-top:1px solid rgba(255,255,255,.25);border-radius:0;box-shadow:none}html .mega-menu :is(a,span,h2,h3){color:#fff;text-transform:uppercase;letter-spacing:.02em}html .menu-drawer{background:#000}html .menu-drawer :is(a,span,button){color:#fff;font-family:var(--b-body);font-weight:500;letter-spacing:.02em;text-transform:uppercase}html body,html .offline{background:#000;color:#fff}html:root,html .color-scheme-1,html .color-scheme-2,html .color-scheme-3,html .color-scheme-7{--color-background: #000;--color-foreground: #fff;--color-foreground-heading: #fff;--color-foreground-muted: #cacccb;--color-primary: #fff;--color-border: rgba(255, 255, 255, .25);--color-primary-button-background: #fff;--color-primary-button-text: #000;--color-primary-button-border: #fff;--color-secondary-button-background: transparent;--color-secondary-button-text: #fff;--color-secondary-button-border: #fff;--font-h1--color: #fff;--font-h2--color: #fff;--font-h3--color: #fff;--font-h4--color: #fff;--font-h5--color: #fff;--font-h6--color: #fff}html :is(h1,h2,h3,h4,h5,h6),html .offline__display{text-transform:uppercase;letter-spacing:.01em;color:#fff}html .offline__eyebrow,html .offline-split__eyebrow{text-transform:uppercase;color:#cacccb}html .offline__btn,html .offline__link{text-transform:uppercase;letter-spacing:.02em}html .offline__btn--light{background:transparent;border:1px solid #fff;color:#fff}html .offline__btn--dark{background:#fff;border-color:#fff;color:#000}html .offline-card__media{background:#f1f1f1}html :is(.offline-card__name,.offline-card__price){color:#fff}html .offline-card__compare{color:#8a8a8a}html .offline-split__panel--panel{background:#111;color:#fff}html .offline-split__panel--panel .offline-split__text{color:#cacccb}html .offline-trust{border-color:#ffffff38}html .offline-trust__text{color:#cacccb}html .offline-pdp__stage{background:#111}html .offline-pdp__card{background:#000;border-color:#ffffff40}html .offline-pdp__optionlabel{color:#fff}html .offline-pdp__optionlabel [data-offline-option-selected]{color:#cacccb}html .offline-pdp__swatches{gap:10px}html .offline-pdp__swatch{background:transparent;border-color:#fff6;color:#fff;min-width:76px;padding:14px 22px;font-size:13px;letter-spacing:.04em;text-transform:uppercase}html .offline-pdp__swatch:hover{border-color:#fff;background:#ffffff14}html .offline-pdp__radio:checked+.offline-pdp__swatch{background:#fff;border-color:#fff;color:#000}html .offline-pdp__radio:focus-visible+.offline-pdp__swatch{outline:2px solid #fff;outline-offset:2px}html .offline-pdp__fitnote{color:#cacccb}html .offline-pdp__add{background:#fff;color:#000}html .offline-pdp__add:hover{background:#e4e4e4}html .offline-pdp__was{color:#00000080}html .offline-pdp__pair{display:block;background:#c87c2c;color:#141414;text-decoration:none;padding:12px 14px;margin:0 0 20px;transition:background-color .18s ease}html .offline-pdp__pair:hover{background:#b56d21}html .offline-pdp__pair-head{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;color:#141414}html .offline-pdp__pair-row{display:flex;align-items:center;gap:12px}html .offline-pdp__pair-media{flex:0 0 auto;display:block;width:56px;height:56px;overflow:hidden;background:#ffffffd9}html .offline-pdp__pair-img{width:100%;height:100%;object-fit:cover;display:block}html .offline-pdp__pair-text{flex:1 1 auto;min-width:0;display:block}html .offline-pdp__pair-name{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1.25;color:#141414;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html .offline-pdp__pair-price{display:block;font-size:13px;font-weight:600;margin-top:3px;color:#141414}html .offline-pdp__pair-cta{flex:0 0 auto;font-size:16px;font-weight:800;color:#141414}@media screen and (min-width:901px){html .offline-pdp__card{width:min(max(50vw,440px),calc(100% - (2 * var(--o-gutter))))}}html .offline-pill{border-color:#ffffff59;color:#cacccb}html .offline-pill--active{background:#fff;border-color:#fff;color:#000}html #header-group .header,html #header-group .header__row,html #header-group .header__row--top,html #header-group .color-scheme-1,html #header-group .section-background:not(.color-scheme-4){background:#000;-webkit-backdrop-filter:none;backdrop-filter:none}html #header-group .header__row--top{border-bottom:1px solid rgba(255,255,255,.25)}html #header-group :is(.menu-list__link,.menu-list__link-title),html #header-group .header__column--right :is(a,button),html #header-group :is(.svg-wrapper,svg){color:#fff}html #header-group .menu-list__link,html #header-group .header__column--right :is(a,button){font-family:var(--b-body);font-size:14px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}html #header-group .header-menu__inner,html #header-group .menu-drawer{background:#000}html #header-group .mega-menu :is(a,span,h2,h3),html #header-group .menu-drawer :is(a,span,button){color:#fff;text-transform:uppercase;letter-spacing:.02em}html .offline-marquee__track{text-transform:uppercase;font-size:16px;letter-spacing:.04em}html .offline-card__badge,html .offline__link,html .offline__btn{text-transform:uppercase}@media screen and (max-width:749px){html:root{--b-header-h: 54px}html #header-group .header__column--left,html #header-group .header__column--right{display:flex;align-items:center;gap:10px;min-width:0}html #header-group .header__column--right{justify-content:flex-end}html #header-group .header__columns{min-height:var(--b-header-h);align-items:center;max-width:100%;padding-inline:16px}html #header-group .header-logo{min-width:0;flex:0 1 auto}html #header-group .header-logo :is(img,svg){max-height:22px;max-width:46vw;width:auto;height:auto;object-fit:contain}html #header-group .header__column--right :is(a,button),html #header-group .header__icon{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}html #header-group :is(.color-scheme-4,.color-scheme-5) :is(p,a,span){font-size:11px;letter-spacing:.03em;line-height:1.3;white-space:normal}html #header-group,html #header-group .header,html #header-group .header__row--top{max-width:100vw;overflow-x:clip}html #header-group .menu-drawer__menu-item--mainlist{font-size:19px}html #header-group .menu-drawer{padding-top:8px}}@media screen and (min-width:750px){html #header-group .header__column--left{gap:34px}html #header-group .header__column--right{gap:22px}html #header-group .header__columns{min-height:var(--b-header-h)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/offline-header.css.map */