:root{--popup-height: calc(100vh - 1rem) }.filter .popup__overlay{width:100vw;height:var(--popup-height);position:absolute;top:auto;left:0}.filter__header{flex-wrap:wrap}.filter__header p{text-transform:var(--font-headings-transform)}.filter__first-loaded{margin:0;font-size:.8rem;font-style:italic;flex-basis:100%}filter-new{padding-top:0!important}filter-new a{border-bottom:0!important}.filter-group:not(:first-of-type).show-view-more,.filter-drawer__options.show-view-more,.blog-filter__options.show-view-more{margin-top:calc(var(--global-spacing)*-1);margin-bottom:calc(var(--global-spacing)*5)}.filter-group:first-of-type.show-view-more{margin-bottom:calc(var(--global-spacing)*5)}.filter-group-title--sub,.filter-group-title{margin-bottom:var(--global-spacing)!important}.filter-group-title--sub a{color:rgb(var(--text-color))}.filter .details__content{top:auto}.filter .popup__overlay,.filter .popup__inner{top:calc(var(--global-spacing) + var(--border-width));height:var(--popup-height);max-height:unset}.filter>.details__content .popup{position:initial;display:flex;justify-content:flex-end;align-items:initial;width:initial;height:initial;padding:0}.filter>.details__content{top:auto}.filter .popup__inner{background:transparent;border:0;padding:var(--global-spacing);width:300px}.filter .popup__inner:after{width:calc(100% - var(--global-spacing)*2 - var(--border-width)*2)!important;left:calc(var(--global-spacing) + var(--border-width));bottom:calc(var(--global-spacing) + var(--border-width))!important}.filter ul{list-style-type:none;padding:0;margin:0;margin-bottom:calc(var(--global-spacing)*3)}.blog-filter__types{margin-bottom:calc(var(--global-spacing)*3)}@media only screen and (max-width: 767px){.filter>.details__content .popup{width:100%;padding:calc(var(--global-spacing)/2)}.filter .popup__inner{width:100%;max-width:100%;padding-bottom:calc(var(--global-spacing)*2)}.filter .popup__inner:after{bottom:calc(var(--global-spacing)*2)!important}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}blog-filter,.filter facets-filter,.filter filter-new{display:block;height:100%;padding:var(--global-spacing) 0 30px 0;background:rgb(var(--background-color));border:var(--border-width) solid rgb(var(--border-color));overflow:hidden}.filter filter-new .scrollbar-v{padding-bottom:var(--scrollbar-padding)}.popup__inner header.blog-filter__header{padding-top:0}.blog-filter__active-tags{padding-left:var(--global-spacing);padding-right:var(--global-spacing)}.blog-filter__active-tags a{display:inline-block;margin-right:5px;color:var(--text-color);border-bottom:0!important;letter-spacing:var(--font-body-spacing)}.filter-form{overflow:hidden;overflow-y:scroll;position:relative;scrollbar-width:none}.filter summary{text-transform:var(--nav-item-transform);letter-spacing:var(--font-body-spacing)}.filter-drawer input+label{font-size:1rem;text-transform:var(--font-headings-transform)}.filter-group-title{margin-bottom:calc(var(--global-spacing)/2)}.filter-drawer__group span.count{margin-left:3px}.filter-group-title--sub{font-size:1.2rem;text-transform:var(--font-heading-transform)}.filter-drawer__group>*,.filter-group>*{padding:0 var(--global-spacing)}.filter-drawer__group li:not([role=button]),.filter-group li:not([role=button]){padding:calc(var(--global-spacing)/3) var(--global-spacing)}.filter-drawer__group li[role=button] summary,.filter-group li[role=button] summary{padding:calc(var(--global-spacing)/3) var(--global-spacing);letter-spacing:var(--font-body-spacing)}.filter-drawer__options.content-type>div,.filter-drawer__options.content-type>details>div>div{padding:calc(var(--global-spacing)/3) 0}.filter-group label{margin-bottom:0!important;letter-spacing:var(--font-body-spacing);text-transform:var(--font-headings-transform)}.filter-actions,.active-filters{padding:0 var(--global-spacing);padding-bottom:var(--global-spacing);margin-bottom:var(--global-spacing)}.active-filters a{text-transform:var(--font-headings-transform)}.active-facets__button{display:inline-block;letter-spacing:var(--font-body-spacing)}.filter-group-reset{margin-left:3px}.no-js .filter-drawer,.no-js facets-filter{height:calc(100% - 150px)}.sort-group,.filter-group{margin-bottom:2rem}.filter-group-display__price-range{display:flex;gap:var(--global-spacing)}.filter-group-display__price-range>div{padding:0;width:100%}.filter-group-display__price-range>label{margin-bottom:0}.filter li.active{background:rgba(var(--primary-color),.1)}.filter li a,.filter-group .input--checkbox label{font-weight:400!important;text-transform:var(--font-headings-transform);border-bottom:0!important;font-size:1rem;color:rgb(var(--text-color))}.filter ul.filter-group-display__list--swatch{display:flex;flex-wrap:wrap;padding:0 var(--global-spacing);margin-bottom:calc(var(--global-spacing)*2)}.filter-group-display__list--swatch li{margin:0 12px 12px 0;padding:0!important}.input--checkbox input[type=radio]+label{text-transform:var(--font-headings-transform)}.input--checkbox.swatch label{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0}.input--checkbox.swatch input[type=radio]:checked+label:after,.input--checkbox.swatch label:before,.input--checkbox.swatch label:after{display:none}.input--checkbox.swatch .filter__swatch{position:relative;width:36px;height:36px;display:flex;justify-content:center;align-items:center;background:var(--swatch-value);border-radius:100%}.input--checkbox.swatch .filter__swatch:after{content:"";position:absolute;left:-3px;top:-3px;display:block;width:42px;height:42px;border:var(--border-width) solid rgba(var(--border-color));border-radius:50%}.input--checkbox.swatch .label-text{display:block;pointer-events:none;font-size:.8rem;margin-top:5px;max-width:42px;overflow-wrap:break-word}.input--checkbox.swatch .filter__swatch img{width:100%;max-width:100%;height:auto;border-radius:50%}.input--checkbox.swatch label:focus-visible{box-shadow:none}.input--checkbox.swatch input[type=radio]:checked+label .filter__swatch:after,.input--checkbox.swatch label:focus-visible .filter__swatch:after{box-shadow:0 0 2px 2px rgba(var(--border-color),.5)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/comp-filter.css.map */