.filter-nav--expanded{position:relative;margin-top:-25px;z-index:2;position:sticky;top:135px;width:100%;margin-left:auto;margin-right:auto;padding:var(--space-xs) var(--space-sm);background-color:var(--color-black)}.filter-nav--expanded .filter-nav__nav{display:flex;overflow:auto}.filter-nav--expanded .filter-nav__list{display:inline-flex;position:relative}.filter-nav--expanded .filter-nav__item{flex-shrink:0;position:relative;z-index:1;color:var(--color-white)}.filter-nav--expanded .filter-nav__btn{cursor:pointer;text-decoration:none;color:var(--color-white)}.filter-nav--expanded .filter-nav__marker{position:absolute;width:0;pointer-events:none;transition:transform .3s,width .3s;transition-timing-function:var(--ease-in-out);will-change:width,transform}.filter-nav--expanded.filter-nav--v3 .filter-nav__btn{padding:var(--space-xxxs) var(--space-sm);color:#fff;transition:color .2s;text-decoration:none}.filter-nav--expanded.filter-nav--v3 .filter-nav__btn:hover{color:var(--color-cream-lighter)}.filter-nav--expanded.filter-nav--v3 .filter-nav__btn[aria-current=true]{color:var(--color-cream)}.filter-nav--expanded.filter-nav--v3 .filter-nav__marker{bottom:0;left:0;height:1px;background-color:var(--color-cream)}.filter-nav--collapsed{margin-top:-20px;position:sticky;top:160px;z-index:2}.filter-nav--collapsed .btn{background-color:var(--color-black);color:var(--color-white);margin-left:auto;margin-right:auto;display:block;border-radius:var(--radius-md);width:80%}.filter-nav--collapsed .filter-nav__wrapper{position:absolute;z-index:var(--z-index-overlay, 15);top:40px;left:10%;width:100%;max-width:80%;background-color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.9);visibility:hidden;opacity:0}.filter-nav--collapsed .filter-nav__wrapper--is-visible{visibility:visible;opacity:1;transition:opacity .3s}.filter-nav--collapsed .filter-nav__wrapper--is-visible .filter-nav__nav{transform:translateY(0);transition:transform .3s}.filter-nav--collapsed .filter-nav__nav{display:flex;justify-content:flex-start;flex-direction:column;background-color:var(--color-bg);box-shadow:var(--shadow-md);max-height:100%;transform:translateY(-1em)}.filter-nav--collapsed .filter-nav__list{order:2;flex-direction:column;overflow:auto;padding:0 0 var(--space-md)}.filter-nav--collapsed .filter-nav__list:before{content:"";display:block;width:100%;height:10px;background:linear-gradient(hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),1),hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),0));position:sticky;top:0;left:0;z-index:1}.filter-nav--collapsed .filter-nav__btn{display:block;display:flex;align-items:center;width:100%;text-align:left;font-size:var(--text-md);padding:var(--space-xs) var(--space-sm);color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.5);cursor:pointer}.filter-nav--collapsed .filter-nav__btn:hover{color:var(--color-contrast-higher)}.filter-nav--collapsed .filter-nav__btn[aria-current=true]{color:var(--color-primary)}.filter-nav--collapsed .filter-nav__btn:before{content:"";display:block;height:16px;width:16px;margin-right:var(--space-xxxs);background-color:transparent}.filter-nav--collapsed .filter-nav__btn[aria-current=true]:before{background-color:var(--color-primary);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline stroke-width='2' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round' points='1,9 5,13 15,3 '/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline stroke-width='2' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round' points='1,9 5,13 15,3 '/%3E%3C/svg%3E")}.filter-nav--collapsed .filter-nav__marker{display:none!important}.filter-nav--collapsed .filter-nav__close-btn{--size: 32px;width:var(--size);height:var(--size);display:flex;order:1;flex-shrink:0;position:relative;z-index:2;margin:var(--space-xs) var(--space-xs) 0 auto;justify-content:center;align-items:center;border-radius:50%;background-color:var(--color-bg-light);box-shadow:var(--inner-glow),var(--shadow-sm);transition:.2s}.filter-nav--collapsed .filter-nav__close-btn:hover{background-color:var(--color-bg-lighter);box-shadow:var(--inner-glow),var(--shadow-md)}.filter-nav--collapsed .filter-nav__close-btn .icon{display:block;color:var(--color-contrast-high)}html:not(.js) .filter-nav__nav{justify-content:left}.adv-filter .sidebar--static{width:320px}.adv-filter .accordion{--accordion-icon-size: 16px;--accordion-icon-stroke-width: 1px}.adv-filter .slider{--slider-width: 80%}@media(min-width:64rem){.adv-filter__checkbox-list,.adv-filter__radio-list{font-size:var(--text-sm);--checkbox-radio-size: 1.25em;--checkbox-radio-translate-y: .25em}}@media(min-width:64rem){.filter-bar{padding:0 var(--space-md);position:sticky;top:135px;z-index:2;min-height:48px}}.filter{height:46px;margin-top:-23px;position:relative;z-index:2;padding:var(--space-xs)}@media(min-width:64rem){.filter{border-radius:var(--radius-lg)}}.filter .dropdown__wrapper{height:100%}.filter .dropdown__trigger{height:100%;background-color:transparent;outline:none;border:none;color:#fff;font-size:var(--text-sm);padding-left:var(--space-md);display:flex;align-items:center;justify-content:center;transition:.2s}.filter .dropdown__menu{font-size:var(--text-sm)}.filter .dropdown__menu li{display:block;padding:var(--space-xs) var(--space-lg) var(--space-xs) var(--space-md);color:var(--color-contrast-high);width:100%;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter .dropdown__menu li:hover{background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.05)}.filter.has-dev #filter-display{display:block}.filter #filter-display{display:none;position:absolute;top:-5px;left:0;right:0;padding:10px;width:100%;transform:translateY(-100%);background-color:var(--color-black);opacity:.8;border-radius:var(--radius-lg);font-size:var(--text-xs)}.filter #filter-display:before{content:"Dev Dashboard: ";display:inline-block;position:relative;opacity:.6;padding-right:10px;vertical-align:center}.filter-sort{color:var(--color-white);margin:0 var(--space-xl);margin-left:auto}.filter-sort .select__button{font-weight:400;text-decoration:none}.filter-sort .select__label{font-weight:400}.filter-sort .select__list{font-size:var(--text-sm)}.filter-search{height:30px;width:100%;background-color:hsla(var(--color-cream-h),var(--color-cream-s),var(--color-cream-l),.15);padding:0 var(--space-md);border:none;border-radius:var(--radius-md);color:var(--color-black);line-height:30px;font-family:var(--font-primary);font-weight:400}.filter-search::-moz-placeholder{color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.6);line-height:30px}.filter-search:-ms-input-placeholder{color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.6);line-height:30px}.filter-search::placeholder{color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.6);line-height:30px}.filter-search:focus{outline:none;border:none}.filter-search~.search-input__btn{color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.6)}.filter-search:focus~.search-input__btn{color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),1)!important}@media(min-width:64rem){.filter-search{background-color:hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.1);color:var(--color-white)}.filter-search::-moz-placeholder{color:var(--color-white);opacity:.5;line-height:30px}.filter-search:-ms-input-placeholder{color:var(--color-white);opacity:.5;line-height:30px}.filter-search::placeholder{color:var(--color-white);opacity:.5;line-height:30px}.filter-search~.search-input__btn{color:hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.9);opacity:.5}}.filter-bar__toggles{border-top:1px solid var(--color-black);padding:var(--space-sm) var(--space-md)}@media(min-width:64rem){.filter-bar__toggles{border:none;padding:0;order:1;margin-left:auto;display:inline-flex}}.filter-bar__toggles .filter-bar__toggles-title{padding-bottom:var(--space-xs)}@media(min-width:64rem){.filter-bar__toggles .filter-bar__toggles-title{display:none}}.filter-bar__toggles .btns{width:100%}.filter-bar__toggles .btns .btns__title{border-bottom:2px solid transparent}.filter-bar__toggles .btns>div{width:100%}.filter-bar__toggles .btns>div:first-child .btns__btn{border-right:0px}.filter-bar__toggles .btns .btns__btn{border:1px solid var(--color-black);font-weight:400;color:var(--color-black);border-radius:0!important;background-color:transparent}.filter-bar__toggles .btns .btns__btn:first{border-right:0px}.filter-bar__toggles .btns .btns__btn:hover{background-color:transparent;color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.8)}@media(min-width:64rem){.filter-bar__toggles .btns .btns__btn{font-size:var(--text-sm)!important;background-color:transparent;border:0px;outline:0px;border-bottom:2px solid var(--color-black);width:100px;color:hsla(var(--color-cream-h),var(--color-cream-s),var(--color-cream-l),.8)}.filter-bar__toggles .btns .btns__btn:hover{color:hsla(var(--color-cream-h),var(--color-cream-s),var(--color-cream-l),.5);border-bottom:2px solid hsla(var(--color-cream-h),var(--color-cream-s),var(--color-cream-l),.7)}}.filter-bar__toggles .btns.btns--radio input[type=radio]:checked+label{background-color:var(--color-black);color:var(--color-cream)}@media(min-width:64rem){.filter-bar__toggles .btns.btns--radio input[type=radio]:checked+label{background-color:transparent;border-bottom:2px solid var(--color-cream);color:var(--color-cream)}}.filter-bar{position:sticky;margin-top:-25px;top:140px;z-index:2}.filter-bar .btn{border-radius:var(--radius-md)}.sidebar__panel .sidebar__header .sidebar__close-btn{background-color:var(--color-black);color:var(--color-cream)}.filter-bar__search{width:100%}.filter-bar__search [type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;height:7px;width:7px;color:var(--color-white);background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FwYV8xIiBkYXRhLW5hbWU9IkNhcGEgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTIzLjEgMTIzLjEiPjxwYXRoIGQ9Ik03Myw2MS41bDQyLjgtNDIuOEE4LjEsOC4xLDAsMCwwLDEwNC4zLDcuM0w2MS41LDUwLjEsMTguNyw3LjNhOCw4LDAsMCwwLTExLjQsMCw4LDgsMCwwLDAsMCwxMS40TDUwLjEsNjEuNSw3LjMsMTA0LjNhOC4xLDguMSwwLDAsMCwwLDExLjUsOC4yLDguMiwwLDAsMCwxMS40LDBMNjEuNSw3M2w0Mi44LDQyLjhhOC4zLDguMywwLDAsMCwxMS41LDAsOC4zLDguMywwLDAsMCwwLTExLjVaIiBmaWxsPSIjZmZmIi8+PC9zdmc+);background-size:7px 7px}@media(min-width:64rem){.filter-bar__search{max-width:320px}}.filter-bar__search:focus{color:var(--color-cream)}.filter-bar__search .search-input__btn .icon{color:inherit}@media(min-width:64rem){#filter-panel{box-shadow:var(--shadow-md);padding:var(--space-xs);padding-left:20px;padding-right:11px;transition:.5s;max-width:var(--max-width-md);background-color:var(--color-black);color:var(--color-white);margin:0 auto;border-radius:var(--radius-md)}#filter-panel .filter-bar__form{display:flex;justify-content:space-between;align-items:center;padding:0}#filter-panel .filter-bar__filters{display:flex}#filter-panel .filter-bar__filters li{border:none}#filter-panel .filter-bar__filters li button{padding:var(--space-xs) var(--space-md)}#filter-panel .accordion__panel{width:auto;font-size:var(--text-base-size)}#filter-panel .adv-filter__checkbox-list{font-size:var(--text-base-size);white-space:nowrap}#filter-panel .adv-filter__checkbox-list div{min-width:200px;padding:var(--space-xxxs) var(--space-sm)}#filter-panel .adv-filter__checkbox-list div:hover{background-color:hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.1)}.filter-bar__filters .accordion__item{position:relative}.filter-bar__filters .accordion__item .icon{--size:10px}.filter-bar__filters .accordion__item .accordion__panel{position:absolute;top:calc(100% + var(--space-sm));left:calc(var(--space-xxs) * -1);background-color:var(--color-cream);box-shadow:var(--shadow-lg);color:var(--color-black);border-radius:var(--radius-md);animation:accordion-entry-animation .3s var(--ease-out)}}.grid>.js-adv-filter__gallery{margin-left:calc(var(--space-md) * -1em)}
/*# sourceMappingURL=/cdn/shop/t/87/assets/section-filter-bar.css.map */