input[type="text"], input[type="password"], textarea, select, .pseudoselect, .pseudoinput  {
    font-family: var(--font-input);
}

input[type="text"], input[type="password"] {
    border-radius: var(--border-radius-small);
    border: 1px solid var(--col-input-border);
    background-color: var(--col-input-background);
    color: var(--col-input-foreground);

    min-height: 30px;
    padding: 0 8px;
    line-height: 2;

    margin: 4px 0;
}

select, .pseudoselect {
    border-radius: var(--border-radius-small);
    border: 1px solid var(--col-input-border);
    background-color: var(--col-input-background);
    color: var(--col-input-foreground);
    box-shadow: none;

    -webkit-appearance: none;
    background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
    background-size: auto;

    cursor: pointer;
    vertical-align: middle;

    min-height: 30px;
    padding: 0 24px 0 8px;
    line-height: 2;

    margin: 4px 0;
}

textarea {
    border-radius: var(--border-radius-small);
    border: 1px solid var(--col-input-border);
    background-color: var(--col-input-background);
    color: var(--col-input-foreground);

    min-height: 30px;
    padding: 0 8px;
    line-height: 2;

    margin: 4px 0;

    resize: vertical;
}

.pseudoinput {
    border-radius: var(--border-radius-small);
    border: 1px solid var(--col-input-border);
    background-color: var(--col-input-background);
    color: var(--col-input-foreground);
    box-shadow: none;

    vertical-align: middle;

    min-height: 30px;
    padding: 0 8px;
    line-height: 2;

    margin: 4px 0;
}