form{display:flex;align-items:flex-start;gap:16px}.box{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:87.7px}.box label{color:var(--Grey, #716f6f);font-family:Poppins;font-size:12px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:3px}.box .input-containerr:focus-within{border:1px solid var(--Purple, #854dff)}.box .input-containerr{display:flex;padding:12px 16px;align-items:center;gap:16px;border-radius:8px;border:1px solid var(--Line, #dcdcdc);width:87.7px;color:#000}.box .errorBox{display:flex;padding:12px 16px;align-items:center;gap:16px;border-radius:8px;border:1px solid var(--Line, #fa0808);width:87.7px;color:#000}input{color:var(--Black, #151515);font-family:Poppins;font-size:20px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.2px;width:26px;border:none;width:fit-content;overflow:hidden}input:active .box .input-containerr{border:1px solid var(--Purple, #854dff)}input:focus{outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.agecalculator{display:flex;width:21.4375rem;padding:3rem 8rem;flex-direction:column;align-items:center;justify-content:center;gap:2rem;border-radius:1.5rem 1.5rem 6.25rem;background:var(--White, #FFF)}.rectangle3{display:flex;width:295px;align-items:center}.line{height:1px;background:var(--Line, #DCDCDC);width:116px}.arrow{width:64px;height:64px;border-radius:216px;background:var(--Purple, #854dff);display:flex;align-items:center;justify-content:center}.arrow-image{width:24px;height:24px}button{width:64px;height:64px;border-radius:216px;background:var(--Purple, #854dff);border:none}button:hover{background:var(--Purple, #a882fa);cursor:pointer}.rec5{display:flex;flex-direction:column;align-items:flex-start;width:295px}.age{width:295px;display:flex;gap:8px}.age-number{color:var(--Purple, #854dff);font-family:Poppins;font-size:56px;font-style:italic;font-weight:800;line-height:110%;letter-spacing:-1.12px}.age-letters{color:var(--Black, #151515);font-family:Poppins;font-size:56px;font-style:italic;font-weight:800;line-height:110%;letter-spacing:-1.12px}.app{background-color:#f0f0f0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}@media (min-width: 1220px){.agecalculator{border-radius:24px 24px 200px;width:840px;display:flex}form{width:728px;display:flex;align-items:flex-start;gap:32px}.box{width:160px}.box .input-containerr{display:flex;width:160px;padding:12px 24px;align-items:center;gap:16px;border-radius:8px}input{color:var(--Black, #151515);font-family:Poppins;font-size:32px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.32px}.rectangle3{display:flex;width:728px;align-items:center}.line{width:316px;height:1px;background:var(--Line, #dcdcdc)}.arrow{order:3}.rec5{width:728px;height:342px}.age{width:100%}.age-number{color:var(--Purple, #854dff);font-family:Poppins;font-size:104px;font-style:italic;font-weight:800;line-height:110%;letter-spacing:-2.08px;width:138px;height:114px}.age-letters{color:var(--Black, #151515);font-family:Poppins;font-size:104px;font-style:italic;font-weight:800;line-height:110%;letter-spacing:-2.08px}}*{box-sizing:border-box;margin:0;padding:0}