@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(xg-barlow-condensed-800-normal.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:800;font-display:swap;src:url(xg-barlow-condensed-800-italic.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:900;font-display:swap;src:url(xg-barlow-condensed-900-italic.woff2) format("woff2")}@font-face{font-family:XG Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(xg-barlow-400.woff2) format("woff2")}@font-face{font-family:XG Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(xg-barlow-500.woff2) format("woff2")}@font-face{font-family:XG Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(xg-barlow-600.woff2) format("woff2")}@font-face{font-family:XG Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(xg-barlow-700.woff2) format("woff2")}html:root{--xg-orange: #ff6f00;--xg-orange-hover: #e86400;--xg-orange-press: #c95700;--xg-ink: #111111;--xg-ink-2: #222222;--xg-muted: #555555;--xg-muted-2: #666666;--xg-muted-3: #888888;--xg-line: #e3e3e3;--xg-surface: #f5f5f3;--xg-surface-hover: #ecece8;--xg-white: #ffffff;--xg-ok: #1a7f37;--xg-ok-bg: #eaf6ec;--xg-bad: #b42318;--xg-bad-bg: #fdeceb;--xg-warn: #c25400;--xg-display: "Barlow Condensed", "Arial Narrow", sans-serif;--xg-body: "Barlow", "XG Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--xg-radius-btn: 6px;--xg-radius-card: 10px;--xg-radius-panel: 12px;--xg-ease: cubic-bezier(.2, .8, .2, 1);--xg-gutter: 16px;--xg-section-gap: 40px;--font-body--family: var(--xg-body);--font-body--weight: 400;--font-body--style: normal;--font-subheading--family: var(--xg-body);--font-subheading--weight: 600;--font-subheading--style: normal;--font-heading--family: var(--xg-display);--font-heading--weight: 900;--font-heading--style: italic;--font-accent--family: var(--xg-display);--font-accent--weight: 800;--font-accent--style: normal}@media(min-width:414px){html:root{--xg-gutter: 20px}}@media(min-width:990px){html:root{--xg-gutter: 24px;--xg-section-gap: 56px}}body{font-family:var(--xg-body);-webkit-font-smoothing:antialiased;color:var(--xg-ink)}h1,h2,h3,.h1,.h2,.h3{text-transform:uppercase}add-to-cart-component button[name=add],.cart__checkout-button,.xg-btn--buy{background:var(--xg-orange)!important;color:var(--xg-ink)!important;border-color:var(--xg-orange)!important;font-family:var(--xg-body);font-weight:700;border-radius:var(--xg-radius-btn)!important;min-height:56px}add-to-cart-component button[name=add]:hover,.cart__checkout-button:hover,.xg-btn--buy:hover{background:var(--xg-orange-hover)!important;border-color:var(--xg-orange-hover)!important}add-to-cart-component button[name=add]:active,.cart__checkout-button:active,.xg-btn--buy:active{background:var(--xg-orange-press)!important}add-to-cart-component button[name=add] *,.cart__checkout-button *{color:var(--xg-ink)!important}.cart-bubble__background{background:var(--xg-orange)!important}.cart-bubble__text,.cart-bubble__text-count{color:var(--xg-ink)!important;font-weight:800}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--xg-orange);outline-offset:2px}input,select,textarea{font-size:max(16px,1em)}body.xg-has-searchbar .header .search-action{display:none}.xg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:var(--xg-radius-btn);font:700 16px/1.1 var(--xg-body);text-decoration:none;cursor:pointer;border:2px solid transparent;transition:background .15s,color .15s,border-color .15s,transform .1s;-webkit-tap-highlight-color:transparent}.xg-btn:disabled,.xg-btn[aria-disabled=true]{opacity:.45;pointer-events:none}.xg-btn--lg{min-height:52px;font-size:17px}.xg-btn--xl{min-height:56px;font-size:18px}.xg-btn--block{width:100%}.xg-btn--dark{background:var(--xg-ink);color:#fff}.xg-btn--dark:hover{background:#333;color:#fff}.xg-btn--outline{background:transparent;color:var(--xg-ink);border-color:var(--xg-ink)}.xg-btn--outline:hover{background:var(--xg-surface);color:var(--xg-ink)}.xg-btn--white{background:#fff;color:var(--xg-ink)}.xg-btn--white:hover{background:var(--xg-surface);color:var(--xg-ink)}.xg-btn.is-added{background:var(--xg-ink)!important;color:#fff!important;border-color:var(--xg-ink)!important}.xg-link{color:var(--xg-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;background:none;border:0;padding:0;font:inherit;cursor:pointer}.xg-kicker{font:700 13px/1.2 var(--xg-body);letter-spacing:.16em;text-transform:uppercase;color:var(--xg-warn);margin:0}.xg-h2{font:italic 900 28px/1 var(--xg-display);text-transform:uppercase;margin:0;letter-spacing:0}.xg-sub{font-size:15px;color:var(--xg-muted-2);margin:4px 0 0}@media(min-width:750px){.xg-h2{font-size:36px}}.xg-section{padding-block:calc(var(--xg-section-gap) / 2)}.xg-wrap{max-width:1440px;margin-inline:auto;padding-inline:var(--xg-gutter)}.xg-section__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px}.xg-section__head a{font-size:15px;font-weight:600;color:var(--xg-ink);white-space:nowrap}.xg-rail{display:grid;grid-auto-flow:column;grid-auto-columns:44vw;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:var(--xg-gutter);scroll-padding-inline:var(--xg-gutter);margin-inline:calc(var(--xg-gutter) * -1);overscroll-behavior-x:contain}.xg-rail::-webkit-scrollbar{display:none}.xg-rail>*{scroll-snap-align:start;min-width:0}@media(min-width:750px){.xg-rail{grid-auto-columns:minmax(170px,210px);gap:16px}}.xg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}@media(min-width:750px){.xg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px}}@media(min-width:1200px){.xg-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.xg-card{display:flex;flex-direction:column;gap:4px;min-width:0;position:relative}.xg-card__media{position:relative;display:grid;place-items:center;aspect-ratio:1;background:var(--xg-surface);border-radius:var(--xg-radius-card);overflow:hidden;padding:12px;transition:background .15s}.xg-card__media:hover{background:var(--xg-surface-hover)}.xg-card__media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.xg-card__noimg{font-size:12px;color:#999;text-align:center}.xg-card__badge{position:absolute;top:8px;left:8px;z-index:1;font:700 11px/1 var(--xg-body);letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--xg-ink);padding:5px 7px;border-radius:4px}.xg-card__badge--sale{background:var(--xg-bad)}.xg-card__fit{position:absolute;left:8px;bottom:8px;z-index:1;max-width:calc(100% - 64px);background:#fff;font:700 11px/1 var(--xg-body);padding:5px 7px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xg-card__fit:empty{display:none}.xg-card__fit[data-state=yes]{color:var(--xg-ok)}.xg-card__fit[data-state=no]{color:var(--xg-bad)}.xg-card__fit[data-state=unknown]{color:var(--xg-muted-2)}.xg-card__add{position:absolute;right:8px;bottom:8px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:var(--xg-ink);color:#fff;display:grid;place-items:center;box-shadow:0 2px 8px #00000026;cursor:pointer;transition:background .15s,color .15s,transform .15s}.xg-card__add svg{width:20px;height:20px}.xg-card__add:hover{background:var(--xg-orange);color:var(--xg-ink)}.xg-card__add.is-loading{opacity:.6;pointer-events:none}.xg-card__add.is-added{background:var(--xg-orange);color:var(--xg-ink)}.xg-card__brand{font:700 11px/1.2 var(--xg-body);letter-spacing:.06em;text-transform:uppercase;color:var(--xg-muted-3);margin-top:6px}.xg-card__title{font:500 14px/1.3 var(--xg-body);color:var(--xg-ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.xg-card__title:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.xg-card__title:hover{color:var(--xg-warn)}.xg-card__rating{font-size:12px;color:var(--xg-muted)}.xg-card__price{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.xg-card__price b{font-size:17px;font-weight:700}.xg-card__price s{font-size:13px;color:var(--xg-muted-3)}@media(min-width:750px){.xg-card__media{padding:18px}.xg-card__title{font-size:15px}.xg-card__brand{font-size:12px}.xg-card__rating{font-size:13px}.xg-card__price b{font-size:19px}}.xg-card--skeleton .xg-card__media{animation:xg-pulse 1.2s ease-in-out infinite}@keyframes xg-pulse{50%{opacity:.55}}.product-card .product-card__price,.product-card price-component{font-weight:700}.product-media-container,.product-card .card-gallery{background:var(--xg-surface);border-radius:var(--xg-radius-card)}.xg-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;align-items:flex-end;justify-content:center}.xg-sheet[open],.xg-sheet.is-open{display:flex}.xg-sheet__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;animation:xg-fade .25s var(--xg-ease)}.xg-sheet__panel{position:relative;width:100%;max-height:92dvh;overflow-y:auto;background:#fff;border-radius:16px 16px 0 0;padding:8px var(--xg-gutter) calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;animation:xg-up .25s var(--xg-ease)}.xg-sheet__handle{align-self:center;width:40px;height:5px;border-radius:3px;background:#ccc;margin-bottom:4px}.xg-sheet__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.xg-sheet__title{font:italic 900 30px/1 var(--xg-display);text-transform:uppercase;margin:0}.xg-sheet__close{width:44px;height:44px;border:0;background:none;font-size:28px;line-height:1;cursor:pointer;color:var(--xg-ink);flex:none;margin:-8px -10px 0 0}@media(min-width:750px){.xg-sheet{align-items:center}.xg-sheet__panel{max-width:460px;border-radius:14px;padding:24px}.xg-sheet__handle{display:none}}@keyframes xg-up{0%{transform:translateY(100%)}}@keyframes xg-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.xg-sheet__panel{animation:xg-fade .2s linear}*{scroll-behavior:auto!important}}.xg-field{display:flex;flex-direction:column;gap:4px}.xg-field__label{font:700 13px/1.2 var(--xg-body);color:var(--xg-muted)}.xg-select{appearance:none;-webkit-appearance:none;width:100%;height:52px;border:1px solid #bbb;border-radius:var(--xg-radius-btn);background:#fff;padding:0 40px 0 14px;font:400 17px var(--xg-body);color:var(--xg-ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.xg-select:disabled{color:#999;background-color:#fafafa}.xg-chips{display:flex;gap:8px;flex-wrap:wrap}.xg-chip{min-height:40px;padding:0 14px;border:1px solid #ccc;border-radius:20px;background:#fff;font:500 14px var(--xg-body);color:var(--xg-ink);cursor:pointer}.xg-chip:hover,.xg-chip[aria-pressed=true]{border-color:var(--xg-ink)}.xg-chip[aria-pressed=true]{background:var(--xg-ink);color:#fff}.xg-sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.xg-size{min-height:48px;border:1px solid #ccc;border-radius:var(--xg-radius-btn);background:#fff;font:600 15px var(--xg-body);color:var(--xg-ink);cursor:pointer;padding:0 8px}.xg-size[aria-pressed=true]{border:2px solid var(--xg-ink)}.xg-size:disabled{color:#aaa;text-decoration:line-through;cursor:not-allowed}.xg-toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:1100;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--xg-ink);color:#fff;padding:12px 18px;border-radius:8px;font:600 15px var(--xg-body);transition:opacity .2s,transform .2s;max-width:calc(100% - 32px)}.xg-toast.is-visible{opacity:1;transform:translate(-50%)}.xg-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.xg-hide{display:none!important}@media(max-width:749px){.xg-desktop-only{display:none!important}}@media(min-width:750px){.xg-mobile-only{display:none!important}}.xg-garage-current{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--xg-surface);border-radius:8px;padding:12px 14px;font-size:16px}.xg-ymm{display:flex;flex-direction:column;gap:12px}html.xg-has-bike [data-xg-show-if-no-bike],html:not(.xg-has-bike) [data-xg-show-if-bike]{display:none!important}[class^=xg-],[class*=" xg-"],[class^=xg-] *,[class*=" xg-"] *{box-sizing:border-box}
/*# sourceMappingURL=/cdn/shop/t/20/assets/xg-theme.css.map */
