.form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.form-narrow {
    width: 320px;
}

.form-medium {
    width: 420px;
}

.form-wide {
    width: 560px;
}

.field-vertical {
    margin-bottom: 12px;
}

.form-row {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.form-field.flex {
    flex: 1;
}