@import "@styles/lavenes";

.text-input {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    height: 42px;
    background: $primary-input-background-color;
    border-radius: 11px;
    box-sizing: border-box;
    padding-inline: 16px;
    margin-top: $section-gap-small;

    &__icon {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    &__input {
        background: transparent;
        outline: none;
        border: none;
        font-family: $font-family;
        flex: 1;
        height: 100%;
        font-weight: 500;
    }
}