@import url(https://fonts.googleapis.com/css2?family=Space+Mono&display=swap);:root{--spaceMono:"Space Mono",monospace;--verydarkcyan:#00494d;--darkgrayishcyan:#5e7a7d;--darkgrayishcyan2:#7f9c9f;--lightgrayishcyan:#c5e4e7;--lightgrayishcyan2:#f4fafa;--white:#fff;--strongcyan:#26c0ab}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-size:24px;font-family:"Space Mono",monospace;font-family:var(--spaceMono);background-color:#c5e4e7;background-color:var(--lightgrayishcyan);min-height:100vh;overflow-x:hidden}body,header{display:flex;justify-content:center}.container{background-color:#fff;background-color:var(--white);display:flex;margin-top:50px;border-radius:15px}.row{display:flex;flex-direction:row}.container-tip{position:relative;justify-content:space-between;grid-gap:10px;display:grid;grid-template-columns:auto auto auto}.box-1{display:flex;flex-direction:column;width:500px}.bg-dollar-sign{display:flex;align-items:center;width:50px;justify-content:center}.bg-dollar-sign,.input-text{background-color:#f4fafa;background-color:var(--lightgrayishcyan2);height:50px}.input-text{width:100%;position:relative;text-align:right;font-size:25px;outline-color:#5e7a7d;outline-color:var(--darkgrayishcyan);color:#00494d;color:var(--verydarkcyan)}.button-percent,.input-text{border-color:transparent;font-family:"Space Mono",monospace;font-family:var(--spaceMono);font-weight:700}.button-percent{width:120px;height:50px;background-color:#00494d;background-color:var(--verydarkcyan);border-radius:5%;font-size:1.5rem;color:#fff;color:var(--white);cursor:pointer}.between{justify-content:space-between}.active{background-color:#26c0ab;background-color:var(--strongcyan);color:#00494d;color:var(--verydarkcyan)}.padding{padding:50px 50px 10px}.padding h4{font-size:20px;margin-bottom:15px}.input-text-1,.padding h4{color:#00494d;color:var(--verydarkcyan)}.input-text-1{text-align:right;background-color:#f4fafa;background-color:var(--lightgrayishcyan2);outline-color:#26c0ab;outline-color:var(--strongcyan);width:120px;font-size:1.5rem;border-radius:5%;border-color:transparent;font-weight:700;font-family:"Space Mono",monospace;font-family:var(--spaceMono);height:50px}.input-text::-webkit-input-placeholder{text-align:right}.input-text:-ms-input-placeholder{text-align:right}.input-text::placeholder{text-align:right}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}::-webkit-input-placeholder{text-align:center;color:#7f9c9f;color:var(--darkgrayishcyan2)}:-ms-input-placeholder{text-align:center;color:#7f9c9f;color:var(--darkgrayishcyan2)}::placeholder{text-align:center;color:#7f9c9f;color:var(--darkgrayishcyan2)}.inner-box{background-color:#00494d;background-color:var(--verydarkcyan);padding:40px;border-radius:15px}ul{list-style-type:none;display:flex;align-items:center}ul h4{font-size:1rem;color:#fff;color:var(--white)}ul p{font-size:.9rem;color:#c5e4e7;color:var(--lightgrayishcyan)}.padding-2{padding:35px}label{color:#26c0ab;color:var(--strongcyan);font-size:40px}.reset,label{font-weight:700}.reset{width:100%;height:50px;font-size:1.5rem;font-family:"Space Mono",monospace;font-family:var(--spaceMono);background-color:#26c0ab;background-color:var(--strongcyan);border-color:transparent;border-radius:5px;cursor:pointer;color:#00494d;color:var(--verydarkcyan)}.reset:disabled{opacity:.4;cursor:not-allowed}.input-readonly{text-align:right;background-color:transparent;font-size:3rem;width:200px;border-color:transparent;font-family:"Space Mono",monospace;font-family:var(--spaceMono);outline:none;color:#26c0ab;color:var(--strongcyan);font-weight:700}.input-readonly::-webkit-input-placeholder{text-align:right;color:#26c0ab;color:var(--strongcyan);font-weight:700}.input-readonly:-ms-input-placeholder{text-align:right;color:#26c0ab;color:var(--strongcyan);font-weight:700}.input-readonly::placeholder{text-align:right;color:#26c0ab;color:var(--strongcyan);font-weight:700}.margin-bottom{margin-bottom:40px}footer{font-size:1rem;position:relative;margin-top:5%;display:flex;justify-content:center}@media (max-width:920px){.container{flex-direction:column}}@media (max-width:425px){.container{flex-direction:column}.box-1{width:350px}.padding{padding:50px 10px 10px}.button-percent{width:80px;height:50px;font-size:20px}.input-text-1{width:80px;font-size:1rem}.padding,.padding-2{padding:30px 20px}footer{font-size:.7rem;margin-bottom:20px}.padding h4{font-size:15px}ul h4{font-size:.9rem}.bg-dollar-sign{width:35px;height:40px}.input-text{font-size:20px;height:40px}.margin-bottom{margin-bottom:20px}.input-readonly{font-size:2rem;width:140px}.inner-box{padding:20px}.reset{height:40px;font-size:1rem}.container-tip{grid-gap:10px}}
/*# sourceMappingURL=main.74728f43.chunk.css.map */