:root{--highlight: #ffa;--border: #777;--border-light: #aaa;--border-dark: #444;--headline: #555;--background: #eee}h1{font-size:30px;margin-top:8px;margin-bottom:16px;color:var(--headline)}li{margin-bottom:8px}input[type=button]{cursor:pointer}.bigButton{padding:4px 8px;font-size:16px;background-color:var(--background);margin:1px;border:1px solid var(--border);border-radius:5px}.bigButton:hover{background-color:var(--background);margin:0;border-width:2px}.fakeLink{color:#00e;cursor:pointer;text-decoration:underline}.code{font-family:Courier New,Courier,monospace;background-color:var(--background)}.subtle{color:var(--border)}body{display:flex;font-family:Arial,FreeSans,sans-serif;margin:0;overflow-y:scroll}#centeredContainer{margin:auto;max-width:1000px;flex-grow:1}#contentContainer{position:relative;padding:16px 16px 40px}#tabButtonContainer{display:flex;justify-content:flex-start;flex-direction:row;gap:16px;margin-bottom:24px;color:var(--headline)}.tabButton{padding:8px;background-color:#fff;font-weight:700;cursor:pointer}.activeTab{border-bottom:3px solid var(--border)}#lang{z-index:8;position:absolute;top:0;right:0;padding:2px}#lang>img{width:45px;height:30px;margin:1px;border:1px solid var(--border-light);cursor:pointer}#lang>img:hover{margin:0;border:2px solid var(--border-dark)}#footer{position:fixed;left:0;bottom:0;padding:4px 24px;background-color:#fff;border-top:1px solid var(--border)}#githubLogo{position:fixed;bottom:0;right:0;margin-right:4px}.inputBox{margin-bottom:16px;width:350px;padding:4px}.outputBox{display:inline-block;height:17px;border:1px solid var(--border);margin-right:-2px}.flipButton{position:absolute;left:365px;top:50px;font-size:18px;cursor:pointer}#inputAutocomplete{width:20px;height:27px}.convertContainer{display:flex;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:20px}.convertContainer>div{position:relative}.numSelector{border:none;outline:none;width:32px}.expandable{display:inline-block;width:16px;margin-bottom:12px}.ok{color:green}.warn{color:#ff8c00}.err{font-weight:700;color:red}.statusAppear{animation-name:appear;animation-timing-function:linear;animation-duration:.5s}@keyframes appear{0%{opacity:0}to{opacity:1}}.reference{white-space:pre-wrap}.highlight{background-color:var(--highlight)}#tutorial{position:absolute;z-index:20;background-color:#fff;border:1px solid var(--border);width:600px;box-shadow:10px 10px 10px #0003}#tutorialBar{width:100%;background-color:var(--background);border-bottom:1px solid var(--border);text-align:center;height:21px;cursor:move}.tutorialSection{padding:0 12px 12px}.XButton{position:absolute;top:-1px;right:-1px}#shareLinkBox{z-index:10;position:absolute;border:1px solid var(--border);background-color:#fafafae6;padding:8px;min-width:250px}.copyEffStatic{color:green;opacity:0;padding-left:8px}.copyEffect{animation-name:flick;animation-timing-function:linear;animation-duration:1s}@keyframes flick{0%{opacity:0}15%{opacity:1}65%{opacity:1}80%{opacity:.65}to{opacity:0}}