*{margin:0;padding:0;box-sizing:border-box}html{font-size:10px}body{font-size:1.6rem}html,body{width:100%;height:100%;overflow-x:hidden}#root{width:100%;height:100%;display:flex;justify-content:start;align-items:center;flex-direction:column;gap:2rem}.sr-only{position:absolute;overflow:hidden;left:-9999px;top:auto;width:1px;height:1px}ul,li{list-style:none}button{border:none}.time{font-family:monospace}.sw__section{border:1px solid rgb(221,221,221);width:320px;padding:2rem;border-radius:1rem;display:flex;flex-direction:column;gap:1rem}.sw__display{justify-content:center;align-items:center}.sw__time{font-size:3rem}.sw__btns{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem}.sw__btn{flex:1;padding-block:1rem;border-radius:1rem;color:#333;font-weight:700;display:flex;justify-content:center;align-items:center;gap:1rem}.sw__btn kbd{color:#333;font-size:.85em;font-weight:400;font-size:1.2rem;background-color:#fff;border-radius:4px;border:1px solid lightgray;padding:2px 4px;line-height:1;white-space:nowrap}.sw__btn:hover{filter:brightness(.9)}.sw__btn--startStop.keydown,.sw__btn--lapReset.keydown{filter:brightness(.8)}.sw__lapList,.sw__dashboard{gap:1rem}.sw__lapList ul,.sw__dashboard ul{display:flex;flex-direction:column;gap:.4rem}.sw__lapList ul li{display:grid;grid-template-columns:.8fr 1fr 1fr}.sw__lapList ul li .time{text-align:right}.sw__dashboard ul li{display:flex;justify-content:space-between;align-items:center}#canvas{margin-top:2rem;width:320px}