form input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

form input, form textarea, form select {
    -webkit-appearance: none;
    appearance: none;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 14pt;
    line-height: 1.75em;
    letter-spacing: 0.025em;
}

textarea {
    resize: vertical;
}

form label, form .label {
    display: block;
    font-weight: 700;
    color: var(--primary-color);
    margin: 0.25em 0 0.5em 0;
}

form input[type="text"],
form input[type="email"],
form input[type="password"],
form select,
form textarea {
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    -webkit-appearance: none;
    display: block;
    border: var(--form-input-border);
    border-radius: 5px;
    box-shadow: inset 0 0 1px 0 var(--box-shadow-color);
    width: 100%;
    padding: 0.75em 1em 0.75em 1em;
}

form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="password"]:focus,
form select:focus,
form textarea:focus {
    border: var(--form-input-border-focused);
}

form input[type="text"],
form input[type="email"],
form input[type="password"] {
    line-height: 1em;
}

form select {
    line-height: 1em;
}

form textarea {
    min-height: 8em;
}

form ul.actions {
    margin-top: 0;
}

form input[type="button"],
form input[type="submit"],
form input[type="reset"],
form button,
form .button {
    background: #ddd;
    color: var(--text-color);
    font-size: smaller;
    min-width: unset;
    height: unset;
    line-height: unset;

    padding: 0.4rem 1rem;
    border: var(--form-input-border);
    border-radius: 5px;
}

form input[type="button"]:hover,
form input[type="submit"]:hover,
form input[type="reset"]:hover,
form button:hover,
form .button:hover {
    background-color: var(--primary-color-lighter);
}

@media screen and (max-width: 1680px) {

    form input, form textarea, form select {
        font-size: 12pt;
    }
}

@media screen and (max-width: 1280px) {

    form input, form select, form textarea {
        font-size: 11pt;
        line-height: 1.5em;
        letter-spacing: 0.015em;
    }
}

@media screen and (max-width: 736px) {

    form input, form select, form textarea {
        line-height: 1.5em;
        font-size: 10.5pt;
        letter-spacing: 0;
    }

    form input[type="button"],
    form input[type="submit"],
    form input[type="reset"],
    form button,
    form .button {
        display: block;
        width: 100%;
        font-size: 1em;
        max-width: 30em;
        margin: 0 auto;
    }
}

.configuration-form input, .configuration-form img {
    display: block;
}

.configuration-form img {
    width: 100%;
}

.img-editor input[type="radio"] {
    display: none;
}

.img-editor label {
    display: inline-block;
    margin: 0.5rem;
    padding: 0.4rem 1rem;
    border-radius: 5px;
    background: #ddd;
    cursor: pointer;
    transition: all 0.2s ease;
}

.img-editor label:has(input[type="radio"]:checked) {
    background-color: var(--primary-color-lighter);
}