#root{margin:0 auto;padding:1rem;width:100%}.items{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.card{padding:2em}.info{color:#888}footer .info{display:flex;justify-content:space-between}ul.options{justify-content:space-between;list-style:none}ul.options li{padding:5px}.temperature .value{display:flex;align-items:center}.founders{margin-top:2em;text-align:center}.founders img{max-height:3em}.header{display:flex;justify-content:space-between;align-items:center;max-width:100%;flex-wrap:wrap}.header h1{font-size:2.5rem;flex-shrink:1;padding:0}.header span{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-items:center}.header .logo{padding:1em;max-width:100%;max-width:14em}.toggle{cursor:pointer;display:inline-block}.toggle-switch{display:inline-block;border:3px solid var(--color-text);background:var(--color-item-bg);border-radius:18px;width:38px;height:22px;position:relative;vertical-align:middle;transition:background .25s;transition:border-color .25s}.toggle-switch:before,.toggle-switch:after{content:""}.toggle-switch:hover{border-color:var(--color-primary)}.toggle-switch:before{display:block;background:var(--color-text);border-radius:50%;width:14px;height:14px;position:absolute;top:4px;left:4px;transition:left .25s}.toggle-checkbox:checked+.toggle-switch{background:var(--color-item-bg)}.toggle-checkbox:checked+.toggle-switch:before{left:20px}.toggle-checkbox{position:absolute;visibility:hidden}.toggle-label{margin-left:5px;position:relative;top:2px}.windRose{margin-left:2em;text-align:center;font-size:1.2em;font-weight:700;color:#888}.windRose .row{width:100%;display:flex;flex-direction:row;align-items:center}.windRose .row img{width:3em!important;height:3em!important}.windRose .row span{min-width:1em}.item{padding:1.5rem;border:1px solid var(--color-item-border);background-color:var(--color-item-bg);border-radius:5px;flex-grow:1;margin:.5em;font-size:1em;max-height:100%;display:flex;flex-direction:column;justify-content:center}.item h2{margin:0}.item p{text-align:center}.item .value{padding:.5em;flex-grow:1;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:left;max-width:100%}.item .value canvas{max-height:30em;max-width:100%}.item .value b{font-weight:700;font-size:2em}.item .value img{margin:1em;width:4em}.item .value .face{margin:1em}.danger{color:red}.success{color:green}.grow{flex-grow:2}.index-0{color:#090;fill:#090}.index-1{color:#9f3;fill:#9f3}.index-2{color:#ff0;fill:#ff0}.index-3{color:#f60;fill:#f60}.index-4{color:red;fill:red}.index-5{color:#960;fill:#960}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.modal .main{position:fixed;background:var(--color-item-bg);min-width:20%;height:auto;top:40%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;border-radius:5px;padding:2em}.modal .main .modal-head{display:flex;flex-direction:row;justify-content:space-between}.modal .main h1,.modal .main h2{margin:0;display:inline-block}.modal.display-block{display:block}.modal.display-none{display:none}:root{--color-primary: #21a740;--color-primary-bg: #1b9537;--color-bg: #242424;--color-text:rgba(255, 255, 255, .87);--color-bg-up:#272727;--color-item-border: #2f2f2f;--color-item-bg: #272727;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text);background-color:var(--color-bg)}:root[theme=light]{--color-bg: rgba(255, 255, 255, .87);--color-text:rgba(0, 0, 0, .87);--color-item-bg:rgba(0,0, 0, .05);--color-item-border:lightgray}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-bg)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{color:var(--color-text);border-radius:8px;border:3px solid var(--color-text);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s;background-color:var(--color-item-bg)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:hover{border-color:var(--color-primary)}