/* Forms */

.pl-form-element {
    margin-bottom: 1rem;
}
.pl-form-element label {
    display: block;
}
.pl-form-element input,
.pl-form-element select {
    height: 2rem;
    background-color: white;
    border: none;
    border-bottom: 2px solid royalblue;
}
.pl-form-element input:focus,
.pl-form-element select:focus {
    outline: none;
    border-bottom: 2px solid mediumseagreen;
}
.pl-form-element:has(.errors) input,
.pl-form-element:has(.errors) select {
    border-bottom: 2px solid orangered;
}
.pl-form-element:has(.errors) input:focus,
.pl-form-element:has(.errors) select:focus {
    border-bottom: 2px solid mediumseagreen;
}
.pl-form-element select option {
    padding: 1rem !important; /* does not work for unknown reason */
}
.pl-form-element .description {
    font-size: .8rem;
    font-style: italic;
    margin-top: .3rem;
}

.pl-form-element .errors {
    color: orangered;
    padding-left: 0;
    list-style-type: none;
}

.pl-form-element .errors li::before {
    /*color: red;*/
    /*font-family: "Material Symbols Outlined";*/
    content: "✘ ";
}