*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{height:100%}body{margin:0;background-color:#e6e6e6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.4;color:#0d0d0d}#root{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.component--calculator{width:100vw;height:164.9746192893vw;max-width:394px;max-height:650px;display:grid;grid-gap:5.076142132vw;grid-template:50fr 150fr/1fr;padding:5.076142132vw;background-color:#0d0d0d;color:#fff}.component--display{position:relative;overflow:hidden;font-weight:200;font-size:25.3807106599vw;line-height:1}.component--responsive-text{position:absolute;bottom:0;right:0;padding:2.538071066vw}.component--keypad{display:grid;grid-template:repeat(5,1fr)/repeat(4,1fr);grid-gap:2.538071066vw;min-height:0;font-size:8.6294416244vw;font-weight:300}.component--key{-ms-touch-action:manipulation;touch-action:manipulation}.component--key button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;text-align:inherit;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;cursor:pointer;border-radius:99px;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:-webkit-box-shadow .3s ease-in-out;transition:-webkit-box-shadow .3s ease-in-out;-o-transition:box-shadow .3s ease-in-out;transition:box-shadow .3s ease-in-out;transition:box-shadow .3s ease-in-out,-webkit-box-shadow .3s ease-in-out}.component--key button sup{position:relative;top:-.2538071066vw}.component--key button sub{position:relative;bottom:-2.538071066vw}.component--key button::-moz-focus-inner{border:0;padding:0}.component--key button:hover{-webkit-box-shadow:inset 0 0 197px hsla(0,0%,100%,.25);box-shadow:inset 0 0 197px hsla(0,0%,100%,.25)}.component--key button:active,.component--key button:hover{-webkit-transition:-webkit-box-shadow .12s ease-in-out;transition:-webkit-box-shadow .12s ease-in-out;-o-transition:box-shadow .12s ease-in-out;transition:box-shadow .12s ease-in-out;transition:box-shadow .12s ease-in-out,-webkit-box-shadow .12s ease-in-out}.component--key button:active{-webkit-box-shadow:inset 0 0 197px hsla(0,0%,100%,.5);box-shadow:inset 0 0 197px hsla(0,0%,100%,.5)}.component--key.key--wide{grid-column:span 2}.component--key.key--wide button{-ms-flex-pack:start;justify-content:flex-start;text-indent:7.614213198vw}.component--key.key--function button{background-color:#a6a4a8;color:#030303}.component--key.key--operator{font-size:10.6598984772vw}.component--key.key--operator button{background-color:#ff8000;-webkit-transition:color 70ms ease-in,background-color .1s ease-in;-o-transition:color 70ms ease-in,background-color .1s ease-in;transition:color 70ms ease-in,background-color .1s ease-in}.component--key.key--operator.operator-active button{background-color:#fff;color:#ff8000}.component--key.key--digit button{background-color:#393c39}.component--key.key--decimal button{font-weight:500}@media only screen and (min-width:394px){.component--calculator{height:650px;grid-gap:20px;padding:20px}.component--display{font-size:100px}.component--responsive-text{padding:10px}.component--keypad{grid-gap:10px;font-size:34px}.component--key.key--operator{font-size:42px}.component--key button sup{top:-1px}.component--key button sub{bottom:-10px}.component--key.key--wide button{text-indent:30px}}@media only screen and (orientation:portrait) and (max-width:394px){body{background-color:#0d0d0d}}
/*# sourceMappingURL=main.54078486.css.map*/