:root{--buttoncolor:#724bb7;--themecolor:#724bb7;--standardgrey:#dedede;--standardgreen:#28a745;--standardred:#dc3545;--font-family:"Open Sans"}body,html{height:100%}body{padding:0;margin:0;font-family:var(--font-family)}app-root{min-height:100%;position:relative}app-root,app-track,app-user-startpage{display:block}@media (min-width: 500px){app-root{display:flex;align-items:stretch}app-track,app-user-startpage{display:flex;flex-grow:1}}app-user-challenges{flex-grow:1}button{border:1px solid #dcdcdc;font-size:.9em;border-radius:1em;height:2em;padding:0 10px;background-color:#fff;cursor:pointer}button:active{color:#fff;background-color:var(--themecolor)}button:disabled,button[disabled=disabled]{color:#dcdcdc}textarea{font-family:var(--font-family)}.dialogbox{position:absolute;left:0;right:0;top:0;width:100%;height:100%;background-color:#fff;box-sizing:border-box;padding:20px}@media (min-width: 500px){.dialogbox{position:fixed;max-width:680px;min-width:240px;max-height:600px;min-height:240px;height:auto;border-radius:8px;box-shadow:0 0 25px #0000001a;top:20vh;margin-left:auto;margin-right:auto}}.dialogbox h2{padding:0 0 20px;font-size:1em;font-weight:700;margin:0}.dialogbox .closebutton{position:absolute;top:20px;right:20px;cursor:pointer;z-index:20}.dialogbox .buttons{margin-top:20px;display:flex;align-items:center}.dialogbox .buttons .prev{flex-grow:1}.dialogbox .buttons .prev a,.dialogbox .buttons .prev a:link,.dialogbox .buttons .prev a:visited{color:#000;text-decoration:none;cursor:pointer}.dialogbox .buttons .prev a:hover{color:var(--buttoncolor);text-decoration:none;cursor:pointer}.dialogbox .buttons .prev a:active{color:#fff;background-color:var(--buttoncolor);cursor:pointer}.dialogbox .buttons .next{text-align:right}.dialogbox button{font-size:1em}