@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);body{background-color:#000;color:#fff;font-family:sans-serif;font-family:Roboto,sans-serif;margin:0;padding:0}.app{align-items:end;display:flex;height:100vh;justify-content:center;padding-left:16px;padding-right:16px}.calculator{margin-bottom:16px;max-width:400px;width:100%}.display{word-wrap:break-word;background-color:#000;color:#fff;display:flex;flex-direction:column;font-size:32px;justify-content:center;margin-bottom:5%;min-height:100px;padding:20px;text-align:right}.input{font-size:36px;opacity:1}.input .operator{color:#cc6d00}.result{font-size:30px;margin-top:10vh;opacity:.6}@keyframes inputFadeOut{0%{opacity:1}to{opacity:0}}@keyframes resultLiftUp{0%{font-size:30px;opacity:.6;transform:translateY(0)}to{font-size:36px;opacity:1;transform:translateY(calc(-10vh - 36px))}}.input.fade-out{animation:inputFadeOut .2s ease-in forwards}.result.lift-up{animation:resultLiftUp .2s ease-in forwards}.buttons{grid-gap:12px;border-top:1px solid #333;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);padding-top:4%}.btn{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;aspect-ratio:1;background-color:#171719;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:30px;outline:none;transition:font-size .2s ease,background-color .01s ease;-webkit-user-select:none;user-select:none}.btn.dark{background-color:#2d2d2f}.btn.action{background-color:#919191;color:#000;font-size:36px}.btn.equals{background-color:#cc6d00;color:#fff;font-size:36px}.btn.clear{background-color:#2d2d2f}.btn:focus{outline:none}.btn:active{background-color:#444446;font-size:24px}.btn.dark:active{background-color:#565658}.btn.action:active{background-color:#a7a7a7;font-size:30px}.btn.equals:active{background-color:#d77709;font-size:30px}.backspace-btn{-webkit-tap-highlight-color:transparent;background:none;border:none;border-radius:50%;color:#cc6d00;cursor:pointer;font-size:30px;padding:5px 10px;transition:background-color .01s ease;-webkit-user-select:none;user-select:none}.backspace-btn:active{background-color:#444446}.backspace-btn:disabled{cursor:not-allowed;opacity:.5}.toolbar{display:flex;justify-content:space-between;margin-top:-12px;padding:8px 4%}.history-btn{-webkit-tap-highlight-color:transparent;background:none;border:none;border-radius:50%;color:#a0a0a0;cursor:pointer;font-size:24px;padding:0 13px;-webkit-user-select:none;user-select:none}.history-btn:active{background-color:#444446}.history-container{bottom:0;height:57%;left:0;opacity:0;pointer-events:none;position:absolute;top:auto;transform:translateX(-100%);transition:transform .2s ease,opacity .2s ease;width:73%;z-index:10}.history-container.open{opacity:1;pointer-events:all;transform:translateX(0)}.history-container.closed{opacity:0;pointer-events:none;transform:translateX(-100%)}.history-panel{background-color:#000;border-right:1px solid #333;box-shadow:2px 0 10px #00000080;display:flex;flex-direction:column;height:100%;padding:0}.history-list-wrapper{flex:1 1;overflow-y:auto;padding:16px}.history-list{display:flex;flex-direction:column;gap:18px}.history-item{color:#fff;font-size:16px;text-align:right}.history-result{color:#cc6d00;font-size:18px;font-weight:700;margin-top:4px}.clear-history-wrapper{display:flex;justify-content:center;padding:18px 0}.clear-history{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background-color:#2d2d2f;border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:16px;outline:none;padding:15px 16px;text-align:center;-webkit-user-select:none;user-select:none;width:70%}.clear-history:active{background-color:#444446}.clear-history:focus{outline:none}
/*# sourceMappingURL=main.d6a381c9.css.map*/