.form label
{
    display: var(--form_label-display, inline-block);
    cursor: pointer;
}

.form label.required::after
{
    content: "*";
    display: inline-block;
    margin-left: .25rem;
    font-size: 1rem;
    top: 0rem;
    position: relative;
    color: #f00;
}
.form input:not([type="submit"])
, .form select
, .form textarea
{
    width: var(--form_input-width, 100%);
    box-sizing: border-box;
    padding: var(--form_input-padding, .3rem .5rem);
    border: 1px solid var(--form_input-border-color, #a4a7b3);
    border-radius: var(--form_input-border-radius, .3rem);
    height: var(--form_input-height, 2rem);
}

.form input
, .form textarea
{
    height: auto;
}

input[type='submit']
{
    font-weight: var(--input_submit-font-weight, 700);
    color: var(--input_submit-color, #fff);;
    background-color: var(--input_submit-background-color, transparent);
    border: 1px solid var(--input_submit-border-color, #000);;
    display: inline-block;
    padding: var(--form_input-padding, .25rem 5rem);
    border-radius: var(--form_input-border-radius, .3rem);
    text-shadow: 1px 1px var(--form_input_submit-text-shadow-color, #000);
    cursor: pointer;
}

input[type='submit']:hover
{
    color: var(--input_submit_hover-color, #000);
    text-shadow: none;
}