form fieldset {
    border: none;
    padding: 10px;
    margin: 0;
}


input,
textarea,
.select .display {
    background-color: transparent;
    color: var(--text-primary-color);
    border: none;
    width: 100%;
    font-family: inherit;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    height: 45px;
}



form .input-wrapper {
    background-color: var(--input-background);
    border: solid 2px var(--input-border);
    color: var(--input-foreground);
    border-radius: 5px;
    text-align: center;
    width: 100%;
}

form fieldset:hover .input-wrapper {
    background-color: var(--input-background-hover);
    border-color: var(--input-border-hover);
    color: var(--input-colors-hover);
}

form .input-wrapper.focus {
    background-color: var(--input-background-active);
    border-color: var(--input-border-active);
    color: var(--input-foreground-active);
}


form .row {
    display: flex;
}

form .row fieldset {
    flex: 1;
}


textarea {
    background-color: var(--back-bean);
    color: var(--text-primary-color);
    border: solid 1px var(--back-bean);
    border-radius: 10px;
    font-family: inherit;
    padding: 1em;
    min-width: 250px;
    min-height: 100px;
    max-width: 100%;
}


.btn[disabled] .display {
    opacity: 0.2;
}


fieldset .error {
    display: none;
    color: var(--red-text);
    font-size: 0.75em;
    padding: 0.5em 0;
}

fieldset .error + .error {
    padding-top: 0;
}