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

.tb-search-form__input {
    border: 1px solid theme('colors.gray.400');
    border-radius: theme('borderRadius.full');
    margin-right: theme('margin.2');
    appearance: none;
    padding: theme('padding.4') theme('padding.3');
    font-size: theme('fontSize.base');
    color: theme('colors.gray.900');
    border-radius: theme('borderRadius.sm');
    flex: 1;

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

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

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