.title{margin:35px auto;width:120px;text-align:center;color:var(--dark-grayish-cyan);overflow-wrap:break-word;text-transform:uppercase;letter-spacing:.25em}.container{width:100%;background-color:var(--white);border-radius:15px;padding:25px;display:grid;grid-template-columns:1fr;grid-auto-rows:min-content}.container .title-container{color:var(--grayish-cyan);font-size:15px}.container .input-container{position:relative}.container .input{font-family:Space Mono,monospace;width:100%;background-color:var(--very-light-grayish-cyan);color:var(--dark-grayish-cyan);border:none;border-radius:5px;font-size:24px;font-weight:700;padding:8px 20px;text-align:end}.container .img-input{position:absolute;top:50%;left:20px}.container .container-paragraph{display:flex;justify-content:space-between}.container .error{color:red}.container .hidden{display:none}.input:focus{outline:2px solid var(--strong-cyan)}.container-options{display:flex;flex-direction:column;gap:30px;justify-content:space-between}.grid-options{display:grid;width:100%;grid-template-columns:1fr 1fr;grid-gap:15px;grid-auto-rows:max-content;margin-top:8px}.grid-options .button-option{font-family:Space Mono,monospace;padding:7px 0;background-color:var(--very-dark-cyan);color:#fff;border-radius:5px;border:none;font-size:x-large;font-weight:700;cursor:pointer}.grid-options .selected,.button-option:hover{background-color:var(--strong-cyan);color:var(--very-dark-cyan)}.container-results{width:100%;background-color:var(--very-dark-cyan);border-radius:15px;padding:20px;color:#fff;margin:20px 0}.container-results .results{display:flex;justify-content:space-between;align-items:end;margin-top:15px}.container-results .title-results{font-size:15px;font-weight:700}.container-results .subtitle-results{font-size:12px;color:var(--grayish-cyan)}.container-results .price{font-size:30px;color:var(--strong-cyan)}.container-results .button-reset{font-family:Space Mono,monospace;width:100%;padding:10px 0;background-color:var(--strong-cyan);color:var(--very-dark-cyan);border-radius:5px;border:none;font-size:20px;font-weight:700;text-transform:uppercase;margin-top:20px;cursor:pointer}.container-results .no-reset{background:var(--dark-grayish-cyan);cursor:not-allowed}@media (width > 760px){.container{grid-template-columns:1fr 1fr;gap:35px;padding:35px}.container .title-container{font-size:17px}.container-results{margin:0;display:flex;height:100%;flex-direction:column;justify-content:space-between;padding:30px}.container-results .button-reset{justify-self:end;font-size:24px}.container-results .title-results{font-size:20px;font-weight:700}.container-results .subtitle-results{font-size:16px;color:var(--grayish-cyan)}.container-results .price{font-size:40px;color:var(--strong-cyan)}.img-input{right:93%}}@media (width > 1020px){.title-container{font-size:20px}.grid-options{grid-template-columns:1fr 1fr 1fr}.img-input{right:0}.title{margin:0 auto 35px}.price{font-size:50px}}:root{font-family:Space Mono,monospace;font-weight:400;font-style:normal;font-synthesis:none;text-rendering:optimizeLegibility;--strong-cyan: hsl(172, 67%, 45%);--very-dark-cyan: #00494d;--dark-grayish-cyan: hsl(186, 14%, 43%);--grayish-cyan: hsl(184, 14%, 56%);--light-grayish-cyan: hsl(185, 41%, 84%);--very-light-grayish-cyan: hsl(189, 41%, 97%);--white: hsl(0, 0%, 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Mono,monospace;display:flex;width:100vw;height:100vh;background-color:var(--light-grayish-cyan)}#root{max-width:1080px;width:100%;margin:0 auto}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media (width > 1020px){body{align-items:center}}