/* © Anton Kalyuta 2022 - 2026 */
input {
    border: 1px solid #e6e9ee;
    font-size: 20px;
    padding: 15px;
    border-radius: 15px;
    width: 500px;
    outline: none;
}

html.dark input {
    background: #404040;
    color: white;
}

input:focus-visible {
    border: 5px solid #bdc0c5;
}

textarea {
    border: 5px solid #e6e9ee;
    font-size: 20px;
    padding: 15px;
    border-radius: 15px;
    outline: none;
}

html.dark textarea {
    background: #404040;
    color: white;
}

textarea:focus-visible {
    border: 5px solid #bdc0c5;
}

select {
    border: 5px solid #e6e9ee;
    font-size: 20px;
    padding: 15px;
    border-radius: 15px;
    background: white;
    outline: none;
}

html.dark select {
    background: #404040;
    color: white;
}

select:focus-visible {
    border: 5px solid #bdc0c5;
}

@media (max-device-width: 480px) {
    input {
        width: calc(100% - 120px);
        font-size: 50px !important;
        padding: 50px 50px !important;
        border: 2px solid #e6e9ee;
        border-radius: 50px;
    }

    html input[type=checkbox] {
        width: 75px;
        height: 75px;
        vertical-align: middle;
    }

    input:focus-visible {
        border: 10px solid #bdc0c5;
    }

    html.dark input::placeholder, html.dark textarea::placeholder {
        color: #d6d6d6;
    }

    textarea {
        font-size: 60px !important;
        padding: 50px;
        border-radius: 50px;
    }

    select {
        border-radius: 50px;
        font-size: 60px !important;
        padding: 50px 50px !important;
        border: 10px solid #e6e9ee;
    }
}