.text-center{display:flex;flex-direction:column;justify-content:center;text-align:center}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.s1{flex:1 1}.s2{flex:2 1}.s3{flex:3 1}.s4{flex:4 1}.s5{flex:5 1}.s6{flex:6 1}.s7{flex:7 1}.s8{flex:8 1}.s9{flex:9 1}.s10{flex:10 1}.s11{flex:11 1}.s12{flex:12 1}.center{display:flex;flex-direction:column;justify-content:center;text-align:center}.react-calculator{display:grid;grid-template-rows:25% 1fr;height:100%;width:100%}.result-panel{background-color:#e3e7e9;display:flex;flex:2 1;flex-direction:column;line-height:1.5rem;overflow:scroll;padding:0 1rem;text-align:right}.cur-row{background-color:inherit!important;border:none;color:#46494e;font-size:30px;outline:none;text-align:right!important}.cur-row,.last-row{flex:1 1;max-width:100%}.last-row{align-items:flex-end;color:#969ba3;display:flex;font-size:20px;justify-content:flex-end}.button-panel{flex:5 1}.button-panel .button{background-color:#fafafa;border:none;box-shadow:inset 1px 1px 0 0 #e3e7e9;cursor:pointer;font-size:20px;line-height:0px;margin:0;overflow:hidden;padding:0;position:relative;text-align:center}.button:before{background:#aaa;border-radius:50%;bottom:0;content:"";height:40px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;width:40px}.button-panel .clicked:before{animation:react-calculator-click .5s ease-out 0s 1 alternate forwards}.last{background-color:#ed8d35!important;color:#fff}.button-panel:focus{outline:none}@keyframes react-calculator-click{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(3)}}