/* Built-in converters (Fuel weight converter, Speed converter) */
.fuel-tool{text-align:left;width:min(100%,820px)}
.fuel-tool>.eyebrow,.fuel-tool>h1{text-align:center}
.fuel-tool>p{text-align:center;margin-bottom:8px!important;font-size:14px}
.fuel-block{margin-top:30px}
.fuel-block h2{margin:0 0 14px;text-align:center;font-size:17px;font-weight:600;letter-spacing:.06em;color:var(--cyan)}
.fuel-label{display:block;margin:14px 0 6px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#e6eef2}
.fuel-input{display:flex;align-items:stretch;height:40px;border:1px solid #33546a;border-radius:6px;overflow:hidden;background:#081a2a;transition:border-color .15s,box-shadow .15s}
.fuel-input:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(39,191,208,.18)}
.fuel-input input{flex:1;min-width:0;border:0;background:transparent;color:#f2f7fa;text-align:center;font:inherit;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;outline:0;-moz-appearance:textfield;appearance:textfield}
.fuel-input input::-webkit-outer-spin-button,.fuel-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.fuel-input input::placeholder{color:#7d93a3;font-weight:400;font-size:12px;letter-spacing:.06em}
.fuel-step{flex:none;width:42px;border:0;color:#fff;font-size:18px;font-weight:700;cursor:pointer;line-height:1;transition:filter .15s}
.fuel-step.down{background:#d9534f}
.fuel-step.up{background:#5cb85c}
.fuel-step:hover{filter:brightness(1.1)}.fuel-step:active{filter:brightness(.9)}
.fuel-step:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.fuel-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;font-size:12px;color:var(--muted)}
.fuel-clear{border:1px solid var(--line);background:transparent;color:#d6e2e8;border-radius:8px;padding:8px 14px;font:inherit;font-size:12.5px;cursor:pointer}
.fuel-clear:hover{border-color:var(--cyan);color:#fff}
@media(max-width:650px){.fuel-tool{padding:24px 16px}.fuel-step{width:46px}}