/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/login/SSOLoginForm.vue?vue&type=style&index=0&id=31367794&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.sso-form[data-v-31367794] {
  padding: 1rem 0;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/login/LoginCard.vue?vue&type=style&index=0&id=9fab711a&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* Add transition animations for smooth switching between forms */
.card-body[data-v-9fab711a] {
  transition: all 0.3s ease;
}
.form-container[data-v-9fab711a] {
  position: relative;
  overflow: hidden; /* Prevent content overflow during height animation */
}
.form-inner[data-v-9fab711a] {
  transition: opacity 0.2s ease, transform 0.2s ease, height 0.3s ease;
  overflow: hidden;
}

/* Form transition animations */
.form-fade-enter-active[data-v-9fab711a],
.form-fade-leave-active[data-v-9fab711a] {
  transition: opacity 0.2s ease, transform 0.2s ease, height 0.3s ease;
  overflow: hidden;
}
.form-fade-enter-from[data-v-9fab711a],
.form-fade-leave-to[data-v-9fab711a] {
  opacity: 0;
  transform: translateY(10px);
}
.form-fade-enter-to[data-v-9fab711a],
.form-fade-leave-from[data-v-9fab711a] {
  opacity: 1;
  transform: translateY(0);
}

/* Simple fade for the footer */
.fade-enter-active[data-v-9fab711a],
.fade-leave-active[data-v-9fab711a] {
  transition: opacity 0.1s ease;
}
.fade-enter-from[data-v-9fab711a],
.fade-leave-to[data-v-9fab711a] {
  opacity: 0;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/otp/OTPCard.vue?vue&type=style&index=0&id=9aaa0f12&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.otp-input {
  text-align: center;
  margin: 0 0.5px;
}
.otp-input::-webkit-inner-spin-button,
.otp-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.otp-input {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
}
.otp-input[disabled] {
  background-color: var(--geeks-input-bg);
}
.progress {
  left: 0;
  top: 0.0225rem;
  border-radius: 8px 8px 0 0;
}
.progress-bar {
  animation: primary-indeterminate-translate 1s infinite linear;
}
@keyframes primary-indeterminate-translate {
0% {
    transform: translateX(-125%);
}
100% {
    transform: translateX(125%);
}
}
.cursor-pointer {
  cursor: pointer;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/onboarding/RadioOption.vue?vue&type=style&index=0&id=51bea64c&scoped=true&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.btn-check-label[data-v-51bea64c] {
  color: var(--secondary-color);
  border: 1px solid #334155;
  background-color: var(--geeks-white);
}
.btn-check-label[data-v-51bea64c]:hover {
  color: var(--secondary-color);
  border: 1px solid var(--geeks-primary);
  background-color: var(--geeks-white);
}
.btn-check:checked + .btn-check-label[data-v-51bea64c] {
  color: var(--geeks-gray-900);
  border: 1px solid var(--geeks-primary);
  background-color: rgba(var(--geeks-primary-rgb), 0.3);
}
[data-theme="light"] .btn-check-label[data-v-51bea64c], [data-theme="light"] .btn-check-label[data-v-51bea64c]:hover {
  color: var(--geeks-secondary);
}
[data-theme="light"] .btn-check:checked + .btn-check-label[data-v-51bea64c] {
  color: var(--geeks-gray-900);
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/onboarding/OnboardingCardQuestionRole.vue?vue&type=style&index=0&id=0337601b&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.other-input-container[data-v-0337601b] {
  background-color: var(--bs-light);
  border-radius: 8px;
  border-left: 3px solid var(--bs-primary);
}
[data-theme="dark"] .other-input-container[data-v-0337601b] {
  background-color: var(--bs-dark);
  border-left-color: var(--bs-primary);
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/onboarding/OnboardingCardQuestionPrimaryGoal.vue?vue&type=style&index=0&id=ba44a0c0&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.other-input-container[data-v-ba44a0c0] {
  background-color: var(--bs-light);
  border-radius: 8px;
  border-left: 3px solid var(--bs-primary);
}
[data-theme="dark"] .other-input-container[data-v-ba44a0c0] {
  background-color: var(--bs-dark);
  border-left-color: var(--bs-primary);
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/onboarding/OnboardingCardQuestionHearAboutUs.vue?vue&type=style&index=0&id=01231ca8&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#otherInput[data-v-01231ca8] {
  border: none;
  border-bottom: 1px solid var(--geeks-primary);
  border-radius: 0;
  background: none;
  color: var(--geeks-dark);
}
#otherInput[data-v-01231ca8]:focus {
  box-shadow: none;
  border-color: var(--geeks-primary);
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/onboarding/OnboardingCardPaginator.vue?vue&type=style&index=0&id=c490e4fc&scoped=true&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.btn-outline-secondary[data-v-c490e4fc]:not(:hover) {
  color: var(--color-secondary);
}
[data-theme="light"] .btn-outline-secondary[data-v-c490e4fc]:not(:hover) {
  color: var(--geeks-secondary);
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/onboarding/OnboardingCard.vue?vue&type=style&index=0&id=e3b86202&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#root {
  --primary-color: #5377ee;
  --secondary-color: #a3a7bd;
}
.question {
  font-size: 1.5rem;
  font-weight: 500;
}