/* =====================================================
   FILTER SYSTEM - SISGCOE DESIGN SYSTEM
===================================================== */

.filter-card{
    width:fit-content;
    max-width:100%;
    background:rgba(17,28,51,.82);
    border:1px solid var(--border);
    border-radius:24px;
    padding:18px;
    backdrop-filter:blur(18px);
    box-shadow:0 20px 50px rgba(0,0,0,.35);
}

@media(max-width:1100px){

    .filter-card{
        width:100%;
    }
}

@media(max-width:640px){

    .filter-card{
        padding:14px;
        border-radius:18px;
    }
}