@import url(https://fonts.googleapis.com/css2?family=Space+Mono:wght@700&display=swap);:root{--primary:#26c0ab;--dark:#00494d;--dark-grayish:#5e7a7d;--grayish:#7f9c9f;--light-grayish:#c5e4e7;--very-light-grayish:#f4fafa;--white:#fff}body{font-family:Space Mono,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input{background-color:var(--very-light-grayish);border:2px solid transparent;border-radius:5px;color:var(--dark);font-family:inherit;font-size:25px;outline:none;padding:5px 18px;text-align:right;width:100%}input:focus{border:2px solid var(--primary)}.input-error,input.input-error:focus{border:2px solid red}.App{background-color:var(--light-grayish);height:100vh}.App,.content-wrapper{align-items:center;display:flex;justify-content:center}.content-wrapper{flex-direction:column;height:100%;max-width:100%;min-height:-webkit-max-content;min-height:max-content;padding:40px 0;width:1000px}.logo{display:block;margin-bottom:80px}.content-box{grid-column-gap:45px;background-color:var(--white);border-radius:25px;-webkit-column-gap:45px;column-gap:45px;display:grid;grid-template-columns:repeat(2,1fr);min-height:-webkit-max-content;min-height:max-content;overflow:hidden;padding:35px;width:100%}.action-container{color:var(--dark-grayish)}.input-group:not(:last-child){margin-bottom:60px}.input-group .error-msg,.input-group label{font-size:18px}.input-box{align-items:center;display:flex;margin-top:5px;position:relative}.input-box img{left:18px;position:absolute}.label-group{align-items:center;display:flex;justify-content:space-between}.error-msg{color:red}.tip-grid{grid-column-gap:15px;grid-row-gap:15px;align-items:center;-webkit-column-gap:15px;column-gap:15px;display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;margin-top:15px;row-gap:15px}.tip-grid-item:not(:last-child){background-color:var(--dark);border-radius:5px;color:var(--white);cursor:pointer;font-size:25px;padding:5px 10px;text-align:center;width:100%}.tip-grid-item:not(:last-child):hover{background-color:var(--light-grayish);color:var(--dark)}.tip-grid-item:not(:last-child).tip-active{background-color:var(--primary);color:var(--dark)}.results-container{background-color:var(--dark);border-radius:18px;color:var(--white);display:flex;flex-direction:column;padding:50px 40px 35px}.result-box{align-items:flex-end;display:flex;justify-content:space-between}.result-box:first-child{margin-bottom:35px}.title-group p{font-size:18px}.title-group span{color:var(--grayish);font-size:14px}.result-box h2{color:var(--primary);font-size:43px}.reset-btn{background-color:var(--primary);border:none;border-radius:5px;color:var(--dark);cursor:pointer;font-family:inherit;font-size:20px;margin-top:auto;opacity:.3;outline:none;padding:10px;pointer-events:none;text-align:center;text-transform:uppercase}.btn-active{opacity:1;pointer-events:all}.reset-btn:hover{background-color:var(--light-grayish)}@media screen and (max-width:970px){.App{height:auto}.content-wrapper{height:-webkit-max-content;height:max-content;justify-content:flex-end;padding:50px 0 0}.logo{margin-bottom:50px}.content-box{border-radius:25px 25px 0 0;grid-template-columns:1fr;row-gap:25px}.results-container{padding:30px 40px}.result-box:first-child{margin-bottom:15px}.reset-btn{margin-top:40px}.input-group:not(:last-child){margin-bottom:30px}}@media screen and (max-width:510px){.tip-grid{grid-template-columns:1fr 1fr}}@media screen and (max-width:440px){.content-box,.results-container{padding:30px 25px}.result-box h2{font-size:35px}}
/*# sourceMappingURL=main.7f95864f.css.map*/