.input-line {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /* width: 100%; */
    --button-margin: 0;
    --input-margin: 0;
    align-items: flex-start;
    --no-border-radius: 0;
    --margin-left-adjustment: calc(var(--border-width) * -1);
}
.input-line.input-line--block {
    display: flex;
}

.input-line .textinput,
.input-line .button {
    flex: 0 0 auto;
}

.input-line .input-line__stretchitem {
    flex: 1 1 auto;
}

.input-line .textinput:not(:first-child):not(:last-child),
.input-line .button:not(:first-child):not(:last-child) {
    border-radius: var(--no-border-radius);
}

.input-line .textinput:not(:first-child),
.input-line .button:not(:first-child) {
    margin-left: var(--margin-left-adjustment);
}

.input-line .textinput:focus,
.input-line .button:focus {
    z-index: var(--z-index-1);
}

.input-line .textinput:first-child,
.input-line .button:first-child {
    border-top-right-radius: var(--no-border-radius);
    border-bottom-right-radius: var(--no-border-radius);
}

.input-line .textinput:last-child,
.input-line .button:last-child {
    border-top-left-radius: var(--no-border-radius);
    border-bottom-left-radius: var(--no-border-radius);
}

@media (max-width: 719px) {
    .input-line.input-line--stack-sm {
        align-items: stretch;
        flex-direction: column;
        flex-wrap: wrap;
        display: flex;
        --button-margin: 0 0 var(--spacing-xs) 0;
        --input-margin: 0 0 var(--spacing-xs) 0;
        --no-border-radius: var(--border-radius);
        --margin-left-adjustment: 0;
    }
}