@media only screen and (width<=600px){.pace,.five,.ten,.half,.full,.split,.speed{padding:.35rem 0}}@media only screen and (width<=500px){.pace,.five,.ten,.half,.full,.split,.speed{padding:.25rem 0}}.pace,.five,.ten,.half,.full,.split,.speed{-webkit-user-select:none;user-select:none;cursor:pointer;padding:.5rem 0;transition:background-color .6s,color .6s}.pace{background-color:#fff;width:100%}.five{background-color:#eee;width:100%}.ten{background-color:#fff;width:100%}.half{background-color:#eee;width:100%}.full{background-color:#fff;width:100%}.split{color:#ff1493;background-color:#eee;width:100%;font-weight:400}.speed{color:#00b4d8;background-color:#eee;width:100%;font-weight:400}.dark-row .pace,.dark-row .ten,.dark-row .full{background-color:#1a1a2e}.dark-row .five,.dark-row .half,.dark-row .split,.dark-row .speed{background-color:#16213e}.dark-row .split{color:#ff1493}.dark-row .speed{color:#00b4d8}.active{color:#000;background-color:#ffc70099;transition-duration:.3s;transition-timing-function:ease}.dark-row .active{color:#fff;background-color:#ff149366}@media only screen and (width<=600px){.pace,.five,.ten,.half,.full,.split,.speed{padding:.35rem 0}}@media only screen and (width<=500px){.pace,.five,.ten,.half,.full,.split,.speed{padding:.25rem 0}}h1{color:#e6e6e6}nav{grid-gap:.5rem;grid-template-columns:1fr 1fr;place-content:center;max-width:320px;margin:0 auto 1rem;display:grid}.scroll-container{-webkit-overflow-scrolling:touch;max-width:100vw;overflow-x:auto}.scroll-inner,.scroll-inner-extra{min-width:100%}.pace-row-wrapper{content-visibility:auto;contain-intrinsic-size:auto 35px}.row{text-align:center;color:#6c6c6c;grid-template-columns:repeat(5,1fr);font-size:1.2rem;transition:grid-template-columns .4s;display:grid}.row-6{grid-template-columns:repeat(6,1fr)}.row-7{grid-template-columns:repeat(7,1fr)}.dark-mode .row{color:silver}.top{color:#5c5c5c;background-color:#ffffffd9;align-items:center;height:3rem;font-size:1.4rem;transition:background-color .6s,color .6s;position:sticky;top:0}.top-dark{color:#e0e0e0;background-color:#1a1a2ef2}.split-header{color:#ff1493;font-weight:400}.speed-header{color:#00b4d8;font-weight:400}button{color:#8c8c8c;background:0 0;border:none;border-radius:4px;outline:none;padding:.5rem .5rem 5px;font-size:1rem;transition:background-color .4s,color .4s;box-shadow:0 2px 5px #0003}.dark-mode button{color:silver;box-shadow:0 2px 5px #0006}button:focus{outline:none}button:hover{cursor:pointer;background-color:#ffc700;transition-duration:.5s;transition-timing-function:ease}.dark-mode button:hover{color:#fff;background-color:#ff1493}@media only screen and (width<=600px){.row{font-size:.85rem}.row-6{font-size:.78rem}.row-7{font-size:.72rem}.top{height:2.5rem;font-size:1rem}nav{max-width:270px}button{padding:.4rem .3rem 4px;font-size:.85rem}}@media only screen and (width<=500px){.row,.row-6{font-size:.72rem}.row-7{font-size:.65rem}.top{height:2.2rem;font-size:.8rem}nav{grid-gap:.3rem;max-width:240px;margin-bottom:.5rem}button{padding:.35rem .2rem 3px;font-size:.75rem}}@media only screen and (width<=445px){.scroll-inner{min-width:600px}.scroll-inner-extra{min-width:660px}.row{font-size:.85rem}.row-6{grid-template-columns:repeat(6,1fr);font-size:.8rem}.row-7{grid-template-columns:repeat(7,1fr);font-size:.75rem}.top{font-size:.9rem}}.chart{background-color:#fff;height:100%;transition:background-color .6s}.chart-dark{background-color:#1a1a2e}body{margin:0;font-family:Open Sans,sans-serif;font-size:16pt}h1{text-align:center;margin:0;font-size:1.5rem;font-weight:400}.skinny{font-weight:300}.wrapper{max-width:100vw;transition:background-color .6s,color .6s;display:grid;overflow-x:hidden}.wrapper.dark-mode{color:#e0e0e0;background-color:#1a1a2e}header{background:inherit;grid-template-columns:1fr;place-items:center;height:132px;padding:.5rem 0;transition:background-color .6s;display:grid}.logo-svg{width:389px;max-width:80vw;height:auto}.logo-svg rect,.logo-svg text{transition:stroke .6s,fill .6s}.mode-tabs{z-index:100;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;display:flex;position:fixed;top:0;bottom:0;left:0}.track-mode-tab{pointer-events:auto;color:#333;writing-mode:vertical-rl;text-orientation:mixed;cursor:pointer;letter-spacing:2px;-webkit-user-select:none;user-select:none;background-color:#ffc700;border-radius:0 6px 6px 0;padding:14px 6px;font-size:.7rem;font-weight:400;transition:background-color .4s,color .4s,box-shadow .3s;box-shadow:2px 2px 8px #00000026}.track-mode-tab:hover{box-shadow:2px 2px 12px #0000004d}.track-mode-tab.active{color:#fff;background-color:#ff1493}.track-mode-label{pointer-events:none}.dreadmill-mode-tab{pointer-events:auto;color:#333;writing-mode:vertical-rl;text-orientation:mixed;cursor:pointer;letter-spacing:2px;-webkit-user-select:none;user-select:none;background-color:#ffc700;border-radius:0 6px 6px 0;padding:14px 6px;font-size:.7rem;font-weight:400;transition:background-color .4s,color .4s,box-shadow .3s;box-shadow:2px 2px 8px #00000026}.dreadmill-mode-tab:hover{box-shadow:2px 2px 12px #0000004d}.dreadmill-mode-tab.active{color:#fff;background-color:#00b4d8}.dreadmill-mode-label{pointer-events:none}.flash-overlay{color:#ff1493;z-index:200;pointer-events:none;letter-spacing:4px;justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;font-weight:700;animation:1.5s forwards flash-in-out;display:flex;position:fixed;top:0;left:0}@keyframes flash-in-out{0%{opacity:0;transform:scale(.8)}15%{opacity:1;transform:scale(1.05)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@media only screen and (width<=600px){header{height:100px;padding:.4rem 0}.logo-svg{width:280px}.track-mode-tab,.dreadmill-mode-tab{letter-spacing:1px;padding:10px 5px;font-size:.6rem}.flash-overlay{letter-spacing:2px;font-size:2rem}}@media only screen and (width<=500px){header{height:80px;padding:.3rem 0}.logo-svg{width:220px}.track-mode-tab,.dreadmill-mode-tab{letter-spacing:1px;padding:8px 4px;font-size:.55rem}.flash-overlay{letter-spacing:1px;font-size:1.5rem}}@media only screen and (width<=360px){.mode-tabs{gap:8px}.track-mode-tab,.dreadmill-mode-tab{letter-spacing:0;border-radius:0 4px 4px 0;padding:6px 3px;font-size:.45rem;box-shadow:1px 1px 4px #00000026}}.menu-icon{padding:0 0 0 1rem;font-size:2rem}
