*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.15}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}button,input{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button{text-transform:none}button,[type=button]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}body{min-height:100vh;line-height:1.5}p{margin:0}a{text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;outline:none}:root{--text-color:#fff;--text-error-color:#f42525;--value-color:#26c0ab;--label-color:#5e7a7d;--input-color:#00494d;--input-outline-color:#26c0ab;--input-outline-error-color:#f42525;--input-placeholder-color:#7f9c9f;--bg-calc:#fff;--bg-calc-btn:#00494d;--bg-input:#f4fafa;--bg-input-active:#26c0ab;--bg-body:#c5e4e7;--bg-calc-total:#00494d;--bg-btn-active:#26c0ab;--ff-primary:"Space Mono",sans-serif,monospace}.btn{text-align:center;background-color:var(--bg-calc-btn);color:var(--text-color);min-width:120px;border-radius:8px;flex:1;padding:.625em 0;font-size:1.5rem;transition:background-color .5s,color .3s}.btn--large{text-transform:uppercase;width:100%;color:#00494d66;background:#26c0ab4d;margin-top:2em;font-size:1.25rem}.btn--large[disabled]{cursor:not-allowed}.calc{color:var(--text-color);background-color:var(--bg-calc);max-width:375px;border-radius:15px;padding:1.875rem 1.5625rem;font-size:1rem;box-shadow:0 10px 15px 4px #0000001a}.calc--flex{flex-flow:wrap;gap:15px;display:flex}.calc__total{background-color:var(--bg-calc-total);border-radius:10px;padding:2.5em 1.25em 1.25em}.calc__total-group{justify-content:space-between;align-items:end;margin-bottom:1.5625rem;display:flex}.calc__total-value{color:var(--value-color);font-size:2.25rem}.input-group{margin-bottom:2.1875rem;position:relative}.input-group__icon{position:absolute;top:48px;left:20px}.label-container{justify-content:space-between;display:flex}.label{color:var(--label-color);margin-bottom:.5em}.label--small{margin-bottom:0;font-size:.875rem}.label--error{color:var(--text-error-color);display:none}.input{width:100%;background-color:var(--bg-input);color:var(--input-color);text-align:right;cursor:pointer;border:none;border-radius:5px;padding:.5em .625em;font-size:1.5rem;display:block}.input:where(:active),.input:where(:focus){outline:2px solid var(--input-outline-color)}.input::placeholder{color:var(--input-placeholder-color)}.input--custom{text-align:center;min-width:120px;flex:1;padding:.625em 0}.fa-github{cursor:pointer;color:#00494d;font-size:1.875rem}.fa-brands{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-variant:normal;text-rendering:auto;font-style:normal;line-height:1}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:matrix(1,0,0,1,0,0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9))translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1))translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95))translateY(0)}57%{transform:scale(1,1)translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:matrix(1,0,0,1,0,0)}to{transform:matrix(1,0,0,1,0,0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0)}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(fa-brands-400.a10a0ab7.woff2)format("woff2"),url(fa-brands-400.7446506e.ttf)format("truetype")}.fa-brands{font-family:"Font Awesome 6 Brands";font-weight:400}.fa-github:before{content:""}body{font-family:var(--ff-primary);background-color:var(--bg-body);flex-direction:column;justify-content:center;align-items:center;padding:70px 0;font-weight:700;display:flex}header{justify-content:center;margin-bottom:42px;display:flex}main{margin-bottom:3.75rem}@media (min-width:1024px){.calc{max-width:940px;gap:30px;padding:1.875rem;display:flex}.calc__total{width:50%;flex-direction:column;padding:2.5em;display:flex}form{width:50%;flex-direction:column;justify-content:space-between;padding:.625rem;display:flex}.input-group:last-of-type{margin-bottom:0}.btn:not(.btn--large):hover{color:var(--input-color);background-color:#26c0ab99}.btn--large{max-height:50px;margin-top:auto}.btn--large:not([disabled]):hover{background-color:#adfff4c2}}.btn--active{background-color:var(--bg-btn-active)}.reset--active{color:var(--input-color);background-color:#26c0ab}.label--visible{display:block}.input--error{outline-color:var(--input-outline-error-color);animation:.15s linear 2 shake}@keyframes shake{0%{transform:translate(3px)}50%{transform:translate(-3px)}to{transform:translate(0)}}
/*# sourceMappingURL=index.682f6a4e.css.map */