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