body{background-color:#ff0e9a;color:#5063ac;font-family:sans-serif;margin:0}h1,h2{color:#ee008a;font-weight:600}p{font-size:1.25em;line-height:150%}.logo{background-color:#ccc;display:block;height:auto;margin:0 auto;max-height:200px;max-width:800px;padding:0 2em;width:calc(100% - 4em)}.button,input{background-color:#fff;border:1px solid rgb(220.575,220.575,220.575);border-radius:.5em;color:#5063ac;cursor:pointer;font-family:inherit;font-size:1em;margin:0;padding:.5em;text-align:center;text-decoration:none}.button:not(:disabled):hover{background-color:#eee;border-color:#ccc}.button:not(:disabled):active,.button:not(:disabled):focus{background-color:#ddd;border-color:#bbb;outline:none}.content-container{background-color:#fff;margin:0 auto;max-width:800px;padding:.5em 2em 3em;width:calc(100% - 4em)}.list{border-bottom:1px solid #cccccc;padding:0}.list-item{border-top:1px solid #cccccc;list-style:none}.list-item h3{margin:0}.text-with-button{align-items:center;display:grid;grid-template-columns:1fr 100px;padding:.5em 0}.timeline{background-color:#ccc;height:1px;margin:1em 0;position:relative;width:calc(100% - 1em)}.timeline:after{background-color:#ccc;content:"";height:1px;left:100%;margin:1em 0;position:absolute;top:-1em;width:1em}.dot{background-color:#5063ac;border-radius:.5em;height:1em;margin:-.5em 0 0;position:absolute;width:1em;z-index:1}time{display:block;font-family:monospace,monospace;font-size:1em;line-height:1em;margin:.5em 0;padding:0 0 1px;text-align:center}.button-container{text-align:center;width:100%}.status{display:inline-block;margin:.5em 0;padding:1px}hr{border:none;border-top:1px solid #cccccc;margin:1em 0}.waveform-container{margin:1em 0 0;overflow:hidden;width:100%}.waveform{display:block;height:100px;pointer-events:none;width:100%}