form {
    > * {
        &:not(:first-child) {
            margin-top: 18px;
        }
    }

    div.row {
        display: flex;
        flex-wrap: wrap;
        gap: 18px;

        div.input {
            width: 50%;
            flex: 1;
            min-width: 300px;
        }
    }

    div.input {
        label {
            display: block;
            font-weight: bold;
            user-select: none;
        }

        input {
            width: 100%;
            font-size: 1.1rem;
            border: solid black 1px;
        }

        &:has(input[type="checkbox"]) {
            display: flex;
            gap: 6px;
            flex-direction: row-reverse;

            input {
                width: 20px;
                height: 20px;
            }

            label {
                flex: 1;
            }
        }
    }
}