.filter-sort{align-items:center;display:flex;gap:var(--gutter-wide)}.filter-sort__count{flex:1}.filter-sort__filter,.filter-sort__sort{align-items:center;display:flex;justify-content:center;position:relative}.filter-sort__filter label,.filter-sort__sort label{align-items:center;cursor:pointer;display:flex;gap:var(--gutter)}.filter-sort__filter>.btn--filter,.filter-sort__sort>.btn--filter{position:fixed;width:10rem;height:2.5rem;left:50%;transform:translateX(-50%);bottom:1.5rem;z-index:8;background-color:var(--color-black);color:var(--color-white);transition:background-color .2s ease,color .2s ease}.filter-sort__filter>.btn--filter:hover,.filter-sort__sort>.btn--filter:hover{background-color:var(--color-packaging-pink);color:var(--color-black)}.filter-sort__filter>.btn--filter:focus-visible,.filter-sort__sort>.btn--filter:focus-visible{background-color:var(--color-packaging-pink);color:var(--color-black);outline:2px solid currentColor;outline-offset:2px}.filter-sort .sort__options{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;margin:0}.filter-sort__filters{background:var(--color-bg-primary);bottom:0;top:0;left:50%;position:fixed;transform:translateX(-50%) translateY(100%);transition:transform .3s cubic-bezier(0.4, 0, 0.15, 1.01);width:100%;z-index:11}@media(min-width: 1025px){.filter-sort__filters{top:10.25rem;max-width:24.375rem;width:35%}}.filter--open .filter-sort__filters{transform:translateX(-50%)}.filter-sort .filter__heading,.filter-sort .filter-drawer__heading{align-items:center;display:flex;justify-content:space-between;line-height:100%}.filter-sort .filter__heading .p-1,.filter-sort .filter-drawer__heading .p-1{line-height:100%}.filter-sort .filter__facets-wrapper,.filter-sort .filter-drawer__facets-wrapper{transition:height 400ms ease-out;overflow:hidden}.filter-sort .filter__facets,.filter-sort .filter-drawer__facets{display:flex;gap:.5rem;padding:1.5rem 1rem 0;flex-wrap:wrap}.filter-sort .filter__facets [data-value=clear-all],.filter-sort .filter-drawer__facets [data-value=clear-all]{margin-left:.25rem}.filter-sort .filter__open,.filter-sort .filter-drawer__open{display:block}.filter-sort .filter__close,.filter-sort .filter-drawer__close{display:none}.filter-sort .filter-drawer{display:flex;flex-direction:column;gap:1.5rem;height:100%}.filter-sort .filter-drawer__heading,.filter-sort .filter-drawer__content{padding:1.5rem 1rem;padding-bottom:0}.filter-sort .filter-drawer__heading .filter__close{display:block}.filter-sort .filter-drawer__content{flex:1;overflow:auto;padding-top:0}.filter-sort .filter-drawer__footer{border-top:1px solid #dfdedc;display:flex;flex-direction:column;gap:var(--gutter-wide);padding:1rem}.filter-sort .filter-drawer__footer .btn{width:100%}.filter-sort .filter{border-top:1px solid #dfdedc}.filter-sort .filter:last-child{border-bottom:1px solid #dfdedc}.filter-sort .filter--expanded .filter__open{display:none}.filter-sort .filter--expanded .filter__close{display:block}.filter-sort .filter--expanded .filter__content{max-height:22.5rem;overflow:auto;padding:1rem 0;transform:translateY(-16px)}.filter-sort .filter__heading{cursor:pointer}.filter-sort .filter__heading p{padding:1.5rem 0;position:relative}.filter-sort .filter__heading::-webkit-details-marker{display:none}.filter-sort .filter__content{max-height:0;overflow:hidden;position:relative;transition:all .3s cubic-bezier(0.4, 0, 0.15, 1.01),top .3s cubic-bezier(0.4, 0, 0.15, 1.01);will-change:max-height}.filter-sort .filter__content ol{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0}.filter-sort .filter__content ol li{display:block;list-style-type:none}.filter-sort .filter__content ol li a,.filter-sort .filter__content ol li label{align-items:center;cursor:pointer;display:flex;gap:.625rem;justify-content:flex-start;text-decoration:none}.filter-sort .filter__content .sort__option label{vertical-align:middle;margin-left:8px}.filter-sort .filter__content .sort__option:last-child{margin-bottom:1rem}.filter-sort .filter__content .sort__option~.sort__option{margin-top:1rem}.filter-sort .filter__price{display:flex;gap:1rem;margin:0}.filter-sort .filter__price .field{align-items:center;display:flex;font:var(--font-p-3);gap:.5rem;justify-content:flex-start;width:50%}.filter-sort .filter__close{cursor:pointer}.filter-sort__overlay{background:rgba(18,18,18,.5);backdrop-filter:blur(12px);border-radius:0;height:100%;inset:0;opacity:0;pointer-events:none;position:fixed;transition:all .3s cubic-bezier(0.4, 0, 0.15, 1.01);z-index:11}.filter--open .filter-sort__overlay{opacity:1;pointer-events:initial}
