.collection{display:block;background-color:var(--color-background, #f7f5f0)}.collection__layout{display:grid;grid-template-columns:1fr;gap:var(--space-lg, 24px);align-items:start}@media(min-width:990px){.collection__layout{grid-template-columns:260px 1fr}}.collection__sidebar-empty{display:none;margin:0;padding:20px 0;font-family:var(--font-body);font-size:18px;color:var(--color-text-muted, #747474)}.collection.collection--empty .collection__sidebar-empty{display:block}.collection.collection--empty .collection__filters{display:none}.collection.collection--empty .collection__toolbar{opacity:.45;pointer-events:none}.collection__sort:has(.collection__sort-select:disabled){opacity:.45;pointer-events:none}@media(min-width:990px){algolia-sort-by[data-empty]{display:none}}.collection--empty .algolia-infinite-hits__no-results,algolia-search .algolia-infinite-hits__no-results{padding:40px 0;text-align:center}@media(min-width:990px){.collection--empty .algolia-infinite-hits__no-results,algolia-search .algolia-infinite-hits__no-results{padding-top:0;text-align:left}}@property --sidebar-fade-start{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --sidebar-fade-end{syntax: "<length>"; inherits: false; initial-value: 0px;}@keyframes collection-sidebar-fade{0%{--sidebar-fade-start: 0px;--sidebar-fade-end: 48px}6%{--sidebar-fade-start: 48px}94%{--sidebar-fade-end: 48px}to{--sidebar-fade-start: 48px;--sidebar-fade-end: 0px}}.collection__sidebar{display:none}@media(min-width:990px){.collection__sidebar{display:block;position:sticky;top:120px;max-height:calc(84vh - 136px);overflow-y:auto;padding-right:14px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--sidebar-fade-start),#000 calc(100% - var(--sidebar-fade-end)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--sidebar-fade-start),#000 calc(100% - var(--sidebar-fade-end)),transparent 100%)}@supports (animation-timeline: scroll()){.collection__sidebar{animation:collection-sidebar-fade linear both;animation-timeline:scroll(self block)}}@media(max-height:1000px){.collection__sidebar{max-height:calc(97vh - 136px)}}@media(max-height:800px){.collection__sidebar{max-height:calc(99vh - 136px)}}@media(max-height:700px){.collection__sidebar{max-height:calc(100vh - 136px)}}.collection__sidebar::-webkit-scrollbar{width:6px}.collection__sidebar::-webkit-scrollbar-track{background:transparent}.collection__sidebar::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}.collection__sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}}@media(min-width:990px){algolia-search .collection__layout:has(.algolia-infinite-hits__no-results:not([hidden])):not(:has(.collection__sidebar :is(algolia-refinement-list,algolia-price-range):not([hidden]),.collection__sidebar algolia-current-refinements>.collection__chips:not([hidden]))) .collection__sidebar-empty{display:block}}.collection__fitment-lock{background-color:var(--color-fitment-success, #2b8f46);padding:12px;margin-bottom:var(--space-xl, 32px)}.collection__fitment-lock-eyebrow{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:10px;font-weight:700;color:#fff;margin:0 0 4px}.collection__fitment-lock-vehicle{font-family:var(--font-display, "Anton", sans-serif);font-size:18px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:#fff;line-height:1.2;margin:0 0 4px}.collection__fitment-lock-desc{font-family:var(--font-body, "DM Sans", sans-serif);font-size:11px;line-height:1.4;color:var(--color-border, #c8c2b6);margin:0}.collection__fitment-lock-change{font-family:var(--font-body, "DM Sans", sans-serif);font-size:11px;color:var(--color-border, #c8c2b6);background:none;border:none;cursor:pointer;padding:0;text-decoration:underline}.collection__toolbar{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-lg, 24px);flex-wrap:wrap}.collection__toolbar #stats{flex:1}.collection__view-toggles{display:flex;align-items:center;gap:4px;margin-left:var(--space-sm, 8px)}.collection__view-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:1px solid var(--color-border, #c8c2b6);border-radius:2px;cursor:pointer;color:var(--color-text-muted, #8a857c);transition:border-color .15s,color .15s}.collection__view-btn.is-active,.collection__view-btn:hover{border-color:var(--color-text-primary, #1a1815);color:var(--color-text-primary, #1a1815)}.collection__sidebar algolia-current-refinements .collection__chips{gap:10px}.collection__sidebar algolia-current-refinements .collection__chip{gap:10px;padding:7px 14px 7px 16px;border-radius:var(--radius-pill, 999px);font-family:var(--font-body);font-size:16px;font-weight:500;line-height:1.2;text-transform:none}.collection__sidebar algolia-current-refinements .collection__chip-dismiss{font-size:18px;opacity:1}.collection__sidebar algolia-current-refinements .collection__chip-clear{font-family:var(--font-body);font-size:16px;font-weight:600}@media(min-width:990px){.collection--mobile-filters .collection__toolbar{gap:12px}.collection--mobile-filters .collection__toolbar #stats{color:var(--color-text-muted, #747474);font-family:var(--font-body);font-size:16px;font-weight:500;line-height:1.3}.collection--mobile-filters .collection__toolbar .collection__sort{gap:6px}.collection--mobile-filters .collection__toolbar .collection__sort-label,.collection--mobile-filters .collection__toolbar .collection__sort-select{color:inherit;font-family:var(--font-body);font-size:15px;font-weight:600;letter-spacing:normal;line-height:1.3}.collection--mobile-filters .collection__toolbar .collection__sort-select{padding-right:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%232d2d2d' fill='none' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-size:10px 7px;background-position:right 0 top calc(50% - 1px)}}.collection--mobile-filters collection-mobile-filters{display:block}.collection__filters-toggle,.collection__mobile-chips,.collection__mobile-summary,.collection__flyout-head,.collection__flyout-foot,.collection__flyout-overlay{display:none}.collection__flyout-body{display:contents}@media(max-width:989px){.collection--mobile-filters .collection__toolbar{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;margin:0 calc(-1 * var(--spacing-content-padding-mobile, 20px)) var(--space-lg, 24px);padding:16px var(--spacing-content-padding-mobile, 20px);background:var(--color-white, #fff);border-bottom:1px solid var(--color-border-light, #d6d6d6);position:sticky;top:60px;z-index:40}.collection--mobile-filters .collection__toolbar #stats,.collection--mobile-filters .collection__toolbar algolia-hits-per-page{display:none}.collection--mobile-filters .collection__filters-toggle,.collection--mobile-filters .collection__toolbar .collection__sort{display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;width:100%;height:42px;margin:0;padding:0 14px;color:var(--color-text-primary, #2d2d2d);background:var(--color-white, #fff);border:1px solid var(--color-text-primary, #2d2d2d);border-radius:var(--border-radius-default, 2px);font-family:var(--font-body);font-size:15px;font-weight:600;letter-spacing:normal;line-height:20px;text-transform:uppercase;cursor:pointer}.collection--mobile-filters .collection__filters-toggle,.collection--mobile-filters .collection__toolbar .collection__sort{transition:background-color .15s ease,color .15s ease}@media(hover:hover){.collection--mobile-filters .collection__filters-toggle:hover,.collection--mobile-filters .collection__toolbar .collection__sort:hover{color:var(--color-white, #fff);background:var(--color-text-primary, #2d2d2d)}}.collection--mobile-filters .collection__filters-toggle:active,.collection--mobile-filters .collection__toolbar .collection__sort:active{color:var(--color-white, #fff);background:var(--color-text-primary, #2d2d2d)}.collection--mobile-filters .collection__filters-toggle .fa-sliders,.collection--mobile-filters .collection__filters-toggle i{width:14px;height:14px;font-size:14px;line-height:1}.collection--mobile-filters .collection__filters-count{margin-left:-4px}.collection--mobile-filters .collection__toolbar .collection__sort{position:relative;gap:0}.collection--mobile-filters .collection__toolbar .collection__sort:before{content:"";width:12px;height:12px;flex-shrink:0;margin-right:8px;background-color:currentcolor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='black' fill='none' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='black' fill='none' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat}.collection--mobile-filters .collection__toolbar .collection__sort:after{content:attr(data-sort-value);margin-left:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection--mobile-filters .collection__toolbar .collection__sort-label{display:contents;font-size:0}.collection--mobile-filters .collection__toolbar .collection__sort-label:before{content:"Sort:";color:inherit;font-family:var(--font-body);font-size:15px;font-weight:600;letter-spacing:normal;line-height:20px}.collection--mobile-filters .collection__toolbar .collection__sort-select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;opacity:0;font-size:16px}.collection--mobile-filters .collection__filters-count:empty{display:none}.collection--mobile-filters .collection__mobile-summary{display:block;grid-column:1 / -1}.collection--mobile-filters .collection__mobile-chips .collection__chips{gap:8px;margin-bottom:0}.collection--mobile-filters .collection__toolbar algolia-current-refinements>.collection__chips:not([hidden]){margin-bottom:0}.collection--mobile-filters .collection__mobile-chips .collection__chip{gap:8px;padding:6px 12px 6px 14px;background-color:var(--color-text-primary, #2d2d2d);border-radius:var(--radius-pill, 999px);font-family:var(--font-body);font-size:14px;font-weight:500;line-height:1.2;text-transform:none}.collection--mobile-filters .collection__mobile-chips .collection__chip-dismiss{font-size:14px;opacity:1}.collection--mobile-filters .collection__mobile-chips .collection__chip-clear{flex:0 0 auto;margin-right:100%;padding:5px 4px;color:var(--color-accent, #df0000);font-family:var(--font-body);font-size:14px;font-weight:600;text-align:left}.collection--mobile-filters .collection__mobile-summary{margin:0;color:var(--color-text-muted, #747474);font-family:var(--font-body);font-size:16px;font-weight:500;line-height:1.3}.collection--mobile-filters .collection__mobile-summary:empty{display:none}.collection--mobile-filters .collection__sidebar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;flex-direction:column;max-height:none;overflow:hidden;background:var(--color-white, #fff);visibility:hidden;transform:translate(100%)}.collection--mobile-filters .collection__sidebar.is-animated{transition:transform .25s ease,visibility 0s linear .25s}.collection--mobile-filters .collection__sidebar.is-open{visibility:visible;transform:none}.collection--mobile-filters .collection__sidebar.is-animated.is-open{transition:transform .25s ease}.collection--mobile-filters .collection__flyout-head{display:flex;align-items:center;justify-content:space-between;margin:0 20px;padding:20px 0 16px;border-bottom:1px solid var(--color-border-light, #d6d6d6)}.collection--mobile-filters .collection__flyout-title{margin:0;padding:2px 0 0 12px;border-left:4px solid var(--color-accent, #df0000);font-family:var(--font-heading);font-size:32px;font-weight:400;line-height:1.1;text-transform:uppercase;color:var(--color-text-secondary, #171717)}.collection--mobile-filters .collection__flyout-close{display:flex;padding:4px;color:var(--color-text-muted, #747474);background:none;border:0;cursor:pointer}.collection--mobile-filters .collection__flyout-body{display:block;flex:1;min-height:0;padding:0 20px;overflow-y:auto;overscroll-behavior:contain}.collection--mobile-filters .collection__sidebar algolia-current-refinements>.collection__chips:not([hidden]){gap:10px 12px;margin:0;padding:20px 0;border-bottom:1px solid var(--color-border-light, #d6d6d6)}.collection--mobile-filters .collection__sidebar .collection__chips-heading{font-size:22px;font-weight:500;letter-spacing:normal;line-height:1.1;color:#000}.collection--mobile-filters .collection__sidebar algolia-current-refinements .collection__chip{gap:10px;padding:8px 14px 8px 16px;font-size:17px}.collection--mobile-filters .collection__sidebar algolia-current-refinements .collection__chip-dismiss{font-size:20px}.collection--mobile-filters .collection__sidebar algolia-current-refinements .collection__chip-clear{flex:0 0 100%;padding:4px 0 0;font-size:17px;font-weight:600;text-align:left}.collection--mobile-filters .collection__sidebar :is(algolia-refinement-list,algolia-price-range) .collection__filter-group{margin:0;padding:20px 0;border-bottom:1px solid var(--color-border-light, #d6d6d6)}.collection--mobile-filters .collection__sidebar :is(algolia-refinement-list,algolia-price-range) .collection__filter-group summary{justify-content:space-between;padding:0 0 12px;border-bottom:0}.collection--mobile-filters .collection__sidebar :is(algolia-refinement-list,algolia-price-range) .collection__filter-group-label{font-size:22px;font-weight:500}.collection--mobile-filters .collection__sidebar algolia-refinement-list .collection__filter-option{padding:9px 0}.collection--mobile-filters .collection__flyout-foot{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 20px 20px}.collection--mobile-filters .collection__flyout-clear,.collection--mobile-filters .collection__flyout-apply{min-height:46px;padding:0 12px;font-family:var(--font-body);font-size:16px;font-weight:700;line-height:1;text-transform:uppercase;cursor:pointer}.collection--mobile-filters .collection__flyout-clear{color:var(--color-text-secondary, #171717);background:var(--color-white, #fff);border:2px solid var(--color-text-secondary, #171717);border-radius:var(--radius-diagonal-md, 30px) 2px var(--radius-diagonal-md, 30px) 2px}.collection--mobile-filters .collection__flyout-apply{color:var(--color-white, #fff);background:var(--color-text-primary, #2d2d2d);border:0;border-radius:2px var(--radius-diagonal-md, 30px) var(--radius-diagonal-md, 30px) var(--radius-diagonal-md, 30px)}}.collection__filters .collection__filter-group-toggle{position:relative;display:block;flex-shrink:0;width:16px;height:16px;color:var(--color-accent, #df0000)}.collection__filters .collection__filter-group-toggle:before,.collection__filters .collection__filter-group-toggle:after{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;margin-top:-1px;background-color:currentColor;transition:transform .26s cubic-bezier(.25,.8,.25,1),opacity .26s ease}.collection__filters .collection__filter-group-toggle:after{transform:rotate(90deg)}.collection__filters .collection__filter-group[open]:not(.is-closing) .collection__filter-group-toggle:after{transform:rotate(180deg);opacity:0}@media(prefers-reduced-motion:reduce){.collection__filters .collection__filter-group-toggle:before,.collection__filters .collection__filter-group-toggle:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/algolia-collection.css.map */
