:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;--color--success-accent: #16CA43;--color--warning-accent: #DDBC18;--color--info-accent: #A8BDF0;--color--error-accent: #EC516A;--color--success: #E3FCEC;--color--warning: #FAF2D1;--color--info: #D3DEF7;--color--error: #FCD9E5;--color--bg-primary: #F3F3F6;--color--neutral700: #FFFFFF;--color--neutral600: #EAEAEB;--color--neutral500: #D5D5D7;--color--neutral400: #C0C0C3;--color--neutral300: #6D6D73;--color--neutral200: #3C3C3F;--color--neutral100: #141415;--color--accent-primary: #6380EE;--color--accent-primary-hover: #99AEFF;--color--accent-primary-focus: #1841DC;--type--head-h1: 3rem;--type--head-h2: 2.5rem;--type--head-h3: 2rem;--type--head-h4: 1.5rem;--type--body-lg: 1.25rem;--type--body-accent: 1rem;--type--body: 1rem;--type--body-sm: .88rem;--type--label-lg: .75rem;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;border:0;box-sizing:border-box;scroll-behavior:smooth}header,main{padding:0 2.5rem}ul li{list-style:none}a{text-decoration:none}h1{font-size:var(--type--head-h3);color:var(--color--neutral200);font-weight:400}.d-none{display:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.nav-item{padding:.75rem 1.5rem;border-radius:99rem;font-weight:500;font-size:var(--type--body-accent);background-color:var(--color--accent-primary);color:var(--color--neutral100);transition:.2s}.nav-item:hover{background-color:var(--color--accent-primary-focus)}.nav-item:focus{background-color:var(--color--accent-primary-focus);outline:2px solid var(--color--neutral300)}.meter-card h3{font-size:var(--type--body-lg);font-weight:400;color:var(--color--neutral200)}.meter-card .meter-container{margin-top:1rem;display:flex;gap:1.5rem}.meter-card .meter-container p{font-size:var(--type--body-accent);font-weight:500;color:var(--color--neutral100)}.meter-card .meter-container span{font-size:var(--type--body-lg);font-weight:500;color:var(--color--accent-primary-focus)}.status-card-container p{font-size:var(--type--label-lg);font-weight:500;margin-bottom:.25rem;color:var(--color--neutral200)}.status-card{display:flex;align-items:center;justify-content:center;padding:.5rem 2rem;font-size:var(--type--body-accent);font-weight:500;border-radius:.5rem}.status-card-success{background-color:var(--color--success);color:var(--color--success-accent);border:solid 2px var(--color--success-accent)}.status-card-error{background-color:var(--color--error);color:var(--color--error-accent);border:solid 2px var(--color--error-accent)}.status-card-warning{background-color:var(--color--warning);color:var(--color--warning-accent);border:solid 2px var(--color--warning-accent)}.status-card-disabled{background-color:var(--color--neutral600);color:var(--color--neutral400);border:solid 2px var(--color--neutral400)}.illustration{position:relative;padding:6.5rem 0;border:black solid 2px}.meter-card{position:absolute;left:0;top:0}.illustration>.meter-card:nth-of-type(2){position:absolute;left:300px}.illustration>.meter-card:nth-of-type(3){position:absolute;left:504px}.illustration>.meter-card:nth-of-type(4){position:absolute;left:708px}.illustration>.meter-card:nth-of-type(5){position:absolute;left:1008px}#pumpG1Adm{position:absolute;left:480px;bottom:2rem}#pumpG1LowerTank{position:absolute;left:980px;bottom:2rem}#pumpLowerTank{position:absolute;left:1200px;bottom:2rem}Header section{margin-top:1rem;width:100%;display:flex;justify-content:space-between;padding:.5rem 1.5rem;border-radius:99rem;border:1px solid var(--color--neutral400)}Header section ul{display:flex;align-items:center;gap:1rem}Header section ul li{display:flex}footer{margin-top:2.5rem}footer .made-for{display:flex;align-items:center;justify-content:center;gap:.275rem;padding:.5rem;background-color:var(--color--neutral600)}footer .made-for h6{font-size:var(--type--label-lg);font-weight:400;color:var(--color--neutral300)}footer .made-for a{font-size:var(--type--label-lg);color:var(--color--neutral300);transition:.2s}footer .made-for:hover a{transform:scale(1.2);color:#8234e9;font-weight:500;text-decoration:underline}