#pace {width: 100%;text-align: left;font-family: sans-serif;}
#form-input { padding: 15px; }
#pace h3 {margin-top: 0px; padding: 10px;margin-bottom: 15px;}
#pace #pace-form { background: #eeeeee; padding:10px;}
#pace #pace-form h4 { display: block; margin: 0; padding:0; width:100%;}
#pace input, textarea {
    outline-width: 0;
    border: 1px solid #ddd;
    padding: 5px;
    background:canvas;
    height: 40px;
    font-size: 16px;
    max-width: 140px;
}
#pace input:not(select) {
    color: #111;
}

#pace .input-field { position:relative; line-height: 1em; }
#pace .input-field .field-label { position: absolute; top:1px; right: 0.3em; margin: 0.7rem 0.4rem 0.7rem 0;color:#999; font-size:12px;}

#pace-form input::-webkit-outer-spin-button,#pace-form input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
#pace-form input[type=number] {-moz-appearance:textfield;}
#pace span {vertical-align:middle; margin:0.5em 10px;}

#pace #distance-section, #pace #time-section, #pace #pace-section {display: flex;line-height: 26px;padding-top: 0px;padding-bottom: 5px;margin-bottom: 5px;}
#pace input[type="radio"] {display: inline-block;margin: 0 5px;vertical-align: text-bottom;}
#pace button[type="submit"], #pace button[type="button"] {width: 120px;padding: 10px;border: none;border-radius: 4px;font-size: 14px;cursor: pointer;}
#pace #test-again {padding: 10px;border: none;border-radius: 4px;font-size: 14px;cursor: pointer;display: inline-block;margin: 5px 0px;text-decoration: none;}
#pace canvas {user-select: none;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}