.filters-and-sort{margin-block:1rem;margin-inline:var(--margin-inline);justify-content:space-between;align-items:center;display:flex}.filters-trigger{background-color:var(--clr-loom-lilac);color:#fff;border-radius:30px;align-items:center;gap:4px;width:fit-content;height:40px;padding-inline:1.5rem;display:flex}.dialog-content{z-index:9;top:var(--navbar-height);background-color:#fff;width:300px;padding-inline:1rem;position:fixed;bottom:0;left:0;overflow:auto;box-shadow:5px 4px 20.1px #00000040}.dialog-content:where([data-state=open]){animation:.3s cubic-bezier(.16,1,.3,1) content-show}.dialog-content:where([data-state=closed]){animation:.3s cubic-bezier(.16,1,.3,1) content-hide}@keyframes content-show{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes content-hide{0%{transform:translate(0)}to{transform:translate(-100%)}}.filters-wrapper{height:inherit;background-color:#fff;flex-direction:column;justify-content:center;gap:1rem;padding-block:2.5rem;display:flex}.in-stock-wrapper{justify-content:start;align-items:center;gap:.5rem;margin-block:1rem;margin-inline-start:.5rem;display:flex}.filters-checkbox-wrapper{text-transform:capitalize;cursor:pointer;align-items:center;gap:8px;padding-block:4px;display:flex}.filters-checkbox{width:22px;height:22px;cursor:inherit;accent-color:var(--clr-loom-lilac)}.filters-checkbox-label{cursor:inherit}.filters-buttons-wrapper{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;display:grid}.filters-button{background-color:var(--clr-loom-lilac);color:#fff;height:30px}.filters-button-secondary{color:#000;background-color:#fff;border:1px solid #000}.dropdown{-webkit-appearance:none;color:#000;text-transform:capitalize;text-align:center;background-color:var(--clr-neutral-100);background-color:var(--clr-neutral-100);padding-inline:4px;background-image:url(../media/caretDown.7b62b3df.svg);background-position:right 10px center;background-repeat:no-repeat;border:1px solid #adadad;border-radius:30px;min-width:180px;height:40px;padding-right:30px;position:relative}