@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);:root{--body-bg:#f5f5f5;--txt-color:#6d6d6d;--txt-white:#fff;--calc-res-color:#2f2d2f;--calc-btn-color:#d400ff;--calc-bg:#fff}.dark{--calc-res-color:#fff;--calc-bg:#373737}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;background-color:var(--body-bg);color:var(--text-color);display:flex;font-weight:400;justify-content:center;line-height:1.5;padding-top:100px}body,button{font-family:Roboto,sans-serif}button{cursor:pointer}@media only screen and (max-width:800px){body{display:inline;display:initial;padding-top:0}}.calculator{background-color:var(--calc-bg);border-radius:20px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);display:flex;flex-direction:column;height:700px;justify-content:flex-end;overflow:hidden;padding:20px;width:400px}.calculator__btns{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.calculator__btns button{background-color:initial;border:0;border-radius:10px;color:var(--txt-color);font-size:1.25rem;font-weight:50;outline:0}.calculator__btns button:last-child{background-image:linear-gradient(312deg,#cd6e36,#d400ff);border-radius:50%;color:var(--txt-white)}.calculator__btns .btn__op{color:var(--calc-btn-color)}.calculator__result{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:20px;position:relative;text-align:right}.calculator__result__exp{color:var(--calc-res-color);font-size:3.5rem;line-height:1;-webkit-transform-origin:right bottom;transform-origin:right bottom;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.calculator__result__exp:last-child{position:absolute;right:0}.calculator__result__exp span{display:inline-block;overflow:hidden;transition:width .3s ease}@media only screen and (max-width:800px){.calculator{border-radius:0;height:100vh;width:100%}}
/*# sourceMappingURL=main.4d6bec98.css.map*/