html{box-sizing:border-box;-moz-box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;-moz-box-sizing:inherit}body{display:flex;flex-direction:column;height:100%;min-height:100vh;color:#434a54;font-family:'Roboto',sans-serif;font-size:16px;background-color:#fff}a{color:#37bc9b;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;padding:30px}.Logo{margin:0;font-size:36px;font-weight:300;letter-spacing:-1px}.Logo a{color:#48cfad;text-decoration:none;text-shadow:0 1px 1px rgba(0,0,0,0.05)}.Options,.Share{display:flex;justify-content:space-between;align-items:center}.Options{margin:0 40px}.Options__container{position:relative;display:flex;flex-wrap:wrap;margin-right:30px;padding:15px 20px;border:1px #f5f5f5 solid;border-radius:3px}.Options__title{position:absolute;left:12px;top:-16px;padding:6px;line-height:1;background-color:#fff}.Options label{position:relative;display:flex;flex:1 1 50%;align-items:center;margin:2px 0;font-size:14px;cursor:pointer}.Options label.radio input:checked+span:after{border-radius:50%}.Options label.radio span:before{border-radius:50%}.Options label input{width:24px;visibility:hidden}.Options label input:checked+span:after{content:'';position: absolute;left: 3px;top: 44%;width: 12px;height: 12px;margin-top: -6px;background-image: linear-gradient(180deg,#4192e7,#2b78c9);}.Options label span:before{content:'';position:absolute;left:0;top:50%;width:18px;height:18px;margin-top:-10px;background-color:#434a54;border-radius:3px}.Options label small{display:inline-block;width:14px;height:14px;color:#fff;line-height:14px;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,0.2);background-color:#ccc;border-radius:50%}.Options button{padding:12px 20px;color:#fff;font-size:1em;font-weight:300;line-height:1;text-shadow:0 1px 0 rgba(0,0,0,0.1);background-color:#4192E7;border:0;border-radius:4px;cursor:pointer}.addthis_toolbox{margin-top:2px}.addthis_toolbox a{margin-bottom:0 !important}.Donation{margin-left:20px}main{display:flex;flex:1 auto;padding:30px 15px;background:#fafafa}.Input,.Output{width:50%;padding:0 15px}.Input label,.Output label{display:block;margin-bottom:8px;font-size:18px;font-weight:500;line-height:1}textarea{flex:1 auto}.CodeMirror{font-size:.8em;border:1px #eee solid}footer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0;font-size:13px}footer p{margin:0}.tooltip{position:relative}.tooltip:before,.tooltip:after{position:absolute;visibility:hidden;opacity:0;transition:all .3s ease-in-out 0}.tooltip:before{content:"";top:10px;left:4px;z-index:99;border:solid;border-width:0 6px 6px 6px;border-color:rgba(0,0,0,0.8) transparent}.tooltip:after{content:attr(data-title);left:0;top:16px;z-index:98;width:350px;padding:8px 10px;color:#fff;font-size:.9em;background:rgba(0,0,0,0.8);border-radius:3px}.tooltip:hover:before,.tooltip:hover:after{position:absolute;visibility:visible;opacity:1}.tooltip:hover:before{top:20px}.tooltip:hover:after{top:26px}