.results,.keys,.key{display:-ms-flexbox;display:flex}.key{-ms-flex-align:center;align-items:center}.results{-ms-flex-align:flex-end;align-items:flex-end}.keys{-ms-flex-pack:space-between;justify-content:space-between}.key{-ms-flex-pack:center;justify-content:center}.theme{-webkit-transition:all 0.22s ease;-moz-transition:all 0.22s ease;transition:all 0.22s ease}@keyframes key-ripple{0%{opacity:0.5;transform:translate(-50%, -50%) scale(0)}20%{opacity:1;transform:translate(-50%, -50%) scale(1)}100%{opacity:0;transform:translate(-50%, -50%) scale(1)}}.content{box-shadow:0 11px 15px #eeeeee;border-radius:0 0 5px 5px;max-width:400px;margin:8% auto 5%}.results{transition:all 0.15s ease;box-shadow:0 2px 15px #e8e7e7;min-height:150px;width:100%;padding:15px}.results:focus{box-shadow:0 5px 25px #d1d1d1}.input-box{font:normal 1.875rem/1 "Gentleman";color:#000;cursor:default;width:100%;height:100%;outline:0;border:0;resize:none;overflow:auto;text-align:right}@media screen and (min-width: 20px){.input-box{font-size:calc(16px + 4 * ((100vw - 20px) / 299))}}@media screen and (min-width: 320px){.input-box{font-size:calc(25px + 2 * ((100vw - 320px) / 447))}}@media screen and (min-width: 768px){.input-box{font-size:calc(26px + 5 * ((100vw - 768px) / 432))}}.input-box::-webkit-scrollbar{display:none}.history{font:normal .625rem/1 "Gentleman";color:#000;position:absolute;top:15px;right:0;max-width:100%;width:100%;padding:0 15px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}@media screen and (min-width: 20px){.history{font-size:calc(7px + 5 * ((100vw - 20px) / 1180))}}.keys_control{-webkit-transition:.8s all .01s;-moz-transition:.8s all .01s;transition:.8s all .01s;padding:10px}.keys{padding:0;margin:0}.keys li{position:relative;list-style:none;-ms-flex:0 0 18%;flex:0 0 18%;max-width:18%;padding-top:18%;width:100%;margin:10px 5px}.keys li.equals{-ms-flex:0 0 calc(100% - (18% * 2) - 78px);flex:0 0 calc(100% - (18% * 2) - 78px);max-width:calc(100% - (18% * 2) - 78px)}.keys li.equals .key{border-radius:100px}.key{font:normal 1.875rem/1 "Gentleman";color:#000;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);transition:all 0.15s ease;overflow:hidden;outline:0;background-color:white;border:0;border-radius:50%;cursor:pointer;padding:0;width:100%;height:100%}@media screen and (min-width: 20px){.key{font-size:calc(16px + 4 * ((100vw - 20px) / 299))}}@media screen and (min-width: 320px){.key{font-size:calc(25px + 2 * ((100vw - 320px) / 447))}}@media screen and (min-width: 768px){.key{font-size:calc(26px + 4 * ((100vw - 768px) / 432))}}.key[data-role="clear"]{background-color:#ec582a;color:white}.key[data-role="clear"]:hover{background-color:#da4213}.key[data-role="cancel"]{background-color:#a61313;color:white}.key[data-role="cancel"]:hover{background-color:#810f0f}.key[data-role="operator"]{background-color:#c2c2c2}.key[data-role="operator"]:hover{background-color:#aeaeae}.key[data-role="calculate"]{background-color:#685c58;color:white}.key[data-role="calculate"]:hover{background-color:#524845}.key:after{content:'';transition:all 0.2s ease-in-out;background:rgba(0,0,0,0.2);border-radius:100px;opacity:0;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale(0);width:100%;height:100%}.key:not(:active):after{animation:key-ripple 1s cubic-bezier(0.1, 0.1, 0.31, 0.53)}.key:not(:active){box-shadow:0 0 20px #b4b4b4}.key svg{max-width:60%;width:100%}.themes{padding:0;margin:0 0 50px;list-style:none}.theme{font:600 .9375rem/35px "Gentleman";color:#fff;text-transform:uppercase;letter-spacing:0.8px;text-align:center;background-color:#673AB7;border-radius:100px;cursor:pointer;min-width:80px;height:35px;margin:0 1%;padding:0 15px}@media screen and (min-width: 20px){.theme{font-size:calc(12px + 2 * ((100vw - 20px) / 299))}}@media screen and (min-width: 320px){.theme{font-size:calc(14px + 1 * ((100vw - 320px) / 447))}}@media screen and (min-width: 768px){.theme{font-size:calc(15px + 0 * ((100vw - 768px) / 432))}}.theme:hover{background-color:#512e90}.night-theme{-webkit-transition:.8s all .01s;-moz-transition:.8s all .01s;transition:.8s all .01s;background-color:#1c1c1c}.night-theme h1,.night-theme h2,.night-theme h3,.night-theme h4,.night-theme h5,.night-theme h6{color:white}.night-theme .content{box-shadow:0 0 15px #eeeeee;border-radius:5px;overflow:hidden}.night-theme .display{background-color:white}.night-theme .keys_control{background-color:white}.day-theme{background-color:white}.day-theme h1,.day-theme h2,.day-theme h3,.day-theme h4,.day-theme h5,.day-theme h6{color:black}.day-theme .keys_control{background-color:#fafafa}.text-center{text-align:center}.relative{position:relative}