@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0ee55_hj9qcer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0.qu-9752pffj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0mao5jbfbduzp.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0uzt.a6d44yda.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0mvwgmnhv29no.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.09zddjkbdep5a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--max-width:1920px;--font-mono:ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;--colour-primary:#f7f7f7;--colour-secondary:#dde8fa;--colour-highlight:#0000f003;--colour-text-default:#000;--font-size-small:.8rem;--font-size-normal:1rem;--font-size-medium:1.2rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--colour-primary);max-width:100vw;min-height:600px}body>div{min-height:80vh}header{justify-content:space-between;align-items:center;min-width:100%;height:50px;margin-left:auto;margin-right:auto;padding-left:-2rem;display:flex}.colour-highlight{color:var(--colour-highlight)}.colour-primary{color:var(--colour-primary)}.colour-secondary{color:var(--colour-secondary)}.button-highlight{color:var(--colour-text-default);background-color:#00000040;font-weight:700;text-decoration:underline}.button-secondary{color:var(--colour-text-default);background-color:var(--colour-primary)}.container-box-shadow{border-radius:18px;padding:1rem;box-shadow:1px 2px 6px #00000040}.li--no-bullet{list-style-type:none}.main-container{background:var(--colour-primary);border-radius:18px;flex-direction:column;place-content:space-between;min-width:80vw;max-width:80rem;min-height:90vh;margin:0 auto;padding:2rem;display:flex}#top-nav{justify-content:space-around;max-width:80%;max-height:2rem;display:flex}#top-nav>ul{align-self:center;gap:2rem;display:flex}#top-nav>ul>li{font-size:var(--font-size-medium)}main{flex-direction:row;gap:2rem;min-width:100%;min-height:100%;margin:2rem auto 0;padding-bottom:2rem;display:flex}footer{justify-content:center;align-items:flex-end;min-width:100%;margin:0 auto;padding:1rem;display:flex}button{font-size:var(--font-size-small);cursor:pointer;border:none;padding:.5rem .8rem;font-weight:400}button:hover,button:focus{background-color:#00000040;text-decoration:underline}.logo-container{justify-content:space-between;align-items:center;display:flex}.logo-container>span{font-size:var(--font-size-medium);padding:.5rem}.side-nav{text-align:center;background-color:var(--colour-highlight);border-radius:40px;flex-basis:15%;max-width:8rem;min-height:35rem;padding-top:2rem;box-shadow:1px 2px 6px #00000040}.side-nav>nav{max-width:15ch;min-height:5rem;margin:0 auto}.side-nav>nav>ul{flex-direction:column;gap:2rem;display:flex}.side-nav>nav>ul>li{cursor:not-allowed;border-radius:20px;max-width:100%;padding:.5rem 1rem;font-size:1.4rem}.side-nav>nav>ul>li:hover{background-color:#00000040}.side-nav>nav>ul>li>img{height:2rem}.container{width:100%}#graphs{margin-top:20px}.device-card{color:#000;cursor:pointer;text-align:center;background-color:#f7f7f7;border-radius:20px;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(4,1fr);justify-content:space-between;min-width:13rem;max-width:20rem;height:9rem;padding:1rem 1.8rem;display:grid;box-shadow:1px 2px 6px #00000040}.device-card:active,.device-card:hover,.device-card-active{background-color:#00000040}.device-card>span{white-space:nowrap;text-overflow:ellipsis;height:2rem;display:inline-block;overflow:hidden}.device-card__description{text-transform:uppercase;grid-area:1/1/auto/span 4;line-height:2rem}.device-card__measurement-icon{grid-column:1;width:1.4rem;height:1.8rem;padding:0;line-height:1.8rem}.device-card__measurement-abbreviation{align-self:center;width:1rem;padding:.1rem;font-size:.8rem}.device-card__measurement{grid-column:2/span 2;font-size:1.4rem;font-weight:700;line-height:1.8rem}.device-card__timestamp{grid-area:5/1/auto/span 4}.battery-container{flex-direction:column;grid-area:1/4/span 5;align-self:center;padding:0;display:flex}.battery{opacity:1;border:2px solid #333;border-radius:4px;align-self:flex-end;width:18px;height:28px;margin:0;position:relative}.battery:before{content:"";background:#000;border-radius:4px 4px 0 0;height:3px;display:block;position:absolute;top:-4px;left:3px;width:8px!important}.battery-level{background:#30b455;height:10%;position:absolute;bottom:0;left:0;right:0}.battery-level__text{font-size:.7em;position:absolute;bottom:0;right:20px}.burger-menu{flex-direction:column;display:flex}.burger-line{background-color:#000;border-radius:25px;width:20px;height:4px;margin-bottom:4px}#main-content{flex-wrap:nowrap;justify-content:flex-start;gap:3ch;max-width:64rem;display:flex}.data-range-selection-container{justify-content:end;display:flex}.data-range-selection{border-radius:.5rem;gap:.3rem;box-shadow:1px 1px 3px #00000040}.data-range-selection :first-child,.data-range-selection :first-child:focus{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.data-range-selection :last-child,.data-range-selection :last-child:focus{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.box-shadow-bottom{border-radius:13px;padding:2rem 1rem;box-shadow:0 2px 4px -1px #0003}@media screen and (max-width:640px){.side-nav,#top-nav>ul,header{display:none}.device-card{min-width:100vw}#main-container{padding:0}#main-content{flex-wrap:wrap;gap:1ch}}