.entity--form {
    display: grid;
    grid-gap: var(--form-grid-gap);
    position: relative;
    max-width: 100%;
    /* Tablet and Desktop */
}

.entity--form input [type='text'],
.entity--form input [type='number'],
.entity--form input [type='date'],
.entity--form select {
    width: var(--input-width);
}

.entity--form input [type='radio'] {
    margin-right: initial;
    width: initial;
}

.entity--form .break {
    flex-basis: 100%;
    width: 0px;
    height: 0px;
    overflow: hidden;
    display: inline-block;
}


@media (min-width: 768px) {
    .entity--form {
        grid-template-columns: 1fr 1fr;
    }
}


:root {
    /* Box */
    --box-container-heading-spacing: 0.25rem;
    --box-spacing: var(--spacing-medium);
    --box-border-width: 1px;
    --box-padding: 2rem;
    --box-max-width: 91vw;
    /* Form */
    --form-grid-gap: 3rem;
}