#registerCard{flex-direction:column;align-self:center;width:100%;height:100%;font-family:arima,sans-serif;display:flex}#registerCard #registerForm{border-bottom:.5px solid var(--color-auth-border-bottom);flex-direction:column;gap:1.5rem;padding-bottom:1.5rem;display:flex}#registerCard #registerForm #birthDate{padding-right:12px}#registerCard #registerForm ::-webkit-calendar-picker-indicator{filter:invert()}#registerCard #registerForm #personalInformation{border:1px solid var(--color-auth-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6464640d;border-radius:6px;flex-direction:column;align-items:center;width:100%;padding-top:2rem;padding-bottom:3rem;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000026}#registerCard #registerForm #personalInformation .information-input{width:90%;color:var(--color-real-white);flex-direction:column;padding:8px 12px;display:flex}#registerCard #registerForm #personalInformation .information-input .input-label{text-transform:uppercase;padding:0 12px;font-size:.63rem;font-weight:300}#registerCard #registerForm #personalInformation .information-input .react-tel-input .form-control,#registerCard #registerForm #personalInformation .information-input .react-tel-input .flag-dropdown{background-color:var(--color-real-black);border-color:var(--color-real-black);color:var(--color-real-white);appearance:none;box-shadow:none;border-style:none;border-radius:6px;height:50px;font-size:1rem;transition:all .5s}#registerCard #registerForm #personalInformation .information-input .react-tel-input .flag-dropdown:hover{background-color:var(--color-black)}#registerCard #registerForm #personalInformation .information-input .react-tel-input .flag-dropdown:hover .selected-flag{background-color:var(--color-black)}#registerCard #registerForm #personalInformation .information-input .react-tel-input .country-list{background-color:var(--color-real-black);color:var(--color-real-white)}#registerCard #registerForm #personalInformation .information-input .react-tel-input .country-list li:hover,#registerCard #registerForm #personalInformation .information-input .react-tel-input .country-list .highlight{background-color:var(--color-black)}#registerCard #registerForm #extra-information{flex-direction:column;align-items:center;width:100%;max-height:0;transition:max-height .4s ease-in-out;display:flex;overflow:hidden}#registerCard #registerForm #extra-information .information-input:last-of-type{padding-top:3rem}#registerCard #registerForm .show{max-height:2000px!important}#registerCard #login-link-section{margin-top:1.5rem;display:flex}#registerCard #login-link-section #login-link{background:var(--color-auth-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;text-transform:uppercase;cursor:pointer;width:100%;color:var(--color-white);align-content:center;padding:0;font-size:.8rem;font-weight:600;transition:all .25s}#registerCard #login-link-section #login-link:hover{background-color:var(--color-real-white);color:var(--color-black)}