:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0d1835;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#41c6f2;text-decoration:inherit}a:hover{color:#51a8c5}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#091025;cursor:pointer;transition:border-color .25s}button:hover{border-color:#51a8c5}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#0d1835;background-color:#fff}a:hover{color:#004cb8}button{background-color:#f9f9f9}}body,#root{margin:0;padding:0;width:100%;min-height:100vh}@media(max-width:768px){body,#root{padding-bottom:80px}}@media(max-width:480px){body,#root{padding-bottom:100px}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.tank-control-container{position:relative;display:inline-block;width:100vw;max-width:600px;min-width:100px;margin:0 auto;aspect-ratio:1}.tank-image{width:100%;height:100%;object-fit:contain;display:block;margin:0 auto}.tank_control-overlay{position:absolute;left:34.5%;top:30.5%;width:31%;height:59.3%;box-sizing:border-box;pointer-events:none;transform-origin:center}.ndlCalculator{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;box-sizing:border-box;padding:16px}@media(max-width:768px){.ndlCalculator{padding-bottom:100px}}@media(max-width:480px){.ndlCalculator{padding-bottom:120px}}.gauge-container{position:relative;width:70%;max-width:300px;aspect-ratio:1;margin:20px auto;cursor:ns-resize;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow:hidden}.gauge-base{width:100%;height:100%;object-fit:contain;display:block;margin:0 auto;position:relative;z-index:2;-webkit-user-select:none;user-select:none;pointer-events:none;WebkitUserDrag:none}.gauge-needle{position:absolute;top:50%;left:50%;transform-origin:center;width:70%;height:70%;object-fit:contain;z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;WebkitUserDrag:none}.gauge-pressure-label{position:absolute;top:68%;left:38%;transform:translate(-50%,-50%);z-index:3;font-weight:700;font-size:1.8rem;color:#fff;pointer-events:none;letter-spacing:1;text-shadow:0 1px 4px #000,0 0px 2px #000;white-space:nowrap}.component-root{width:100%;text-align:center;background-color:#0d1835;color:#ccc;aspect-ratio:1;display:flex;flex-direction:column;max-width:100vw;height:100%}.component-content{display:flex;align-items:center;justify-content:space-between;justify-items:center;flex:1;width:100%;height:100%}.component-container{position:relative;width:100%;max-width:300px;aspect-ratio:1;margin:0 auto}.component-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#ccc}@media(max-width:768px){.component-root{aspect-ratio:auto;min-height:300px}}@media(max-width:480px){.component-root{min-height:250px;padding-bottom:80px}}@media(max-width:768px){.component-root,body{padding-bottom:60px}.ndlCalculator{padding-bottom:80px}}.prevent-scroll{touch-action:none;overscroll-behavior:contain}.tank-image{width:100%;height:100%;object-fit:contain;display:block;margin:0 auto;position:relative;z-index:2;-webkit-user-select:none;user-select:none;pointer-events:none;WebkitUserDrag:none}.tank-container{width:100%;max-width:100px;aspect-ratio:1 / 3;position:relative}.tank_control-overlay{position:absolute;left:3.5%;top:30.5%;width:93%;height:59.3%;box-sizing:border-box;pointer-events:none;z-index:1}.tank-control-fill-level{width:100%;height:100%;position:relative;z-index:0}.vertical-label{position:absolute;top:58%;left:50%;transform:translate(-50%,-50%) rotate(90deg);z-index:3;font-weight:700;font-size:3rem;color:#fff;pointer-events:none;letter-spacing:1;text-shadow:0 1px 4px #000,0 0px 2px #000;white-space:nowrap}.slider-container{height:100%;display:flex;flex-direction:column;align-items:center;position:relative}.slider-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;padding:4px 8px;border-radius:4px;font-size:.9rem}.oxygen-slider-container{height:100%;display:flex;flex-direction:column;align-items:center;position:relative;margin-left:3rem}.helium-slider-container{height:100%;display:flex;flex-direction:column;align-items:center;position:relative;margin-right:3rem}.tank-control-root{width:100%;padding:2rem;text-align:center;background-color:#090909;color:#ccc;height:100%}.tank-control-content{display:flex;align-items:center;justify-content:center;gap:4rem;height:100%}@media(max-width:768px){.oxygen-slider-container,.helium-slider-container{height:200px}}@media(max-width:480px){.oxygen-slider-container,.helium-slider-container{height:150px}}.tank-info-container{width:100%;padding:2rem;background-color:#090909;color:#ccc}.tank-info-content{background-color:#000000b3;padding:1rem;border-radius:8px;text-align:left}.tank-info-root.component-root{aspect-ratio:2/1}.tank-info-content p{margin:.5rem 0;font-size:1.1rem}@media(max-width:480px){.tank-info-root.component-root{aspect-ratio:1;padding-bottom:100px}.tank-info-container{padding-bottom:100px}}@media(max-width:768px){.tank-info-container{padding-bottom:80px}}.computer-preview{width:min(100%,430px);margin:0 auto;color:#f8fafb;container-type:inline-size}.computer-strap{width:50%;height:10px;margin:0 auto;border-radius:10px 10px 0 0;background:linear-gradient(90deg,#111,#373b3c 17%,#1b1d1e 30%,#242729 70%,#373b3c 83%,#111);border:2px solid #111}.computer-strap-bottom{border-radius:0 0 10px 10px}.computer-case{position:relative;padding:8px 9px 5px;background:linear-gradient(145deg,#414546,#1a1c1e 25%,#303436 70%,#111315);border:3px solid #242728;border-radius:28px;box-shadow:inset 0 0 0 3px #393d3e,inset 0 0 0 5px #25292a,0 5px 14px #0004}.computer-brand{display:flex;align-items:baseline;justify-content:center;gap:7px;padding-bottom:6px;text-align:center;font:italic 700 10px Arial,sans-serif;color:#c0c6c8;letter-spacing:1px}.computer-brand span{font:7px Arial,sans-serif;letter-spacing:.5px;color:#9fa9ad}.computer-bezel{padding:5px;border-radius:19px;background:#039bc4;box-shadow:inset 0 2px 3px #62c7e2,0 0 0 2px #14191a}.computer-screen{padding:9px 10px 8px;border:3px solid #343a3c;border-radius:13px;background:linear-gradient(157deg,#ffffff07 40%,transparent 40%),#020506;font-family:Arial Narrow,Roboto,sans-serif;font-weight:700;font-variant-numeric:tabular-nums;text-transform:uppercase}.computer-primary{display:grid;grid-template-columns:1fr 1.15fr;padding-bottom:7px;border-bottom:1px solid #16a7d3}.computer-depth-time{min-width:0;padding-right:8px;border-right:1px solid #16a7d3}.computer-ascent{min-width:0;padding-left:8px;text-align:right}.computer-label{color:#64ceef;font-size:clamp(11px,3.4cqw,14px);line-height:1.2;white-space:nowrap}.computer-depth{font-size:clamp(34px,11cqw,47px);line-height:1.05;letter-spacing:-1.5px;white-space:nowrap}.computer-time{font-size:clamp(27px,8cqw,35px);line-height:1.1;white-space:nowrap}.computer-stop{height:clamp(36px,11.55cqw,49px);padding-top:4px;font-size:clamp(24px,7.5cqw,32px);white-space:nowrap}.computer-screen small{margin-left:1px;color:#64ceef;font-size:.6em;font-weight:inherit;letter-spacing:0;text-transform:none}.computer-stop small,.computer-time small{font-size:.4em}.computer-depth small{font-size:.35em}.computer-lower{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,2.28fr);align-items:center;gap:9px;padding-top:7px}.computer-gas{min-width:0;align-self:end;padding-bottom:1px}.computer-gas-prefix{display:block;color:#64ceef;font-size:clamp(11px,3.7cqw,15px);line-height:1}.computer-gas-name{display:block;width:fit-content;font-size:clamp(42px,14.4cqw,60px);line-height:1;letter-spacing:-2px;white-space:nowrap}.computer-gas-air{font-size:clamp(31px,10.8cqw,45px);letter-spacing:-1.5px}.computer-info{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:9px;min-width:0;min-height:clamp(50px,16.5cqw,70px)}.computer-mini{display:grid;grid-template-columns:minmax(0,1fr) max-content;grid-template-rows:repeat(3,1fr);align-items:baseline;gap:2px 3px;min-width:0;margin:0}.computer-mini-row{display:contents;white-space:nowrap}.computer-mini .computer-label{font-size:clamp(11px,3.7cqw,15px);letter-spacing:-.2px;text-align:left}.computer-mini:first-child .computer-label{text-align:right}.computer-value{margin:0;font-size:clamp(14px,4.8cqw,20px);line-height:1.15;text-align:right}.computer-on-gas{font-size:.76em;letter-spacing:-.3px}.computer-info-tissues{display:flex;flex-direction:column;justify-content:center;gap:3px}.computer-info-tissues>div{width:100%}.computer-caution{color:#ffda38}.computer-danger{color:#ff6978}.computer-buttons{display:flex;align-items:center;justify-content:space-between;gap:5px;padding-top:5px;text-transform:uppercase}.computer-buttons button{border:1px solid #6e777b;border-radius:5px;background:#252a2d;color:#e4edef;font:700 11px Arial,sans-serif;min-height:32px;padding:4px 8px;cursor:pointer;text-transform:inherit}.computer-buttons button[aria-pressed=true]{color:#60d5f7;border-color:#2abce6}.computer-buttons button:focus-visible{outline:2px solid #60d5f7;outline-offset:3px}.computer-buttons>span{font:700 9px Arial,sans-serif;color:#bbc7cb;text-align:center}@container (max-width: 310px){.computer-case{padding:7px 6px 4px;border-radius:23px}.computer-screen{padding-right:7px;padding-left:7px}.computer-lower,.computer-info{gap:6px}}