.availability-filter{gap:.6em}.apply_filter{text-transform:lowercase;border:none}.filters-container{overflow:scroll;flex-grow:1;overflow-x:hidden}.filter-bar__filters-inner,.filter-bar__filters,.filter-bar__filters .sort-dropdown{overflow:visible}.filter-bar__filters svg{margin-right:.3em;height:1.5em;width:1.5em}.filter-bar__filters-inner button.collection__button.type-body-regular{font-size:1em;color:#363636}.filter-bar__filters button.collection__button.type-body-regular{margin-right:0;margin-bottom:0;align-items:center;padding-right:0}.filter-divisor{height:1.5em;border-right:1px solid #c9c9c9;margin-left:.6em;margin-right:.6em}.filter-bar__filters-inner{align-items:center;z-index:100;background:#fff;padding-top:.5em;padding-bottom:.5em}.filter-color,.filter-size{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.filter-color{grid-auto-rows:1.5em;row-gap:1.7em}.filter-size{grid-auto-rows:3.2em}.filter-flyout__content .filter__list:not(.no-padding){padding:0 1em 1.1em;margin-top:0;margin-bottom:0}.filter-size li{border:1px solid #99BFCD;color:#99bfcd;display:flex;align-items:center;justify-content:center}.filter-size li label{justify-content:center}.filter-item__content.no-transition{display:flex}.filter-size .filter-item__label.type-body-regular{color:#99bfcd}.filter-size .filter-input__input.filter-item__checkbox{display:none}.filter-size .filter-item__label.type-body-regular{padding-left:0}.filter-size .filter-item__input:checked~.filter-input__input{display:block;position:absolute;width:100%;height:100%;z-index:-1;background-color:#99bfcd}.filter-size .filter-item__input:checked~.type-body-regular{color:#fff}.filter-size .filter-item{position:relative}.filter-size.filter__list:not(.has-swatch) .filter-item__content{padding:0}.filter-size .filter-item__content{width:100%;height:100%}.filter-cause{display:grid;grid-template-columns:50% 50%;grid-auto-rows:2.6em;gap:10px}.filter-cause .filter-item__input:checked~.filter-input__input{border:2px solid #1E5048}.filter-cause .filter-input__input{border-radius:50%;border:2px solid #1E5048;background-color:transparent;width:1em;height:1em}.filter-cause .filter-item__input:checked~.filter-input__input:after{content:" ";width:.5em;height:.5em;background-color:#1e5048;border-radius:50%}.filter-flyout{display:flex;flex-direction:column}.filter-flyout{width:100%}.filter-flyout hr:nth-child(1){width:100%;margin-top:0}.filter-flyout hr{margin-top:0;margin-bottom:0;color:#fff;width:90%;opacity:.5}.filter-title{width:100%;padding:.5em 1em;display:flex;justify-content:space-between;font-size:15px;font-weight:700;line-height:17.69px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;margin-top:.5em;margin-bottom:1em}.filter-color{width:100%}.filter-color .filter-item__content{display:flex;flex-direction:row-reverse;justify-content:space-between}.filter-color .filter-item__label{padding-left:0;padding-right:10px}.filter-color .filter-input__input.filter-item__checkbox{border-radius:50%;width:1.25em;height:1.25em}.filter-flyout__content input:checked~.filter__list{max-height:0;overflow:hidden;padding-top:0;padding-bottom:0}.filter-flyout__content .filter__list{max-height:500px;overflow:hidden;transition:max-height .3s ease;transition:padding 0s ease}.filter-flyout__wash.active{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#ffffff1a}.collection__main-area{overflow:visible}.filter-color .filter-item__input:checked~.filter-input__input{border:2px solid white;outline:2px solid black}.filters_applied{background-color:#1e5048;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;width:2em;height:2em;margin-left:.4em;font-size:.8em;font-weight:400}.filter-flyout__footer{background-color:#fff}.filter-flyout__footer{padding:.5em}.filter-flyout__footer{padding:1.3em 1em;display:flex;flex-direction:column;gap:1em}.filter-flyout__heading .filters-title{font-size:15px;font-weight:900;line-height:19.37px;color:#363636}.filter-flyout .button-blank{width:22px;opacity:.65}.apply_filter{background-color:#1e5048;color:#fff}.clear_filters{border:1px solid #99BFCD;background-color:#fff;color:#99bfcd}.apply_filter,.clear_filters{width:100%;font-size:1em;font-weight:400;padding:.9em}.filter-flyout__content{box-sizing:border-box;overflow:hidden}@media screen and (max-width: 768px){.filter-flyout{width:100%;height:90%;bottom:0;transform:translateX(0,var(--flyout-width))}}@media screen and (min-width: 768px){.filter-flyout{top:0;transform:translate(var(--flyout-width))}}
/*# sourceMappingURL=/cdn/shop/t/268/assets/filter-flyout.css.map */
