form.form, form.form > turbo-frame {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 1rem 0;

    input[type="submit"] {
        margin-top: 1rem;
    }
}

form-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: 1rem;

    form-column {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }
}

label.required-field::after {
    content: " *";
    color: var(--bulma-danger-30);
}

.radio-group {
    display: inline-flex;
    gap: 0.75rem;

    .radio-group-item {
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;

        &:first-child {
            width: 7rem;
        }
    }
}