@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);html{box-sizing:border-box;scroll-behavior:smooth;font-size:62.5%}*,*:before,*:after{box-sizing:inherit;user-select:none;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}}body{font-size:1.6rem;color:var(--clr-text);background-color:var(--clr-bg)}html,body{width:100%;height:100%}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:400}a{color:inherit;text-decoration:none}ol,ul{list-style:none}input,button{background:#fff0;border:none;outline:none;border-radius:4px;color:inherit}img{max-width:100%;height:auto}:root{--clr-blue:#0781b1;--clr-green:#07b165;--clr-red:#ca3a3a}html[data-theme="dark"]{--clr-bg:#151921;--clr-surface:#1e232f}notify-stack{position:fixed;top:20px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:10px;z-index:1000}notification{position:relative;padding:12px 16px;border-radius:5px;color:#fff;font-size:14px;min-width:250px;max-width:85%;display:flex;align-items:center;justify-content:space-between;transition:opacity 0.3s ease-in-out,transform 0.3s ease-in-out;opacity:0;transform:translateY(20px);animation:fadeInUp 0.3s forwards}notification.inform{background-color:#007bff}notification.warn{background-color:#ffc107;color:#000}notification.error{background-color:#dc3545}notification.success{background-color:#28a745}notification .close-btn{margin-left:10px;cursor:pointer;font-size:18px}@keyframes fadeInUp{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:icons;src:url(./assets/fonts/icons.ttf?ts09vx) format("truetype"),url(./assets/fonts/icons.woff?ts09vx) format("woff");font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:icons!important;font-size:24px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-config:before{content:"\e900"}.icon-drop-fh:before{content:"\e902"}.icon-drop-fl:before{content:"\e903"}.icon-drop-fm:before{content:"\e904"}.icon-guide:before{content:"\e905"}.icon-info:before{content:"\e908"}.icon-moon:before{content:"\e910"}.icon-pipe:before{content:"\e911"}.icon-play:before{content:"\e912";color:var(--clr-green)}.icon-stop:before{content:"\e913";color:var(--clr-red)}.icon-sun:before{content:"\e914"}.icon-thermo-fh:before{content:"\e915"}.icon-thermo-fl:before{content:"\e916"}.icon-thermo-fm:before{content:"\e917"}.icon-timer:before{content:"\e918"}.icon-tree:before{content:"\e919"}.icon-wave-fh:before{content:"\e920"}.icon-wave-fl:before{content:"\e921"}.icon-wave-fm:before{content:"\e922"}.icon-controls:before{content:"\e923"}.dg{border:1px solid red}html,body{scroll-behavior:smooth;width:100%;height:100%}body{background-color:var(--clr-bg);font-family:"Poppins",sans-serif;color:#fff}app{height:100dvh;width:100dvw;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}app>header{padding:1.6rem 2.4rem;background:var(--clr-surface);display:flex;justify-content:space-between}app>header>span{font-weight:600;font-size:2rem}app>header wrapper>*{margin-left:1.2rem;transition:transform 0.2s ease;cursor:pointer}app>header wrapper>*:hover{animation:float 1s ease infinite forwards}app>header wrapper>*:active{transform:scale(.9);animation:none}app>main{overflow-y:scroll;margin:1.6rem 0;padding:0 1.6rem}section{border:2px solid rgb(255 255 255 / .05);border-radius:6px;margin-top:1.6rem}section:first-child{margin-top:0}section header{position:relative;display:flex;align-items:center;padding:.8rem;background-color:rgb(255 255 255 / .05);font-weight:600;justify-content:center;gap:.8rem}section header .abs{position:absolute;top:50%;transform:translateY(-50%);right:1.2rem}section content{display:flex;flex-direction:column;gap:1.2rem;padding:1.2rem .8rem}app>footer{padding:.8rem 0;text-align:center;background:var(--clr-surface)}sensor-card{background:var(--clr-surface);padding:1.2rem;display:flex;gap:1.2rem;align-items:center;width:100%}icon-box{padding:1.2rem 1.6rem;background:var(--clr-bg);border-radius:6px}icon-box>i{font-size:3.2rem!important;transition:color 0.5s ease}sensor-card p:has(val){font-size:1.8rem;font-weight:600;letter-spacing:.1ch}val{font-size:2rem}progress-bar{background:rgb(255 255 255 / .05);display:block;height:6px;border-radius:6px;width:100%;margin-top:.8rem;overflow:hidden}progress-bar>thumb{display:block;height:100%;width:75%;transition:width 1s ease;background-color:var(--clr-red)}.ca,.ca>i{font-size:1.4rem;color:var(--clr-green);font-weight:700;cursor:pointer}.ca>i{font-size:1.6rem}.ca:active,.ca:active>i{transform:translateY(-50%) scale(.9)}config-card{background:var(--clr-surface);padding:1.2rem;display:flex;flex-direction:column}config-card>wrapper{display:flex;padding:.4rem 1.2rem;gap:.4rem;align-items:center;justify-content:center}config-card>wrapper>opt{font-size:1.4rem;padding:.4rem .8rem;width:100%;text-align:center;text-transform:capitalize;border-radius:4px;background:rgb(0 0 0 / .4);transition:background 0.2s ease;cursor:pointer}config-card>wrapper>opt[disabled="disabled"]{background:rgb(255 255 255 / .08);color:rgb(255 255 255 / .65);pointer-events:none}config-card>wrapper>opt.active{color:var(--clr-green);background:color-mix(in srgb,var(--clr-green),transparent 80%);font-weight:600}@keyframes float{25%{transform:translateY(-.2rem)}50%{transform:translateY(.2rem)}100%{transform:translateY(0rem)}}@keyframes loading{to{transform:rotate(1turn)}}overlay{position:fixed;top:0;left:0;width:100%;height:calc(100% - 6.2rem - 4.1rem);margin-top:6.2rem;background:rgb(0 0 0 / .4);justify-content:center;align-items:center;z-index:998;backdrop-filter:blur(4px);display:none}.l{color:var(--clr-blue)}.m{color:var(--clr-green)}.h{color:var(--clr-red)}.bl{background:var(--clr-blue)}.bm{background:var(--clr-green)}.bh{background:var(--clr-red)}pump-toggle:after{content:"";width:1.6rem;height:1.6rem;border:3px solid rgb(255 255 255 / .05);border-top-color:var(--clr-blue);border-radius:.8rem;display:none;animation:loading 1s ease infinite}pump-toggle[data-loading="yes"]{pointer-events:none}pump-toggle[data-loading="yes"] i{display:none}pump-toggle[data-loading="yes"]::after{display:block}