.input {
    width: 100%;
    padding: 0.75rem 2rem;
    font-size: 1rem;
    border: 1.5px solid var(--TEXTBLACK);
    border-radius: 100vh;
    outline: none;
    transition: all 0.2s ease;
    background-color: #fff;
    color: var(--TEXTBLACK);
}

    .input:focus {
        border-color: var(--BLUELIGHT);
        box-shadow: 0 0 0 0.25rem var(--BLUELIGHT);
        /*        box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--BLUE) 50%, transparent);*/
        outline: none;
    }

    .input::placeholder {
        color: var(--TEXTBLACK);
    }

    .input:disabled {
        background-color: #f5f5f5;
        color: #888;
    }