@import url("https://fonts.googleapis.com/css?family=Roboto+Mono");input[type="text"],input[type="tel"],input[type="number"],input[type="date"],input[type="email"],button,textarea{-webkit-appearance:none;appearance:none;background:transparent;font-size:14px;font-family:"Roboto Mono",monospace;display:inline-block;vertical-align:middle;line-height:1;height:36px;border-radius:2px}input[type="text"] body.touch,input[type="tel"] body.touch,input[type="number"] body.touch,input[type="date"] body.touch,input[type="email"] body.touch,button body.touch,textarea body.touch{font-size:16px}input:focus[type="text"],input:focus[type="tel"],input:focus[type="number"],input:focus[type="date"],input:focus[type="email"],button:focus,textarea:focus{outline:none;-webkit-box-shadow:0px 0px 0px 2px rgba(255,255,255,0.5);box-shadow:0px 0px 0px 2px rgba(255,255,255,0.5);color:#fff}input:focus[type="text"] ~ .svg svg,input:focus[type="tel"] ~ .svg svg,input:focus[type="number"] ~ .svg svg,input:focus[type="date"] ~ .svg svg,input:focus[type="email"] ~ .svg svg,button:focus ~ .svg svg,textarea:focus ~ .svg svg{fill:#fff}header,section>.container,.stage{max-width:1100px;margin:0 auto;padding:10px}.entries li .entry-date .week,.entries li .entry-weight .bmi,.entries li .speed{font-size:80%;opacity:0.75;letter-spacing:-0.04em}*{box-sizing:border-box;margin:0;padding:0;border:0}::-moz-selection{background:#000;color:#fff}::selection{background:#000;color:#fff}svg{display:block}button,input{color:inherit}*{font-family:"Roboto Mono",monospace}input[type="date"]{position:relative;line-height:20px}::-webkit-date-and-time-value{text-align:left}::-webkit-datetime-edit,::-webkit-clear-button,::-webkit-calendar-picker-indicator{position:absolute}::-webkit-clear-button{display:none}::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}::-webkit-calendar-picker-indicator{right:0;padding:0.539em 0.34em}html{background-color:#000}body{background-color:#000;font-family:"Roboto Mono",monospace;font-size:14px;color:#000;min-height:100vh}#root,#app{min-height:100vh;background-color:tomato}.svg{display:block}.svg svg{display:block}.sep{white-space:nowrap;display:block;overflow:hidden;clear:both;font-size:11px;line-height:2px;text-align:center;color:firebrick}header{padding-top:30px;position:relative;display:flex;flex-direction:row;justify-content:space-between}section{position:relative}button{cursor:pointer}main{padding-bottom:50px}#app.state-settings main{opacity:0.5}.button{position:relative;background:rgba(0,0,0,0.25);padding:8px 12px;letter-spacing:0.05em;cursor:pointer;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:0.1em;border:1px solid rgba(0,0,0,0.15);text-shadow:1px 1px 1px rgba(0,0,0,0.61)}@media only all and (min-width: 1024px){.button:hover{background-color:rgba(0,0,0,0.4)}}@media only all and (min-width: 0px) and (max-width: 1023px){.button.state-touchdown{background-color:rgba(0,0,0,0.4)}}.button:active{color:#ccc;background-color:rgba(0,0,0,0.75)}.logo{float:left}.logo h1{font-size:32px;letter-spacing:-0.03em;display:inline-block;position:relative;background-size:35px 35px;font-weight:400}.logo .versionBtn{height:auto;font-size:9px;padding:2px 3px;vertical-align:16px}@media only all and (min-width: 1024px){.logo .versionBtn:hover{color:tomato;background-color:#000}}@media only all and (min-width: 0px) and (max-width: 1023px){.logo .versionBtn.state-touchdown{color:tomato;background-color:#000}}.todaysDateTime{text-align:right;float:right;font-size:12px}.settingsWrapper{position:absolute;top:7px;right:7px}.settingsWrapper .settingsBtn{width:20px;height:20px;padding:1px;transition:transform 200ms}.settingsWrapper .settingsBtn:hover,#app.state-settings .settingsWrapper .settingsBtn{transform:rotate(90deg)}.settingsWrapper .settingsBgClose{display:none}#app.state-settings .settingsWrapper .settingsBgClose{display:block;position:fixed;z-index:95;top:0;left:0;width:100%;height:100%}.settingsWrapper .settingsContainer{background:#333;padding:15px 15px;color:#fff;position:absolute;z-index:100;right:0;margin-top:5px;width:150px;border-radius:2px;pointer-events:none;transition:transform 400ms cubic-bezier(0.39, 0.575, 0.565, 1),opacity 150ms;transform:scale(0) translate3d(0, 0, 0);opacity:0;transform-origin:100% 0}.settingsWrapper .settingsContainer label{display:block;font-size:10px}.settingsWrapper .settingsContainer label+label{margin-top:9px;padding-top:7px;border-top:1px solid rgba(255,255,255,0.2)}.settingsWrapper .settingsContainer .selectWrapper{position:relative;display:inline-block;border-radius:5px;margin-top:5px;overflow:hidden;border:1px solid rgba(0,0,0,0.8)}.settingsWrapper .settingsContainer .selectWrapper:focus-within{outline:none;-webkit-box-shadow:0px 0px 0px 2px rgba(255,255,255,0.5);box-shadow:0px 0px 0px 2px rgba(255,255,255,0.5)}.settingsWrapper .settingsContainer .selectWrapper select{border-radius:0;-webkit-appearance:none;padding:6px 30px 6px 7px;background:#000;color:#fff}.settingsWrapper .settingsContainer .selectWrapper:before{position:absolute;content:"▼";display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.2);border-left:1px solid rgba(255,255,255,0.5);padding-left:8px;font-size:10px;padding-right:8px;pointer-events:none;opacity:0.7;top:0px;right:0;height:100%}.settingsWrapper .settingsContainer input[type="checkbox"]{display:inline-block;vertical-align:middle;position:relative;margin-right:7px;width:19px;height:19px;-webkit-appearance:none;appearance:none}.settingsWrapper .settingsContainer input[type="checkbox"]:before{content:" ";position:absolute;width:102%;height:102%;display:flex;align-items:center;justify-content:center;border-radius:5px;background:#000;color:#fff}.settingsWrapper .settingsContainer input[type="checkbox"]:checked:before{content:"x"}.settingsWrapper .settingsContainer input[type="text"],.settingsWrapper .settingsContainer input[type="number"]{color:#fff;height:auto;padding:5px 6px;font-size:12px;background:#000;margin-top:5px;max-width:100%}#app.state-settings .settingsWrapper .settingsContainer{transition:transform 300ms, opacity 300ms;opacity:1;pointer-events:all;transform:scale(1) translate3d(0, 0, 0)}.statusBar{background:rgba(0,0,0,0.5);box-shadow:0px 1px 0px rgba(255,255,255,0.2);padding:6px;font-size:10px;text-transform:uppercase;color:#fff;text-align:center;letter-spacing:1px;position:absolute;left:5px;right:5px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;height:22px;top:-22px;transition:transform 100ms}.statusBar.state-active{transition:transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);transform:translate3d(0, 22px, 0)}.entries ul{list-style:none}.entries li{position:relative;padding:5px 0;min-height:30px;border-bottom:1px solid rgba(140,3,39,0.12)}@media only all and (min-width: 1024px){.entries li{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:flex-start}}.entries li>*{display:inline-block;vertical-align:top}@media only all and (min-width: 1024px){.entries li>*{padding-right:10px}.entries li>*:last-child{padding-right:0}}@media only all and (min-width: 0px) and (max-width: 1023px){.entries li>*{padding-right:15px}.entries li>*:last-child{padding-right:0}}.entries li>*.entry-comment{width:100%;opacity:0.8;overflow:hidden;text-overflow:ellipsis;max-height:20px;transition:max-height 250ms}.entries li>*.entry-comment:hover{max-height:500px}.entries li .svg{width:12px;display:inline-block;vertical-align:-1px;margin-right:8px}.entries li:before{content:" ";position:absolute;pointer-events:none;opacity:0;top:0px;bottom:2px;left:-5px;right:-5px;background-color:rgba(0,0,0,0.075);border:1px solid rgba(0,0,0,0.1);border-radius:2px}.entries li .entry-editButtons{display:none}.entries li:hover:before{opacity:1;top:0px;bottom:0px;left:-10px;right:-10px}html.touch .entries li:hover .entry-editButtons,.state-editmode .entries li .entry-editButtons,.entries li.state-edit .entry-editButtons{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media only all and (min-width: 0px) and (max-width: 1023px){html.touch .entries li:hover .entry-editButtons,.state-editmode .entries li .entry-editButtons,.entries li.state-edit .entry-editButtons{margin-top:10px}}.entries li .entry-type{transform:scale(1.15);line-height:15px}.entries li .entry-weight .bmi{margin-left:4px}@media only all and (min-width: 0px) and (max-width: 1023px){.entries li .entry-date,.entries li .entry-distance{width:185px}}@media only all and (min-width: 1024px){.entries li .entry-type{width:40px}.entries li .entry-date{width:160px}.entries li .entry-duration{width:80px}.entries li .entry-distance{width:185px}.entries li .entry-calories{width:70px}.entries li .entry-weight{width:160px}.entries li .entry-comment{flex:1}}.addPanelWrapper{z-index:2;top:0;background:tomato}#app.state-editingEntry .addPanelWrapper{position:-webkit-sticky}@media only all and (min-width: 0px) and (max-width: 1023px){.addPanel{white-space:nowrap;-webkit-overflow-scrolling:touch}}.addPanel:before{content:" ";position:absolute;left:0;top:0;bottom:0;right:75%;opacity:0;transition:opacity 350ms, right 250ms;background-color:#c4c596}#app.state-editingEntry .addPanel:before{right:0;opacity:1}@media only all and (min-width: 0px) and (max-width: 1023px){#app.state-editingEntry .addPanel fieldset.comment{min-width:100%;padding-right:6px}}.addPanel form{display:flex}@media only all and (min-width: 0px) and (max-width: 1023px){.addPanel form{margin-bottom:-6px;margin-right:-6px;flex-wrap:wrap;justify-content:space-between}}.addPanel fieldset{position:relative;margin-right:6px}.addPanel fieldset:first-child{margin-left:0}@media only all and (min-width: 0px) and (max-width: 1023px){.addPanel fieldset{margin-bottom:6px}}.addPanel fieldset input,.addPanel fieldset textarea{background:transparent;border:1px solid rgba(0,0,0,0.2);background:rgba(0,0,0,0.05);padding:6px 7px 7px 27px}@media only all and (min-width: 1024px){.addPanel fieldset input:hover,.addPanel fieldset textarea:hover{border:1px solid rgba(0,0,0,0.35)}}@media only all and (min-width: 0px) and (max-width: 1023px){.addPanel fieldset input.state-touchdown,.addPanel fieldset textarea.state-touchdown{border:1px solid rgba(0,0,0,0.35)}}.addPanel fieldset input:focus,.addPanel fieldset textarea:focus{border-color:transparent}.addPanel fieldset .radio{width:36px;height:36px;display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;position:relative;cursor:pointer;padding:5px;font-size:28px}@media only all and (min-width: 1024px){.addPanel fieldset .radio:hover:before{background-color:rgba(0,0,0,0.1);transform:scaleY(0.65) scaleX(0.65)}}@media only all and (min-width: 0px) and (max-width: 1023px){.addPanel fieldset .radio.state-touchdown:before{background-color:rgba(0,0,0,0.1);transform:scaleY(0.65) scaleX(0.65)}}.addPanel fieldset .radio.state-active:before{background-color:rgba(0,0,0,0.2);border-radius:2px;transform:scaleY(1) scaleX(1)}.addPanel fieldset .radio>span{position:relative;pointer-events:none}.addPanel fieldset .radio:before{content:" ";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;transition:transform 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275),background-color 250ms,border-radius 500ms;background-color:transparent;transform:scaleY(0.15) scaleX(0.48)}.addPanel fieldset .radio input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}@media only all and (min-width: 1024px){.addPanel fieldset.duration input,.addPanel fieldset.distance input,.addPanel fieldset.date input,.addPanel fieldset.calories input,.addPanel fieldset.weight input,.addPanel fieldset.comment input{width:75px}}@media only all and (min-width: 0px) and (max-width: 1023px){.addPanel fieldset.duration input,.addPanel fieldset.distance input,.addPanel fieldset.date input,.addPanel fieldset.calories input,.addPanel fieldset.weight input,.addPanel fieldset.comment input{width:100%;min-width:75px}}.addPanel fieldset.duration .svg,.addPanel fieldset.distance .svg,.addPanel fieldset.date .svg,.addPanel fieldset.calories .svg,.addPanel fieldset.weight .svg,.addPanel fieldset.comment .svg{pointer-events:none;width:13px;display:block;opacity:0.5;position:absolute;top:9px;left:8px}.addPanel fieldset.distance .svg{top:12px}@media only all and (min-width: 0px) and (max-width: 1023px){.addPanel fieldset.distance{flex:1}}.addPanel fieldset.duration .durationInHoursAndMinutes{position:absolute;top:-5px;background:tomato;left:3px;padding:0 2px;font-size:9px}#app.state-editingEntry .addPanel fieldset.duration .durationInHoursAndMinutes{background:#c4c596}.addPanel fieldset.duration .svg{top:10px}@media only all and (min-width: 0px) and (max-width: 1023px){.addPanel fieldset.duration{flex:1}}.addPanel fieldset.calories .svg{width:10px;top:10px}@media only all and (min-width: 0px) and (max-width: 1023px){.addPanel fieldset.calories{flex:1}}.addPanel fieldset.weight .svg{width:12px;top:10px}@media only all and (min-width: 0px) and (max-width: 1023px){.addPanel fieldset.weight{flex:1}}@media only all and (min-width: 0px) and (max-width: 1023px){.addPanel fieldset.date{flex:2.25}}.addPanel fieldset.date input{-webkit-appearance:none}@media only all and (min-width: 1024px){.addPanel fieldset.date input{width:150px}}@media only all and (min-width: 0px) and (max-width: 1023px){.addPanel fieldset.comment{flex:1;min-width:200px}}.addPanel fieldset.comment textarea{width:75px}@media only all and (min-width: 0px) and (max-width: 1023px){.addPanel fieldset.comment textarea{width:100%}}.addPanel fieldset.comment:focus-within:not(.state-hasInput) .autoText{display:block}@media only all and (min-width: 1024px){.addPanel fieldset.comment:focus-within,.addPanel fieldset.comment.state-hasInput{flex:1}}.addPanel fieldset.comment:focus-within textarea,.addPanel fieldset.comment.state-hasInput textarea{width:100%}@media only all and (min-width: 0px) and (max-width: 1023px){.addPanel fieldset.comment:focus-within textarea,.addPanel fieldset.comment.state-hasInput textarea{height:93px}}.addPanel fieldset.comment .autoText{display:none;position:absolute;z-index:2;width:100%;padding:5px 2px;margin-top:10px;border-radius:3px;font-size:12px;background:rgba(255,255,255,0.9)}.addPanel fieldset.comment .autoText>span{position:absolute;top:0;left:0;line-height:1;display:flex;flex-direction:column;justify-content:center;height:100%;pointer-events:none;padding-left:10px;width:100%}.addPanel fieldset.comment .autoText>span:after{content:"▾";font-size:16px;font-family:arial;position:absolute;top:6px;right:11px}.addPanel fieldset.comment .autoText select{width:100%;appearance:none;background:none;font-size:13px}@media (hover: none) and (pointer: coarse){.addPanel fieldset.comment .autoText select{font-size:16px}}.addPanel fieldset.comment .autoText:after{content:" ";position:absolute;top:-5px;left:10px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid rgba(255,255,255,0.8)}.addPanel fieldset.comment .svg{top:12px}@media only all and (min-width: 1024px){.addPanel fieldset.add{margin-right:0}}.loader{display:none;position:fixed;background:rgba(0,0,0,0);color:#fff;top:0;left:0;right:0;bottom:0}.loader.state-visible{display:block;pointer-events:none}.loader-enter{opacity:0.01;transform:rotate3d(15, 0, 0, -90deg) translate3d(0, -30px, 0) scale(0.75)}.loader-enter-active{opacity:1;transform:rotate3d(1, 0, 0, 0deg) translate3d(0px, 0, 0) scale(1);transition:all 500ms cubic-bezier(0.165, 0.84, 0.44, 1)}.loader-leave{opacity:1;transform:scale(1);transition:all 300ms cubic-bezier(0.165, 0.84, 0.44, 1)}.loader-leave-active{opacity:0.01;transform:scale(0.25)}.loader figure{position:absolute;top:50%;left:50%;border-radius:50%;width:200px;height:200px;transform:translate3d(-50%, -50%, 0);background:url("../img/loader.gif") rgba(0,0,0,0.5) center center no-repeat;background-size:50%}.loader figure:before{position:absolute;top:3px;left:3px;right:3px;bottom:3px;border-radius:50%;content:' ';border-top:2px solid rgba(255,244,168,0);border-right:2px solid rgba(255,244,168,0);border-bottom:2px solid rgba(255,244,168,0);border-left:2px solid tomato;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.versionHistory{display:none;position:fixed;background:rgba(0,0,0,0);color:#fff;top:0;left:0;right:0;bottom:0}.versionHistory.state-visible{display:flex;align-items:center;justify-content:center}.versionHistory-enter{opacity:0.01;transform:rotate3d(15, 0, 0, -90deg) translate3d(0, -30px, 0) scale(0.75)}.versionHistory-enter-active{opacity:1;transform:rotate3d(1, 0, 0, 0deg) translate3d(0px, 0, 0) scale(1);transition:all 500ms cubic-bezier(0.165, 0.84, 0.44, 1)}.versionHistory-leave{opacity:1;transform:scale(1);transition:all 300ms cubic-bezier(0.165, 0.84, 0.44, 1)}.versionHistory-leave-active{opacity:0.01;transform:scale(0.25)}.versionHistory>button{position:absolute;top:0;left:0;width:100%;height:100%}.versionHistory>article{position:relative;z-index:3;background:rgba(0,0,0,0.9);padding:30px;border-radius:3px;margin:20px;width:100%;max-width:800px;max-height:calc(90vh - 80px);overflow:scroll}.versionHistory>article>button{color:#fff;position:absolute;top:0px;width:40px;border-radius:0;height:40px;font-size:30px;right:0px;background:black}@media only all and (min-width: 1024px){.versionHistory>article>button:hover{background:#fff;color:#000}}@media only all and (min-width: 0px) and (max-width: 1023px){.versionHistory>article>button.state-touchdown{background:#fff;color:#000}}.versionHistory>article time{display:inline-block;opacity:0.6;margin-left:10px;font-size:80%}.versionHistory>article time:before{content:"➽";line-height:1;margin-right:8px;display:inline-block;vertical-align:-4px;font-size:200%}.versionHistory>article h2{display:inline-block;font-size:inherit;letter-spacing:-0.1em;font-weight:normal}.versionHistory>article dl{margin-top:5px}.versionHistory>article dl dd{list-style:none;position:relative;padding:3px 0 2px 15px;line-height:1.4}.versionHistory>article dl dd:before{position:absolute;left:0;content:'–';color:tomato}.versionHistory>article dl+*{margin-top:20px}@media only all and (min-width: 1024px){.stage{display:flex;flex-direction:row;gap:5px}}@media only all and (min-width: 0px) and (max-width: 1023px){.stage{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:5px}}@media only all and (min-width: 0px) and (max-width: 1023px) and (min-width: 700px) and (max-width: 1023px){.stage{grid-template-columns:1fr 1fr 1fr 1fr}}.stage .scene{border:1px solid rgba(0,0,0,0.1);border-radius:3px;background:rgba(0,0,0,0.55);box-shadow:0 1px 1px rgba(0,0,0,0.25) inset}@media only all and (min-width: 0px) and (max-width: 1023px){.stage .scene{padding:5px 7px}}@media only all and (min-width: 1024px){.stage .scene{display:inline-block;padding:8px 12px}}.stage .scene .label{text-transform:uppercase;font-size:11px;color:tomato}.stage .scene .number{display:block;color:#fff}@media only all and (min-width: 0px) and (max-width: 1023px){.stage .scene .number{font-size:32px}}@media only all and (min-width: 1024px){.stage .scene .number{font-size:40px}}.stage .scene .number>span{margin-left:-0.125em;margin-right:-0.125em}

/*# sourceMappingURL=style.css.map?d60bb4daf00cd895c853*/