Study preferences
Let us know what you're studying to personalize your experience! 📚💪✨
What are you studying?
*
0) ? activePriorityIndex - 1 : priority_options.length - 1"
@keydown.arrow-down.prevent="activePriorityIndex = (activePriorityIndex < priority_options.length - 1) ? activePriorityIndex + 1 : 0"
@keydown.enter.prevent="selected_option = priority_options[activePriorityIndex]; open = false; $dispatch('change');"
class="w-full min-h-11 py-[10px] px-3 rounded-lg border bg-white border-gray-300 focus:outline-none text-base placeholder-gray-500 text-gray-900 dark:text-gray-100 dark:bg-black dark:border-gray-700 hover:ring-2 hover:ring-indigo-600 dark:hover:ring-indigo-400 focus:ring-2 focus:ring-indigo-600 dark:focus:ring-indigo-400 active:ring-2 active:ring-indigo-600 dark:active:ring-indigo-400 disabled:bg-gray-200 dark:disabled:bg-gray-800 disabled:text-gray-500 disabled:border-2 disabled:border-gray-300 dark:disabled:border-gray-700 disabled:!ring-transparent"
aria-haspopup="listbox"
aria-expanded="true"
aria-labelledby="listbox-label"
>
Which study level?
*
0) ? activePriorityIndex - 1 : priority_options.length - 1"
@keydown.arrow-down.prevent="activePriorityIndex = (activePriorityIndex < priority_options.length - 1) ? activePriorityIndex + 1 : 0"
@keydown.enter.prevent="selected_option = priority_options[activePriorityIndex]; open = false; $dispatch('change');"
class="w-full min-h-11 py-[10px] px-3 rounded-lg border bg-white border-gray-300 focus:outline-none text-base placeholder-gray-500 text-gray-900 dark:text-gray-100 dark:bg-black dark:border-gray-700 hover:ring-2 hover:ring-indigo-600 dark:hover:ring-indigo-400 focus:ring-2 focus:ring-indigo-600 dark:focus:ring-indigo-400 active:ring-2 active:ring-indigo-600 dark:active:ring-indigo-400 disabled:bg-gray-200 dark:disabled:bg-gray-800 disabled:text-gray-500 disabled:border-2 disabled:border-gray-300 dark:disabled:border-gray-700 disabled:!ring-transparent"
aria-haspopup="listbox"
aria-expanded="true"
aria-labelledby="listbox-label"
>
What is your goal?
*
0) ? activePriorityIndex - 1 : priority_options.length - 1"
@keydown.arrow-down.prevent="activePriorityIndex = (activePriorityIndex < priority_options.length - 1) ? activePriorityIndex + 1 : 0"
@keydown.enter.prevent="selected_option = priority_options[activePriorityIndex]; open = false; $dispatch('change');"
class="w-full min-h-11 py-[10px] px-3 rounded-lg border bg-white border-gray-300 focus:outline-none text-base placeholder-gray-500 text-gray-900 dark:text-gray-100 dark:bg-black dark:border-gray-700 hover:ring-2 hover:ring-indigo-600 dark:hover:ring-indigo-400 focus:ring-2 focus:ring-indigo-600 dark:focus:ring-indigo-400 active:ring-2 active:ring-indigo-600 dark:active:ring-indigo-400 disabled:bg-gray-200 dark:disabled:bg-gray-800 disabled:text-gray-500 disabled:border-2 disabled:border-gray-300 dark:disabled:border-gray-700 disabled:!ring-transparent"
aria-haspopup="listbox"
aria-expanded="true"
aria-labelledby="listbox-label"
>
What is your goal?
*
0) ? activePriorityIndex - 1 : priority_options.length - 1"
@keydown.arrow-down.prevent="activePriorityIndex = (activePriorityIndex < priority_options.length - 1) ? activePriorityIndex + 1 : 0"
@keydown.enter.prevent="selected_option = priority_options[activePriorityIndex]; open = false; $dispatch('change');"
class="w-full min-h-11 py-[10px] px-3 rounded-lg border bg-white border-gray-300 focus:outline-none text-base placeholder-gray-500 text-gray-900 dark:text-gray-100 dark:bg-black dark:border-gray-700 hover:ring-2 hover:ring-indigo-600 dark:hover:ring-indigo-400 focus:ring-2 focus:ring-indigo-600 dark:focus:ring-indigo-400 active:ring-2 active:ring-indigo-600 dark:active:ring-indigo-400 disabled:bg-gray-200 dark:disabled:bg-gray-800 disabled:text-gray-500 disabled:border-2 disabled:border-gray-300 dark:disabled:border-gray-700 disabled:!ring-transparent"
aria-haspopup="listbox"
aria-expanded="true"
aria-labelledby="listbox-label"
>
Add another interest