.search-form{
        --icon: 40px;
        display: grid;
        grid-template-columns: var(--icon) 1fr;
        input{
            grid-column: 1/3;
            grid-row: 1;
            height: calc(var(--h-block) * 1.5);
            width: 100%;
            background: var(--color-bg);
            border: 1px solid var(--color-txt);
            padding-left: var(--icon);
            font-family: var(--font);
            font-size: var(--fs-normal);
            color: var(--color-txt);
            padding-top: 3px;
            &::placeholder{
                font-family: var(--font);
                font-size: var(--fs-normal);
                color: var(--color-txt);
            }
            &:focus{
                border-color: var(--color-accent);
                outline: none;
            }
        }

        .icon{
            grid-column: 1;
            grid-row: 1;
            z-index: 10;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            svg{
                width: 20px;
            }
        }
    }