.tb-search-form {
    display: flex;
    position: relative;
    width: 100%;
}

.tb-search-form__input {
    border: 1px solid config('colors.grey-light');
    border-radius: config('borderRadius.full');
    margin-right: config('margin.2');
    appearance: none;
    padding: config('padding.4') config('padding.3');
    font-size: config('textSizes.base');
    color: config('colors.grey-darkest');
    border-radius: config('borderRadius.sm');
    flex: 1;

    &::placeholder {
        color: inherit;
        opacity: .5;
    }

    &:hover,
    &:focus {
        border-color: config('colors.primary-darkest');

        &::placeholder {
            opacity: .25;
        }
    }
}
