@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.divider{align-items:center;width:100%;display:flex}.divider:before,.divider:after{content:"";background-color:var(--color-grey-200);flex:1;height:1px}.button{background-color:var(--color-purple-500);border:none;border-radius:50%;width:64px;height:64px}.button:active{background-color:var(--color-black)}.button__icon{width:24px;height:24px}@media (width>=768px){.button{width:96px;height:96px}.button__icon{width:44px;height:44px}}@media (width>=1024px){.divider:after{flex:0}}.age-calculation__list{flex-direction:column;margin-bottom:32px;list-style:none;display:flex}.age-calculation__item{flex-direction:row;align-items:center;gap:8px;display:flex}.age-calculation__value{font:var(--text-preset-2);letter-spacing:var(--text-preset-2-letter-spacing);color:var(--color-purple-500)}.age-calculation__label{font:var(--text-preset-2);letter-spacing:var(--text-preset-2-letter-spacing)}@media (width>=768px){.age-calculation__value,.age-calculation__label{font:var(--text-preset-1);letter-spacing:var(--text-preset-1-letter-spacing)}}.data-field{flex-direction:column;display:flex;position:relative}.data-field__label{text-transform:uppercase;font:var(--text-preset-6-bold);letter-spacing:var(--text-preset-6-bold-letter-spacing);color:var(--color-grey-500);margin-bottom:8px}.data-field__label.data-field--error{color:var(--color-red-400)}.data-field__value{font:var(--text-preset-4);letter-spacing:var(--text-preset-4-letter-spacing);border:1px solid var(--color-grey-200);border-radius:8px;width:88px;height:46px;padding:8px 16px}.data-field__value.data-field--error{border-color:var(--color-red-400)}.data-field__value::placeholder{font:var(--text-preset-4);letter-spacing:var(--text-preset-4-letter-spacing);color:var(--color-grey-500)}.data-field__error-message{max-width:88px;font:var(--text-preset-6-italic);letter-spacing:var(--text-preset-6-italic-letter-spacing);color:var(--color-red-400);position:absolute;top:80px;left:0}@media (width>=768px){.data-field__label{font:var(--text-preset-5-bold);letter-spacing:var(--text-preset-5-bold-letter-spacing)}.data-field__value{font:var(--text-preset-3);letter-spacing:var(--text-preset-3-letter-spacing);width:170px;height:64px;padding:8px 24px}.data-field__value::placeholder{font:var(--text-preset-3);letter-spacing:var(--text-preset-3-letter-spacing)}.data-field__error-message{max-width:170px;font:var(--text-preset-5-italic);letter-spacing:var(--text-preset-5-italic-letter-spacing);top:101px}}.data-field__list{justify-content:space-between;list-style:none;display:flex}@media (width>=768px){.data-field__list{justify-content:flex-start;gap:24px}}.card{background-color:var(--color-white);border-radius:24px 24px 100px;max-width:343px;padding:48px 24px 24px}.card ul{gap:16px;margin-bottom:32px;list-style:none;display:flex}.card__button{justify-content:center;margin:32px 0;display:flex}@media (width>=768px){.card{max-width:686px;padding:56px 48px 24px}.card ul{gap:24px;margin-bottom:48px}}@media (width>=1024px){.card{width:840px;max-width:none}}:root{--color-white:#fff;--color-black:#000;--color-grey-500:#716f6f;--color-grey-200:#dbdbdb;--color-grey-100:#f0f0f0;--color-red-400:#ff5757;--color-purple-500:#854cff;--font-family:"Poppins", sans-serif;--text-preset-1:italic 800 104px/110% var(--font-family), sans-serif;--text-preset-2:italic 800 56px/110% var(--font-family), sans-serif;--text-preset-3:normal 700 32px/150% var(--font-family), sans-serif;--text-preset-3-letter-spacing:0px;--text-preset-4:normal 700 20px/150% var(--font-family), sans-serif;--text-preset-4-letter-spacing:0px;--text-preset-5-bold:normal 700 14px/150% var(--font-family), sans-serif;--text-preset-5-bold-letter-spacing:5px;--text-preset-5-italic:italic 400 14px/150% var(--font-family), sans-serif;--text-preset-5-italic-letter-spacing:0px;--text-preset-6-bold:normal 700 12px/150% var(--font-family), sans-serif;--text-preset-6-bold-letter-spacing:4px;--text-preset-6-italic:italic 400 12px/150% var(--font-family), sans-serif;--text-preset-6-italic-letter-spacing:0px}*{box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0}#app{background-color:var(--color-grey-100);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.attribution{text-align:center;font-size:11px}.attribution a{color:#3e52a3}