*{margin:0;box-sizing:border-box}:root{--primary: hsl(61, 70%, 52%);--primary-200: hsl(61, 70%, 92%);--danger: hsl(4, 69%, 50%);--white: hsl(0, 0%, 100%);--grey-100: hsl(202, 86%, 94%);--grey-300: hsl(203, 41%, 72%);--grey-500: hsl(200, 26%, 54%);--grey-700: hsl(200, 24%, 40%);--grey-900: hsl(202, 55%, 16%);--grey-1000: hsl(202, 55%, 8%)}button{border:none;cursor:pointer;padding:.7rem;font-weight:600}button[type=submit]{font-size:1rem;border-radius:.5rem;color:var(--grey-900);background-color:var(--primary)}label{color:var(--grey-700);font-size:.8rem;font-weight:600;margin-bottom:1rem;line-height:2rem}label:has(>input[type=radio]){cursor:pointer;border-radius:.5rem;padding:.5rem;border:1px solid var(--grey-500);font-weight:600;font-size:.9rem}label:has(>input[type=radio]):hover{border-color:var(--grey-900)}label:has(>input[type=radio]:checked){background-color:var(--primary-200)}input[type=radio]{accent-color:var(--primary)}input[type=number]{width:100%;padding:.4rem;font-size:1rem;font-weight:600;color:var(--grey-700);border-radius:.5rem;border:1px solid var(--grey-500)}.input-unit{display:flex;outline:1px solid var(--grey-500);border-radius:.3rem;overflow:hidden}.input-unit:focus-within{outline:2px solid var(--primary)}.input-unit:focus-within>span{background-color:var(--primary)}.input-unit:has(input[type=number]:user-invalid){outline:2px solid var(--danger)}.input-unit:has(input[type=number]:user-invalid) span{color:#fff;background-color:var(--danger)}.input-unit>span{padding-inline:.8rem;text-align:center;background-color:var(--grey-100)}.input-unit>input{border:transparent}.input-unit>input:focus{outline:none}body{background-color:var(--grey-100);font-family:Montserrat,sans-serif;min-height:100vh;display:grid;place-items:center}@media (max-width: 600px){body{place-items:flex-start}}