#site-sites {
    .description {
        margin-bottom: 10px;
    }

    .search {
        padding: 20px;
        border: 1px solid var(--site-border);
        border-radius: 12px;  

        .wrap {
            position: relative;            
        }

        svg {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 16px;
            height: 18px;
            margin: auto;
            fill: var(--site-text);
        }

        input {
            width: 100% !important;
            padding-left: 50px !important;
            background: var(--site-background) !important
        }    
    }

    .list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;

        .head {
            grid-column: 1 / -1;
            font-size: 24px;
            color: var(--site-primary);
            text-transform: uppercase;
            border-bottom: 1px solid var(--site-border);
            padding-bottom: 20px;
            margin-top: 50px;
        }

        .site {

        }
    }
}