:root{background-color:#e0e0e0;font-size:62.5%}.form{display:flex;flex-direction:column;gap:1.8rem;margin:0 auto;max-width:374px;padding-top:4rem}.result{font-size:1.8rem;margin-right:2.4rem}.input,.result{text-align:right}.input{background:#e0e0e0;border:none;border-radius:2.6rem;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;color:#494949;font-size:2.4rem;font-weight:700;height:8rem;margin:0 auto;max-width:calc(374px - 4.8rem);padding:0 2.4rem;width:100%}.input:active,.input:focus{outline:none}.calc{grid-gap:1.8rem;display:grid;gap:1.8rem;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:repeat(5,1fr);height:490px;margin:0 auto;width:374px}.btn{background:#e0e0e0;border:none;border-radius:2.6rem;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;color:#fff;cursor:pointer;font-size:2.2rem;font-weight:700;height:8rem;padding:0;position:relative;transition:all .3s ease;width:8rem}.btn--primary{background:#e2842b}.btn--secondary{background:#7c7c7c}.btn--active{box-shadow:inset 8px 8px 16px #bebebe,inset -8px -8px 16px #fff}.btn--primary.btn--active{box-shadow:inset 8px 8px 16px #c07025,inset -8px -8px 16px #ff9831}.btn--secondary.btn--active{box-shadow:inset 8px 8px 16px #696969,inset -8px -8px 16px #8f8f8f}.btn.row2{grid-column:4/5;grid-row:4/6;height:100%}.btn.col2{grid-column:1/3;grid-row:5/6;width:100%}
/*# sourceMappingURL=main.37c91b59.css.map*/