#root,body,html{margin:0;padding:0;height:100%;font-size:16px;font-family:"Open Sans",sans-serif}.container{height:100%;min-width:350px;min-height:550px}.calculator{position:relative;height:100%}.dark-mode{position:absolute;top:0;left:0;width:1.5em;height:1.5em;font-size:2em;margin:.25em;box-sizing:border-box;border:none;background-color:initial;cursor:pointer;z-index:2}.dark-mode i{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-shadow:0 1px 4 px rgba(18,18,18,.2),0 1px 2px rgba(18,18,18,.14),0 1px 1px rgba(18,18,18,.12)}.display-all{position:relative;width:100%;height:25%;padding:0 1em;display:flex;flex-direction:column;box-sizing:border-box;background-color:initial;overflow:hidden;box-shadow:0 1px 8px 0 rgba(18,18,18,.2),0 3px 4px 0 rgba(18,18,18,.14),0 3px 3px -2px rgba(18,18,18,.12);z-index:1}.animate{content:"";position:absolute;bottom:-75%;left:-100%;border-radius:50%}@keyframes wipe{0%{opacity:.9;width:0;height:0%}to{opacity:.9;width:250%;height:200%}}.output-nums{display:flex;align-items:center;justify-content:flex-end;height:30%}.display,.output-nums{text-align:right;width:100%}.display{height:70%;margin:0;font-size:4em;overflow-x:auto;overflow-y:hidden}.calc-body{display:flex;flex-direction:column;align-items:center;justify-content:center;height:75%}.dark-equals,.dark-panel,.light-equals,.light-panel{position:relative}.dark-equals:after,.dark-panel:after,.light-equals:after,.light-panel:after{position:absolute;content:"";height:100%;top:0;left:-7px;width:7px;color:rgba(18,18,18,.8);box-shadow:inset -7px 0 8px -10px}.btn-row{width:100%;height:20%}.btn,.btn-row{display:flex;align-items:center;justify-content:center}.btn{height:100%;width:25%;font-size:2em;font-family:inherit;border:none;cursor:pointer;background-color:initial;color:inherit}.clear-circle{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;box-shadow:0 1px 5px 0 rgba(18,18,18,.2),0 2px 2px 0 rgba(18,18,18,.14),0 3px 1px -2px rgba(18,18,18,.12)}.core,.percent,.plus-minus{font-weight:300}.bksp i{font-size:1.5em;text-shadow:0 1px 4px rgba(18,18,18,.2),0 1px 2px rgba(18,18,18,.14),0 1px 1px rgba(18,18,18,.12)}.light-calculator{background-color:#fff;color:#000}.dark-calculator{background-color:#121212;color:hsla(0,0%,100%,.87)}.light-moon{color:#393f4a}.dark-bksp,.dark-sun{color:#ff5c26}.light-animate,.light-clear-circle,.light-equals{background-color:#ffa826;color:#fafafd}.dark-animate,.dark-clear-circle,.dark-equals{background-color:#ff5c26;color:#262b33}.light-output-nums{color:rgba(0,0,0,.6)}.dark-output-nums{color:hsla(0,0%,100%,.6)}.light-calc-body{background-color:#fafafd}.dark-calc-body{background-color:#262b33}.light-panel{background-color:#ededf0}.dark-panel{background-color:#393f4a}.light-bksp{color:#ffa826}.light-btn:hover{background-color:#dfdfe2}.dark-btn:hover{background-color:#49515f}.dark-bksp:hover,.dark-clear:hover,.light-bksp:hover,.light-clear:hover{background-color:initial}.light-clear-circle:hover,.light-equals:hover{background-color:#ffb84d}.light-bksp:hover{color:#ffb84d}.dark-clear-circle:hover,.dark-equals:hover{background-color:#ff7446}.dark-bksp:hover{color:#ff7446}.light-btn.active,.light-btn:active{background-color:#bcbcbf}.dark-btn.active,.dark-btn:active{background-color:#393f4a}.dark-bksp.active,.dark-bksp:active,.dark-clear.active,.dark-clear:active,.light-bksp.active,.light-bksp:active,.light-clear.active,.light-clear:active{background-color:initial}.light-clear-circle.active,.light-clear-circle:active,.light-equals.active,.light-equals:active{background-color:#f90}.light-bksp.active,.light-bksp:active{color:#f90}.dark-clear-circle.active,.dark-clear-circle:active,.dark-equals.active,.dark-equals:active{background-color:#ff5d26}.dark-bksp.active,.dark-bksp:active{color:#ff5d26}@media only screen and (min-width:750px){.container{display:flex;align-items:center;justify-content:center}.calculator{height:600px;width:500px;box-sizing:border-box}.light-container{background-color:#ededf0}.dark-container{background-color:#393f4a}.dark-calc-body,.light-calc-body{box-shadow:0 3px 5px -1px rgba(18,18,18,.2),0 5px 8px 0 rgba(18,18,18,.14),0 1px 14px 0 rgba(18,18,18,.12)}}
/*# sourceMappingURL=main.f5f5296f.chunk.css.map */