button,.button,input[type=submit]{display:inline-block;font-size:1em;font-family:var(--font-stack);font-weight:var(--font-weight-bold);background-color:var(--color-primary);color:var(--color-background);border:.2rem solid var(--color-secondary);border-radius:var(--border-radius);cursor:pointer;text-decoration:none;text-align:center;padding:.4em .8em;min-height:1.2em;outline:0;box-shadow:var(--color-secondary)0 .4rem 0 .1rem;transition:box-shadow 150ms ease-out}button:hover,.button:hover,input[type=submit]:hover{box-shadow:var(--color-secondary)0 .4rem 0 .1rem}button:active,.button:active,input[type=submit]:active{box-shadow:var(--color-secondary)0 -.2rem 0 .1rem;transform:translateY(.6rem)}input,textarea,select{font-family:var(--font-stack);background-color:var(--color-background);color:var(--color-body);border:.1rem solid var(--color-panel);box-shadow:none;padding:1rem;width:100%;font-size:2rem}*:focus{outline:none}input:focus,textarea:focus,select:focus{border-color:var(--color-primary)}abbr[title=required]{color:var(--color-red);text-decoration:none}.input-error>label{color:var(--color-red)}.input-error>input,.input-error>select,.input-error>textarea,.border-red{border-color:var(--color-red)}.form-row{position:relative;display:flex;justify-content:space-between;align-items:center;margin:.5rem}.form-row>label{min-width:12rem;text-align:right;line-height:2rem;margin-right:.75rem}.form-row>*{margin:.75rem 0 .75rem .5rem}.tag{background-color:var(--color-red);display:none;position:absolute;right:1rem;top:-.6rem;padding:.1rem .8rem}.form-row.show-tag .tag{display:block}textarea{min-height:50rem;background:#000;color:#ddd3e5;font-family:Consolas,andale mono wt,andale mono,lucida console,lucida sans typewriter,dejavu sans mono,Monaco,courier new,Courier,monospace}input[type=checkbox],input[type=radio]{display:none}input[type=checkbox]+label,input[type=radio]+label{display:inline-flex;align-items:center;position:relative;padding-left:2.4rem;margin-right:1rem;cursor:pointer;user-select:none}input[type=checkbox]+label>svg,input[type=radio]+label>svg{width:3.2rem;height:3.2rem;margin:0 1rem 0 -1rem}input[type=checkbox]+label>.on,input[type=radio]+label>.on{display:none}input[type=checkbox]:checked+label>.off,input[type=radio]:checked+label>.off{display:none}input[type=checkbox]:checked+label>.on,input[type=radio]:checked+label>.on{display:block}*:checked+.button{color:var(--color-secondary)}#q.correct *:checked+.button{box-shadow:var(--color-body)0 .6rem 0 .1rem;transform:translateY(-.4rem)}#q.wrong *:checked+.button{border-color:var(--color-error)}