.page{overflow-x:hidden}.container{max-width:100vw;overflow:hidden}.inputShell{background:#fff;border:3px solid #000;border-radius:16px;align-items:center;max-width:100%;height:clamp(50px,8.2vw,60px);padding:0 14px;font-family:Comic Relief,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;position:relative;box-shadow:0 3px #000}.inputShell--narrow{width:clamp(100px,30vw,150px)}.inputShell input{letter-spacing:.3px;background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:clamp(20px,5vw,24px)}.inputShell input::placeholder{color:#7a7a7a;letter-spacing:3px}.unit{white-space:nowrap;font-family:inherit;font-size:clamp(20px,5vw,24px);font-weight:800;position:absolute;right:14px}.unit-switch-container{justify-content:center;margin-top:8px;margin-bottom:24px;display:flex}.unit-switch{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:3px solid #000;border-radius:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px #000}.unit-option{z-index:2;text-align:center;width:60px;padding:6px 16px;font-family:inherit;font-size:16px;font-weight:800;transition:color .3s}.unit-option.active{color:#fff}.switch-slider{z-index:1;background:#000;width:50%;transition:transform .3s;position:absolute;top:0;bottom:0;left:0}.heightContent,.heightContent--error{margin-top:-24px}.heightError{color:red;text-align:center;margin:0 0 12px}.heightHeading{margin:0}