pre.debug{margin:10px;border:1px solid rgba(0,0,0,.5);background:#0003;padding:10px;font-size:16px;line-height:1.5em;font-family:Courrier,monospace;text-align:left}html{background:#191919;color:#fafafa;font-style:normal;font-weight:400;font-size:48px;font-family:DM Mono,serif;text-align:center}html,html body{margin:0;padding:0;height:100%;min-height:100%}html .container{display:flex;justify-content:center;align-items:center;min-height:100vh}html .content{display:grid;place-content:center;width:100%}html .bold{font-style:normal;font-weight:500;font-family:DM Mono,serif}html input,html button{border:none;background:none;color:#0095ff;font-size:.75em;font-family:inherit}html button{cursor:pointer;outline:none}html button:hover,html button:focus{background:#0000004d}html input:focus{outline:none}html app-stopwatch button{font-size:.5em}html .add{border-radius:10px;padding:10px 40px}html .name{color:#fff}html .wrapper,html .timer,html .play,html .stop{outline:0}html .play,html .stop{width:5.5ch;text-align:left}html .playing .timer{color:#00ff1d}html .stop{color:#ffa200}html .delete{color:red}html .stopped{opacity:.3}html .name:focus{opacity:1;background:none}html .timer{display:flex;justify-content:center;border-radius:10px;padding:10px 20px;position:relative;top:10px;cursor:pointer;-webkit-user-select:none;user-select:none}html .wrapper:focus .timer{background:#00000080}