.filter-container{cursor:pointer;max-height:1.75rem;overflow:hidden;transition:.3s ease}.filter-container *{cursor:pointer}.filter-container.open{max-height:10000px}.filter-container.open .handle-button:after,.filter-container.open .handle-button:before{transform:translate(-50%,-50%) rotate(180deg)}.filter-container.open .filter-container-options{opacity:1}.filter-container .handle-button{width:1rem;height:1rem;position:relative}.filter-container .handle-button:before{transform:translate(-50%,-50%) rotate(0deg)}.filter-container .handle-button:after,.filter-container .handle-button:before{content:"";position:absolute;width:100%;top:50%;left:50%;border:1px solid #fff;transition:.3s ease}.filter-container .handle-button:after{transform:translate(-50%,-50%) rotate(90deg)}.filter-container .filter-container-options{opacity:0;display:flex;flex-direction:column;gap:.75rem;padding:.25rem .75rem;color:hsla(0,0%,100%,.816);transition:.5s ease;padding-block:1rem}.filter-container .filter-container-options .option-input{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:3px;background-color:hsla(0,0%,100%,.035);border:1px solid hsla(0,0%,100%,.125)}.filter-container .filter-container-options .option-input.checked .check-icon{opacity:1}.filter-container .filter-container-options .option-input .check-icon{width:16px;height:16px;transition:.3s ease;opacity:0}.responsive-filter-container{position:sticky;top:97px;overflow:clip;z-index:2;max-height:56px;transition:.3s ease;width:100%}.responsive-filter-container.open{height:100%;position:fixed;z-index:3;top:0;max-height:10000px}.responsive-filter-container .filter-list-container{padding:1rem;overflow:auto}