.filter{height:10vh;justify-content:flex-start;margin:0 1rem;flex-wrap:nowrap}.filter,.filterSearch{width:100%;display:flex;align-items:center}.filterSearch{position:relative;max-width:300px}.filterSearch input{width:100%;border:1px solid #e0e0e0;border-radius:25px;padding:.6rem .75rem .6rem 2.5rem;background:#fff;box-shadow:0 8px 24px hsla(210,8%,62%,.2);position:relative;z-index:1;outline:none;font-size:14px}.filterSearch input:focus{border-color:#ff5e00;box-shadow:0 0 0 3px rgba(255,94,0,.1)}.filterSearch .searchIconn{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999;pointer-events:none;z-index:2;font-size:20px}.filter>div{margin:0 1rem}.filter>div>select{width:10rem;border:none;border-radius:5px;padding:.4rem;transition:all .4s cubic-bezier(.075,.82,.165,1);color:#000;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}.filter>div>select:hover{background:#ff5e00;color:#fff}@media (max-width:900px){.filter{height:auto;width:95%;justify-content:center;margin:1rem auto;flex-wrap:wrap;gap:.8rem;padding:0}.filterSearch{width:100%;max-width:100%;margin:0;order:1}.filterSearch input{width:100%;border-radius:50px;padding:.8rem 1rem .8rem 3rem;font-size:14px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.filterSearch .searchIconn{left:15px;font-size:22px}.filter>div:not(.filterSearch){display:none}.filter>div:has(label){display:flex!important;width:100%;justify-content:center;margin:.5rem 0 0;padding:0;order:2}.customFilterHeight{height:auto!important}}