a,article,aside,body,button,center,div,figcaption,figure,footer,h1,h2,h3,h4,h5,h6,header,html,iframe,img,input,menu,nav,p,section,span,strong,var{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,footer,header,menu,nav,section{display:block}body{line-height:1}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}button,input{color:inherit;font:inherit;line-height:inherit;text-transform:inherit}a:active,a:focus,button:active,button:focus{outline:none!important}h1,h2,h3,h4,h5,h6{margin:0}.parent{position:relative}.parent:after,.parent:before{content:"";display:table}.parent:after{clear:both}.btn,.main h2 button{border:0;outline:0;padding:0;cursor:pointer;-webkit-appearance:none;-webkit-border-radius:0}.btn svg,.calc__output,.calc__output--success{position:absolute;top:0;right:0;bottom:0;left:0}a{-webkit-transition:color .2s ease, fill .2s ease, background .2s ease;-o-transition:color .2s ease, fill .2s ease, background .2s ease;transition:color .2s ease, fill .2s ease, background .2s ease}@-webkit-keyframes success{15%{-webkit-transform:translateY(0%);transform:translateY(0%)}65%{-webkit-transform:translateY(0%);transform:translateY(0%)}80%,to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes success{15%{-webkit-transform:translateY(0%);transform:translateY(0%)}65%{-webkit-transform:translateY(0%);transform:translateY(0%)}80%,to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes successTwo{15%,to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes successTwo{15%,to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes successThree{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes successThree{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0%);transform:translateY(0%)}}.build,body,html{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#24292e}.build{position:relative;background:#24292e;padding:2em 2em 7.5em;color:#FFF;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;min-height:550px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font:400 1em/1.5625 "Share Tech Mono", monospace}a{text-decoration:none;color:inherit}button{cursor:pointer}.center{text-align:center}.parent{position:relative;width:100%}html{font-size:.5em}@media (min-width:414px){html{font-size:.65em}}@media (min-width:768px){html{font-size:.75em}}@media (min-width:1024px){html{font-size:.85em}}@media (min-width:1300px){html{font-size:1em}}.main h2{font-size:2.125em;margin:0 auto .5em}.main h2 button{background:transparent;color:rgba(255, 255, 255, 0.3);font-size:50%}.main__form{font-size:2.4em;margin:0 -.25em;text-align:center}.main__form input{max-width:9em;margin:1em 0 0}input{width:100%;padding:1em;outline:0;background:rgba(0, 0, 0, 0.2)}input[data-type=col]{text-transform:uppercase}.calc__output{top:auto;font-size:1.8em;height:3.5em;line-height:3.5;cursor:pointer;overflow:hidden;background:#111416}.calc__output>div{cursor:pointer;will-change:transform}.active .calc__output--val{-webkit-animation:successTwo 2.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1 forwards, successThree 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1 1.65s forwards;animation:successTwo 2.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1 forwards, successThree 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1 1.65s forwards}.calc__output--success{color:#00ffba;fill:#00ffba;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);background:#111416}.calc__output--success span{margin:0 .65em 0 .5em}.active .calc__output--success{-webkit-animation:success 2.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1 forwards;animation:success 2.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1 forwards}.border{overflow:hidden;border-radius:12px;border:4px solid #3b434a;-webkit-transition:border-color 0.2s ease, padding 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55), color 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55), visibility 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);-o-transition:border-color 0.2s ease, padding 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55), color 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55), visibility 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);transition:border-color 0.2s ease, padding 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55), color 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55), visibility 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55)}.main__form .border{border-width:14px;border-radius:34px}.btn{background:transparent;position:relative;width:4em;height:4em;color:#FFF;border:4px solid #3b434a;-webkit-transition:opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55), visibility 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);-o-transition:opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55), visibility 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);transition:opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55), visibility 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55)}.btn svg{margin:auto;width:2.25em;height:2.25em;fill:#424b53;-webkit-transition:fill .3s ease;-o-transition:fill .3s ease;transition:fill .3s ease}.btn:hover svg{fill:#FFF}.faves .btn{vertical-align:top;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.calc__faves--add,.calc__faves--clear,.calc__faves--import{border-top:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.closed .calc__faves--add,.closed .calc__faves--clear,.closed .calc__faves--import{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.calc__faves--add svg{width:2em;height:2em}.calc__faves--import{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}.calc__faves--clear{-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}.calc__faves--clear svg{width:1.8em;height:1.8em}.faves{position:absolute;top:0;left:0;bottom:6.35em;overflow:hidden;overflow-y:auto;display:none;white-space:nowrap;max-width:30em;padding-left:1em;padding-right:10em;-webkit-transition:max-width .3s ease, padding .3s ease;-o-transition:max-width .3s ease, padding .3s ease;transition:max-width .3s ease, padding .3s ease}.faves.closed{max-width:5em;padding-right:0}.faves.closed input{width:0;opacity:0;visibility:hidden;padding-right:0;-webkit-transition:opacity .1s ease, visibility .1s ease;-o-transition:opacity .1s ease, visibility .1s ease;transition:opacity .1s ease, visibility .1s ease}.faves.closed .calc__faves--expand svg{fill:rgba(255, 255, 255, 0.3)}.faves__itm{position:relative;margin-top:.75em}.faves>div{display:inline-block;vertical-align:top}.faves input{width:auto;height:3.425em;line-height:3.425;padding:0 1em;overflow:hidden;display:inline-block;color:#FFF;will-change:opacity;-webkit-transition:opacity .3s ease .2s, visibility .3s ease .2s;-o-transition:opacity .3s ease .2s, visibility .3s ease .2s;transition:opacity .3s ease .2s, visibility .3s ease .2s}.faves input[data-type=col]{width:6em}.faves input[data-type=var]{width:11em;background:#2d3439;padding-right:4.15em}.faves__import{font-size:inherit;font-family:inherit;line-height:1.4;-webkit-transition:opacity .3s ease .2s, visibility .3s ease .2s, -webkit-transform .3s ease .2s;transition:opacity .3s ease .2s, visibility .3s ease .2s, -webkit-transform .3s ease .2s;-o-transition:opacity .3s ease .2s, visibility .3s ease .2s, transform .3s ease .2s;transition:opacity .3s ease .2s, visibility .3s ease .2s, transform .3s ease .2s;transition:opacity .3s ease .2s, visibility .3s ease .2s, transform .3s ease .2s, -webkit-transform .3s ease .2s;background:#2d3439;resize:none;position:absolute;top:4.5em;left:1em;width:17.65em;height:10em;height:calc(100vh - 12em);color:#00ffba;padding:1em;opacity:0;visibility:hidden;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.import .faves__import{opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.calc__faves__btn{border:none}.calc__faves--apply{position:absolute;display:block;width:3.35em;top:4px;bottom:4px;right:0;height:auto;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.calc__faves--apply svg{fill:#FFF}.calc__faves--expand{background:#3b434a}.calc__faves--expand svg{width:1.75em;height:1.75em;fill:#FFF;-webkit-transition:fill .3s ease;-o-transition:fill .3s ease;transition:fill .3s ease}.calc__faves--import svg{width:1.75em;height:1.75em}.import .calc__faves--import svg{fill:#FFF}.faves__clear{margin:0;display:inline-block;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.full .faves__clear{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.calc__faves--confirm{position:absolute;top:0;right:0;margin:0;z-index:2;margin:0;padding:0 0 0 .5em;line-height:3.8;visibility:hidden}.calc__faves--confirm .btn{border-top:0;background:#24292e;border-color:#00ffba;color:#00ffba;-webkit-transition:color .3s ease, opacity .3s ease, visibility .3s ease;-o-transition:color .3s ease, opacity .3s ease, visibility .3s ease;transition:color .3s ease, opacity .3s ease, visibility .3s ease;opacity:0}.confirm .calc__faves--confirm .btn{visibility:visible;opacity:1}@media (min-width:768px){input{border-width:14px}}@media (min-width:850px){.faves{display:block}.faves input{border-width:4px}}.changelog{position:fixed;top:20%;left:20%;right:20%;bottom:20%;margin:auto;max-width:40em;max-height:40em;padding:3em;background:#24292e;-webkit-box-shadow:0 0 0 200vw rgba(0, 0, 0, 0.8);box-shadow:0 0 0 200vw rgba(0, 0, 0, 0.8);overflow:hidden;overflow-y:auto;font-size:1.35em;opacity:0;visibility:hidden;-webkit-transform:translateY(1em);-ms-transform:translateY(1em);transform:translateY(1em);-webkit-transition:opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease;transition:opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease;-o-transition:transform .4s ease, opacity .4s ease, visibility .4s ease;transition:transform .4s ease, opacity .4s ease, visibility .4s ease;transition:transform .4s ease, opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease}.changelog__btn:hover{-webkit-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease;color:#00ffba}.changelog h3{color:#00ffba}.changelog h3 span{color:rgba(255, 255, 255, 0.3);margin-left:.5em}.changelog hr{margin:1.2em 0;opacity:.4}.view-changelog .changelog{opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.changelog .changelog__btn{width:1.5em;height:1.5em;background:#00ffba;border-radius:50%;position:absolute;top:1em;right:1em}.bmc-btn-container{position:fixed;bottom:1.5em;right:1.5em;font-size:.6em;-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}