unreal bugreport form

/* ==UserStyle==
@name           epicgames.formstack.com
@namespace      github.com/openstyles/stylus
@version        0.1.0
@description    Theme for bug report form for Unreal Engine on Formstack
@author         Alexey Mak (S-ed, Sedokun)
==/UserStyle== */

@-moz-document url-prefix("https://epicgames.formstack.com/forms/unreal_engine_bug_submission_form") {

    .fsForm input:focus,
    .fsForm select:focus,
    .fsForm textarea:focus,
    .fsForm .ui-slider-handle:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    }

    .fsRowBody input[type="radio"],
    .fsRowBody input[type="checkbox"] {
        -moz-appearance: none;
        -webkit-appearance: none;
        background-color: #454545;
        border: 1px solid #666;
        padding: 0px;
        position: relative;
        margin-top: 1px;
    }

    .fsRowBody input[type="radio"] {
        border-radius: 7px;
    }

    .fsRowBody input[type="radio"]:hover,
    .fsRowBody input[type="radio"]:active,
    .fsRowBody input[type="radio"]:checked:active,
    .fsRowBody input[type="checkbox"]:hover,
    .fsRowBody input[type="checkbox"]:active,
    .fsRowBody input[type="checkbox"]:checked:active {
        border-color: #F90;
    }

    .fsRowBody input[type="checkbox"]:checked:after {
        content: '\2714';
        font-size: 10px;
        position: absolute;
        top: -2px;
        left: 2px;
        color: #f90;
    }

    .fsRowBody input[type="radio"]:checked {
        background-color: #F90;
        box-shadow: 0 0 0 2px #333 inset;
        background-clip: padding-box;
    }

    .fsRowBody input[type="radio"]::before,
    .fsRowBody input[type="radio"]:checked::before,
    .fsRowBody input[type="checkbox"]::before,
    .fsRowBody input[type="checkbox"]:checked::before {
        content: none;
    }

    .fsSignature,
    .fsRowBody input[type="text"],
    .fsRowBody input[type="email"],
    .fsRowBody input[type="number"],
    .fsRowBody input[type="tel"],
    .fsForm select,
    .fsForm textarea,
    .fsRowBody input[type="text"].fsRequired,
    .fsRowBody input[type="email"].fsRequired,
    .fsRowBody input[type="number"].fsRequired,
    .fsRowBody input[type="tel"].fsRequired,
    .fsForm select.fsRequired,
    .fsForm textarea.fsRequired {
        border: 1px solid #454545;
        background-color: #333;
        color: #ccc;
    }

    .fsSignature:focus,
    .fsRowBody input[type="text"]:focus,
    .fsRowBody input[type="email"]:focus,
    .fsRowBody input[type="number"]:focus,
    .fsRowBody input[type="tel"]:focus,
    .fsForm textarea:focus,
    .fsRowBody input[type="text"].fsRequired:focus,
    .fsRowBody input[type="email"].fsRequired:focus,
    .fsRowBody input[type="number"].fsRequired:focus,
    .fsRowBody input[type="tel"].fsRequired:focus,
    .fsForm select.fsRequired:focus,
    .fsForm textarea.fsRequired:focus {
        border: 1px solid #999;
    }

    .fsBody .fsSupporting {
        font-size: 14px;
        color: #f90;
    }

    input[type="file"] {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
    }

    div[fs-field-type="file"] > label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: black;
    display: inline-block;
    }

    div[fs-field-type="file"] > label:after {
        content: "Choose a file...";
        display: block;
        padding: 5px;
        border: 1px solid #666;
        border-radius: 6px;
        width: 105px;
        margin: 8px 0;
        cursor: pointer;
    }

    div[fs-field-type="file"] > label:hover:after {
        border: 1px solid #f90;
        background-color: #454545;
    }

    div[fs-field-type="file"] > label,
    div[fs-field-type="file"] > label:hover {
        background-color: transparent;
    }
}