@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}html{font-size:15px;touch-action:manipulation}body{background-color:#22222a;color:#fff;font-family:monospace;overflow:hidden;font-size:1rem;font-weight:200}a{color:inherit;text-decoration:none;touch-action:manipulation;-ms-touch-action:manipulation}h1{font-size:1.5rem}img,video,svg,iframe{display:block;height:auto;width:100%}#app{height:100vh;width:100vw;overflow:hidden}.card{display:block;background-color:#ffffff1a;padding:1.5rem;border-radius:10px;position:relative}.card .card-header,.card .card-body{padding:.5em}.btns{display:flex;flex-wrap:wrap;gap:.8rem .8rem;align-items:start}.btn,.passgate .num{display:inline-block;padding:.5em 1.5em;border-radius:10px;cursor:pointer;transition:all 70ms ease-out;touch-action:manipulation;-ms-touch-action:manipulation;background-color:#ffffff1a}.btn:hover,.passgate .num:hover{background-color:#ffffff26}.btn:active,.passgate .num:active{background-color:#fff3;transform:scale(.95)}.btn.--s,.passgate .--s.num{font-size:.8rem}.btn.--l,.passgate .--l.num{font-size:1.2rem}.btn.--xl,.passgate .--xl.num{font-size:1.6rem}.btn.-active,.passgate .-active.num{opacity:.5}.ltxt{font-size:2em}.txtlink{cursor:pointer;opacity:.2;touch-action:manipulation;-ms-touch-action:manipulation}.txtlink:hover{opacity:1}.txtlink:active{opacity:.7}div[class*=grid-]{display:grid;gap:1.5rem;align-items:start}.grid-11{grid-template-columns:1fr 1fr}.grid-111{grid-template-columns:1fr 1fr 1fr}.grid-1111{grid-template-columns:1fr 1fr 1fr 1fr}.grid-21{grid-template-columns:2fr 1fr}.grid-211{grid-template-columns:2fr 1fr 1fr}.grid-112{grid-template-columns:1fr 1fr 2fr}.grid-223{grid-template-columns:2fr 2fr 3fr}.align-c{text-align:center}.align-r{text-align:right}.hide{display:none}.semi{opacity:.5}.spaced{display:grid;gap:1.5rem 1.5rem;align-items:top}.spaced-top{margin-top:1.5rem}.spaced-bottom{margin-bottom:1.5rem}.spacer{height:1.5rem}.icon{display:inline-block;background-color:#ffffff1a;padding:.5em}.input-styled{width:100%;display:block;font-family:monospace;font-size:1rem;background-color:#0006;color:#fff;border:none;outline:none;padding:.8em 1em;border-radius:10px}.input-styled:focus{background-color:#0009}.field .label{font-size:.9em;margin-bottom:.8em;opacity:.3}.view{min-height:calc(100vh + -0px);height:calc(100vh + -0px);overflow-y:auto;position:relative;padding:1.5rem;animation:a1231 .15s ease-out}@keyframes a1231{0%{opacity:0;transform:scale(.95)}}.bigbtns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 1.5rem}.bigbtn{background-color:#ffffff1a;padding:6rem 3rem;cursor:pointer;border-radius:10px;transition:all 70ms ease-out;touch-action:manipulation;-ms-touch-action:manipulation}.bigbtn:hover{background-color:#ffffff26}.bigbtn:active{background-color:#fff3;transform:scale(.95)}.loading{padding:1.5rem}.tab-btns{display:flex;box-shadow:inset 0 -2px #fff3}.tab-btns .tab-btn{padding:1em 1.5em;cursor:pointer;touch-action:manipulation;-ms-touch-action:manipulation}.tab-btns .tab-btn:hover{background-color:#ffffff1a}.tab-btns .tab-btn:active{background-color:#fff3}.tab-btns .tab-btn.--active{box-shadow:inset 0 -2px #fff}.navbar{position:absolute;bottom:0;left:0;width:100%;height:0px;line-height:0px;background-color:#222229;z-index:445;display:flex;align-items:center;justify-items:center;box-shadow:0 -5px 20px #0000001a;opacity:0;pointer-events:none}.navbar>a{display:block;width:100%;text-decoration:none;text-align:center}.navbar>a:hover{background-color:#ffffff1a}.navbar>a:active{background-color:#fff3}.navbar>a.router-link-active{background-color:#ffffff1a;pointer-events:none}.toasts{position:fixed;top:1.5rem;right:1.5rem;display:grid;gap:.75rem;justify-items:end;pointer-events:none}.toasts .toast{padding:.75rem 1.5rem;border-radius:10px;background-color:#fff;color:#000;max-width:min(250px,50vw);animation:a23213 .3s ease-out}.toasts .toast.--error{background-color:salmon;color:#000}@keyframes a23213{0%{opacity:0;transform:translate(15px)}}.passgate{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;height:300px;width:300px;margin:0 auto;margin-top:calc(50vh - 200px)}.passgate .num{text-align:center;display:grid;align-items:center}.spinner{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0000004d;z-index:475;animation:a12312 .2s ease-out}@keyframes a12312{0%{opacity:0}}.spinner div{height:40px;width:40px;border-radius:999px;border:2px solid rgba(255,255,255,.2);border-right-color:#fff;position:absolute;top:50%;left:50%;margin-left:-20px;margin-top:-20px;animation:a826 .5s infinite linear}@keyframes a826{to{transform:rotate(360deg)}}.chart{position:relative;overflow-x:auto}.chart .highchart-container{aspect-ratio:2/1;-ms-overflow-style:none;scrollbar-width:none}.chart .highchart-container ::-webkit-scrollbar{display:none}.bodyweight-chart .highchart-container{aspect-ratio:3/1}.logslist{margin-top:1.5em}.logslist .entry{display:grid;grid-template-columns:1.5fr 2fr 2fr 1fr;width:100%;align-items:center;padding:.3em 0}.logslist .entry:nth-child(odd){background-color:#0003}.logslist .entry>*{padding:0 .5em;display:block}.logslist .entry>*:nth-child(1){padding-left:1.5em}.logslist .entry>*:nth-child(2){justify-self:center}.logslist .entry>*:nth-child(3){justify-self:start}.logslist .entry>*:nth-child(4){justify-self:end;padding-right:1.5em}.logslist .entry .icons{font-size:1.5em;white-space:nowrap}.logslist .entry .deletebtn{opacity:.5;cursor:pointer}.logslist .entry .deletebtn:active{opacity:1}.log-overview{gap:15px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;justify-items:center}.log-overview .c{display:grid;grid-template-columns:1fr;gap:15px;font-size:min(3.7vw,20px)}.log-overview .c .i{font-size:1.7em;margin-bottom:-.1em}.log-overview .c .a{font-size:1.2em;color:#fff;margin-bottom:.3em}.log-overview .c .a span.h:after,.log-overview .c .a span.m:after,.log-overview .c .a span.d:after{display:inline-block;opacity:.8;transform:scale(.9);transform-origin:bottom left;padding-left:.1em;padding-right:.3em}.log-overview .c .a span.d:after{content:"d"}.log-overview .c .a span.h:after{content:"t"}.log-overview .c .a span.m:after{content:"m"}.log-overview .c.warning .a{color:orange}.log-overview .c.danger .a{color:#ff5300}.log-overview .c .b{font-size:1em;color:#ffffff80}.log-overview .c .b:before{content:"\23f1\fe0e";display:inline-block;padding-right:.4em}
