@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700;800&display=swap";.inputs-container{display:flex;gap:2rem;margin-bottom:2rem}.input-group{display:flex;flex-direction:column;max-width:160px;position:relative}.label-text{font-weight:700;font-size:.875rem;letter-spacing:.25em;text-transform:uppercase;color:#716f6f;margin-bottom:.5rem}.input-group.erro .label-text{color:#ff5757}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input{padding:1rem;border:1px solid hsl(0,0%,86%);border-radius:8px;font-size:2rem;font-weight:700;width:100%;outline:none;color:#141414}input.erro{border-color:#ff5757}input::placeholder{color:#dbdbdb}input:focus{border-color:#854dff}.error-text{color:#ff5757;font-size:.875rem;font-style:italic;margin:.5rem 0 0}@media (max-width: 768px){.inputs-container{gap:1rem}.input-group{max-width:none}input{font-size:1.25rem;padding:.75rem}}.result{font-size:6.5rem;font-weight:800;font-style:italic;line-height:1.1}.result p{margin:0}.result span{color:#854dff}@media (max-width: 768px){.result{font-size:3.5rem}}body{font-family:Poppins,Poppins;background-color:#f0f0f0;margin:0;min-height:100vh}.container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.app{background-color:#fff;padding:3rem;border-radius:24px 24px 200px;box-shadow:0 8px 20px #0000001a;width:100%;max-width:840px}.divider{position:relative;margin:2rem 0}hr{border:none;height:1px;background-color:#dbdbdb;margin:0}button{background-color:#854dff;border:none;border-radius:50%;width:96px;height:96px;cursor:pointer;position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}button:hover{background-color:#141414}.arrow-icon{width:46px;height:44px}@media (max-width: 768px){.app{padding:1.5rem;border-radius:24px 24px 100px}button{width:64px;height:64px;left:50%;right:auto;transform:translate(-50%,-50%)}.arrow-icon{width:30px;height:30px}}@media (max-width: 430px){.app{padding:.25rem;border-radius:24px 24px 100px}button{width:64px;height:64px;left:50%;right:auto;transform:translate(-50%,-50%)}.arrow-icon{width:30px;height:30px}}*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;height:100%}