.filter-bar{width:100%;z-index:10;background:#fff}.filter-bar__container{padding:20px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--beige);color:var(--black)}.filter-bar__left{width:500px;max-width:90%;height:100vh;padding:20px;display:block;position:fixed;bottom:0;left:0;top:0;background:#fff;z-index:9999999;transform:translate(-100%);transition:transform .4s ease-in-out;display:grid;grid-template-rows:auto 1fr auto}.filter-bar__left.active{transform:translate(0)}.filter-bar__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.filter-bar__left-title{margin:0 40px 0 0}.filter-bar__filters-wrapper{overflow-y:auto;height:100%;overflow-x:clip;scrollbar-color:var(--mossy) white;scrollbar-width:thin;padding-right:10px}.filter-bar__filters{display:flex;justify-content:flex-end;align-items:flex-start;flex-direction:column-reverse;height:fit-content}.filter-bar__dropdowns{display:flex;flex-direction:column;align-items:center;width:100%}.filter-bar__dropdown{position:relative;display:flex;flex-direction:column;width:100%;padding:10px 0;border-bottom:1px solid var(--beige);text-transform:uppercase}.filter-bar__sorting-dropdown{border:none;padding:0}.filter-bar__sorting-dropdown .filter-bar__dropdown-container{box-shadow:-2px 7px 10px #a59e9e40}.filter-bar__dropdown-button{padding:10px 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.filter-bar__dropdown-button svg{width:8px;height:auto;margin:0 0 1.5px 8px;transition:transform .3s ease}.filter-bar__dropdown-button svg path{stroke:currentColor;stroke-width:1px}.filter-bar__dropdown-button.active svg{transform:rotate(-180deg)}.filter-bar__dropdown-button .filter-bar__dropdown-count{display:none}.filter-bar__dropdown-button.has-active-filters .filter-bar__dropdown-count{display:inline-block}.filter-bar__dropdown-container{padding:10px 20px 20px;background:#fff;display:none;transition:opacity .2s ease,visibility .2s ease}.sorting .filter-bar__dropdown-container{position:absolute;top:calc(100% + 10px);z-index:9;opacity:1;visibility:hidden}.sorting .filter-bar__dropdown-button.active .filter-bar__dropdown-container{visibility:visibile}.filter-bar__dropdown-button.active+.filter-bar__dropdown-container{opacity:1;visibility:visible}.filter-bar__filter-label{margin-bottom:16px;display:flex;align-items:center;cursor:pointer;position:relative}.filter-bar__filter-button--disabled{display:none}.filter-bar__filter-label:before{content:"";height:14px;width:14px;margin-right:10px;display:inline-block;border:1px solid #000000;flex-shrink:0}.filter-bar__sorting-dropdown .filter-bar__filter-label:before{content:none}.filter-bar__filter-button{height:1px;width:1px;position:absolute;visibility:hidden}.filter-bar__filter-button:checked+.filter-bar__filter-label:after{content:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='0.5' width='11' height='11' fill='black' stroke='black'/%3E%3Cpath d='M3 6.39787L5.05882 8.4812L10 3.4812' stroke='white'/%3E%3C/svg%3E%0A");height:14px;width:14px;position:absolute;top:50%;transform:translateY(-50%);background:#000}.filter-bar__sorting-dropdown .filter-bar__filter-button:checked+.filter-bar__filter-label:after{content:none}.filter-bar__sorting-dropdown .filter-bar__filter-label{opacity:.5}.filter-bar__sorting-dropdown .filter-bar__filter-button:checked+.filter-bar__filter-label{opacity:1}.filter-bar__sort-by-value:not(:empty){margin-left:10px}.filter-bar__clear-dropdown{opacity:.5;text-decoration:underline}.filter-bar__active-filters{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;padding:20px 0}.filter-bar__active-filters:empty{height:20px;padding:0}.filter-bar__active-filters .js-clear-all-filters{color:#292b2880}.filter-bar__active-filters .remove-filter{margin-right:20px;padding:4px 6px 4px 9px;display:inline-flex;align-items:center;font-size:12px;font-weight:600;line-height:16px;letter-spacing:.13em;background:var(--light-mossy);color:var(--black);border:none}.filter-bar__active-filters .remove-filter svg{width:9px;height:auto;margin-left:10px;margin-bottom:2px}.filter-bar__size-guide{font-family:GT Walsheim Pro,sans-serif;font-weight:400;font-size:14px;line-height:1.4;letter-spacing:.02em;text-decoration:underline}.filter-bar__right{display:flex;align-items:center;gap:40px}#product-results,.filter-bar__right .filter-bar__dropdown{margin:0}.filter-bar__right .filter-bar__dropdown-container{min-width:220px;right:-30px;left:unset}.filter-bar__right .filter-bar__filter-label:last-child{margin:0}.filter-bar__controls{width:100%;padding-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;font-weight:600;flex-wrap:wrap}.filter-bar__results{grid-column:1/ span 2;text-align:center}.filter-bar__controls .button{height:fit-content;padding:20px}.filters__mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d2e3500;visibility:hidden;height:0;z-index:9;transition:visibility .3s ease,background .3s ease}.filters__mobile-overlay.active{background:#1a191980;visibility:visible;height:100%}@media screen and (max-width: 768px){collection-filters{position:unset}.filter-bar{height:auto;width:auto;margin:0 20px;border-top:0;border-color:#e2dfd7b3}.filter-bar .page-width{padding:0}.filter-bar__left h4{margin-bottom:15px;opacity:1}.filter-bar__left h4 svg{margin-left:5px}.filter-bar__close-caret{padding:10px;position:absolute;top:13px;right:10px;display:flex;align-items:center}.filter-bar__close-caret svg{width:11px;height:auto}.filter-bar__filters{align-items:flex-start;flex-direction:column-reverse}.filter-bar__active-filters .remove-filter{margin-bottom:16px}.filter-bar__dropdowns{width:100%;display:block;border-top:1px solid #F2F6F6}.filter-bar__dropdown{margin-right:0}.filter-bar__left .filter-bar__dropdown{display:block;border-bottom:1px solid #F2F6F6}.filter-bar__dropdown-button{width:100%;padding:0;text-align:left}.filter-bar__left .filter-bar__dropdown-button{padding:15px 0}.filter-bar__right .filter-bar__dropdown-container{min-width:200px;padding:10px 10px 20px;right:-20px;top:calc(100% + 20px);z-index:9}.filter-bar__filter-label{font-size:10px}.filter-bar__left .filter-bar__dropdown-button.active+.filter-bar__dropdown-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px}.filter-bar__left .filter-bar__dropdown-container{max-height:300px;background:none;grid-template-columns:1fr 1fr;gap:14px;min-width:unset;padding:0 0 20px;position:unset;box-shadow:none;border:0}.filter-bar__left .filter-bar__filter-label{margin:0}.filter-bar__controls .button{width:100%}.filter-bar__close.chevron{padding:10px;position:absolute;top:17px;right:10px;display:flex}.filter-bar__mobile{margin:0}.filter-bar__mobile svg{margin:0 10px}.filter-bar__right{gap:20px}.filter-bar__results{font-weight:700;font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/189/assets/component-collection-filters.css.map */