/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/modals/HelpModal.vue?vue&type=style&index=0&id=798f821a&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.help-modal-overlay[data-v-798f821a] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1055;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.help-modal[data-v-798f821a] {
  display: flex;
  max-width: 358px;
  padding: 24px 16px;
  align-items: flex-start;
  gap: 8px;
  border-radius: 16px;
  background: #FFFEFD;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 575.98px) {
.help-modal[data-v-798f821a] {
    max-width: none;
    width: 100%;
}
}
@media (min-width: 576.98px) {
.help-modal.help-modal--match-element-width[data-v-798f821a] {
    max-width: none;
}
}
.help-modal > .help-icon[data-v-798f821a],
.help-modal > .content .title[data-v-798f821a],
.help-modal > .close-btn[data-v-798f821a] {
  align-self: flex-start;
}
.content[data-v-798f821a] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.title[data-v-798f821a] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.title.semibold[data-v-798f821a] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.title.medium[data-v-798f821a] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.title.regular[data-v-798f821a] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.title[data-v-798f821a] {
  color: #36465E;
  font-weight: 600;
  margin: 0;
  display: flex;
  align-items: center;
  min-height: 32px;
  padding-block: 12px;
}
@media (min-width: 576.98px) {
.help-modal--hide-title-desktop-tablet .title[data-v-798f821a],
  .help-modal--hide-title-desktop-tablet .help-icon[data-v-798f821a] {
    display: none;
}
}
@media (min-width: 576.98px) {
.help-modal--hide-title-desktop-tablet .content[data-v-798f821a] {
    padding-left: 24px;
}
}
@media (min-width: 576.98px) {
.help-modal--hide-title-desktop-tablet .close-btn[data-v-798f821a] {
    padding-top: 0;
}
}
.text[data-v-798f821a] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.text.semibold[data-v-798f821a] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.text.medium[data-v-798f821a] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.text.regular[data-v-798f821a] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.text[data-v-798f821a] {
  color: #5E6B7E;
  margin: 0;
}
.whatsapp-link[data-v-798f821a] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.whatsapp-link.semibold[data-v-798f821a] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.whatsapp-link.medium[data-v-798f821a] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.whatsapp-link.regular[data-v-798f821a] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.whatsapp-link[data-v-798f821a] {
  color: #2DB0E4;
  text-decoration: none;
  cursor: pointer;
  font-weight: 600;
}
.whatsapp-link[data-v-798f821a]:hover {
  text-decoration: none;
}
.close-btn[data-v-798f821a] {
  background: none;
  border: none;
  padding: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: none;
  min-height: 32px;
}
.close-btn[data-v-798f821a]:hover, .close-btn[data-v-798f821a]:focus, .close-btn[data-v-798f821a]:active {
  transform: none !important;
  outline: none;
}
.help-icon[data-v-798f821a] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border-radius: 8px;
  background: #F2F4F6;
  color: #36465E;
}
.help-modal-slide-enter-active[data-v-798f821a],
.help-modal-slide-leave-active[data-v-798f821a] {
  transition: opacity 0.3s ease;
}
.help-modal-slide-enter-active .help-modal[data-v-798f821a],
.help-modal-slide-leave-active .help-modal[data-v-798f821a] {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.help-modal-slide-enter-from[data-v-798f821a] {
  opacity: 0;
}
.help-modal-slide-enter-from .help-modal[data-v-798f821a] {
  transform: translateX(100%);
  opacity: 0;
}
.help-modal-slide-leave-to[data-v-798f821a] {
  opacity: 0;
}
.help-modal-slide-leave-to .help-modal[data-v-798f821a] {
  transform: translateX(100%);
  opacity: 0;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/principal/components/AuthFormContainer.vue?vue&type=style&index=0&id=1edf8044&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.auth-form[data-v-1edf8044] {
  padding: 48px 1rem 0 1rem;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100vh;
  max-height: calc(var(--vh, 1vh) * 100);
}
@media (max-width: 575.98px) {
.auth-form[data-v-1edf8044] {
    padding: 0;
    background: #FFFBF2;
}
}
.auth-form__wrapper[data-v-1edf8044] {
  max-width: 485px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
@media (max-width: 575.98px) {
.auth-form__wrapper[data-v-1edf8044] {
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
}
.auth-form__container[data-v-1edf8044] {
  background: #FFFBF2;
  border-radius: 16px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
  width: 100%;
  margin: auto;
}
@media (max-width: 575.98px) {
.auth-form__container[data-v-1edf8044] {
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    border-bottom: none;
}
}
.auth-form__form[data-v-1edf8044] {
  padding: 40px;
}
@media (max-width: 991.98px) {
.auth-form__form[data-v-1edf8044] {
    align-items: flex-start !important;
    justify-content: center !important;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100vh;
    max-height: calc(var(--vh, 1vh) * 100);
}
}
@media (max-width: 575.98px) {
.auth-form__form[data-v-1edf8044] {
    padding: 1.5rem 1.25rem;
    align-items: flex-start !important;
    justify-content: center !important;
    overflow: visible;
}
}
.auth-form__form-content-wrapper[data-v-1edf8044] {
  width: 100%;
  max-width: 485px;
}
@media (max-width: 991.98px) {
.auth-form__form-content-wrapper[data-v-1edf8044] {
    margin: auto 0;
}
}
@media (max-width: 575.98px) {
.auth-form__form-content-wrapper[data-v-1edf8044] {
    margin: auto 0;
}
}
.auth-form__logo-container[data-v-1edf8044] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.3rem;
}
@media (max-width: 991.98px) {
.auth-form__logo-container[data-v-1edf8044] {
    margin-bottom: 1.5rem;
}
}
@media (max-width: 575.98px) {
.auth-form__logo-container[data-v-1edf8044] {
    margin-bottom: 36px;
}
}
.auth-form__form-logo[data-v-1edf8044] {
  max-width: 96px;
  height: auto;
  display: block;
}
.auth-form__help-wrapper[data-v-1edf8044] {
  position: relative;
  flex-shrink: 0;
}
.auth-form__question-icon[data-v-1edf8044] {
  flex-shrink: 0;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.auth-form__question-icon[data-v-1edf8044]:hover {
  transform: scale(1.1);
}
.auth-form__question-icon[data-v-1edf8044]:active {
  transform: scale(0.95);
}
.auth-form__question-icon[data-v-1edf8044]:focus {
  outline: none;
}
.auth-form__question-icon[data-v-1edf8044]:focus-visible {
  outline: 2px solid #567394;
  outline-offset: 2px;
  border-radius: 4px;
}
.auth-form-footer[data-v-1edf8044] {
  width: 100%;
  padding-top: 32px;
  text-align: center;
  padding-bottom: 48px;
}
@media (max-width: 575.98px) {
.auth-form-footer[data-v-1edf8044] {
    background: #FFFBF2;
    padding-top: 8px;
    padding-bottom: 32px;
    border-top: none;
    text-align: left;
    padding-inline: 1.5rem;
}
}
.auth-form-footer p[data-v-1edf8044] {
  margin: 0;
}
.auth-form-footer__text-1[data-v-1edf8044] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.auth-form-footer__text-1[data-v-1edf8044] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
@media (max-width: 575.98px) {
.auth-form-footer__text-1[data-v-1edf8044] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
.auth-form-footer__text-1[data-v-1edf8044] {
  color: #567394;
  text-align: center;
  margin-bottom: 3px !important;
}
@media (max-width: 575.98px) {
.auth-form-footer__text-1[data-v-1edf8044] {
    text-align: left;
}
}
.auth-form-footer__text-2[data-v-1edf8044] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.auth-form-footer__text-2[data-v-1edf8044] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.auth-form-footer__text-2[data-v-1edf8044] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.auth-form-footer__text-2[data-v-1edf8044] {
  color: #5E6B7E;
  text-align: center;
}
@media (max-width: 575.98px) {
.auth-form-footer__text-2[data-v-1edf8044] {
    text-align: left;
}
}
.auth-form-footer__text-2 a[data-v-1edf8044] {
  text-decoration: none;
  font-weight: 500;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/icons/NeutralIcon.vue?vue&type=style&index=0&id=4f2f35eb&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.rule-icon[data-v-4f2f35eb] {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.rule-icon .rule-icon-path[data-v-4f2f35eb] {
  fill: #717182;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/inputs/PasswordInput.vue?vue&type=style&index=0&id=436a088e&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.password-input-wrapper[data-v-436a088e] {
  position: relative;
}
.password-input-wrapper .password-toggle[data-v-436a088e] {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.password-input-wrapper .password-toggle[data-v-436a088e]:focus {
  outline: none;
  border: none !important;
}
.password-input-wrapper .password-toggle[data-v-436a088e]:hover {
  border: none !important;
  background: none !important;
}
.password-input-wrapper .password-toggle[data-v-436a088e]:active {
  border: none !important;
  background: none !important;
}
.password-input-wrapper .password-toggle svg[data-v-436a088e] {
  pointer-events: none;
}
.password-input-wrapper .password-toggle .password-toggle-icon path[data-v-436a088e] {
  fill: #A8A8B3;
}
.password-error[data-v-436a088e] {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.password-error .error-icon[data-v-436a088e] {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.password-rules[data-v-436a088e] {
  margin-top: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.password-rules .password-rule[data-v-436a088e] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.password-rules .password-rule .rule-icon[data-v-436a088e] {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/principal/components/BirthdateModal.vue?vue&type=style&index=0&id=65f33987&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.birthdate-modal-overlay[data-v-65f33987] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1055;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
@media (max-width: 575.98px) {
.birthdate-modal-overlay[data-v-65f33987] {
    padding: 0 16px;
}
}
.birthdate-modal[data-v-65f33987] {
  position: relative;
  border-radius: 16px;
  border: 0.5px solid #FFFFFF;
  background: #FFFBF2;
  backdrop-filter: blur(2px);
  display: flex;
  max-width: 473px;
  width: 100%;
  padding: 40px;
  justify-content: center;
  align-items: flex-start;
  max-height: 90vh;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 991.98px) {
.birthdate-modal[data-v-65f33987] {
    max-width: 473px;
    padding: 40px;
}
}
@media (max-width: 575.98px) {
.birthdate-modal[data-v-65f33987] {
    max-width: calc(100% - 5px);
    max-height: 95vh;
    padding: 24px 20px;
}
}
.birthdate-modal__content[data-v-65f33987] {
  width: 100%;
  padding: 0;
}
.birthdate-modal__form[data-v-65f33987] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 36px;
}
@media (max-width: 575.98px) {
.birthdate-modal__form[data-v-65f33987] {
    gap: 20px;
}
}
.birthdate-modal__form .form-btn.full-width[data-v-65f33987] {
  width: 100% !important;
  margin-left: 0;
  margin-right: 0;
}
.birthdate-modal__logo[data-v-65f33987] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 145px;
  height: 40px;
  margin: 0;
}
.birthdate-modal__logo-image[data-v-65f33987] {
  width: 145px;
  height: 40px;
}
.birthdate-modal__illustration[data-v-65f33987] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
}
@media (max-width: 575.98px) {
.birthdate-modal__illustration[data-v-65f33987] {
    margin-bottom: 4px;
}
}
.birthdate-modal__glass-image[data-v-65f33987] {
  width: 120px;
  height: 120px;
  border-radius: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 575.98px) {
.birthdate-modal__glass-image[data-v-65f33987] {
    width: 100px;
    height: 100px;
}
}
.birthdate-modal__date-input[data-v-65f33987] {
  width: 100%;
}
.birthdate-modal__date-input[data-v-65f33987] label {
  margin-top: 0 !important;
}
.birthdate-modal__email-section[data-v-65f33987] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 24px;
  padding: 24px;
  background: #F7F2E8;
}
@media (max-width: 575.98px) {
.birthdate-modal__email-section[data-v-65f33987] {
    gap: 10px;
}
}
.birthdate-modal__email-recommendation[data-v-65f33987] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  text-align: center;
  color: #5E6B7E;
  margin: 0;
  padding: 0;
}
@media (max-width: 575.98px) {
.birthdate-modal__email-recommendation[data-v-65f33987] {
    padding: 0 4px;
}
}
.birthdate-modal__email-recommendation-title[data-v-65f33987] {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  display: inline;
}
.birthdate-modal__email-recommendation-description[data-v-65f33987] {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  display: inline;
}
.birthdate-modal__email-input[data-v-65f33987] {
  width: 100%;
}
.birthdate-modal__email-input[data-v-65f33987] label {
  margin-top: 0 !important;
}
.birthdate-modal__instruction[data-v-65f33987] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  text-align: center;
  color: #5E6B7E;
  margin: 0 3px;
  padding: 0;
}
@media (max-width: 575.98px) {
.birthdate-modal__instruction[data-v-65f33987] {
    padding: 0 4px;
}
}
.birthdate-modal__help[data-v-65f33987] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #5E6B7E;
  text-align: center;
  margin: 0;
  padding: 0px;
}
@media (max-width: 575.98px) {
.birthdate-modal__help[data-v-65f33987] {
    padding: 0 4px;
}
}
.birthdate-modal__whatsapp-link[data-v-65f33987] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #2DB0E4;
  text-decoration: none;
}
.birthdate-modal-slide-enter-active[data-v-65f33987],
.birthdate-modal-slide-leave-active[data-v-65f33987] {
  transition: opacity 0.3s ease;
}
.birthdate-modal-slide-enter-active .birthdate-modal[data-v-65f33987],
.birthdate-modal-slide-leave-active .birthdate-modal[data-v-65f33987] {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.birthdate-modal-slide-enter-from[data-v-65f33987] {
  opacity: 0;
}
.birthdate-modal-slide-enter-from .birthdate-modal[data-v-65f33987] {
  transform: translateY(-20px);
  opacity: 0;
}
.birthdate-modal-slide-leave-to[data-v-65f33987] {
  opacity: 0;
}
.birthdate-modal-slide-leave-to .birthdate-modal[data-v-65f33987] {
  transform: translateY(-20px);
  opacity: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/principal/views/RegisterUser.vue?vue&type=style&index=0&id=572b6991&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.register-user__title[data-v-572b6991] {
  margin-bottom: 8px;
}
.register-user__subtitle[data-v-572b6991] {
  margin-bottom: 36px;
}
.register-user__form-content .form-check[data-v-572b6991] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.register-user__form-content .form-check .form-check-input[data-v-572b6991] {
  margin-top: 0.25rem;
  cursor: pointer;
}
.register-user__form-content .form-check p[data-v-572b6991] {
  font-size: 14px;
  font-weight: 500;
}
.register-user__form-content .form-check a[data-v-572b6991] {
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 575.98px) {
.register-user__form-content .form-btn[data-v-572b6991] {
    width: 100%;
}
}
.register-user__form-content .form-btn[data-v-572b6991]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.register-user__input-wrapper[data-v-572b6991] {
  margin-bottom: 24px;
}
.register-user__input-wrapper--password[data-v-572b6991] {
  margin-bottom: 16px;
}
.register-user__input-wrapper[data-v-572b6991] .form-label {
  margin-top: 0;
}
.register-user__privacy-section[data-v-572b6991] {
  margin-top: 8px;
  margin-bottom: 24px;
}
@media (max-width: 575.98px) {
.register-user__privacy-section[data-v-572b6991] {
    margin-bottom: 36px;
}
}
.underline-black[data-v-572b6991] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.underline-black[data-v-572b6991] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.underline-black[data-v-572b6991] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.underline-black[data-v-572b6991] {
  text-decoration: none;
  color: #2DB0E4;
  font-weight: 500;
}
.register-user__account-link[data-v-572b6991] {
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (max-width: 575.98px) {
.register-user__account-link[data-v-572b6991] {
    margin-top: 36px;
}
}
.register-user__account-link span[data-v-572b6991] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.register-user__account-link span.semibold[data-v-572b6991] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.register-user__account-link span.medium[data-v-572b6991] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.register-user__account-link span.regular[data-v-572b6991] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.register-user__account-link span[data-v-572b6991] {
  font-weight: 500;
  color: #36465E;
}
.register-user__account-link a[data-v-572b6991] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.register-user__account-link a.semibold[data-v-572b6991] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.register-user__account-link a.medium[data-v-572b6991] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.register-user__account-link a.regular[data-v-572b6991] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.register-user__account-link a[data-v-572b6991] {
  font-weight: 500;
  color: #2DB0E4;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/principal/components/RegisterEmailModal.vue?vue&type=style&index=0&id=3cdce1bb&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.register-email-modal-overlay[data-v-3cdce1bb] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1055;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
@media (max-width: 575.98px) {
.register-email-modal-overlay[data-v-3cdce1bb] {
    padding: 0 16px;
}
}
.register-email-modal[data-v-3cdce1bb] {
  position: relative;
  border-radius: 16px;
  border: 0.5px solid #FFFFFF;
  background: #FFFBF2;
  backdrop-filter: blur(2px);
  display: flex;
  max-width: 473px;
  width: 100%;
  padding: 40px;
  justify-content: center;
  align-items: flex-start;
  max-height: 90vh;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 991.98px) {
.register-email-modal[data-v-3cdce1bb] {
    max-width: 473px;
    padding: 40px;
}
}
@media (max-width: 575.98px) {
.register-email-modal[data-v-3cdce1bb] {
    max-width: calc(100% - 5px);
    max-height: 95vh;
    padding: 24px 20px;
}
}
.register-email-modal__content[data-v-3cdce1bb] {
  width: 100%;
  padding: 0;
}
.register-email-modal__form[data-v-3cdce1bb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 36px;
}
@media (max-width: 575.98px) {
.register-email-modal__form[data-v-3cdce1bb] {
    gap: 20px;
}
}
.register-email-modal__form .form-btn.full-width[data-v-3cdce1bb] {
  width: 100% !important;
  margin-left: 0;
  margin-right: 0;
}
.register-email-modal__logo[data-v-3cdce1bb] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 145px;
  height: 40px;
  margin: 0;
}
.register-email-modal__logo-image[data-v-3cdce1bb] {
  width: 145px;
  height: 40px;
}
.register-email-modal__email-section[data-v-3cdce1bb] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 24px;
  padding: 24px;
  background: #F7F2E8;
}
@media (max-width: 575.98px) {
.register-email-modal__email-section[data-v-3cdce1bb] {
    gap: 10px;
}
}
.register-email-modal__email-recommendation[data-v-3cdce1bb] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  text-align: center;
  color: #5E6B7E;
  margin: 0;
  padding: 0;
}
@media (max-width: 575.98px) {
.register-email-modal__email-recommendation[data-v-3cdce1bb] {
    padding: 0 4px;
}
}
.register-email-modal__email-recommendation-title[data-v-3cdce1bb] {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  display: inline;
}
.register-email-modal__email-recommendation-description[data-v-3cdce1bb] {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  display: inline;
}
.register-email-modal__email-input[data-v-3cdce1bb] {
  width: 100%;
}
.register-email-modal__email-input[data-v-3cdce1bb] label {
  margin-top: 0 !important;
}
.register-email-modal__help[data-v-3cdce1bb] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #5E6B7E;
  text-align: center;
  margin: 0;
  padding: 0px;
}
@media (max-width: 575.98px) {
.register-email-modal__help[data-v-3cdce1bb] {
    padding: 0 4px;
}
}
.register-email-modal__whatsapp-link[data-v-3cdce1bb] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #2DB0E4;
  text-decoration: none;
}
.register-email-modal-slide-enter-active[data-v-3cdce1bb],
.register-email-modal-slide-leave-active[data-v-3cdce1bb] {
  transition: opacity 0.3s ease;
}
.register-email-modal-slide-enter-active .register-email-modal[data-v-3cdce1bb],
.register-email-modal-slide-leave-active .register-email-modal[data-v-3cdce1bb] {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.register-email-modal-slide-enter-from[data-v-3cdce1bb] {
  opacity: 0;
}
.register-email-modal-slide-enter-from .register-email-modal[data-v-3cdce1bb] {
  transform: translateY(-20px);
  opacity: 0;
}
.register-email-modal-slide-leave-to[data-v-3cdce1bb] {
  opacity: 0;
}
.register-email-modal-slide-leave-to .register-email-modal[data-v-3cdce1bb] {
  transform: translateY(-20px);
  opacity: 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/principal/views/Login.vue?vue&type=style&index=0&id=2e7e8214&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.login__title[data-v-2e7e8214] {
  margin-bottom: 8px;
}
.login__subtitle[data-v-2e7e8214] {
  margin-bottom: 36px;
}
.login__form-content .form-check[data-v-2e7e8214] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}
.login__form-content .form-check .form-check-input[data-v-2e7e8214] {
  margin-top: 0;
  cursor: pointer;
}
.login__form-content .form-check .form-check-label[data-v-2e7e8214] {
  margin: 0;
  cursor: pointer;
}
@media (max-width: 575.98px) {
.login__form-content .form-btn[data-v-2e7e8214] {
    width: 100%;
}
}
.login__input-wrapper[data-v-2e7e8214] {
  margin-bottom: 24px;
}
.login__input-wrapper--password[data-v-2e7e8214] {
  margin-bottom: 16px;
}
.login__input-wrapper[data-v-2e7e8214] .form-label {
  margin-top: 0;
}
.login__form-options[data-v-2e7e8214] {
  margin-top: 0.5rem;
  margin-bottom: 36px;
}
@media (max-width: 575.98px) {
.login__form-options[data-v-2e7e8214] {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 1rem;
}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/principal/views/RecoverPassword.vue?vue&type=style&index=0&id=78cf9e6c&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.recover-password__title[data-v-78cf9e6c] {
  margin-bottom: 8px;
}
.recover-password__subtitle[data-v-78cf9e6c] {
  margin-bottom: 36px;
}
.recover-password__input-wrapper[data-v-78cf9e6c] {
  margin-bottom: 36px;
}
.recover-password__input-wrapper[data-v-78cf9e6c] .form-label {
  margin-top: 0;
}
.recover-password__buttons[data-v-78cf9e6c] {
  margin-top: 0;
  margin-bottom: 36px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}
@media (min-width: 576.98px) {
.recover-password__buttons[data-v-78cf9e6c] {
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
}
}
@media (max-width: 575.98px) {
.recover-password__buttons[data-v-78cf9e6c] {
    flex-direction: column;
    align-items: stretch;
}
}
.recover-password__no-email[data-v-78cf9e6c] {
  margin-top: 1rem;
}
.recover-password__button[data-v-78cf9e6c] {
  width: auto;
}
@media (min-width: 576.98px) {
.recover-password__button[data-v-78cf9e6c] {
    flex: 1;
    width: 50%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
}
@media (max-width: 575.98px) {
.recover-password__button[data-v-78cf9e6c] {
    width: 100%;
}
}
@media (max-width: 575.98px) {
.recover-password__container--message[data-v-78cf9e6c] .auth-form {
    padding: 2rem 1.5rem;
}
}
.recover-password__container--message[data-v-78cf9e6c] .auth-form__container {
  min-height: auto;
}
@media (max-width: 575.98px) {
.recover-password__container--message[data-v-78cf9e6c] .auth-form__container {
    min-height: auto;
    margin: 1rem;
    border-radius: 16px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}
}
.recover-password__confirmation[data-v-78cf9e6c] {
  padding: 0;
}
.recover-password__confirmation-message[data-v-78cf9e6c] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.recover-password__confirmation-message.semibold[data-v-78cf9e6c] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.recover-password__confirmation-message.medium[data-v-78cf9e6c] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.recover-password__confirmation-message.regular[data-v-78cf9e6c] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.recover-password__confirmation-message[data-v-78cf9e6c] {
  color: #5E6B7E;
  margin-bottom: 36px;
}
.recover-password__confirmation-email[data-v-78cf9e6c] {
  text-decoration: underline;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/animations/LoadingSpinner.vue?vue&type=style&index=0&id=4a77cb9d&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.loading-spinner[data-v-4a77cb9d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.loading-spinner--overlay[data-v-4a77cb9d] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(4px);
  z-index: 1000;
}
.loading-spinner__container[data-v-4a77cb9d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.loading-spinner__circle[data-v-4a77cb9d] {
  border-radius: 50%;
  border: 3px solid #E2E2E9;
  border-top-color: #748899;
  border-right-color: #748899;
  animation: spin-4a77cb9d 0.8s linear infinite;
}
.loading-spinner__circle--small[data-v-4a77cb9d] {
  width: 32px;
  height: 32px;
  border-width: 2px;
  border-top-color: #6B6B6B;
  border-right-color: #6B6B6B;
}
.loading-spinner__circle--medium[data-v-4a77cb9d] {
  width: 48px;
  height: 48px;
  border-width: 3px;
  border-top-color: #748899;
  border-right-color: #748899;
}
.loading-spinner__circle--large[data-v-4a77cb9d] {
  width: 64px;
  height: 64px;
  border-width: 4px;
  border-top-color: #5E6B7E;
  border-right-color: #5E6B7E;
}
.loading-spinner__text[data-v-4a77cb9d] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.loading-spinner__text[data-v-4a77cb9d] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.loading-spinner__text[data-v-4a77cb9d] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.loading-spinner__text[data-v-4a77cb9d] {
  color: #6B6B6B;
  margin: 0;
  text-align: center;
}
@keyframes spin-4a77cb9d {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/principal/views/ResetPassword.vue?vue&type=style&index=0&id=6a9b61d2&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.reset-password__title[data-v-6a9b61d2] {
  margin-bottom: 8px;
}
.reset-password__title--form[data-v-6a9b61d2] {
  margin-bottom: 36px;
}
.reset-password__input-wrapper[data-v-6a9b61d2] {
  margin-bottom: 24px;
}
.reset-password__input-wrapper--last[data-v-6a9b61d2] {
  margin-bottom: 36px;
}
.reset-password__input-wrapper[data-v-6a9b61d2] .form-label {
  margin-top: 0;
}
.reset-password__button-wrapper[data-v-6a9b61d2] {
  margin-top: 0;
  margin-bottom: 16px;
}
.reset-password__expired-message[data-v-6a9b61d2] {
  padding-bottom: 36px;
}
.reset-password__clock-image[data-v-6a9b61d2] {
  max-width: 120px;
  height: auto;
}
@media (max-width: 991.98px) {
.reset-password__clock-image[data-v-6a9b61d2] {
    max-width: 100px;
}
}
@media (max-width: 575.98px) {
.reset-password__clock-image[data-v-6a9b61d2] {
    max-width: 90px;
}
}
@media (max-width: 575.98px) {
.reset-password__container--expired[data-v-6a9b61d2] .auth-form {
    padding: 2rem 1.5rem;
}
}
.reset-password__container--expired[data-v-6a9b61d2] .auth-form__container {
  min-height: auto;
}
@media (max-width: 575.98px) {
.reset-password__container--expired[data-v-6a9b61d2] .auth-form__container {
    margin: 1rem;
    border-radius: 16px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}
}
@media (max-width: 575.98px) {
.reset-password__container--success[data-v-6a9b61d2] .auth-form {
    padding: 2rem 1.5rem;
}
}
.reset-password__container--success[data-v-6a9b61d2] .auth-form__container {
  min-height: auto;
}
@media (max-width: 575.98px) {
.reset-password__container--success[data-v-6a9b61d2] .auth-form__container {
    margin: 1rem;
    border-radius: 16px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}
}
.reset-password__success-message[data-v-6a9b61d2] {
  padding-bottom: 36px;
}
.reset-password__kite-image[data-v-6a9b61d2] {
  max-width: 150px;
  height: auto;
}
@media (max-width: 991.98px) {
.reset-password__kite-image[data-v-6a9b61d2] {
    max-width: 130px;
}
}
@media (max-width: 575.98px) {
.reset-password__kite-image[data-v-6a9b61d2] {
    max-width: 110px;
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/BackButton.vue?vue&type=style&index=0&id=4d3284a9&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.back-button[data-v-4d3284a9] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  background: transparent;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
@media (max-width: 991.98px) {
.back-button[data-v-4d3284a9] {
    padding-top: 8px;
}
}
.back-button[data-v-4d3284a9]:hover {
  opacity: 0.7;
}
.back-button__icon[data-v-4d3284a9] {
  flex-shrink: 0;
  color: #36465E;
}
.back-button__text[data-v-4d3284a9] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.back-button__text.semibold[data-v-4d3284a9] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.back-button__text.medium[data-v-4d3284a9] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.back-button__text.regular[data-v-4d3284a9] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.back-button__text[data-v-4d3284a9] {
  font-weight: 500;
  color: #36465E;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/principal/views/PrivacyNotice.vue?vue&type=style&index=0&id=7ed9f0e6&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.onboarding-container[data-v-7ed9f0e6] {
  padding: 16px 130px 40px 130px;
  margin: 0 auto;
}
.onboarding-container--no-back-button[data-v-7ed9f0e6] {
  padding-top: 40px;
}
@media (max-width: 991.98px) {
.onboarding-container[data-v-7ed9f0e6] {
    padding: 0;
}
.onboarding-container--no-back-button[data-v-7ed9f0e6] {
    padding-top: 24px;
}
}
.informed-consent[data-v-7ed9f0e6] {
  min-height: 0;
  flex: 1 1 0;
  background-color: rgba(239, 246, 255, 0.4);
  border-radius: 16px;
  padding: 30px 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.informed-consent__section--content[data-v-7ed9f0e6] {
  flex: 1 1 0;
  min-height: 0;
  border-radius: 16px;
  background-color: rgba(239, 246, 255, 0.4);
  /*backdrop-filter: blur(24px);*/
  padding: 6rem;
  /* margin-inline: 3rem; */
  padding-top: 5rem;
}
@media (max-width: 991.98px) {
.informed-consent__section--content[data-v-7ed9f0e6] {
    padding: 80px 48px;
    margin: 0;
    margin-bottom: 40px;
}
}
@media (max-width: 575.98px) {
.informed-consent__section--content[data-v-7ed9f0e6] {
    padding: 40px 16px;
}
}
.informed-consent__section--footer[data-v-7ed9f0e6] {
  flex: 0 0 auto;
  gap: 0.5rem;
  box-sizing: border-box;
  padding: 1rem 2rem 0rem 2rem;
}
@media (max-width: 575.98px) {
.informed-consent__section--footer[data-v-7ed9f0e6] {
    gap: 0.4rem;
    padding: 1rem;
}
}
.informed-consent__content[data-v-7ed9f0e6] {
  padding: 0;
}
.informed-consent__title[data-v-7ed9f0e6] {
  margin-bottom: 1.5rem;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.informed-consent__title[data-v-7ed9f0e6] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.informed-consent__title[data-v-7ed9f0e6] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.informed-consent__title[data-v-7ed9f0e6] {
  text-align: center;
  color: #36465E;
}
.informed-consent__text[data-v-7ed9f0e6] {
  white-space: pre-line;
  margin-bottom: 1rem;
  color: #788393;
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  text-align: justify;
}
@media (max-width: 991.98px) {
.informed-consent__text[data-v-7ed9f0e6] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.informed-consent__text[data-v-7ed9f0e6] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.informed-consent__subtitle[data-v-7ed9f0e6] {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #36465E;
}
@media (max-width: 991.98px) {
.informed-consent__subtitle[data-v-7ed9f0e6] {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
    color: #36465E;
}
}
@media (max-width: 575.98px) {
.informed-consent__subtitle[data-v-7ed9f0e6] {
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.3px;
    color: #36465E;
}
}
.informed-consent__link[data-v-7ed9f0e6] {
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #2DB0E4;
  text-decoration: underline;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.informed-consent__link[data-v-7ed9f0e6]:hover {
  opacity: 0.8;
}
.informed-consent__checkbox[data-v-7ed9f0e6] {
  flex-shrink: 0;
  gap: 0.5rem;
  margin: 0;
}
.informed-consent__checkbox .form-check-input[data-v-7ed9f0e6] {
  margin-top: 0;
}
.informed-consent__checkbox .form-check-label[data-v-7ed9f0e6] {
  color: #364153;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.31px;
}
@media (max-width: 991.98px) {
.informed-consent__checkbox .form-check-label[data-v-7ed9f0e6] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.informed-consent__checkbox .form-check-label[data-v-7ed9f0e6] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.informed-consent__checkbox .form-check-label[data-v-7ed9f0e6] {
  font-weight: 400;
}
.informed-consent__checkbox .form-check-label.semibold[data-v-7ed9f0e6] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.31px;
}
@media (max-width: 991.98px) {
.informed-consent__checkbox .form-check-label.semibold[data-v-7ed9f0e6] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.informed-consent__checkbox .form-check-label.semibold[data-v-7ed9f0e6] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.informed-consent__checkbox .form-check-label.semibold[data-v-7ed9f0e6] {
  font-weight: 600;
}
.informed-consent__checkbox .form-check-label.medium[data-v-7ed9f0e6] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.31px;
}
@media (max-width: 991.98px) {
.informed-consent__checkbox .form-check-label.medium[data-v-7ed9f0e6] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.informed-consent__checkbox .form-check-label.medium[data-v-7ed9f0e6] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.informed-consent__checkbox .form-check-label.medium[data-v-7ed9f0e6] {
  font-weight: 500;
}
.informed-consent__checkbox .form-check-label.regular[data-v-7ed9f0e6] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.31px;
}
@media (max-width: 991.98px) {
.informed-consent__checkbox .form-check-label.regular[data-v-7ed9f0e6] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.informed-consent__checkbox .form-check-label.regular[data-v-7ed9f0e6] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.informed-consent__checkbox .form-check-label.regular[data-v-7ed9f0e6] {
  font-weight: 400;
}
.informed-consent__checkbox .form-check-label[data-v-7ed9f0e6] {
  font-weight: 500;
  margin: 0;
  cursor: pointer;
}
@media (max-width: 575.98px) {
.informed-consent__checkbox .form-check-label.medium[data-v-7ed9f0e6] {
    font-size: 14px;
    line-height: initial;
    letter-spacing: initial;
}
}
@media (max-width: 575.98px) {
.informed-consent__button[data-v-7ed9f0e6] {
    width: 100%;
}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/principal/views/InformedConsent.vue?vue&type=style&index=0&id=5ded25ff&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.onboarding-container[data-v-5ded25ff] {
  padding: 40px 130px;
  margin: 0 auto;
}
@media (max-width: 991.98px) {
.onboarding-container[data-v-5ded25ff] {
    padding: 0;
    margin-bottom: 40px;
    padding-top: 24px;
}
}
.informed-consent[data-v-5ded25ff] {
  min-height: 0;
  flex: 1 1 0;
  background-color: rgba(239, 246, 255, 0.4);
  border-radius: 16px;
  padding: 30px 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.informed-consent__section--content[data-v-5ded25ff] {
  flex: 1 1 0;
  min-height: 0;
  border-radius: 16px;
  background-color: rgba(239, 246, 255, 0.4);
  /* backdrop-filter: blur(24px); */
  padding: 6rem;
  /* margin-inline: 3rem; */
  padding-top: 5rem;
}
@media (max-width: 991.98px) {
.informed-consent__section--content[data-v-5ded25ff] {
    padding: 80px 48px;
    margin: 0;
    margin-bottom: 40px;
}
}
@media (max-width: 575.98px) {
.informed-consent__section--content[data-v-5ded25ff] {
    padding: 40px 16px;
    margin: 0;
}
}
.informed-consent__section--footer[data-v-5ded25ff] {
  flex: 0 0 auto;
  gap: 0.5rem;
  box-sizing: border-box;
  padding: 1rem 2rem 0rem 2rem;
}
@media (max-width: 575.98px) {
.informed-consent__section--footer[data-v-5ded25ff] {
    gap: 0.4rem;
    padding: 1rem;
}
}
.informed-consent__content[data-v-5ded25ff] {
  padding: 0;
}
.informed-consent__title[data-v-5ded25ff] {
  margin-bottom: 1.5rem;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.informed-consent__title[data-v-5ded25ff] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.informed-consent__title[data-v-5ded25ff] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.informed-consent__title[data-v-5ded25ff] {
  text-align: center;
  color: #36465E;
}
.informed-consent__text[data-v-5ded25ff] {
  white-space: pre-line;
  margin-bottom: 1rem;
  color: #788393;
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  text-align: justify;
}
@media (max-width: 991.98px) {
.informed-consent__text[data-v-5ded25ff] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.informed-consent__text[data-v-5ded25ff] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.informed-consent__text--left[data-v-5ded25ff] {
  text-align: left;
}
.informed-consent__subtitle[data-v-5ded25ff] {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #36465E;
}
@media (max-width: 991.98px) {
.informed-consent__subtitle[data-v-5ded25ff] {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
    color: #36465E;
}
}
@media (max-width: 575.98px) {
.informed-consent__subtitle[data-v-5ded25ff] {
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.3px;
    color: #36465E;
}
}
.informed-consent__link[data-v-5ded25ff] {
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #2DB0E4;
  text-decoration: underline;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.informed-consent__link[data-v-5ded25ff]:hover {
  opacity: 0.8;
}
.informed-consent__checkbox[data-v-5ded25ff] {
  flex-shrink: 0;
  gap: 0.5rem;
  margin: 0;
}
.informed-consent__checkbox .form-check-input[data-v-5ded25ff] {
  margin-top: 0;
}
.informed-consent__checkbox .form-check-label[data-v-5ded25ff] {
  color: #364153;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.31px;
}
@media (max-width: 991.98px) {
.informed-consent__checkbox .form-check-label[data-v-5ded25ff] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.informed-consent__checkbox .form-check-label[data-v-5ded25ff] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.informed-consent__checkbox .form-check-label[data-v-5ded25ff] {
  font-weight: 400;
}
.informed-consent__checkbox .form-check-label.semibold[data-v-5ded25ff] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.31px;
}
@media (max-width: 991.98px) {
.informed-consent__checkbox .form-check-label.semibold[data-v-5ded25ff] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.informed-consent__checkbox .form-check-label.semibold[data-v-5ded25ff] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.informed-consent__checkbox .form-check-label.semibold[data-v-5ded25ff] {
  font-weight: 600;
}
.informed-consent__checkbox .form-check-label.medium[data-v-5ded25ff] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.31px;
}
@media (max-width: 991.98px) {
.informed-consent__checkbox .form-check-label.medium[data-v-5ded25ff] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.informed-consent__checkbox .form-check-label.medium[data-v-5ded25ff] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.informed-consent__checkbox .form-check-label.medium[data-v-5ded25ff] {
  font-weight: 500;
}
.informed-consent__checkbox .form-check-label.regular[data-v-5ded25ff] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.31px;
}
@media (max-width: 991.98px) {
.informed-consent__checkbox .form-check-label.regular[data-v-5ded25ff] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.informed-consent__checkbox .form-check-label.regular[data-v-5ded25ff] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.informed-consent__checkbox .form-check-label.regular[data-v-5ded25ff] {
  font-weight: 400;
}
.informed-consent__checkbox .form-check-label[data-v-5ded25ff] {
  font-weight: 500;
  margin: 0;
  cursor: pointer;
}
@media (max-width: 575.98px) {
.informed-consent__checkbox .form-check-label.medium[data-v-5ded25ff] {
    font-size: 14px;
    line-height: initial;
    letter-spacing: initial;
}
}
@media (max-width: 575.98px) {
.informed-consent__button[data-v-5ded25ff] {
    width: 100%;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/verify-token/views/VerifyToken.vue?vue&type=style&index=0&id=33b0b0f6&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.verify-token-container[data-v-33b0b0f6] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/verify-token/views/Redirect.vue?vue&type=style&index=0&id=fb3ba054&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.verify-token-redirect[data-v-fb3ba054] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/animations/SkeletonLoader.vue?vue&type=style&index=0&id=f3df28c0&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.skeleton-loader[data-v-f3df28c0] {
  background: linear-gradient(90deg, #F7F2E8 25%, white 50%, #F7F2E8 75%);
  background-size: 200% 100%;
  border-radius: 4px;
}
.skeleton-loader--animated[data-v-f3df28c0] {
  animation: shimmer-f3df28c0 1.5s ease-in-out infinite;
}
.skeleton-loader--text[data-v-f3df28c0] {
  height: 1rem;
}
.skeleton-loader--title[data-v-f3df28c0] {
  height: 1.5rem;
}
.skeleton-loader--button[data-v-f3df28c0] {
  height: 3rem;
  border-radius: 8px;
}
.skeleton-loader--circle[data-v-f3df28c0] {
  border-radius: 50%;
  aspect-ratio: 1;
}
.skeleton-loader--rect[data-v-f3df28c0] {
  border-radius: 8px;
}
.skeleton-loader--image[data-v-f3df28c0] {
  border-radius: 8px;
}
@keyframes shimmer-f3df28c0 {
0% {
    background-position: -200% 0;
}
100% {
    background-position: 200% 0;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/scheduling/components/TherapistCalendar.vue?vue&type=style&index=0&id=4187a96e&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.therapist-calendar[data-v-4187a96e] {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.therapist-calendar__header[data-v-4187a96e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  isolation: isolate;
}
.therapist-calendar__month-nav[data-v-4187a96e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.25rem 0;
  gap: 0.5rem;
  width: 100%;
}
.therapist-calendar__month-btn[data-v-4187a96e] {
  background: none;
  border: none;
  font-size: 20px;
  color: #36465E;
  cursor: pointer;
  padding: 0.25rem;
  transition: opacity 0.2s ease;
  line-height: 1;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.therapist-calendar__month-btn[data-v-4187a96e]:hover:not(:disabled) {
  opacity: 0.7;
}
.therapist-calendar__month-btn[data-v-4187a96e]:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.therapist-calendar__current-month[data-v-4187a96e] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.therapist-calendar__current-month[data-v-4187a96e] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
@media (max-width: 575.98px) {
.therapist-calendar__current-month[data-v-4187a96e] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
.therapist-calendar__current-month[data-v-4187a96e] {
  color: #36465E;
  text-transform: capitalize;
  flex: 1;
  text-align: center;
  width: 100%;
  height: 20px;
}
.therapist-calendar__calendar-container[data-v-4187a96e] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  width: 100%;
}
.therapist-calendar__day-name-header[data-v-4187a96e] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.therapist-calendar__day-name-header[data-v-4187a96e] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
@media (max-width: 575.98px) {
.therapist-calendar__day-name-header[data-v-4187a96e] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
.therapist-calendar__day-name-header[data-v-4187a96e] {
  text-align: center;
  color: #36465E;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-bottom: 12px;
}
.therapist-calendar__days-grid[data-v-4187a96e] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  row-gap: 8px;
  -moz-column-gap: 1.5px;
       column-gap: 1.5px;
  width: 100%;
  justify-items: center;
  align-items: center;
}
.therapist-calendar__day-empty[data-v-4187a96e] {
  height: 48px;
  width: 48px;
}
.therapist-calendar__day-btn[data-v-4187a96e] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  height: 48px;
  width: 48px;
  background-color: transparent;
  border: none;
  border-radius: 100%;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  padding: 0;
  gap: 8px;
  isolation: isolate;
}
.therapist-calendar__day-btn--has-slots[data-v-4187a96e] {
  background: #FFEEC4;
}
.therapist-calendar__day-btn--selected[data-v-4187a96e] {
  width: 48px;
  height: 48px;
  background: #4E6987;
}
.therapist-calendar__day-btn--disabled[data-v-4187a96e] {
  cursor: not-allowed;
  opacity: 0.4;
}
.therapist-calendar__day-btn[data-v-4187a96e]:hover:not(:disabled):not(.therapist-calendar__day-btn--selected) {
  opacity: 0.8;
}
.therapist-calendar__day-number[data-v-4187a96e] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
}
@media (max-width: 991.98px) {
.therapist-calendar__day-number[data-v-4187a96e] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
@media (max-width: 575.98px) {
.therapist-calendar__day-number[data-v-4187a96e] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
.therapist-calendar__day-number[data-v-4187a96e] {
  text-align: center;
  position: absolute;
  width: auto;
  height: 20px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.therapist-calendar__day-btn--has-slots .therapist-calendar__day-number[data-v-4187a96e] {
  font-weight: 500;
  color: #36465E;
  opacity: 1;
}
.therapist-calendar__day-btn--selected .therapist-calendar__day-number[data-v-4187a96e] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.therapist-calendar__day-btn--selected .therapist-calendar__day-number[data-v-4187a96e] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
@media (max-width: 575.98px) {
.therapist-calendar__day-btn--selected .therapist-calendar__day-number[data-v-4187a96e] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
.therapist-calendar__day-btn--selected .therapist-calendar__day-number[data-v-4187a96e] {
  text-align: center;
  color: #FFFFFF;
  opacity: 1;
}
.therapist-calendar__day-btn--disabled .therapist-calendar__day-number[data-v-4187a96e] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.therapist-calendar__day-btn--disabled .therapist-calendar__day-number[data-v-4187a96e] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
@media (max-width: 575.98px) {
.therapist-calendar__day-btn--disabled .therapist-calendar__day-number[data-v-4187a96e] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
.therapist-calendar__day-btn--disabled .therapist-calendar__day-number[data-v-4187a96e] {
  text-align: center;
  color: #36465E;
  opacity: 0.4;
}
.therapist-calendar__time-slots[data-v-4187a96e] {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.therapist-calendar__time-slots-title[data-v-4187a96e] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.therapist-calendar__time-slots-title[data-v-4187a96e] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
@media (max-width: 575.98px) {
.therapist-calendar__time-slots-title[data-v-4187a96e] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
.therapist-calendar__time-slots-title[data-v-4187a96e] {
  color: #36465E;
  margin: 0 0 0.375rem 0;
}
.therapist-calendar__time-slots-grid[data-v-4187a96e] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}
.therapist-calendar__time-slot-btn[data-v-4187a96e] {
  border-radius: 40px;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.therapist-calendar__time-slot-btn[data-v-4187a96e] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.therapist-calendar__time-slot-btn[data-v-4187a96e] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.therapist-calendar__time-slot-btn[data-v-4187a96e] {
  cursor: pointer;
  flex-shrink: 0;
  white-space: nowrap;
  transition: transform 0.12s ease, background-color 0.2s ease, border-color 0.2s ease;
  border: 0.5px solid #B59B59;
  color: #5E6B7E;
  background: transparent;
  margin-bottom: 4px;
}
.therapist-calendar__time-slot-btn[data-v-4187a96e]:active {
  transform: scale(0.98);
}
.therapist-calendar__time-slot-btn--selected[data-v-4187a96e] {
  background: #36465E;
  border: 0.5px solid #EBEDEF;
  color: #EBEDEF;
}
.therapist-calendar__time-separator[data-v-4187a96e] {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #5E6B7E;
  flex-shrink: 0;
  margin: 0 0.25rem;
}
.therapist-calendar__no-slots[data-v-4187a96e] {
  text-align: center;
  padding: 1rem 1rem;
  color: #6B6B6B;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
}
@media (max-width: 991.98px) {
.therapist-calendar__no-slots[data-v-4187a96e] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
@media (max-width: 575.98px) {
.therapist-calendar__no-slots[data-v-4187a96e] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
.therapist-calendar__no-slots-text[data-v-4187a96e] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.therapist-calendar__no-slots-text[data-v-4187a96e] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
@media (max-width: 575.98px) {
.therapist-calendar__no-slots-text[data-v-4187a96e] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
.therapist-calendar__no-slots-text[data-v-4187a96e] {
  color: #6B6B6B;
  margin: 0;
}
.therapist-calendar hr[data-v-4187a96e] {
  border: 0.5px solid #C1C6CD;
  border-width: 0.5px;
  margin: 0;
  padding: 0;
}
.therapist-calendar[data-v-4187a96e] .select-input .form-label {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.therapist-calendar[data-v-4187a96e] .select-input .form-label {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.therapist-calendar[data-v-4187a96e] .select-input .form-label {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.therapist-calendar[data-v-4187a96e] .select-input .form-label {
  color: #5E6B7E;
  margin-top: 0;
}
.therapist-calendar__timezone-select-wrapper[data-v-4187a96e] {
  position: relative;
}
.therapist-calendar__timezone-select-wrapper--has-flag[data-v-4187a96e] .select-input__wrapper {
  position: relative;
}
.therapist-calendar__timezone-select-wrapper--has-flag[data-v-4187a96e] .form-select {
  padding-left: 50px;
}
.therapist-calendar__timezone-select-wrapper--has-flag[data-v-4187a96e] .form-select::-moz-placeholder {
  padding-left: 50px;
}
.therapist-calendar__timezone-select-wrapper--has-flag[data-v-4187a96e] .form-select::placeholder {
  padding-left: 50px;
}
.therapist-calendar__timezone-select-wrapper--has-flag[data-v-4187a96e] .form-select:-moz-placeholder {
  padding-left: 50px;
}
.therapist-calendar__timezone-select-wrapper--has-flag[data-v-4187a96e] .form-select:placeholder-shown {
  padding-left: 50px;
}
.therapist-calendar__timezone-select-wrapper--has-flag[data-v-4187a96e] .form-select option {
  padding-left: 50px;
}
.therapist-calendar__timezone-select-wrapper-inner[data-v-4187a96e] .form-select {
  padding-left: 75px;
}
.therapist-calendar__country-select-wrapper[data-v-4187a96e] {
  width: 75px;
  margin-top: -36px;
}
.therapist-calendar__country-select-wrapper[data-v-4187a96e] .form-select {
  border-right: 0;
  border-radius: 8px 0 0 8px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/scheduling/components/DesktopActions.vue?vue&type=style&index=0&id=15986320&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.desktop-actions[data-v-15986320] {
  display: flex;
  justify-content: stretch;
  margin-top: auto;
  width: 100%;
  margin-bottom: 16px;
  padding-top: 1rem;
}
.desktop-actions .form-btn[data-v-15986320] {
  width: 100%;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/inputs/PopoverInfo.vue?vue&type=style&index=0&id=ebf3b586&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.popover[data-v-ebf3b586] {
  position: fixed;
  z-index: 10000;
  max-width: 240px;
  will-change: transform, opacity;
  border: 0;
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.1411764706);
}
@media (max-width: 991.98px) {
.popover[data-v-ebf3b586] {
    max-width: 350px;
}
}
@media (max-width: 575.98px) {
.popover[data-v-ebf3b586] {
    max-width: calc(100vw - 2rem);
}
}
.popover--right .popover__content[data-v-ebf3b586]::before {
  top: 12px;
  left: -10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 15px solid #DDEBFC;
}
.popover--left .popover__content[data-v-ebf3b586]::before {
  top: 12px;
  right: -7px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #DDEBFC;
}
.popover--top .popover__content[data-v-ebf3b586]::before {
  bottom: -7px;
  left: 12px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #DDEBFC;
}
.popover--bottom .popover__content[data-v-ebf3b586]::before {
  top: -7px;
  left: 12px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #DDEBFC;
}
.popover__content[data-v-ebf3b586] {
  background-color: #DDEBFC;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  position: relative;
}
.popover__content[data-v-ebf3b586]::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
.popover__title[data-v-ebf3b586] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
}
@media (max-width: 991.98px) {
.popover__title[data-v-ebf3b586] {
    font-size: 12px;
    line-height: 16px;
}
}
@media (max-width: 575.98px) {
.popover__title[data-v-ebf3b586] {
    font-size: 12px;
    line-height: 16px;
}
}
.popover__title[data-v-ebf3b586] {
  font-weight: 500;
  color: #4A5565;
}
.popover__text[data-v-ebf3b586] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
}
@media (max-width: 991.98px) {
.popover__text[data-v-ebf3b586] {
    font-size: 12px;
    line-height: 16px;
}
}
@media (max-width: 575.98px) {
.popover__text[data-v-ebf3b586] {
    font-size: 12px;
    line-height: 16px;
}
}
.popover__text[data-v-ebf3b586] {
  font-family: Inter;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.3px;
  text-align: justify;
  color: #4A5565;
}
.popover-info[data-v-ebf3b586] {
  display: inline-flex;
  align-items: center;
}
.popover-info__icon[data-v-ebf3b586] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  outline: none;
}
.popover-info__icon--hoverable[data-v-ebf3b586] {
  transition: opacity 0.2s ease;
}
.popover-info__icon--hoverable[data-v-ebf3b586]:hover {
  opacity: 0.7;
}
.popover-fade-enter-active[data-v-ebf3b586],
.popover-fade-leave-active[data-v-ebf3b586] {
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.popover-fade-enter-from[data-v-ebf3b586] {
  opacity: 0;
  transform: translateY(-4px);
}
.popover-fade-leave-to[data-v-ebf3b586] {
  opacity: 0;
  transform: translateY(-4px);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/inputs/PhoneInput.vue?vue&type=style&index=0&id=135283bc&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.phone-input__wrapper[data-v-135283bc] {
  background: #F2F4F6;
  border: 0.556px solid;
  border-color: rgba(23, 29, 39, 0.1019607843);
  border-radius: 8px;
  overflow: hidden;
  gap: 0;
  transition: background-color 0.2s ease;
}
.phone-input__wrapper--active[data-v-135283bc] {
  background: #FEFCFA;
}
.phone-input__country-code[data-v-135283bc] {
  flex: 0 0 auto;
  min-width: 100px;
}
.phone-input__country-code .select-input__wrapper .form-select[data-v-135283bc] {
  background: transparent;
  border: none;
  border-radius: 0;
  padding-right: 2.5rem;
  padding: 0px 1rem;
  height: 36px;
  transition: background-color 0.2s ease;
}
.phone-input__country-code .select-input__wrapper .form-select[data-v-135283bc]:focus {
  border: none;
  box-shadow: none;
}
.phone-input__country-code .select-input__wrapper .form-select--has-value[data-v-135283bc] {
  background: #FEFCFA;
}
.phone-input__number[data-v-135283bc] {
  flex: 1 1 0;
  background: transparent;
  border: none;
  border-radius: 0;
  height: 36px;
}
.phone-input__number[data-v-135283bc]:focus {
  border: none;
  box-shadow: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/AppointmentStatusIndicator.vue?vue&type=style&index=0&id=77ae13ce&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.appointment-status-indicator[data-v-77ae13ce] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 8px;
}
.appointment-status-indicator__content[data-v-77ae13ce] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
@media (max-width: 575.98px) {
.appointment-status-indicator__content[data-v-77ae13ce] {
    margin-left: 16px;
}
}
.appointment-status-indicator__icon[data-v-77ae13ce] {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.appointment-status-indicator__icon svg[data-v-77ae13ce] {
  width: 100%;
  height: 100%;
}
.appointment-status-indicator__text[data-v-77ae13ce] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.appointment-status-indicator__text[data-v-77ae13ce] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.appointment-status-indicator__text[data-v-77ae13ce] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.appointment-status-indicator__text[data-v-77ae13ce] {
  color: #36465E;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/scheduling/components/SessionConfirmationContent.vue?vue&type=style&index=0&id=f85d9626&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.session-confirmation-content[data-v-f85d9626] {
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.session-confirmation-content__loading[data-v-f85d9626], .session-confirmation-content__error[data-v-f85d9626] {
  text-align: center;
  padding: 3rem 1rem;
  color: #6B6B6B;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 0;
}
.session-confirmation-content__content[data-v-f85d9626] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  flex: 1;
}
.session-confirmation-content__content-container[data-v-f85d9626] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.session-confirmation-content__main-row[data-v-f85d9626] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  height: auto;
}
@media (min-width: 576.98px) {
.session-confirmation-content__main-row[data-v-f85d9626] {
    flex-direction: row;
    align-items: stretch;
}
}
.session-confirmation-content__header-container[data-v-f85d9626] {
  padding: 0 0 22px;
  gap: 16px;
  width: 100%;
}
@media (max-width: 575.98px) {
.session-confirmation-content__header-container[data-v-f85d9626] {
    padding-top: 32px;
}
}
@media (min-width: 991.98px) {
.session-confirmation-content__header-container[data-v-f85d9626] {
    display: none;
}
}
.session-confirmation-content--modal .session-confirmation-content__header-container[data-v-f85d9626] {
  padding: 0 0 32px;
}
.session-confirmation-content__header[data-v-f85d9626] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.session-confirmation-content__header[data-v-f85d9626] {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.session-confirmation-content__header[data-v-f85d9626] {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.3px;
}
}
.session-confirmation-content__header[data-v-f85d9626] {
  color: #36465E;
  margin: 0;
  text-align: left;
  width: 100%;
}
.session-confirmation-content__card-container[data-v-f85d9626] {
  gap: 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: auto;
}
@media (max-width: 575.98px) {
.session-confirmation-content__card-container[data-v-f85d9626] {
    padding-top: 10px;
}
}
@media (min-width: 576.98px) {
.session-confirmation-content__card-container[data-v-f85d9626] {
    flex: 1;
    display: flex;
}
}
.session-confirmation-content--modal .session-confirmation-content__card-container[data-v-f85d9626] {
  padding-top: 0;
}
.session-confirmation-content__card[data-v-f85d9626] {
  box-sizing: border-box;
  border-radius: 20px;
  border: 0.5px solid #E8C673;
  background: #FCF9F4;
  box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.session-confirmation-content__therapist-section[data-v-f85d9626] {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 16px;
  width: 100%;
}
.session-confirmation-content__photo-wrapper[data-v-f85d9626] {
  position: relative;
  width: 88px;
  height: 88px;
  border-radius: 16px;
  overflow: hidden;
  flex-shrink: 0;
}
.session-confirmation-content__photo[data-v-f85d9626] {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  -o-object-fit: cover;
     object-fit: cover;
  background: white;
}
.session-confirmation-content__therapist-name[data-v-f85d9626] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.session-confirmation-content__therapist-name[data-v-f85d9626] {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.session-confirmation-content__therapist-name[data-v-f85d9626] {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.3px;
}
}
.session-confirmation-content__therapist-name[data-v-f85d9626] {
  vertical-align: bottom;
  color: #567394;
  margin: 0;
  display: flex;
  align-items: flex-end;
  flex: 1;
  height: 88px;
}
.session-confirmation-content__divider[data-v-f85d9626] {
  width: 100%;
  height: 0;
  border: 0.5px solid #E2E2E9;
}
.session-confirmation-content__details[data-v-f85d9626] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.session-confirmation-content__detail-item[data-v-f85d9626] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.session-confirmation-content__detail-icon[data-v-f85d9626] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.session-confirmation-content__detail-icon svg[data-v-f85d9626],
.session-confirmation-content__detail-icon img[data-v-f85d9626] {
  width: 100%;
  height: 100%;
}
.session-confirmation-content__detail-value[data-v-f85d9626] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.session-confirmation-content__detail-value[data-v-f85d9626] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.session-confirmation-content__detail-value[data-v-f85d9626] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.3px;
}
}
.session-confirmation-content__detail-value[data-v-f85d9626] {
  color: #5E6B7E;
  flex: 1;
}
.session-confirmation-content__actions[data-v-f85d9626] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  width: 100%;
  padding-top: 0;
}
@media (min-width: 576.98px) {
.session-confirmation-content__actions[data-v-f85d9626] {
    flex-direction: row;
    justify-content: center;
    width: auto;
    align-items: center;
}
}
.session-confirmation-content__actions--with-phone[data-v-f85d9626] {
  padding-inline: 8px;
}
@media (min-width: 576.98px) {
.session-confirmation-content__actions--with-phone[data-v-f85d9626] {
    padding-inline: 0;
}
}
@media (min-width: 576.98px) {
.session-confirmation-content__actions--no-phone[data-v-f85d9626] {
    flex-direction: column;
    width: 100%;
}
}
@media (min-width: 576.98px) {
.session-confirmation-content__actions--no-phone .form-btn--secondary-type2[data-v-f85d9626] {
    width: 100%;
    order: 2;
}
}
@media (min-width: 576.98px) {
.session-confirmation-content__actions--max-width[data-v-f85d9626] {
    flex-direction: row;
    width: auto;
}
}
@media (min-width: 576.98px) {
.session-confirmation-content__actions--max-width .form-btn--secondary-type2[data-v-f85d9626] {
    width: auto;
}
}
@media (min-width: 576.98px) {
.session-confirmation-content__actions--max-width .session-confirmation-content__button[data-v-f85d9626] {
    width: auto;
}
}
.session-confirmation-content__actions .form-btn--secondary-type2[data-v-f85d9626] {
  font-weight: 600;
  line-height: 34px;
  padding-block: 8px;
  padding-inline: 48px;
}
@media (max-width: 575.98px) {
.session-confirmation-content__actions .form-btn--secondary-type2[data-v-f85d9626] {
    margin-bottom: 36px;
}
}
.session-confirmation-content--modal .session-confirmation-content__actions[data-v-f85d9626] {
  padding-bottom: 0;
}
.session-confirmation-content__button[data-v-f85d9626] {
  padding: 8px 36px;
  width: 100%;
  height: 52px;
  font-weight: 600;
  line-height: 34px;
  transition: opacity 0.2s;
}
@media (min-width: 576.98px) {
.session-confirmation-content__button[data-v-f85d9626] {
    width: auto;
}
}
@media (min-width: 576.98px) {
.session-confirmation-content__actions--no-phone .session-confirmation-content__button[data-v-f85d9626] {
    width: 100%;
    order: 1;
}
}
.session-confirmation-content__phone-section[data-v-f85d9626] {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 576.98px) {
.session-confirmation-content__phone-section[data-v-f85d9626] {
    flex: 1;
    display: flex;
    min-height: 0;
}
}
.session-confirmation-content__phone-text-container[data-v-f85d9626] {
  width: 100%;
  border-radius: 20px;
  border: 0.5px solid #E8C673;
  background: #FCF9F4;
  box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: space-between;
}
@media (min-width: 576.98px) {
.session-confirmation-content__phone-text-container[data-v-f85d9626] {
    flex: 1;
    min-height: 0;
}
}
@media (max-width: 575.98px) {
.session-confirmation-content__phone-text-container[data-v-f85d9626] {
    padding: 16px;
    gap: 16px;
}
}
.session-confirmation-content__phone-label[data-v-f85d9626] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.session-confirmation-content__phone-label[data-v-f85d9626] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.session-confirmation-content__phone-label[data-v-f85d9626] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.session-confirmation-content__phone-label[data-v-f85d9626] {
  color: #5E6B7E;
  margin: 0;
  text-align: center;
}
.session-confirmation-content__phone-label-secondary[data-v-f85d9626] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.session-confirmation-content__phone-label-secondary[data-v-f85d9626] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.session-confirmation-content__phone-label-secondary[data-v-f85d9626] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.session-confirmation-content__phone-label-secondary[data-v-f85d9626] {
  color: #5E6B7E;
  margin: 0;
  text-align: center;
}
.session-confirmation-content__wellbeing-summary[data-v-f85d9626] {
  width: 100%;
  border-radius: 20px;
  border: 0.5px solid #E8C673;
  background: #FCF9F4;
  box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
  padding: 24.5px 16.5px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
@media (max-width: 575.98px) {
.session-confirmation-content__wellbeing-summary[data-v-f85d9626] {
    padding: 16px;
}
}
.session-confirmation-content__wellbeing-title[data-v-f85d9626] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.session-confirmation-content__wellbeing-title.semibold[data-v-f85d9626] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.session-confirmation-content__wellbeing-title.medium[data-v-f85d9626] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.session-confirmation-content__wellbeing-title.regular[data-v-f85d9626] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.session-confirmation-content__wellbeing-title[data-v-f85d9626] {
  font-weight: 600;
  color: #36465E;
  margin: 0;
  width: 100%;
}
.session-confirmation-content__wellbeing-description[data-v-f85d9626] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.session-confirmation-content__wellbeing-description.semibold[data-v-f85d9626] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.session-confirmation-content__wellbeing-description.medium[data-v-f85d9626] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.session-confirmation-content__wellbeing-description.regular[data-v-f85d9626] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.session-confirmation-content__wellbeing-description[data-v-f85d9626] {
  font-weight: 400;
  color: #36465E;
  margin: 0;
  padding-bottom: 0;
  width: 100%;
}
.session-confirmation-content__wellbeing-checkbox[data-v-f85d9626] {
  width: 100%;
}
.session-confirmation-content__checkbox-label[data-v-f85d9626] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  cursor: pointer;
  width: 100%;
  padding-top: 0;
}
.session-confirmation-content__checkbox-input[data-v-f85d9626] {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 0.556px solid #5dda76;
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 0;
  margin-top: 4px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  transition: all 0.2s ease;
}
.session-confirmation-content__checkbox-input[data-v-f85d9626]:checked {
  background-color: #5dda76;
  border-color: #5dda76;
}
.session-confirmation-content__checkbox-input[data-v-f85d9626]:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -60%) rotate(45deg);
}
.session-confirmation-content__checkbox-input[data-v-f85d9626]:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(93, 218, 118, 0.2);
}
.session-confirmation-content__checkbox-text[data-v-f85d9626] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.session-confirmation-content__checkbox-text[data-v-f85d9626] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.session-confirmation-content__checkbox-text[data-v-f85d9626] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.session-confirmation-content__checkbox-text[data-v-f85d9626] {
  color: #36465E;
  flex: 1;
  line-height: 24px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/patient/home/components/RescheduleSessionButton.vue?vue&type=style&index=0&id=216c43fa&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.reschedule-session-button[data-v-216c43fa] {
  display: inline-block;
}
.reschedule-session-button__btn[data-v-216c43fa] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.reschedule-session-button__btn.semibold[data-v-216c43fa] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.reschedule-session-button__btn.medium[data-v-216c43fa] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.reschedule-session-button__btn.regular[data-v-216c43fa] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.reschedule-session-button__btn[data-v-216c43fa] {
  width: 190px;
  height: 36px;
  border-radius: 40px;
  border: 1px solid #567394;
  background: transparent;
  color: #567394;
  padding: 8px 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-weight: 500;
  font-style: normal;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
@media (max-width: 991.98px) {
.reschedule-session-button__btn[data-v-216c43fa] {
    padding: 8px 20px;
    gap: 4px;
}
}
@media (max-width: 575.98px) {
.reschedule-session-button__btn[data-v-216c43fa] {
    padding: 8px 16px;
    gap: 4px;
}
}
@media (hover: hover) {
.reschedule-session-button__btn[data-v-216c43fa]:hover:not(:disabled) {
    box-shadow: none !important;
}
}
.reschedule-session-button__btn[data-v-216c43fa]:focus {
  outline: none;
  box-shadow: none !important;
}
.reschedule-session-button__btn[data-v-216c43fa]:active:not(:disabled) {
  background: #F2F4F6;
  border-color: rgb(67.2564102564, 89.9358974359, 115.7435897436);
  box-shadow: none !important;
}
.reschedule-session-button__btn[data-v-216c43fa]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.reschedule-session-button__icon[data-v-216c43fa] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: block;
}
.reschedule-session-button__text[data-v-216c43fa] {
  display: inline-block;
}
.reschedule-session-button__calendar-modal[data-v-216c43fa] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 1rem;
}
@media (max-width: 575.98px) {
.reschedule-session-button__calendar-modal[data-v-216c43fa] {
    padding: 0;
}
}
.reschedule-session-button__calendar-modal-container[data-v-216c43fa] {
  width: 100%;
  max-width: 550px;
  max-height: 95dvh;
  height: auto;
  background: #F7F2E8;
  border-radius: 16px;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
@media (max-width: 575.98px) {
.reschedule-session-button__calendar-modal-container[data-v-216c43fa] {
    max-width: 100%;
    border-radius: 0;
    max-height: 100dvh;
}
}
.reschedule-session-button__calendar-modal-content[data-v-216c43fa] {
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: -moz-min-content;
  min-height: min-content;
}
@media (max-width: 575.98px) {
.reschedule-session-button__calendar-modal-content[data-v-216c43fa] {
    padding: 16px;
}
}
.reschedule-session-button__calendar-skeleton[data-v-216c43fa] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.reschedule-session-button__calendar-skeleton-header[data-v-216c43fa] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.reschedule-session-button__calendar-skeleton-month-nav[data-v-216c43fa] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.25rem 0;
  gap: 0.5rem;
  width: 100%;
}
.reschedule-session-button__calendar-skeleton-grid[data-v-216c43fa] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  row-gap: 8px;
  -moz-column-gap: 1.5px;
       column-gap: 1.5px;
  width: 100%;
  justify-items: center;
  align-items: center;
}
.reschedule-session-button__calendar-skeleton-divider[data-v-216c43fa] {
  border: none;
  border-top: 1px solid #E2E2E9;
  margin: 0.5rem 0;
}
.reschedule-session-button__calendar-skeleton-slots[data-v-216c43fa] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.reschedule-session-button__calendar-skeleton-slots-grid[data-v-216c43fa] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.reschedule-session-button__calendar-skeleton-timezone[data-v-216c43fa] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.reschedule-session-button[data-v-216c43fa] .desktop-actions {
  margin-bottom: 0px !important;
}
.reschedule-session-button__confirmation-modal[data-v-216c43fa] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 1rem;
}
.reschedule-session-button__confirmation-modal-container[data-v-216c43fa] {
  width: 100%;
  max-width: 804px;
  min-width: 800px;
  max-height: 95dvh;
  height: auto;
  background: #F7F2E8;
  border-radius: 16px;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
@media (max-width: 991.98px) {
.reschedule-session-button__confirmation-modal-container[data-v-216c43fa] {
    max-width: 700px;
    min-width: unset;
    width: 95%;
}
}
.reschedule-session-button__confirmation-modal-container--no-phone[data-v-216c43fa] {
  max-width: 390px;
  min-width: 390px;
}
@media (min-width: 576.98px) {
.reschedule-session-button__confirmation-modal-container--max-width[data-v-216c43fa] {
    max-width: 559px;
    min-width: unset;
}
}
.reschedule-session-button__confirmation-modal-content[data-v-216c43fa] {
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: -moz-min-content;
  min-height: min-content;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/patient/home/components/RescheduleSessionButton.vue?vue&type=style&index=1&id=216c43fa&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.modal-fade-enter-active,
.modal-fade-leave-active {
  transition: opacity 0.3s ease;
}
.modal-fade-enter-from,
.modal-fade-leave-to {
  opacity: 0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/patient/home/components/ActiveSessionSection.vue?vue&type=style&index=0&id=1c87fbee&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.schedule-section.active-session-section[data-v-1c87fbee] {
  background-image: url(/img/main.fd88b7ca.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 24px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 24px;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.1);
  height: 100%;
  width: 100%;
  border: 0.5px solid #A2BFCD;
}
@media (max-width: 991.98px) {
.schedule-section.active-session-section[data-v-1c87fbee] {
    padding: 16px;
}
}
@media (max-width: 575.98px) {
.schedule-section.active-session-section[data-v-1c87fbee] {
    background-image: none;
    box-shadow: none;
    border: none;
    justify-content: center;
    padding: 0;
    min-height: auto;
    height: auto;
}
}
.active-session-section[data-v-1c87fbee] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
.active-session-section__content[data-v-1c87fbee] {
  box-sizing: border-box;
  background: #EEF1F4;
  border: 0.5px solid #B1BFCE;
  border-radius: 20px;
  padding: 16px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}
.active-session-section__status-banner[data-v-1c87fbee] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.active-session-section__title[data-v-1c87fbee] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: auto;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.active-session-section__title[data-v-1c87fbee] {
    font-size: 14px;
    line-height: auto;
    letter-spacing: -0.15px;
}
}
@media (max-width: 575.98px) {
.active-session-section__title[data-v-1c87fbee] {
    font-size: 14px;
    line-height: auto;
    letter-spacing: -0.15px;
}
}
.active-session-section__title[data-v-1c87fbee] {
  width: 100%;
  color: #5E6B7E;
  margin: 0;
  flex: none;
  align-self: stretch;
  flex-grow: 0;
  flex: 1;
  min-width: 0;
}
.active-session-section__divider[data-v-1c87fbee] {
  width: 100%;
  height: 0px;
  border: 0.5px solid #C1C6CD;
  flex: none;
  align-self: stretch;
  flex-grow: 0;
}
.active-session-section__therapist-info-container[data-v-1c87fbee] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 0;
}
@media (min-width: 576.98px) {
.active-session-section__therapist-info-container[data-v-1c87fbee] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
}
.active-session-section__therapist-info[data-v-1c87fbee] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  gap: 16px;
  min-width: 0;
  flex: 1;
}
@media (min-width: 576.98px) {
.active-session-section__therapist-info[data-v-1c87fbee] {
    min-width: 0;
}
}
.active-session-section__therapist-details[data-v-1c87fbee] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 16px;
  min-width: 0;
  flex: 1;
}
.active-session-section__photo[data-v-1c87fbee] {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: #FFFFFF;
  -o-object-fit: cover;
     object-fit: cover;
  flex-shrink: 0;
}
.active-session-section__therapist-name-wrapper[data-v-1c87fbee] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 4px;
  min-width: 0;
  flex: 1;
}
.active-session-section__therapist-name[data-v-1c87fbee] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.active-session-section__therapist-name[data-v-1c87fbee] {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.active-session-section__therapist-name[data-v-1c87fbee] {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.3px;
}
}
.active-session-section__therapist-name[data-v-1c87fbee] {
  color: #567394;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  min-width: 0;
}
.active-session-section__session-duration[data-v-1c87fbee] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 8px;
  flex-shrink: 0;
}
.active-session-section__duration-icon[data-v-1c87fbee] {
  width: 16px;
  height: 16px;
  flex: none;
  flex-grow: 0;
}
.active-session-section__duration-text[data-v-1c87fbee] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.active-session-section__duration-text[data-v-1c87fbee] {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.active-session-section__duration-text[data-v-1c87fbee] {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.active-session-section__duration-text[data-v-1c87fbee] {
  width: auto;
  color: #788393;
  flex: none;
  flex-grow: 0;
}
.active-session-section__datetime[data-v-1c87fbee] {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px;
  gap: 16px;
  min-height: 52px;
  background: rgba(0, 0, 0, 0.001);
  border: 0.5px solid #A2BFCD;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(2px);
  border-radius: 8px;
  flex-shrink: 0;
}
.active-session-section__datetime-item[data-v-1c87fbee] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  padding: 0px;
  gap: 8px;
  flex: 1;
  height: 20px;
  flex: none;
  flex-grow: 1;
}
.active-session-section__datetime-icon[data-v-1c87fbee] {
  width: 20px;
  height: 20px;
  flex: none;
  flex-grow: 0;
}
.active-session-section__datetime-value[data-v-1c87fbee] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.active-session-section__datetime-value[data-v-1c87fbee] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.active-session-section__datetime-value[data-v-1c87fbee] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.3px;
}
}
.active-session-section__datetime-value[data-v-1c87fbee] {
  width: auto;
  color: #5E6B7E;
  flex: none;
  flex-grow: 0;
}
.active-session-section__datetime-separator[data-v-1c87fbee] {
  width: 2px;
  height: 20px;
  line-height: 20px;
  letter-spacing: -0.3px;
  background: #5E6B7E;
  flex: none;
  display: block;
}
.active-session-section__video-button-wrapper[data-v-1c87fbee] {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-grow: 0;
}
.active-session-section__video-button-start[data-v-1c87fbee] {
  width: auto;
}
@media (max-width: 575.98px) {
.active-session-section__video-button-start[data-v-1c87fbee] {
    width: 100%;
}
}
.active-session-section__questionnaire-prompt[data-v-1c87fbee] {
  width: 100%;
  box-sizing: border-box;
  background: #CBD4DE;
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.active-session-section__questionnaire-content[data-v-1c87fbee] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
@media (min-width: 576.98px) {
.active-session-section__questionnaire-content[data-v-1c87fbee] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
}
.active-session-section__questionnaire-text-wrapper[data-v-1c87fbee] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}
@media (max-width: 575.98px) {
.active-session-section__questionnaire-text-wrapper[data-v-1c87fbee] {
    flex-direction: row;
    align-items: center;
    gap: 16px;
}
}
.active-session-section__questionnaire-description[data-v-1c87fbee] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.active-session-section__questionnaire-description[data-v-1c87fbee] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
@media (max-width: 575.98px) {
.active-session-section__questionnaire-description[data-v-1c87fbee] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
.active-session-section__questionnaire-description[data-v-1c87fbee] {
  color: #5E6B7E;
  margin: 0;
  flex: none;
}
@media (max-width: 575.98px) {
.active-session-section__questionnaire-description[data-v-1c87fbee] {
    flex: 1;
    min-width: 0;
}
}
.active-session-section__questionnaire-duration[data-v-1c87fbee] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 8px 16px;
  background: #FEFCFA;
  border-radius: 20px;
  width: -moz-fit-content;
  width: fit-content;
  flex-shrink: 0;
}
.active-session-section__questionnaire-duration-text[data-v-1c87fbee] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.active-session-section__questionnaire-duration-text[data-v-1c87fbee] {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.active-session-section__questionnaire-duration-text[data-v-1c87fbee] {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.active-session-section__questionnaire-duration-text[data-v-1c87fbee] {
  color: #5E6B7E;
  white-space: nowrap;
}
.active-session-section__questionnaire-button[data-v-1c87fbee] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 36px;
  background: #36465E;
  border: 1px solid #788393;
  border-radius: 36px;
  cursor: pointer;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  width: 100%;
}
@media (min-width: 576.98px) {
.active-session-section__questionnaire-button[data-v-1c87fbee] {
    width: auto;
    flex: 1;
    max-width: 366px;
}
}
@media (max-width: 991.98px) {
.active-session-section__questionnaire-button[data-v-1c87fbee] {
    max-width: 300px;
}
}
@media (max-width: 575.98px) {
.active-session-section__questionnaire-button[data-v-1c87fbee] {
    padding: 16px 36px;
    max-width: 100%;
    width: 100%;
}
}
@media (hover: hover) {
.active-session-section__questionnaire-button[data-v-1c87fbee]:hover {
    background: #263243;
    border-color: #788393;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
}
}
.active-session-section__questionnaire-button[data-v-1c87fbee]:active {
  background: #263243;
  border-color: #788393;
}
.active-session-section__questionnaire-button[data-v-1c87fbee]:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(54, 70, 94, 0.3);
}
.active-session-section__questionnaire-button-icon[data-v-1c87fbee] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.active-session-section__questionnaire-button-text[data-v-1c87fbee] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.active-session-section__questionnaire-button-text[data-v-1c87fbee] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
@media (max-width: 575.98px) {
.active-session-section__questionnaire-button-text[data-v-1c87fbee] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
.active-session-section__questionnaire-button-text[data-v-1c87fbee] {
  color: #FFFFFF;
  white-space: nowrap;
}
.active-session-section__questionnaire-completed-badge[data-v-1c87fbee] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 8px 16px;
  background: #CBD4DE;
  border-radius: 20px;
  width: -moz-fit-content;
  width: fit-content;
}
.active-session-section__questionnaire-completed-icon[data-v-1c87fbee] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.active-session-section__questionnaire-completed-text[data-v-1c87fbee] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.active-session-section__questionnaire-completed-text[data-v-1c87fbee] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
@media (max-width: 575.98px) {
.active-session-section__questionnaire-completed-text[data-v-1c87fbee] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
.active-session-section__questionnaire-completed-text[data-v-1c87fbee] {
  color: #567394;
  white-space: nowrap;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/scheduling/components/ChangeTherapistInfo.vue?vue&type=style&index=0&id=5d1c2cae&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.change-therapist-info[data-v-5d1c2cae] {
  color: #364153;
  font-family: "Inter", sans-serif;
  border-radius: 16px;
  padding: 16px;
  background: #F1EBDF;
}
.change-therapist-info__title[data-v-5d1c2cae] {
  height: 40px;
  display: flex;
  align-items: center;
  margin: 0;
  color: #36465E;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.change-therapist-info__title.semibold[data-v-5d1c2cae] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.change-therapist-info__title.medium[data-v-5d1c2cae] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.change-therapist-info__title.regular[data-v-5d1c2cae] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.change-therapist-info__title[data-v-5d1c2cae] {
  font-weight: 600;
}
.change-therapist-info p[data-v-5d1c2cae] {
  margin: 0;
  color: #5E6B7E;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
.change-therapist-info p.semibold[data-v-5d1c2cae] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 600;
}
.change-therapist-info p.medium[data-v-5d1c2cae] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 500;
}
.change-therapist-info p.regular[data-v-5d1c2cae] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
.change-therapist-info p a[data-v-5d1c2cae] {
  color: #2DB0E4;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
.change-therapist-info p a.semibold[data-v-5d1c2cae] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 600;
}
.change-therapist-info p a.medium[data-v-5d1c2cae] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 500;
}
.change-therapist-info p a.regular[data-v-5d1c2cae] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
.change-therapist-info p a[data-v-5d1c2cae] {
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.change-therapist-info p a[data-v-5d1c2cae]:hover {
  opacity: 0.8;
}
.change-therapist-info p a[data-v-5d1c2cae]:focus {
  outline: none;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/patient/home/components/ScheduleSessionButton.vue?vue&type=style&index=0&id=4e8edbcd&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.schedule-session-button__calendar-modal[data-v-4e8edbcd] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 1rem;
}
@media (max-width: 575.98px) {
.schedule-session-button__calendar-modal[data-v-4e8edbcd] {
    padding: 0;
    align-items: stretch;
}
}
.schedule-session-button__calendar-modal-container[data-v-4e8edbcd] {
  width: 100%;
  max-width: 550px;
  max-height: 95dvh;
  height: auto;
  background: #F7F2E8;
  border-radius: 24px;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
.schedule-session-button__calendar-modal-container--confirmation[data-v-4e8edbcd] {
  max-width: 804px;
  min-width: 800px;
}
@media (max-width: 991.98px) {
.schedule-session-button__calendar-modal-container--confirmation[data-v-4e8edbcd] {
    max-width: 700px;
    min-width: unset;
    width: 95%;
}
}
.schedule-session-button__calendar-modal-container--no-phone[data-v-4e8edbcd] {
  max-width: 390px;
  min-width: 390px;
}
@media (min-width: 576.98px) {
.schedule-session-button__calendar-modal-container--max-width[data-v-4e8edbcd] {
    max-width: 559px;
    min-width: unset;
}
}
@media (max-width: 575.98px) {
.schedule-session-button__calendar-modal-container[data-v-4e8edbcd] {
    max-width: 100%;
    height: 100%;
    min-height: 100dvh;
    border-radius: 0;
    max-height: none;
}
.schedule-session-button__calendar-modal-container--confirmation[data-v-4e8edbcd], .schedule-session-button__calendar-modal-container--no-phone[data-v-4e8edbcd], .schedule-session-button__calendar-modal-container--max-width[data-v-4e8edbcd] {
    min-width: 0;
    max-width: 100%;
    width: 100%;
}
}
.schedule-session-button__calendar-modal-content[data-v-4e8edbcd] {
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: -moz-min-content;
  min-height: min-content;
}
@media (max-width: 575.98px) {
.schedule-session-button__calendar-modal-content[data-v-4e8edbcd] {
    padding: 16px;
}
}
.schedule-session-button__calendar-skeleton[data-v-4e8edbcd] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.schedule-session-button__calendar-skeleton-header[data-v-4e8edbcd] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.schedule-session-button__calendar-skeleton-month-nav[data-v-4e8edbcd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.25rem 0;
  gap: 0.5rem;
  width: 100%;
}
.schedule-session-button__calendar-skeleton-grid[data-v-4e8edbcd] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  row-gap: 8px;
  -moz-column-gap: 1.5px;
       column-gap: 1.5px;
  width: 100%;
  justify-items: center;
  align-items: center;
}
.schedule-session-button__calendar-skeleton-divider[data-v-4e8edbcd] {
  border: none;
  border-top: 1px solid #E2E2E9;
  margin: 0.5rem 0;
}
.schedule-session-button__calendar-skeleton-slots[data-v-4e8edbcd] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.schedule-session-button__calendar-skeleton-slots-grid[data-v-4e8edbcd] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.schedule-session-button__calendar-skeleton-timezone[data-v-4e8edbcd] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.schedule-session-button__body[data-v-4e8edbcd] {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.schedule-session-button__body[data-v-4e8edbcd] .desktop-actions {
  padding: 0 !important;
  margin-bottom: 0 !important;
}
@media (max-width: 575.98px) {
.schedule-session-button__confirmation[data-v-4e8edbcd] {
    margin-top: 16px;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/patient/home/components/ScheduleSessionButton.vue?vue&type=style&index=1&id=4e8edbcd&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.modal-fade-enter-active,
.modal-fade-leave-active {
  transition: opacity 0.3s ease;
}
.modal-fade-enter-from,
.modal-fade-leave-to {
  opacity: 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ScheduleSessionSection.vue?vue&type=style&index=0&id=102785d4&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.schedule-session-section[data-v-102785d4] {
  color: #364153;
  font-family: "Inter", sans-serif;
  background-color: #F7F2E8;
  border-radius: 24px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 24px;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.1);
  min-height: 380px;
  width: 100%;
  border: 0.5px solid #A2BFCD;
  overflow: hidden;
}
.schedule-session-section__bg[data-v-102785d4] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s ease-in-out, visibility 0s 0.4s;
}
.schedule-session-section__bg--loaded[data-v-102785d4] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.4s ease-in-out, visibility 0s 0s;
}
.schedule-session-section__skeleton[data-v-102785d4] {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 16px;
}
.schedule-session-section__content[data-v-102785d4] {
  border-radius: 16px;
  background: rgba(117, 132, 147, 0.4);
  backdrop-filter: blur(24px);
  padding: 24px 16px;
  width: 100%;
  max-width: 80%;
  position: relative;
  z-index: 2;
  transition: opacity 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.schedule-session-section__content--hidden[data-v-102785d4] {
  opacity: 0;
  pointer-events: none;
}
.schedule-session-section__content--full-width[data-v-102785d4] {
  width: 100%;
  max-width: 100%;
}
.schedule-session-section__title[data-v-102785d4] {
  font-size: 32px;
  line-height: 40px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.schedule-session-section__title[data-v-102785d4] {
    font-size: 28px;
    line-height: 36px;
}
}
@media (max-width: 575.98px) {
.schedule-session-section__title[data-v-102785d4] {
    font-size: 24px;
    line-height: 32px;
}
}
.schedule-session-section__title[data-v-102785d4] {
  font-weight: 600;
  color: #FFFFFF;
  margin: 0;
}
.schedule-session-section__description[data-v-102785d4] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.schedule-session-section__description[data-v-102785d4] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.schedule-session-section__description[data-v-102785d4] {
    font-size: 14px;
    line-height: 20px;
}
}
.schedule-session-section__description[data-v-102785d4] {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
}
.schedule-session-section__button[data-v-102785d4] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.schedule-session-section__button[data-v-102785d4] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.schedule-session-section__button[data-v-102785d4] {
    font-size: 14px;
    line-height: 20px;
}
}
.schedule-session-section__button[data-v-102785d4] {
  padding: 18px 36px;
  border-radius: 36px;
  border: 1px solid #788393;
  background: #36465E;
  color: #EBEDEF;
  font-weight: 600;
  width: 100%;
  display: block;
  transition: opacity 0.2s;
}
.schedule-session-section__button[data-v-102785d4]:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
@media (min-width: 991.98px) {
.schedule-session-section__button[data-v-102785d4] {
    width: -moz-fit-content;
    width: fit-content;
}
}
@media (min-width: 991.98px) {
.schedule-session-section[data-v-102785d4] {
    height: 100%;
    padding: 0;
}
.schedule-session-section__content[data-v-102785d4] {
    min-width: 580px;
    margin: 24px;
    border-radius: 24px;
    padding: 32px;
    backdrop-filter: blur(12px);
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto;
}
.schedule-session-section__content--full-width[data-v-102785d4] {
    min-width: 0;
    width: calc(100% - 48px);
    max-width: calc(100% - 48px);
}
}
@media (max-width: 991.98px) {
.schedule-session-section[data-v-102785d4] {
    height: 100%;
    min-height: 350px;
    padding: 0;
}
.schedule-session-section__content[data-v-102785d4] {
    max-width: 531px;
    left: 16px;
    bottom: 16px;
    padding: 24px;
    backdrop-filter: blur(12px);
    position: absolute;
    background: rgba(117, 132, 147, 0.4);
    border-radius: 24px;
}
.schedule-session-section__content--full-width[data-v-102785d4] {
    width: calc(100% - 32px);
    max-width: calc(100% - 32px);
}
.schedule-session-section__button[data-v-102785d4] {
    width: 171px;
}
}
@media (max-width: 575.98px) {
.schedule-session-section.schedule-session-section[data-v-102785d4] {
    justify-content: center;
    padding: 0;
    height: 100%;
    min-height: 350px;
}
.schedule-session-section__content[data-v-102785d4] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 24px 16px;
    backdrop-filter: blur(12px);
    border-radius: 0;
}
.schedule-session-section__button[data-v-102785d4] {
    width: 100%;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ActionBanner.vue?vue&type=style&index=0&id=45ab2c32&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.action-banner[data-v-45ab2c32] {
  background: #F1EBDF;
  border: 0.5px solid #A2BFCD;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
  width: 100%;
  flex-direction: row !important;
  align-items: stretch;
  justify-content: space-between;
  border-radius: 24px;
  padding: 24px;
  gap: 24px;
}
@media (max-width: 575.98px) {
.action-banner[data-v-45ab2c32] {
    padding: 16px;
    gap: 16px;
}
}
@media (min-width: 1600px) {
.action-banner[data-v-45ab2c32] {
    gap: 120px;
}
}
.action-banner__content[data-v-45ab2c32] {
  flex: 1 1 0;
  min-width: 0;
  gap: 24px;
}
@media (max-width: 575.98px) {
.action-banner__content[data-v-45ab2c32] {
    width: 100%;
    min-width: 0;
    gap: 16px;
}
}
.action-banner__title[data-v-45ab2c32] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.action-banner__title[data-v-45ab2c32] {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.action-banner__title[data-v-45ab2c32] {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.3px;
}
}
.action-banner__title[data-v-45ab2c32] {
  color: #567394;
  margin: 0;
}
.action-banner__description[data-v-45ab2c32] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
}
@media (max-width: 991.98px) {
.action-banner__description[data-v-45ab2c32] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.action-banner__description[data-v-45ab2c32] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.action-banner__description[data-v-45ab2c32] {
  color: #5E6B7E;
  margin: 0;
  max-width: 100%;
}
.action-banner__button[data-v-45ab2c32] {
  padding: 18px 36px;
  justify-content: center;
  color: #FFFDF7;
  align-self: flex-start;
  width: -moz-fit-content;
  width: fit-content;
}
.action-banner__button[data-v-45ab2c32]:disabled {
  opacity: 0.7;
}
@media (max-width: 575.98px) {
.action-banner__button[data-v-45ab2c32] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    align-self: stretch;
}
}
.action-banner__media[data-v-45ab2c32] {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  border-radius: 20px;
  overflow: hidden;
}
.action-banner__image[data-v-45ab2c32] {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 575.98px) {
.action-banner[data-v-45ab2c32] {
    flex-direction: column !important;
}
.action-banner .action-banner__media[data-v-45ab2c32] {
    order: 1;
    min-height: 220px;
}
.action-banner .action-banner__content[data-v-45ab2c32] {
    order: 2;
    width: 100%;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/patient/home/components/ScheduleSection.vue?vue&type=style&index=0&id=6ec1a48a&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
/* Active Session + Progress Review + Emotions Check In */
.schedule-section-active[data-v-6ec1a48a] {
  gap: 16px;
  width: 100%;
  min-width: 0;
}
@media (min-width: 991.98px) {
.schedule-section-active[data-v-6ec1a48a] {
    height: auto;
    gap: 24px;
}
}
.schedule-section-active__session[data-v-6ec1a48a] {
  width: 100%;
  flex: 0 0 auto;
}
.schedule-section-active__progress[data-v-6ec1a48a] {
  width: 100%;
  flex: 0 0 auto;
}
.schedule-section-active__emotions[data-v-6ec1a48a] {
  width: 100%;
  flex: 0 0 auto;
}
.schedule-section-next[data-v-6ec1a48a],
.schedule-section-first[data-v-6ec1a48a] {
  gap: 16px;
  width: 100%;
  min-width: 0;
}
@media (min-width: 991.98px) {
.schedule-section-next[data-v-6ec1a48a],
  .schedule-section-first[data-v-6ec1a48a] {
    gap: 24px;
}
}
@media (max-width: 991.98px) {
.schedule-section-next[data-v-6ec1a48a],
  .schedule-section-first[data-v-6ec1a48a] {
    gap: 16px;
}
}
.schedule-section-next__session[data-v-6ec1a48a],
.schedule-section-first__session[data-v-6ec1a48a] {
  width: 100%;
}
@media (max-width: 991.98px) {
.schedule-section-next__session[data-v-6ec1a48a],
  .schedule-section-first__session[data-v-6ec1a48a] {
    min-height: 280px;
}
}
@media (max-width: 575.98px) {
.schedule-section-next__session[data-v-6ec1a48a],
  .schedule-section-first__session[data-v-6ec1a48a] {
    height: 100%;
    min-height: 300px;
}
}
.schedule-section-next__progress[data-v-6ec1a48a],
.schedule-section-first__progress[data-v-6ec1a48a] {
  width: 100%;
  flex: 0 0 auto;
}
@media (max-width: 991.98px) {
.schedule-section-next__progress[data-v-6ec1a48a],
  .schedule-section-first__progress[data-v-6ec1a48a] {
    min-height: 280px;
}
}
.schedule-section-next__emotions[data-v-6ec1a48a],
.schedule-section-first__emotions[data-v-6ec1a48a] {
  width: 100%;
  flex: 0 0 auto;
}
@media (max-width: 991.98px) {
.schedule-section-next--session-only .schedule-section-next__session[data-v-6ec1a48a],
  .schedule-section-next--session-only .schedule-section-first__session[data-v-6ec1a48a],
  .schedule-section-first--session-only .schedule-section-next__session[data-v-6ec1a48a],
  .schedule-section-first--session-only .schedule-section-first__session[data-v-6ec1a48a] {
    flex: 1;
    min-height: 350px;
}
}
@media (max-width: 575.98px) {
.schedule-section-next--session-only .schedule-section-next__session[data-v-6ec1a48a],
  .schedule-section-next--session-only .schedule-section-first__session[data-v-6ec1a48a],
  .schedule-section-first--session-only .schedule-section-next__session[data-v-6ec1a48a],
  .schedule-section-first--session-only .schedule-section-first__session[data-v-6ec1a48a] {
    height: 100%;
    min-height: 350px;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/patient/home/components/InfoCard.vue?vue&type=style&index=0&id=94e2f75c&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.info-card[data-v-94e2f75c] {
  width: 100%;
  height: 100%;
  display: flex;
}
@media (max-width: 991.98px) {
.info-card[data-v-94e2f75c] {
    align-items: flex-start;
    height: auto;
}
}
@media (max-width: 575.98px) {
.info-card[data-v-94e2f75c] {
    height: auto;
}
}
.info-card__content[data-v-94e2f75c] {
  border-radius: 20px;
  border: 0.5px solid #A2BFCD;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
@media (max-width: 991.98px) {
.info-card__content[data-v-94e2f75c] {
    background: #F7F2E8;
    backdrop-filter: blur(2px);
}
}
@media (max-width: 575.98px) {
.info-card__content[data-v-94e2f75c] {
    padding: 16px;
}
}
.info-card__title[data-v-94e2f75c] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
}
@media (max-width: 991.98px) {
.info-card__title[data-v-94e2f75c] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.info-card__title[data-v-94e2f75c] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.info-card__title[data-v-94e2f75c] {
  font-weight: 400;
}
.info-card__title.semibold[data-v-94e2f75c] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
}
@media (max-width: 991.98px) {
.info-card__title.semibold[data-v-94e2f75c] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.info-card__title.semibold[data-v-94e2f75c] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.info-card__title.semibold[data-v-94e2f75c] {
  font-weight: 600;
}
.info-card__title.medium[data-v-94e2f75c] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
}
@media (max-width: 991.98px) {
.info-card__title.medium[data-v-94e2f75c] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.info-card__title.medium[data-v-94e2f75c] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.info-card__title.medium[data-v-94e2f75c] {
  font-weight: 500;
}
.info-card__title.regular[data-v-94e2f75c] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
}
@media (max-width: 991.98px) {
.info-card__title.regular[data-v-94e2f75c] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.info-card__title.regular[data-v-94e2f75c] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.info-card__title.regular[data-v-94e2f75c] {
  font-weight: 400;
}
.info-card__title[data-v-94e2f75c] {
  color: #36465E;
  font-weight: 600;
  margin: 0;
}
.info-card__description[data-v-94e2f75c] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
}
@media (max-width: 991.98px) {
.info-card__description[data-v-94e2f75c] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.info-card__description[data-v-94e2f75c] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.info-card__description[data-v-94e2f75c] {
  font-weight: 400;
}
.info-card__description.semibold[data-v-94e2f75c] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
}
@media (max-width: 991.98px) {
.info-card__description.semibold[data-v-94e2f75c] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.info-card__description.semibold[data-v-94e2f75c] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.info-card__description.semibold[data-v-94e2f75c] {
  font-weight: 600;
}
.info-card__description.medium[data-v-94e2f75c] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
}
@media (max-width: 991.98px) {
.info-card__description.medium[data-v-94e2f75c] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.info-card__description.medium[data-v-94e2f75c] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.info-card__description.medium[data-v-94e2f75c] {
  font-weight: 500;
}
.info-card__description.regular[data-v-94e2f75c] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
}
@media (max-width: 991.98px) {
.info-card__description.regular[data-v-94e2f75c] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.info-card__description.regular[data-v-94e2f75c] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.info-card__description.regular[data-v-94e2f75c] {
  font-weight: 400;
}
.info-card__description[data-v-94e2f75c] {
  color: #5E6B7E;
  margin: 0;
}
.info-card__buttons[data-v-94e2f75c] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/patient/home/components/HelpSection.vue?vue&type=style&index=0&id=5a19aba0&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.help-section__whatsapp-btn[data-v-5a19aba0] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.help-section__whatsapp-btn.semibold[data-v-5a19aba0] {
  font-size: 14px;
  line-height: 1;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.help-section__whatsapp-btn.medium[data-v-5a19aba0] {
  font-size: 14px;
  line-height: 1;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.help-section__whatsapp-btn.regular[data-v-5a19aba0] {
  font-size: 14px;
  line-height: 1;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.help-section__whatsapp-btn[data-v-5a19aba0] {
  border-radius: 30px;
  background: rgba(255, 238, 196, 0.3019607843);
  border: 1px solid #25D366;
  padding: 16px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  color: #25D366;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.help-section__whatsapp-btn svg[data-v-5a19aba0] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: #25D366;
}
.help-section__whatsapp-btn[data-v-5a19aba0]:hover:not(:disabled) {
  background: rgba(255, 238, 196, 0.3019607843);
  border-color: rgb(33.1955645161, 189.3044354839, 91.5120967742);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
}
.help-section__whatsapp-btn[data-v-5a19aba0]:active:not(:disabled) {
  background: rgba(255, 238, 196, 0.3019607843);
  border-color: rgb(29.3911290323, 167.6088709677, 81.0241935484);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.help-section__whatsapp-btn[data-v-5a19aba0]:focus {
  outline: none;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/patient/home/components/CrisisSection.vue?vue&type=style&index=0&id=18faf044&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.crisis-visit-btn[data-v-18faf044] {
  width: 100%;
  padding-block: 19px;
}
@media (max-width: 991.98px) {
.crisis-visit-btn[data-v-18faf044] {
    grid-column: 1/-1;
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/patient/home/components/FrequentlyQuestionsSection.vue?vue&type=style&index=0&id=1d7e8472&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.frequently-questions-section[data-v-1d7e8472] {
  position: relative;
  display: flex;
  gap: 24px;
  width: 100%;
  padding: 24px;
  border-radius: 24px;
  border: 0.5px solid #C5CED7;
  background: linear-gradient(180deg, #FFFFFF 0%, #F8F8F8 51.449%, #D9EDFF 100%);
  overflow: hidden;
}
@media (max-width: 575.98px) {
.frequently-questions-section[data-v-1d7e8472] {
    padding: 16px;
}
}
.frequently-questions-section__left[data-v-1d7e8472] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
  min-width: 0;
  padding-right: 160px;
}
.frequently-questions-section__title[data-v-1d7e8472] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.frequently-questions-section__title.semibold[data-v-1d7e8472] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.frequently-questions-section__title.medium[data-v-1d7e8472] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.frequently-questions-section__title.regular[data-v-1d7e8472] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.frequently-questions-section__title[data-v-1d7e8472] {
  font-weight: 600;
  color: #36465E;
  margin: 0;
}
.frequently-questions-section__description[data-v-1d7e8472] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
.frequently-questions-section__description.semibold[data-v-1d7e8472] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 600;
}
.frequently-questions-section__description.medium[data-v-1d7e8472] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 500;
}
.frequently-questions-section__description.regular[data-v-1d7e8472] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
.frequently-questions-section__description[data-v-1d7e8472] {
  font-weight: 400;
  color: #5E6B7E;
  margin: 0;
}
.frequently-questions-section__cta[data-v-1d7e8472] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 34px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.frequently-questions-section__cta.semibold[data-v-1d7e8472] {
  font-size: 14px;
  line-height: 34px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.frequently-questions-section__cta.medium[data-v-1d7e8472] {
  font-size: 14px;
  line-height: 34px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.frequently-questions-section__cta.regular[data-v-1d7e8472] {
  font-size: 14px;
  line-height: 34px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.frequently-questions-section__cta[data-v-1d7e8472] {
  font-weight: 600;
  color: #FFFDF7;
  background: #36465E;
  border: 1px solid #788393;
  border-radius: 36px;
  padding: 9px 37px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  text-decoration: none;
  transition: box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
@media (hover: hover) {
.frequently-questions-section__cta[data-v-1d7e8472]:hover {
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
}
}
.frequently-questions-section__cta[data-v-1d7e8472]:focus {
  outline: none;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
}
.frequently-questions-section__image[data-v-1d7e8472] {
  position: absolute;
  top: 19.5px;
  right: 18.5px;
  width: 151px;
  height: 151px;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 575.98px) {
.frequently-questions-section__left[data-v-1d7e8472] {
    padding-right: 140px;
}
.frequently-questions-section__image[data-v-1d7e8472] {
    right: 12px;
}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/patient/home/components/BreathingExerciseSection.vue?vue&type=style&index=0&id=6de302ff&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.breathing-exercise-section[data-v-6de302ff] {
  position: relative;
  display: flex;
  gap: 24px;
  width: 100%;
  padding: 24px;
  border-radius: 24px;
  border: 0.5px solid #C5CED7;
  background: linear-gradient(180deg, #FFFFFF 0%, #FEF8E6 50%, #F9F5DE 100%);
  overflow: hidden;
}
.breathing-exercise-section__bg[data-v-6de302ff] {
  position: absolute;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.7;
}
.breathing-exercise-section__bg--top-left[data-v-6de302ff] {
  bottom: -10%;
  left: -20%;
  width: 52%;
  height: 75%;
}
.breathing-exercise-section__bg--bottom-left[data-v-6de302ff] {
  top: -70px;
  right: -15%;
  width: 58%;
  height: 62%;
}
.breathing-exercise-section__bg--bottom-right[data-v-6de302ff] {
  top: -5%;
  left: -33%;
  width: 75%;
  height: 40%;
}
.breathing-exercise-section__bg--right[data-v-6de302ff] {
  bottom: -78%;
  right: -24%;
  transform: translateY(-50%);
  width: 50%;
  height: 80%;
}
.breathing-exercise-section__bg--persona[data-v-6de302ff] {
  z-index: 1;
  bottom: -30%;
  right: -9%;
  width: 55%;
  height: 123%;
  opacity: 1;
}
@media (max-width: 575.98px) {
.breathing-exercise-section[data-v-6de302ff] {
    padding: 16px;
}
}
.breathing-exercise-section__left[data-v-6de302ff] {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
  min-width: 0;
  padding-right: 160px;
}
.breathing-exercise-section__title[data-v-6de302ff] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.breathing-exercise-section__title.semibold[data-v-6de302ff] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.breathing-exercise-section__title.medium[data-v-6de302ff] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.breathing-exercise-section__title.regular[data-v-6de302ff] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.breathing-exercise-section__title[data-v-6de302ff] {
  font-weight: 600;
  color: #36465E;
  margin: 0;
}
.breathing-exercise-section__description[data-v-6de302ff] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
.breathing-exercise-section__description.semibold[data-v-6de302ff] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 600;
}
.breathing-exercise-section__description.medium[data-v-6de302ff] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 500;
}
.breathing-exercise-section__description.regular[data-v-6de302ff] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
.breathing-exercise-section__description[data-v-6de302ff] {
  font-weight: 400;
  color: #5E6B7E;
  margin: 0;
}
.breathing-exercise-section__cta[data-v-6de302ff] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 34px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.breathing-exercise-section__cta.semibold[data-v-6de302ff] {
  font-size: 14px;
  line-height: 34px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.breathing-exercise-section__cta.medium[data-v-6de302ff] {
  font-size: 14px;
  line-height: 34px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.breathing-exercise-section__cta.regular[data-v-6de302ff] {
  font-size: 14px;
  line-height: 34px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.breathing-exercise-section__cta[data-v-6de302ff] {
  font-weight: 600;
  color: #FFFDF7;
  background: #36465E;
  border: 1px solid #788393;
  border-radius: 36px;
  padding: 9px 37px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  text-decoration: none;
  transition: box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
@media (hover: hover) {
.breathing-exercise-section__cta[data-v-6de302ff]:hover {
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
}
}
.breathing-exercise-section__cta[data-v-6de302ff]:focus {
  outline: none;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 575.98px) {
.breathing-exercise-section__bg[data-v-6de302ff] {
    opacity: 0.7;
}
.breathing-exercise-section__bg--top-left[data-v-6de302ff] {
    bottom: -10%;
    left: -20%;
    width: 52%;
    height: 75%;
}
.breathing-exercise-section__bg--bottom-left[data-v-6de302ff] {
    top: -70px;
    right: -3%;
    width: 58%;
    height: 62%;
}
.breathing-exercise-section__bg--bottom-right[data-v-6de302ff] {
    top: -20%;
    left: -20%;
    width: 75%;
    height: 40%;
}
.breathing-exercise-section__bg--right[data-v-6de302ff] {
    bottom: -85%;
    right: -24%;
    transform: translateY(-50%);
    width: 50%;
    height: 80%;
}
.breathing-exercise-section__bg--persona[data-v-6de302ff] {
    z-index: 1;
    bottom: -30%;
    right: -5%;
    width: 55%;
    height: 123%;
    opacity: 1;
}
.breathing-exercise-section__left[data-v-6de302ff] {
    padding-right: 48%;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/patient/home/components/DiagnosisSection.vue?vue&type=style&index=0&id=52802b28&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.schedule-session-section[data-v-52802b28] {
  border-radius: 20px;
  border: 0.5px solid #CDB5A2;
  background: radial-gradient(113.74% 113.74% at 50% 0%, rgba(114, 202, 237, 0.3) 0%, rgba(249, 198, 76, 0.3) 100%);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(2px);
  display: flex;
  padding: 24px 150px 24px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.schedule-session-section__title[data-v-52802b28] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.schedule-session-section__title[data-v-52802b28] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.schedule-session-section__title[data-v-52802b28] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.schedule-session-section__title[data-v-52802b28] {
  margin: 0;
}
.schedule-session-section__description[data-v-52802b28] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.schedule-session-section__description[data-v-52802b28] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.schedule-session-section__description[data-v-52802b28] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.schedule-session-section__description[data-v-52802b28] {
  margin: 0;
}
.schedule-session-section__button[data-v-52802b28] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.schedule-session-section__button[data-v-52802b28] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
@media (max-width: 575.98px) {
.schedule-session-section__button[data-v-52802b28] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
.schedule-session-section__button[data-v-52802b28] {
  border-radius: 36px;
  border: 1px solid #788393;
  background: rgba(255, 238, 196, 0.3);
  backdrop-filter: blur(20px);
  display: flex;
  padding: 16px 36px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  transition: all 0.2s ease;
}
.schedule-session-section__button[data-v-52802b28]:hover:not(:disabled) {
  opacity: 0.9;
}
.schedule-session-section__button[data-v-52802b28]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.schedule-session-section__illustration[data-v-52802b28] {
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  flex-shrink: 0;
  width: 170px;
  height: 182px;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
  opacity: 0.74;
  filter: brightness(0) invert(1) drop-shadow(0 0 1px rgba(255, 255, 255, 0.5));
  mix-blend-mode: plus-lighter;
  z-index: 1;
}
@media (min-width: 991.98px) {
.schedule-session-section[data-v-52802b28] {
    padding: 24px 150px 24px 24px;
}
.schedule-session-section__illustration[data-v-52802b28] {
    width: 170px;
    height: auto;
}
}
@media (max-width: 991.98px) {
.schedule-session-section[data-v-52802b28] {
    padding: 24px 150px 24px 24px;
}
.schedule-session-section__illustration[data-v-52802b28] {
    width: 170px;
    height: auto;
}
}
@media (max-width: 575.98px) {
.schedule-session-section[data-v-52802b28] {
    padding: 16px 120px 16px 16px;
}
.schedule-session-section__illustration[data-v-52802b28] {
    width: 170px;
    height: auto;
    right: -20px;
}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/patient/home/components/ProgressReviewModal.vue?vue&type=style&index=0&id=c43569f8&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.progress-review-modal-overlay[data-v-c43569f8] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1055;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 32px;
}
@media (max-width: 575.98px) {
.progress-review-modal-overlay[data-v-c43569f8] {
    padding: 16px;
    align-items: center;
    justify-content: center;
}
}
.progress-review-modal[data-v-c43569f8] {
  position: relative;
  border-radius: 20px;
  border: 0.5px solid rgba(255, 255, 255, 0.8);
  background: #F7F2E8;
  backdrop-filter: blur(2px);
  padding: 32px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  overflow: visible;
  width: 582px;
}
@media (max-width: 991.98px) {
.progress-review-modal[data-v-c43569f8] {
    max-width: calc(100% - 24px);
}
}
@media (max-width: 575.98px) {
.progress-review-modal[data-v-c43569f8] {
    width: 100%;
    max-width: none;
    padding: 24px;
}
}
.progress-review-modal__main .progress-review-modal__close[data-v-c43569f8] {
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: right;
  padding: 0;
  transition: opacity 0.2s ease;
  background-color: transparent;
}
.progress-review-modal__main .progress-review-modal__close svg[data-v-c43569f8] {
  width: 16px;
  height: 16px;
  display: block;
}
.progress-review-modal__main .progress-review-modal__close[data-v-c43569f8]:hover {
  opacity: 0.8;
}
.progress-review-modal__main .progress-review-modal__close[data-v-c43569f8]:focus {
  outline: none;
}
.progress-review-modal__main .progress-review-modal__header[data-v-c43569f8] {
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
  padding-right: 19px;
}
@media (max-width: 575.98px) {
.progress-review-modal__main .progress-review-modal__header[data-v-c43569f8] {
    flex-direction: column;
    align-items: flex-start;
    padding-right: 0;
}
}
.progress-review-modal__main .progress-review-modal__header .progress-review-modal__header-title .progress-review-modal__title[data-v-c43569f8] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.progress-review-modal__main .progress-review-modal__header .progress-review-modal__header-title .progress-review-modal__title[data-v-c43569f8] {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.progress-review-modal__main .progress-review-modal__header .progress-review-modal__header-title .progress-review-modal__title[data-v-c43569f8] {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -0.3px;
}
}
.progress-review-modal__main .progress-review-modal__header .progress-review-modal__header-title .progress-review-modal__title[data-v-c43569f8] {
  color: #567394;
  margin: 0;
  flex: 1;
  min-width: 0;
  max-width: 338px;
}
@media (max-width: 575.98px) {
.progress-review-modal__main .progress-review-modal__header .progress-review-modal__header-title .progress-review-modal__title[data-v-c43569f8] {
    padding-right: 16px;
}
}
.progress-review-modal__main .progress-review-modal__header .progress-review-modal__illustration[data-v-c43569f8] {
  flex-shrink: 0;
  width: 80px;
  min-height: 127px;
  align-items: center;
}
.progress-review-modal__main .progress-review-modal__header .progress-review-modal__illustration-graphic[data-v-c43569f8] {
  flex-shrink: 0;
  width: 80px;
  height: 55px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin-bottom: -18px;
  margin-left: -20px;
  position: relative;
  z-index: 1;
}
.progress-review-modal__main .progress-review-modal__header .progress-review-modal__illustration-image[data-v-c43569f8] {
  height: 126px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.progress-review-modal__main .progress-review-modal__footer[data-v-c43569f8] {
  gap: 16px;
  padding-right: 19px;
}
@media (max-width: 575.98px) {
.progress-review-modal__main .progress-review-modal__footer[data-v-c43569f8] {
    padding-right: 0;
}
}
.progress-review-modal__main .progress-review-modal__footer .progress-review-modal__description[data-v-c43569f8] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
}
@media (max-width: 991.98px) {
.progress-review-modal__main .progress-review-modal__footer .progress-review-modal__description[data-v-c43569f8] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.progress-review-modal__main .progress-review-modal__footer .progress-review-modal__description[data-v-c43569f8] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.progress-review-modal__main .progress-review-modal__footer .progress-review-modal__description[data-v-c43569f8] {
  font-weight: 400;
  color: #5E6B7E;
  margin: 0;
  text-align: left;
}
.progress-review-modal__main .progress-review-modal__footer .progress-review-modal__footer-button[data-v-c43569f8] {
  padding-block: 18px;
  line-height: 20px;
}
@media (max-width: 575.98px) {
.progress-review-modal__main .progress-review-modal__footer .progress-review-modal__footer-button[data-v-c43569f8] {
    padding-block: 8px;
    line-height: 34px;
    width: 100%;
}
}
.progress-review-modal-enter-active[data-v-c43569f8],
.progress-review-modal-leave-active[data-v-c43569f8] {
  transition: opacity 0.3s ease;
}
.progress-review-modal-enter-active .progress-review-modal[data-v-c43569f8],
.progress-review-modal-leave-active .progress-review-modal[data-v-c43569f8] {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.progress-review-modal-enter-from[data-v-c43569f8],
.progress-review-modal-leave-to[data-v-c43569f8] {
  opacity: 0;
}
.progress-review-modal-enter-from .progress-review-modal[data-v-c43569f8],
.progress-review-modal-leave-to .progress-review-modal[data-v-c43569f8] {
  transform: scale(0.95);
  opacity: 0;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/patient/home/views/HomeView.vue?vue&type=style&index=0&id=5b0d6b9a&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.home[data-v-5b0d6b9a] {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: calc(100vh - (0.8rem + 16px + 60px));
  margin: 0 auto;
  padding-bottom: 1rem;
}
@media (max-width: 991.98px) {
.home[data-v-5b0d6b9a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "schedule schedule" "diagnosis diagnosis" "faq faq" "sidebar sidebar";
    height: auto;
    min-height: 100%;
    -moz-column-gap: 16px;
         column-gap: 16px;
    row-gap: 0;
    align-content: start;
}
}
@media (max-width: 575.98px) {
.home[data-v-5b0d6b9a] {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "schedule" "diagnosis" "faq" "sidebar";
}
}
.home__scroll[data-v-5b0d6b9a] {
  flex: 1;
  min-height: 0;
  display: flex;
  align-items: stretch;
  width: 100%;
}
@media (max-width: 991.98px) {
.home__scroll[data-v-5b0d6b9a] {
    display: contents;
}
}
@media (max-width: 575.98px) {
.home__scroll[data-v-5b0d6b9a] {
    display: contents;
}
}
.home__main-content[data-v-5b0d6b9a] {
  flex: 0 0 65%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-right: 24px;
  min-height: 0;
}
@media (max-width: 991.98px) {
.home__main-content[data-v-5b0d6b9a] {
    display: contents;
}
}
@media (max-width: 575.98px) {
.home__main-content[data-v-5b0d6b9a] {
    display: contents;
}
}
.home__schedule[data-v-5b0d6b9a] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  order: 0;
}
@media (max-width: 991.98px) {
.home__schedule[data-v-5b0d6b9a] {
    grid-area: schedule;
    width: 100%;
    padding-bottom: 16px;
    padding-inline: 0;
    flex: none;
    height: auto;
    min-height: auto;
}
}
@media (max-width: 575.98px) {
.home__schedule[data-v-5b0d6b9a] {
    grid-area: schedule;
    width: 100%;
    padding-bottom: 16px;
    padding-inline: 0;
    order: 0;
    flex: none;
    height: auto;
    min-height: auto;
}
}
.home__right-side[data-v-5b0d6b9a] {
  flex: 0 0 35%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 0;
}
@media (max-width: 991.98px) {
.home__right-side[data-v-5b0d6b9a] {
    display: contents;
}
}
@media (max-width: 575.98px) {
.home__right-side[data-v-5b0d6b9a] {
    display: contents;
}
}
.home__sidebar[data-v-5b0d6b9a] {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 0;
  overflow: visible;
  row-gap: 24px;
  padding: 16px;
  background: #F7F2E8;
  border-radius: 16px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(2px);
  border: 0.5px solid #A2BFCD;
}
@media (max-width: 991.98px) {
.home__sidebar[data-v-5b0d6b9a] {
    grid-area: sidebar;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 16px;
         column-gap: 16px;
    width: 100%;
}
}
@media (max-width: 575.98px) {
.home__sidebar[data-v-5b0d6b9a] {
    grid-area: sidebar;
    display: flex;
    flex-direction: column;
    width: 100%;
}
}
.home__diagnosis[data-v-5b0d6b9a] {
  flex: none;
  display: flex;
  flex-direction: column;
  height: auto;
}
@media (max-width: 991.98px) {
.home__diagnosis[data-v-5b0d6b9a] {
    grid-area: diagnosis;
    width: 100%;
    padding-bottom: 16px;
}
}
@media (max-width: 575.98px) {
.home__diagnosis[data-v-5b0d6b9a] {
    grid-area: diagnosis;
    width: 100%;
    padding-bottom: 16px;
}
}
.home__help[data-v-5b0d6b9a] {
  flex: none;
  order: 2;
}
@media (max-width: 991.98px) {
.home__help[data-v-5b0d6b9a] {
    width: 100%;
}
}
@media (max-width: 575.98px) {
.home__help[data-v-5b0d6b9a] {
    width: 100%;
}
}
.home__crisis[data-v-5b0d6b9a] {
  flex: none;
  order: 3;
}
@media (max-width: 991.98px) {
.home__crisis[data-v-5b0d6b9a] {
    width: 100%;
}
}
@media (max-width: 575.98px) {
.home__crisis[data-v-5b0d6b9a] {
    width: 100%;
}
}
@media (max-width: 991.98px) {
.home_faq[data-v-5b0d6b9a] {
    grid-area: faq;
    width: 100%;
    padding-bottom: 16px;
}
}
@media (max-width: 575.98px) {
.home_faq[data-v-5b0d6b9a] {
    grid-area: faq;
    width: 100%;
}
}
.skeleton-schedule[data-v-5b0d6b9a] {
  background-color: #F7F2E8;
  border-radius: 24px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 32px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  height: 100%;
  width: 100%;
  gap: 24px;
  border: 0.5px solid #A2BFCD;
}
@media (max-width: 991.98px) {
.skeleton-schedule[data-v-5b0d6b9a] {
    padding: 24px;
}
}
@media (max-width: 575.98px) {
.skeleton-schedule[data-v-5b0d6b9a] {
    padding: 24px 16px;
    min-height: 380px;
}
}
.skeleton-schedule__body[data-v-5b0d6b9a] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.skeleton-schedule__title[data-v-5b0d6b9a] {
  margin-bottom: 0;
}
.skeleton-schedule__button[data-v-5b0d6b9a] {
  margin-top: 0;
}
@media (max-width: 575.98px) {
.skeleton-schedule__button[data-v-5b0d6b9a] {
    width: 100% !important;
}
}
.skeleton-info-card[data-v-5b0d6b9a] {
  border-radius: 20px;
  border: 0.5px solid #A2BFCD;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
@media (max-width: 991.98px) {
.skeleton-info-card[data-v-5b0d6b9a] {
    background: #F7F2E8;
    backdrop-filter: blur(2px);
}
}
.skeleton-info-card__title[data-v-5b0d6b9a] {
  margin-bottom: 4px;
}
.skeleton-info-card__description[data-v-5b0d6b9a] {
  margin-bottom: 4px;
}
.skeleton-info-card__button[data-v-5b0d6b9a] {
  margin-top: 4px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/DiagnosisModal.vue?vue&type=style&index=0&id=c4a2c328&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.diagnosis-modal[data-v-c4a2c328] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  padding: 24px 16px;
}
.diagnosis-modal__container[data-v-c4a2c328] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 16px;
  gap: 16px;
  isolation: isolate;
  width: 350px;
  max-width: 100%;
  max-height: 90vh;
  overflow: visible;
  background: #FFFDF7;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14);
  border-radius: 16px;
}
.diagnosis-modal__close[data-v-c4a2c328] {
  position: absolute;
  width: 25px;
  height: 25px;
  right: -8.5px;
  top: -8.5px;
  background: #F7F2E8;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  z-index: 1001;
  flex: none;
  flex-grow: 0;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14);
}
.diagnosis-modal__close svg[data-v-c4a2c328] {
  width: 25px;
  height: 25px;
}
.diagnosis-modal__close[data-v-c4a2c328]:hover {
  opacity: 0.8;
}
.diagnosis-modal__close[data-v-c4a2c328]:focus {
  outline: none;
}
.diagnosis-modal__content[data-v-c4a2c328] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  overflow-y: auto;
  max-height: calc(90vh - 48px);
}
.diagnosis-modal__title[data-v-c4a2c328] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.diagnosis-modal__title.semibold[data-v-c4a2c328] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.diagnosis-modal__title.medium[data-v-c4a2c328] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.diagnosis-modal__title.regular[data-v-c4a2c328] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.diagnosis-modal__title[data-v-c4a2c328] {
  font-weight: 500;
  color: #567394;
  margin: 0;
  flex: none;
  flex-grow: 0;
  z-index: 0;
}
.diagnosis-modal__badge[data-v-c4a2c328] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 4px;
  padding-right: 16px;
  padding-bottom: 4px;
  padding-left: 16px;
  gap: 4px;
  width: auto;
  border-radius: 20px;
  flex: none;
  flex-grow: 0;
  z-index: 1;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.3px;
  font-weight: 600;
  color: #36465E;
}
.diagnosis-modal__badge--green[data-v-c4a2c328] {
  background: #8BC56B;
}
.diagnosis-modal__badge--green-light[data-v-c4a2c328] {
  background: #8BC56B;
}
.diagnosis-modal__badge--yellow[data-v-c4a2c328] {
  background: #F2E077;
  color: #36465E;
  padding-top: 4px;
  padding-right: 12px;
  padding-bottom: 4px;
  padding-left: 12px;
}
.diagnosis-modal__badge--orange[data-v-c4a2c328] {
  background: #EDAC61;
}
.diagnosis-modal__badge--red[data-v-c4a2c328] {
  background: #F95C57;
  color: #FFFBF2;
}
.diagnosis-modal__divider[data-v-c4a2c328] {
  width: 100%;
  height: 0px;
  border: 0.5px solid #A3AAB5;
  flex: none;
  align-self: stretch;
  flex-grow: 0;
  z-index: 2;
}
.diagnosis-modal__section[data-v-c4a2c328] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  flex: none;
  align-self: stretch;
  flex-grow: 0;
  z-index: 3;
}
.diagnosis-modal__section[data-v-c4a2c328]:nth-of-type(3) {
  z-index: 3;
}
.diagnosis-modal__section[data-v-c4a2c328]:nth-of-type(4) {
  z-index: 6;
}
.diagnosis-modal__section-title[data-v-c4a2c328] {
  width: 100%;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.diagnosis-modal__section-title.semibold[data-v-c4a2c328] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.diagnosis-modal__section-title.medium[data-v-c4a2c328] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.diagnosis-modal__section-title.regular[data-v-c4a2c328] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.diagnosis-modal__section-title[data-v-c4a2c328] {
  font-weight: 500;
  color: #567394;
  margin: 0;
  flex: none;
  align-self: stretch;
  flex-grow: 0;
}
.diagnosis-modal__section-text[data-v-c4a2c328] {
  width: 100%;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.diagnosis-modal__section-text.semibold[data-v-c4a2c328] {
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.diagnosis-modal__section-text.medium[data-v-c4a2c328] {
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.diagnosis-modal__section-text.regular[data-v-c4a2c328] {
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.diagnosis-modal__section-text[data-v-c4a2c328] {
  color: #5E6B7E;
  margin: 0;
  flex: none;
  align-self: stretch;
  flex-grow: 0;
}
.modal-fade-enter-active[data-v-c4a2c328],
.modal-fade-leave-active[data-v-c4a2c328] {
  transition: opacity 0.3s ease;
}
.modal-fade-enter-from[data-v-c4a2c328],
.modal-fade-leave-to[data-v-c4a2c328] {
  opacity: 0;
}
.modal-fade-enter-active .diagnosis-modal__container[data-v-c4a2c328],
.modal-fade-leave-active .diagnosis-modal__container[data-v-c4a2c328] {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.modal-fade-enter-from .diagnosis-modal__container[data-v-c4a2c328],
.modal-fade-leave-to .diagnosis-modal__container[data-v-c4a2c328] {
  transform: scale(0.9);
  opacity: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/modals/ConfidentialityModal.vue?vue&type=style&index=0&id=bdac5520&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.confidentiality-modal-overlay[data-v-bdac5520] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1055;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.confidentiality-modal[data-v-bdac5520] {
  display: flex;
  max-width: 358px;
  padding: 24px 16px;
  align-items: flex-start;
  gap: 8px;
  border-radius: 16px;
  background: #FFFEFD;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 575.98px) {
.confidentiality-modal[data-v-bdac5520] {
    max-width: none;
    width: 100%;
}
}
@media (min-width: 576.98px) {
.confidentiality-modal.confidentiality-modal--match-element-width[data-v-bdac5520] {
    max-width: none;
}
}
.confidentiality-modal > .lock-icon[data-v-bdac5520],
.confidentiality-modal > .content .title[data-v-bdac5520],
.confidentiality-modal > .close-btn[data-v-bdac5520] {
  align-self: flex-start;
}
.content[data-v-bdac5520] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.title[data-v-bdac5520] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.title.semibold[data-v-bdac5520] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.title.medium[data-v-bdac5520] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.title.regular[data-v-bdac5520] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.title[data-v-bdac5520] {
  color: #36465E;
  font-weight: 600;
  margin: 0;
  display: flex;
  align-items: center;
  min-height: 32px;
}
@media (min-width: 576.98px) {
.confidentiality-modal--hide-title-desktop-tablet .title[data-v-bdac5520],
  .confidentiality-modal--hide-title-desktop-tablet .lock-icon[data-v-bdac5520] {
    display: none;
}
}
@media (min-width: 576.98px) {
.confidentiality-modal--hide-title-desktop-tablet .content[data-v-bdac5520] {
    padding-left: 24px;
}
}
@media (min-width: 576.98px) {
.confidentiality-modal--hide-title-desktop-tablet .close-btn[data-v-bdac5520] {
    padding-top: 0;
}
}
.text[data-v-bdac5520] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.text.semibold[data-v-bdac5520] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.text.medium[data-v-bdac5520] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.text.regular[data-v-bdac5520] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.text[data-v-bdac5520] {
  color: #5E6B7E;
  margin: 0;
}
.close-btn[data-v-bdac5520] {
  background: none;
  border: none;
  padding: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Ensure it doesn't shrink */
  flex-shrink: 0;
  transition: none;
  min-height: 32px;
}
.close-btn[data-v-bdac5520]:hover, .close-btn[data-v-bdac5520]:focus, .close-btn[data-v-bdac5520]:active {
  transform: none !important;
  outline: none;
}
.lock-icon[data-v-bdac5520] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border-radius: 8px;
  background: #F2F4F6;
  color: #36465E;
}
.confidentiality-modal-slide-enter-active[data-v-bdac5520],
.confidentiality-modal-slide-leave-active[data-v-bdac5520] {
  transition: opacity 0.3s ease;
}
.confidentiality-modal-slide-enter-active .confidentiality-modal[data-v-bdac5520],
.confidentiality-modal-slide-leave-active .confidentiality-modal[data-v-bdac5520] {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.confidentiality-modal-slide-enter-from[data-v-bdac5520] {
  opacity: 0;
}
.confidentiality-modal-slide-enter-from .confidentiality-modal[data-v-bdac5520] {
  transform: translateX(100%);
  opacity: 0;
}
.confidentiality-modal-slide-leave-to[data-v-bdac5520] {
  opacity: 0;
}
.confidentiality-modal-slide-leave-to .confidentiality-modal[data-v-bdac5520] {
  transform: translateX(100%);
  opacity: 0;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ConfidentialityButton.vue?vue&type=style&index=0&id=89e75e10&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.confidentiality-button[data-v-89e75e10] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  flex-grow: 0;
  height: 40px;
}
@media (min-width: 991.98px) {
.confidentiality-button[data-v-89e75e10] {
    height: 40px;
}
}
@media (max-width: 991.98px) {
.confidentiality-button[data-v-89e75e10] {
    height: 28px;
}
}
@media (max-width: 575.98px) {
.confidentiality-button[data-v-89e75e10] {
    height: 28px;
}
}
.confidentiality-button__trigger[data-v-89e75e10] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 8px;
  border-radius: 4px;
  background: #EBEDEF;
  cursor: pointer;
  transition: opacity 0.2s ease;
  flex: none;
  flex-grow: 0;
  border: 0;
}
.confidentiality-button__trigger[data-v-89e75e10]:hover {
  opacity: 0.9;
}
@media (max-width: 575.98px) {
.confidentiality-button__trigger[data-v-89e75e10] {
    padding: 4px;
}
}
.confidentiality-button__icon[data-v-89e75e10] {
  display: flex;
  width: 20px;
  height: 20px;
  padding: 0;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 4px;
  flex-shrink: 0;
  color: #567394;
  transition: background-color 0.2s ease;
}
@media (max-width: 575.98px) {
.confidentiality-button__icon[data-v-89e75e10] {
    width: 24px;
    height: 24px;
    padding: 4px;
    color: #36465E;
}
.confidentiality-button__icon[data-v-89e75e10]:hover {
    opacity: 0.9;
}
}
@media (max-width: 575.98px) {
.confidentiality-button--hide-text-on-mobile .confidentiality-button__text[data-v-89e75e10] {
    display: none;
}
}
.confidentiality-button__text[data-v-89e75e10] {
  margin: 0;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.confidentiality-button__text[data-v-89e75e10] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.confidentiality-button__text[data-v-89e75e10] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.confidentiality-button__text[data-v-89e75e10] {
  color: #567394;
  white-space: nowrap;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/HelpButton.vue?vue&type=style&index=0&id=ffb0b2fa&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.help-button[data-v-ffb0b2fa] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  flex-grow: 0;
  height: 40px;
}
@media (min-width: 991.98px) {
.help-button[data-v-ffb0b2fa] {
    height: 40px;
}
}
@media (max-width: 991.98px) {
.help-button[data-v-ffb0b2fa] {
    height: 28px;
}
}
@media (max-width: 575.98px) {
.help-button[data-v-ffb0b2fa] {
    height: 28px;
}
}
.help-button__trigger[data-v-ffb0b2fa] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 8px;
  border-radius: 4px;
  background: #EBEDEF;
  cursor: pointer;
  transition: opacity 0.2s ease;
  flex: none;
  flex-grow: 0;
  border: 0;
}
.help-button__trigger[data-v-ffb0b2fa]:hover {
  opacity: 0.9;
}
@media (max-width: 575.98px) {
.help-button__trigger[data-v-ffb0b2fa] {
    padding: 4px;
}
}
.help-button__icon[data-v-ffb0b2fa] {
  display: flex;
  width: 20px;
  height: 20px;
  padding: 0;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 4px;
  flex-shrink: 0;
  color: #567394;
  transition: background-color 0.2s ease;
}
@media (max-width: 575.98px) {
.help-button__icon[data-v-ffb0b2fa] {
    width: 24px;
    height: 24px;
    padding: 4px;
    color: #36465E;
}
.help-button__icon[data-v-ffb0b2fa]:hover {
    opacity: 0.9;
}
}
@media (max-width: 575.98px) {
.help-button--hide-text-on-mobile .help-button__text[data-v-ffb0b2fa] {
    display: none;
}
}
.help-button__text[data-v-ffb0b2fa] {
  margin: 0;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.help-button__text[data-v-ffb0b2fa] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.help-button__text[data-v-ffb0b2fa] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.help-button__text[data-v-ffb0b2fa] {
  color: #567394;
  white-space: nowrap;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/patient/home/components/ScheduleTherapyCard.vue?vue&type=style&index=0&id=50d74784&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.schedule-therapy-card[data-v-50d74784] {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  padding: 0;
  display: flex;
  align-items: center;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.1);
  border: 0.5px solid #A2BFCD;
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
}
.schedule-therapy-card__bg[data-v-50d74784] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  z-index: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s ease-in-out, visibility 0s 0.4s;
  display: block;
  box-sizing: border-box;
}
.schedule-therapy-card__bg--loaded[data-v-50d74784] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.4s ease-in-out, visibility 0s 0s;
}
.schedule-therapy-card__skeleton[data-v-50d74784] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border-radius: 24px;
}
@media (max-width: 575.98px) {
.schedule-therapy-card__skeleton[data-v-50d74784] {
    border-radius: 16px;
}
}
@media (max-width: 575.98px) {
.schedule-therapy-card[data-v-50d74784] {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 16px;
}
}
@media (max-width: 991.98px) {
.schedule-therapy-card[data-v-50d74784] {
    border-radius: 16px;
}
}
.schedule-therapy-card__content[data-v-50d74784] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 16px;
  position: relative;
  z-index: 2;
  background: rgba(117, 132, 147, 0.4);
  backdrop-filter: blur(24px);
  border-radius: 24px;
  padding: 24px;
  transition: opacity 0.3s ease;
}
.schedule-therapy-card__content--hidden[data-v-50d74784] {
  opacity: 0;
  pointer-events: none;
}
.schedule-therapy-card__content--with-margin[data-v-50d74784] {
  margin: 24px 32px;
  width: calc(100% - 64px);
  border-radius: 16px;
}
@media (max-width: 991.98px) {
.schedule-therapy-card__content--with-margin[data-v-50d74784] {
    margin: 16px;
    width: calc(100% - 32px);
}
}
@media (min-width: 991.98px) {
.schedule-therapy-card__content--no-description[data-v-50d74784] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}
.schedule-therapy-card__content--no-description .schedule-therapy-card__text[data-v-50d74784],
  .schedule-therapy-card__content--no-description .schedule-therapy-card__action-row[data-v-50d74784] {
    width: auto;
}
}
@media (min-width: 991.98px) {
.schedule-therapy-card__content[data-v-50d74784] {
    padding: 32px;
}
}
@media (max-width: 991.98px) {
.schedule-therapy-card__content[data-v-50d74784] {
    padding: 24px;
    border-radius: 16px;
}
}
@media (max-width: 575.98px) {
.schedule-therapy-card__content[data-v-50d74784] {
    gap: 16px;
    padding: 16px;
}
}
.schedule-therapy-card__text[data-v-50d74784] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
@media (max-width: 575.98px) {
.schedule-therapy-card__text[data-v-50d74784] {
    gap: 12px;
}
}
.schedule-therapy-card__action-row[data-v-50d74784] {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 16px;
}
@media (max-width: 991.98px) {
.schedule-therapy-card__action-row[data-v-50d74784] {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}
}
.schedule-therapy-card__title[data-v-50d74784] {
  margin: 0;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.schedule-therapy-card__title[data-v-50d74784] {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.schedule-therapy-card__title[data-v-50d74784] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.schedule-therapy-card__title[data-v-50d74784] {
  color: #FFFEFD;
  font-weight: 600;
  font-style: normal;
}
.schedule-therapy-card__description[data-v-50d74784] {
  margin: 0;
  flex: 1;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.schedule-therapy-card__description[data-v-50d74784] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.schedule-therapy-card__description[data-v-50d74784] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.schedule-therapy-card__description[data-v-50d74784] {
  color: #FFFEFD;
  font-weight: 400;
  font-style: normal;
}
@media (max-width: 991.98px) {
.schedule-therapy-card__description[data-v-50d74784] {
    width: 100%;
}
}
.schedule-therapy-card__button[data-v-50d74784] {
  flex-shrink: 0;
  background: #36465E;
  border: 1px solid #788393;
  padding: 18px 36px;
  border-radius: 36px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  height: 58px;
  white-space: nowrap;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #364153;
  font-family: "Inter", sans-serif;
  color: #FFFDF7;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  outline: none;
}
@media (max-width: 991.98px) {
.schedule-therapy-card__button[data-v-50d74784] {
    width: 100%;
}
}
@media (hover: hover) {
.schedule-therapy-card__button[data-v-50d74784]:hover:not(:disabled) {
    background: rgb(63.3040540541, 82.0608108108, 110.1959459459);
    border-color: rgb(134.1666666667, 144.012345679, 158.3333333333);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
}
}
.schedule-therapy-card__button[data-v-50d74784]:active:not(:disabled) {
  background: rgb(44.6959459459, 57.9391891892, 77.8040540541);
  border-color: rgb(107.3333333333, 118.2654320988, 134.1666666667);
}
.schedule-therapy-card__button[data-v-50d74784]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/patient/home/components/ScheduleTherapyCardResults.vue?vue&type=style&index=0&id=78e5fb08&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.schedule-therapy-card-results[data-v-78e5fb08] {
  backdrop-filter: blur(12px);
  background: #F1EBDF;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  transition: opacity 0.2s ease;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  min-width: 0;
  position: relative;
}
@media (min-width: 991.98px) {
.schedule-therapy-card-results[data-v-78e5fb08] {
    justify-content: flex-start;
    align-items: center;
}
}
@media (max-width: 1180px) {
.schedule-therapy-card-results[data-v-78e5fb08] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
    justify-content: flex-start;
}
}
@media (max-width: 575.98px) {
.schedule-therapy-card-results[data-v-78e5fb08] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
    justify-content: flex-start;
}
}
.schedule-therapy-card-results--disabled[data-v-78e5fb08] {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.schedule-therapy-card-results__title[data-v-78e5fb08] {
  margin: 0;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.schedule-therapy-card-results__title[data-v-78e5fb08] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.schedule-therapy-card-results__title[data-v-78e5fb08] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.schedule-therapy-card-results__title[data-v-78e5fb08] {
  color: #567394;
  white-space: normal;
  flex: 1 1 0;
  min-width: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  overflow: hidden;
}
@media (min-width: 991.98px) {
.schedule-therapy-card-results__title[data-v-78e5fb08] {
    flex: 1 1 0;
    min-width: 0;
    max-width: calc(100% - 196px);
}
}
@media (max-width: 1180px) {
.schedule-therapy-card-results__title[data-v-78e5fb08] {
    width: 100%;
    flex: 0 0 auto;
    max-width: 100%;
    text-align: center;
}
}
@media (max-width: 575.98px) {
.schedule-therapy-card-results__title[data-v-78e5fb08] {
    width: 100%;
    flex: 0 0 auto;
    max-width: 100%;
    text-align: center;
}
}
.schedule-therapy-card-results__button[data-v-78e5fb08] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  background: #36465E;
  border: none;
  border-radius: 16px;
  cursor: pointer;
  transition: background-color 0.2s ease, opacity 0.2s ease;
  flex-shrink: 0;
  min-width: -moz-fit-content;
  min-width: fit-content;
  max-width: 100%;
}
@media (min-width: 991.98px) {
.schedule-therapy-card-results__button[data-v-78e5fb08] {
    max-width: 180px;
    margin-left: auto;
}
}
@media (max-width: 1180px) {
.schedule-therapy-card-results__button[data-v-78e5fb08] {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
}
}
@media (max-width: 575.98px) {
.schedule-therapy-card-results__button[data-v-78e5fb08] {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
}
}
.schedule-therapy-card-results__button[data-v-78e5fb08]:hover:not(:disabled) {
  background: rgb(63.3040540541, 82.0608108108, 110.1959459459);
}
.schedule-therapy-card-results__button[data-v-78e5fb08]:active:not(:disabled) {
  background: rgb(44.6959459459, 57.9391891892, 77.8040540541);
}
.schedule-therapy-card-results__button[data-v-78e5fb08]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.schedule-therapy-card-results__icon[data-v-78e5fb08] {
  width: 20px;
  height: 20px;
  display: block;
  flex-shrink: 0;
  color: #EBEDEF;
}
.schedule-therapy-card-results__button-text[data-v-78e5fb08] {
  margin: 0;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.schedule-therapy-card-results__button-text[data-v-78e5fb08] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.schedule-therapy-card-results__button-text[data-v-78e5fb08] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.3px;
}
}
.schedule-therapy-card-results__button-text[data-v-78e5fb08] {
  color: #EBEDEF;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/patient/home/components/QuestionnaireScaleDashboard.vue?vue&type=style&index=0&id=d68b80ae&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.questionnaire-scale-dashboard[data-v-d68b80ae] {
  --chart-primary: #567394;
  --chart-secondary: #2DB0E4;
  --chart-tertiary: #FFDA7E;
  --chart-accent: #5F6C37;
  --chart-quaternary: #F95C57;
  --chart-text: #364153;
  --chart-text-axis: #5e6b7e;
  --chart-grid: #D8DEE4;
  --chart-bar-track: rgba(214, 219, 237, 0.4);
  --chart-level-elevated: #f95c57;
  --chart-level-medium-high: #edac61;
  --chart-level-mild: #f2e077;
  --chart-level-expected: #8bc56b;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  border-radius: 16px;
  background-color: #FFFDF7;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
}
@media (min-width: 991.98px) {
.questionnaire-scale-dashboard[data-v-d68b80ae] {
    gap: 24px;
    padding: 24px;
}
}
.questionnaire-scale-dashboard__header[data-v-d68b80ae] {
  gap: 0.375rem;
}
.questionnaire-scale-dashboard__kicker[data-v-d68b80ae] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-style: normal;
  letter-spacing: -0.2px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.questionnaire-scale-dashboard__kicker[data-v-d68b80ae] {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.2px;
}
}
@media (max-width: 575.98px) {
.questionnaire-scale-dashboard__kicker[data-v-d68b80ae] {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.2px;
}
}
.questionnaire-scale-dashboard__kicker[data-v-d68b80ae] {
  color: #5E6B7E;
  margin: 0;
}
.questionnaire-scale-dashboard__title[data-v-d68b80ae] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.questionnaire-scale-dashboard__title[data-v-d68b80ae] {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.questionnaire-scale-dashboard__title[data-v-d68b80ae] {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.questionnaire-scale-dashboard__title[data-v-d68b80ae] {
  color: #36465E;
  margin: 0;
}
.questionnaire-scale-dashboard__subtitle[data-v-d68b80ae] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.questionnaire-scale-dashboard__subtitle[data-v-d68b80ae] {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.questionnaire-scale-dashboard__subtitle[data-v-d68b80ae] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.questionnaire-scale-dashboard__subtitle[data-v-d68b80ae] {
  color: #6B6B6B;
  margin: 0;
  max-width: 72ch;
}
.questionnaire-scale-dashboard__content[data-v-d68b80ae] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 991.98px) {
.questionnaire-scale-dashboard__content[data-v-d68b80ae] {
    grid-template-columns: 2fr 3fr;
    gap: 1.25rem;
}
}
.questionnaire-scale-dashboard__filters[data-v-d68b80ae] {
  display: flex;
  justify-content: flex-start;
}
.questionnaire-scale-dashboard__filter-field[data-v-d68b80ae] {
  min-width: 120px;
}
.questionnaire-scale-dashboard__filter-select-wrapper[data-v-d68b80ae] {
  width: 100%;
  position: relative;
  border: 1px solid #C5CED7;
  border-radius: 10px;
  background-color: #FFFFFF;
}
.questionnaire-scale-dashboard__filter-select-wrapper[data-v-d68b80ae]::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #5E6B7E;
  border-bottom: 2px solid #5E6B7E;
  transform: translateY(-70%) rotate(45deg);
  pointer-events: none;
}
.questionnaire-scale-dashboard__filter-select-wrapper--disabled[data-v-d68b80ae] {
  opacity: 0.5;
}
.questionnaire-scale-dashboard__filter-select[data-v-d68b80ae] {
  width: 100%;
  padding: 10px 36px 10px 12px;
  border: none;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.2px;
  font-weight: 400;
}
.questionnaire-scale-dashboard__filter-select.semibold[data-v-d68b80ae] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.2px;
  font-weight: 600;
}
.questionnaire-scale-dashboard__filter-select.medium[data-v-d68b80ae] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.2px;
  font-weight: 500;
}
.questionnaire-scale-dashboard__filter-select.regular[data-v-d68b80ae] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.2px;
  font-weight: 400;
}
.questionnaire-scale-dashboard__filter-select[data-v-d68b80ae] {
  color: #36465E;
  cursor: pointer;
}
.questionnaire-scale-dashboard__filter-select[data-v-d68b80ae]:focus {
  outline: none;
}
.questionnaire-scale-dashboard__filter-select[data-v-d68b80ae]:disabled {
  cursor: not-allowed;
}
.questionnaire-scale-dashboard__bar-charts-column[data-v-d68b80ae] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 991.98px) {
.questionnaire-scale-dashboard__bar-charts-column[data-v-d68b80ae] {
    gap: 1.25rem;
}
}
.questionnaire-scale-dashboard__card[data-v-d68b80ae] {
  background-color: #F7F2E8;
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-self: stretch;
}
@media (min-width: 991.98px) {
.questionnaire-scale-dashboard__card--multiline[data-v-d68b80ae] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}
}
.questionnaire-scale-dashboard__card-head[data-v-d68b80ae] {
  gap: 0.25rem;
}
.questionnaire-scale-dashboard__trend-header[data-v-d68b80ae] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.questionnaire-scale-dashboard__category-filter[data-v-d68b80ae] {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  align-self: flex-end;
}
.questionnaire-scale-dashboard__category-filter-trigger[data-v-d68b80ae] {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #C5CED7;
  border-radius: 10px;
  background: #FFFFFF;
  padding: 8px 12px;
  min-width: 170px;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.questionnaire-scale-dashboard__category-filter-trigger.semibold[data-v-d68b80ae] {
  font-size: 13px;
  line-height: 18px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.questionnaire-scale-dashboard__category-filter-trigger.medium[data-v-d68b80ae] {
  font-size: 13px;
  line-height: 18px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.questionnaire-scale-dashboard__category-filter-trigger.regular[data-v-d68b80ae] {
  font-size: 13px;
  line-height: 18px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.questionnaire-scale-dashboard__category-filter-trigger[data-v-d68b80ae] {
  color: #36465E;
  text-align: left;
  cursor: pointer;
}
.questionnaire-scale-dashboard__category-filter-trigger[data-v-d68b80ae]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.questionnaire-scale-dashboard__category-filter-trigger-content[data-v-d68b80ae] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.questionnaire-scale-dashboard__category-filter-dropdown[data-v-d68b80ae] {
  position: absolute;
  left: auto;
  right: 0;
  top: calc(100% + 8px);
  width: min(220px, 100vw - 32px);
  max-width: 220px;
  background: #FFFFFF;
  border: 1px solid #C5CED7;
  border-radius: 12px;
  box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.12);
  padding: 8px;
  z-index: 6;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 575.98px) {
.questionnaire-scale-dashboard__category-filter-dropdown[data-v-d68b80ae] {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}
}
@media (max-width: 991.98px) {
.questionnaire-scale-dashboard__category-filter-dropdown[data-v-d68b80ae] {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}
}
@media (min-width: 991.98px) {
.questionnaire-scale-dashboard__category-filter-dropdown[data-v-d68b80ae] {
    left: auto;
    right: 0;
    transform: none;
}
}
.questionnaire-scale-dashboard__category-filter-actions[data-v-d68b80ae] {
  display: flex;
  gap: 6px;
  margin-bottom: 4px;
}
.questionnaire-scale-dashboard__category-filter-action[data-v-d68b80ae] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid #C5CED7;
  border-radius: 8px;
  background: #FFFDF7;
  padding: 6px 8px;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.1px;
  font-weight: 400;
}
.questionnaire-scale-dashboard__category-filter-action.semibold[data-v-d68b80ae] {
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.1px;
  font-weight: 600;
}
.questionnaire-scale-dashboard__category-filter-action.medium[data-v-d68b80ae] {
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.1px;
  font-weight: 500;
}
.questionnaire-scale-dashboard__category-filter-action.regular[data-v-d68b80ae] {
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.1px;
  font-weight: 400;
}
.questionnaire-scale-dashboard__category-filter-action[data-v-d68b80ae] {
  color: #36465E;
  cursor: pointer;
}
.questionnaire-scale-dashboard__category-filter-item[data-v-d68b80ae] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: none;
  border-radius: 8px;
  background: transparent;
  padding: 6px 8px;
  cursor: pointer;
  text-align: left;
}
.questionnaire-scale-dashboard__category-filter-item[data-v-d68b80ae]:hover {
  background: #F7F2E8;
}
.questionnaire-scale-dashboard__category-filter-item-main[data-v-d68b80ae] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.questionnaire-scale-dashboard__category-filter-dot[data-v-d68b80ae] {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  flex-shrink: 0;
}
.questionnaire-scale-dashboard__category-filter-label[data-v-d68b80ae] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-style: normal;
  letter-spacing: -0.1px;
  font-weight: 400;
}
.questionnaire-scale-dashboard__category-filter-label.semibold[data-v-d68b80ae] {
  font-size: 13px;
  line-height: 18px;
  font-style: normal;
  letter-spacing: -0.1px;
  font-weight: 600;
}
.questionnaire-scale-dashboard__category-filter-label.medium[data-v-d68b80ae] {
  font-size: 13px;
  line-height: 18px;
  font-style: normal;
  letter-spacing: -0.1px;
  font-weight: 500;
}
.questionnaire-scale-dashboard__category-filter-label.regular[data-v-d68b80ae] {
  font-size: 13px;
  line-height: 18px;
  font-style: normal;
  letter-spacing: -0.1px;
  font-weight: 400;
}
.questionnaire-scale-dashboard__category-filter-label[data-v-d68b80ae] {
  color: #36465E;
}
.questionnaire-scale-dashboard__category-filter-label--muted[data-v-d68b80ae] {
  opacity: 0.45;
}
.questionnaire-scale-dashboard__card-title[data-v-d68b80ae] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.questionnaire-scale-dashboard__card-title[data-v-d68b80ae] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.questionnaire-scale-dashboard__card-title[data-v-d68b80ae] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.questionnaire-scale-dashboard__card-title[data-v-d68b80ae] {
  color: #36465E;
  margin: 0;
}
.questionnaire-scale-dashboard__card-description[data-v-d68b80ae] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.2px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.questionnaire-scale-dashboard__card-description[data-v-d68b80ae] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.2px;
}
}
@media (max-width: 575.98px) {
.questionnaire-scale-dashboard__card-description[data-v-d68b80ae] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.2px;
}
}
.questionnaire-scale-dashboard__card-description[data-v-d68b80ae] {
  color: #6B6B6B;
  margin: 0;
}
.questionnaire-scale-dashboard__chart-wrapper[data-v-d68b80ae] {
  width: 100%;
  height: 200px;
}
.questionnaire-scale-dashboard__chart-wrapper canvas[data-v-d68b80ae] {
  width: 100% !important;
  height: 100% !important;
}
.questionnaire-scale-dashboard__chart-wrapper--bar[data-v-d68b80ae] {
  height: 200px;
}
.questionnaire-scale-dashboard__chart-wrapper--line[data-v-d68b80ae] {
  height: 317px;
}
@media (min-width: 991.98px) {
.questionnaire-scale-dashboard__chart-wrapper--line[data-v-d68b80ae] {
    height: auto;
    flex: 1 1 auto;
    min-height: 0;
}
}
.questionnaire-scale-dashboard__legend[data-v-d68b80ae] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem 1.5rem;
}
.questionnaire-scale-dashboard__legend-item[data-v-d68b80ae] {
  gap: 0.5rem;
}
.questionnaire-scale-dashboard__legend-item--disabled .questionnaire-scale-dashboard__legend-label[data-v-d68b80ae] {
  color: #9aa8b8;
}
.questionnaire-scale-dashboard__legend-item--disabled .questionnaire-scale-dashboard__legend-dot-halo[data-v-d68b80ae] {
  opacity: 0.16;
}
.questionnaire-scale-dashboard__legend-item--disabled .questionnaire-scale-dashboard__legend-dot[data-v-d68b80ae] {
  box-shadow: none;
}
.questionnaire-scale-dashboard__legend-dot-wrapper[data-v-d68b80ae] {
  position: relative;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.questionnaire-scale-dashboard__legend-dot-halo[data-v-d68b80ae] {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  opacity: 0.25;
}
.questionnaire-scale-dashboard__legend-dot[data-v-d68b80ae] {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 1px solid #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.questionnaire-scale-dashboard__legend-label[data-v-d68b80ae] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: normal;
  font-style: normal;
  letter-spacing: 0;
  font-weight: 400;
}
.questionnaire-scale-dashboard__legend-label.semibold[data-v-d68b80ae] {
  font-size: 12px;
  line-height: normal;
  font-style: normal;
  letter-spacing: 0;
  font-weight: 600;
}
.questionnaire-scale-dashboard__legend-label.medium[data-v-d68b80ae] {
  font-size: 12px;
  line-height: normal;
  font-style: normal;
  letter-spacing: 0;
  font-weight: 500;
}
.questionnaire-scale-dashboard__legend-label.regular[data-v-d68b80ae] {
  font-size: 12px;
  line-height: normal;
  font-style: normal;
  letter-spacing: 0;
  font-weight: 400;
}
.questionnaire-scale-dashboard__legend-label[data-v-d68b80ae] {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.7);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/patient/home/components/DiagnosisResultsSection.vue?vue&type=style&index=0&id=79ccc29c&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.diagnosis-section__container[data-v-79ccc29c] {
  border-radius: 20px;
  gap: 24px;
  padding: 24px;
  padding-top: 35px;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  min-width: 0;
}
@media (min-width: 991.98px) {
.diagnosis-section__container[data-v-79ccc29c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto auto auto;
    grid-template-areas: "header header" "dashboard dashboard" "filters filters" "phq4-section cbi-section" "aws-section aws-section";
    gap: 24px;
    row-gap: 48px;
    overflow: hidden;
}
}
@media (min-width: 991.98px) {
.diagnosis-section__container--without-dashboard[data-v-79ccc29c] {
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "header header" "filters filters" "phq4-section cbi-section" "aws-section aws-section";
}
}
@media (max-width: 991.98px) {
.diagnosis-section__container[data-v-79ccc29c] {
    padding: 18px 0px 0px;
    overflow: hidden;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__container[data-v-79ccc29c] {
    padding: 0;
    padding-top: 3px;
    overflow: hidden;
}
}
.diagnosis-section__dashboard[data-v-79ccc29c] {
  width: 100%;
}
@media (min-width: 991.98px) {
.diagnosis-section__dashboard[data-v-79ccc29c] {
    grid-area: dashboard;
}
}
.diagnosis-section[data-v-79ccc29c] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 24px;
  width: 100%;
  background: #FFFDF7;
  border-radius: 16px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1411764706);
}
@media (min-width: 991.98px) {
.diagnosis-section[data-v-79ccc29c] {
    padding: 24px;
    gap: 24px;
}
}
.diagnosis-section--phq4[data-v-79ccc29c] {
  margin-top: 24px;
}
@media (min-width: 991.98px) {
.diagnosis-section--phq4[data-v-79ccc29c] {
    grid-area: phq4-section;
    margin-top: 0;
}
}
@media (max-width: 991.98px) {
.diagnosis-section--phq4[data-v-79ccc29c] {
    margin-top: 8px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section--phq4[data-v-79ccc29c] {
    margin-top: 0;
}
}
@media (min-width: 991.98px) {
.diagnosis-section--cbi[data-v-79ccc29c] {
    grid-area: cbi-section;
}
}
@media (min-width: 991.98px) {
.diagnosis-section--aws[data-v-79ccc29c] {
    grid-area: aws-section;
}
}
@media (max-width: 991.98px) {
.diagnosis-section[data-v-79ccc29c] {
    padding: 16px;
    gap: 16px;
    background: #fbf6ee;
}
}
@media (max-width: 575.98px) {
.diagnosis-section[data-v-79ccc29c] {
    padding: 16px;
    gap: 16px;
    background: #fbf6ee;
}
}
@media (max-width: 575.98px) {
.diagnosis-section--phq4[data-v-79ccc29c], .diagnosis-section--cbi[data-v-79ccc29c] {
    padding: 16px;
    gap: 16px;
}
}
.diagnosis-section__header-wrapper[data-v-79ccc29c] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  min-width: 0;
}
@media (min-width: 991.98px) {
.diagnosis-section__header-wrapper[data-v-79ccc29c] {
    grid-area: header;
    gap: 48px;
    overflow: hidden;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__header-wrapper[data-v-79ccc29c] {
    gap: 24px;
    overflow: hidden;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__header-wrapper[data-v-79ccc29c] {
    gap: 24px;
    overflow: hidden;
}
}
.diagnosis-section__header-actions[data-v-79ccc29c] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 16px;
}
@media (min-width: 991.98px) {
.diagnosis-section__header-actions[data-v-79ccc29c] {
    align-items: center;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__header-actions[data-v-79ccc29c] {
    align-items: center;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__header-actions[data-v-79ccc29c] {
    align-items: center;
}
}
.diagnosis-section__home-button[data-v-79ccc29c] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: opacity 0.2s ease;
  color: #5E6B7E;
}
.diagnosis-section__home-button[data-v-79ccc29c]:hover {
  opacity: 0.8;
}
.diagnosis-section__home-button[data-v-79ccc29c]:active {
  opacity: 0.6;
}
.diagnosis-section__home-text[data-v-79ccc29c] {
  margin: 0;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.diagnosis-section__home-text[data-v-79ccc29c] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__home-text[data-v-79ccc29c] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
.diagnosis-section__home-text[data-v-79ccc29c] {
  color: #5E6B7E;
}
.diagnosis-section__header[data-v-79ccc29c] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 24px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  background-color: transparent;
  overflow: hidden;
  min-width: 0;
}
@media (min-width: 991.98px) {
.diagnosis-section__header[data-v-79ccc29c] {
    flex-direction: row;
    gap: 24px;
    align-items: stretch;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__header[data-v-79ccc29c] {
    flex-direction: row;
    gap: 24px;
    align-items: stretch;
    padding: 0;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__header[data-v-79ccc29c] {
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: 100%;
    align-items: flex-start;
    padding: 16px;
    box-shadow: none;
    background-color: #F7F2E8;
    border-radius: 16px;
}
}
.diagnosis-section__header-title[data-v-79ccc29c] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 0 0 calc(60% - 12px);
  max-width: calc(60% - 12px);
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
  align-self: center;
}
@media (min-width: 991.98px) {
.diagnosis-section__header-title[data-v-79ccc29c] {
    flex: 0 0 calc(60% - 12px);
    max-width: calc(60% - 12px);
    align-self: center;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__header-title[data-v-79ccc29c] {
    flex: 0 0 calc(60% - 12px);
    max-width: calc(60% - 12px);
    gap: 24px;
    align-self: center;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__header-title[data-v-79ccc29c] {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    gap: 24px;
}
}
.diagnosis-section__header-title--full-width[data-v-79ccc29c] {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (max-width: 991.98px) {
.diagnosis-section__header-title--full-width[data-v-79ccc29c] {
    flex: 0 0 100%;
    max-width: 100%;
}
}
.diagnosis-section__header_schedule-card[data-v-79ccc29c] {
  flex: 0 0 calc(40% - 12px);
  height: 100%;
  min-width: 0;
  max-width: calc(40% - 12px);
  width: calc(40% - 12px);
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}
@media (min-width: 991.98px) {
.diagnosis-section__header_schedule-card[data-v-79ccc29c] {
    flex: 0 0 calc(40% - 12px);
    max-width: calc(40% - 12px);
    width: calc(40% - 12px);
    display: flex;
    align-items: center;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__header_schedule-card[data-v-79ccc29c] {
    flex: 0 0 calc(40% - 12px);
    min-width: 0;
    max-width: calc(40% - 12px);
    width: calc(40% - 12px);
    overflow: hidden;
    display: flex;
    align-items: center;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__header_schedule-card[data-v-79ccc29c] {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
}
.diagnosis-section__header_schedule-card[data-v-79ccc29c] .schedule-therapy-card-results {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.diagnosis-section__title[data-v-79ccc29c] {
  margin: 0;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.diagnosis-section__title[data-v-79ccc29c] {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__title[data-v-79ccc29c] {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.3px;
}
}
.diagnosis-section__title[data-v-79ccc29c] {
  color: #36465E;
  flex: none;
  flex-grow: 0;
}
.diagnosis-section__subtitle[data-v-79ccc29c] {
  margin: 0;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 26px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.diagnosis-section__subtitle[data-v-79ccc29c] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__subtitle[data-v-79ccc29c] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.diagnosis-section__subtitle[data-v-79ccc29c] {
  color: #5E6B7E;
  flex: none;
  flex-grow: 0;
  width: 100%;
}
.diagnosis-section__filters[data-v-79ccc29c] {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
@media (max-width: 575.98px) {
.diagnosis-section__filters[data-v-79ccc29c] {
    flex-wrap: wrap;
}
}
@media (min-width: 991.98px) {
.diagnosis-section__filters[data-v-79ccc29c] {
    grid-area: filters;
}
}
.diagnosis-section__filters--psychology[data-v-79ccc29c] {
  margin-bottom: 24px;
}
.diagnosis-section__filters-label[data-v-79ccc29c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
@media (max-width: 575.98px) {
.diagnosis-section__filters-label[data-v-79ccc29c] {
    width: 100%;
    flex: 0 0 100%;
    align-items: flex-start;
}
}
.diagnosis-section__filters-label__text[data-v-79ccc29c] {
  margin: 0;
  color: #36465E !important;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.diagnosis-section__filters-label__text[data-v-79ccc29c] {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__filters-label__text[data-v-79ccc29c] {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.diagnosis-section__filter-field[data-v-79ccc29c] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 0 0 auto;
}
.diagnosis-section__filter-label[data-v-79ccc29c] {
  margin: 0;
  color: #36465E;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.diagnosis-section__filter-label[data-v-79ccc29c] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__filter-label[data-v-79ccc29c] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.diagnosis-section__filter-select-wrapper[data-v-79ccc29c] {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.diagnosis-section__filter-select-wrapper[data-v-79ccc29c]::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  width: 8px;
  height: 8px;
  border-left: 1.5px solid #5E6B7E;
  border-bottom: 1.5px solid #5E6B7E;
  transform: translateY(-60%) rotate(-45deg);
  pointer-events: none;
}
.diagnosis-section__filter-select-wrapper--disabled[data-v-79ccc29c]::after {
  opacity: 0.5;
}
.diagnosis-section__filter-select[data-v-79ccc29c] {
  width: auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 40px;
  padding: 0 40px 0 20px; /* 0 20px per spec; extra right for dropdown arrow */
  border-radius: 8px;
  border: 0.556px solid #E8E1D5;
  background: #FFFFFF;
  color: #36465E;
  text-align: center;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.diagnosis-section__filter-select.semibold[data-v-79ccc29c] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.diagnosis-section__filter-select.medium[data-v-79ccc29c] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.diagnosis-section__filter-select.regular[data-v-79ccc29c] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.diagnosis-section__filter-select--year[data-v-79ccc29c] {
  min-width: 65px;
}
.diagnosis-section__filter-select--month[data-v-79ccc29c] {
  min-width: 105px;
}
.diagnosis-section__filter-select[data-v-79ccc29c]:hover {
  border-color: #788393;
}
.diagnosis-section__filter-select[data-v-79ccc29c]:focus {
  border-color: #5E6B7E;
  box-shadow: 0 0 0 3px rgba(173, 194, 219, 0.35);
}
.diagnosis-section__filter-select[data-v-79ccc29c]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background: #EBEDEF;
}
.diagnosis-section__header-buttons[data-v-79ccc29c] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  flex: none;
  flex-grow: 0;
}
@media (min-width: 991.98px) {
.diagnosis-section__header-buttons[data-v-79ccc29c] {
    gap: 12px;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__header-buttons[data-v-79ccc29c] {
    gap: 12px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__header-buttons[data-v-79ccc29c] {
    gap: 8px;
}
}
.diagnosis-section__result-card[data-v-79ccc29c] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  border-radius: 16px;
  flex: none;
  flex-grow: 0;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
@media (min-width: 991.98px) {
.diagnosis-section__result-card[data-v-79ccc29c] {
    gap: 16px;
    height: 100%;
    cursor: default;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__result-card[data-v-79ccc29c] {
    gap: 16px;
    cursor: default;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__result-card[data-v-79ccc29c] {
    gap: 16px;
    cursor: default;
}
}
@media (min-width: 991.98px) {
.diagnosis-section__result-card--phq4[data-v-79ccc29c] {
    grid-area: phq4;
    align-self: stretch;
}
}
.diagnosis-section__result-card--cbi[data-v-79ccc29c] {
  transition: none;
}
@media (min-width: 991.98px) {
.diagnosis-section__result-card--cbi[data-v-79ccc29c] {
    grid-area: cbi;
    align-self: stretch;
}
}
.diagnosis-section__result-card--large[data-v-79ccc29c] {
  cursor: default;
}
@media (min-width: 991.98px) {
.diagnosis-section__result-card--large[data-v-79ccc29c] {
    grid-area: aws;
}
}
.diagnosis-section__result-card--large[data-v-79ccc29c]:hover {
  transform: none;
  box-shadow: none;
}
.diagnosis-section__card-title-row[data-v-79ccc29c] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
  gap: 16px;
  width: 100%;
  height: 24px;
}
@media (min-width: 991.98px) {
.diagnosis-section__card-title-row[data-v-79ccc29c] {
    height: 24px;
    gap: 16px;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__card-title-row[data-v-79ccc29c] {
    height: 24px;
    gap: 16px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__card-title-row[data-v-79ccc29c] {
    height: 20px;
    gap: 16px;
}
}
.diagnosis-section__card-title[data-v-79ccc29c] {
  margin: 0;
  height: 20px;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.diagnosis-section__card-title[data-v-79ccc29c] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__card-title[data-v-79ccc29c] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.3px;
}
}
.diagnosis-section__card-title[data-v-79ccc29c] {
  color: #36465E;
  flex: none;
  flex-grow: 0;
}
@media (min-width: 991.98px) {
.diagnosis-section__card-title[data-v-79ccc29c] {
    height: 28px;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__card-title[data-v-79ccc29c] {
    height: 24px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__card-title[data-v-79ccc29c] {
    height: 20px;
}
}
.diagnosis-section__status-badge[data-v-79ccc29c] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 16px;
  gap: 4px;
  height: 24px;
  border-radius: 20px;
  flex: none;
  flex-grow: 0;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.diagnosis-section__status-badge[data-v-79ccc29c] {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__status-badge[data-v-79ccc29c] {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.diagnosis-section__status-badge[data-v-79ccc29c] {
  font-weight: 600 !important;
  color: #36465E;
  white-space: nowrap;
}
@media (min-width: 991.98px) {
.diagnosis-section__status-badge[data-v-79ccc29c] {
    padding: 4px 16px;
    height: 24px;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__status-badge[data-v-79ccc29c] {
    padding: 4px 16px;
    height: 24px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__status-badge[data-v-79ccc29c] {
    padding: 4px 16px;
    height: 24px;
}
}
.diagnosis-section__status-badge--orange[data-v-79ccc29c] {
  background: #EDAC61;
}
.diagnosis-section__status-badge--yellow[data-v-79ccc29c] {
  background: #F2E077;
  color: #36465E;
  padding: 4px 12px;
}
@media (min-width: 991.98px) {
.diagnosis-section__status-badge--yellow[data-v-79ccc29c] {
    padding: 4px 12px;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__status-badge--yellow[data-v-79ccc29c] {
    padding: 4px 12px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__status-badge--yellow[data-v-79ccc29c] {
    padding: 4px 12px;
}
}
.diagnosis-section__status-badge--green-light[data-v-79ccc29c] {
  background: #8BC56B;
}
.diagnosis-section__status-badge--red[data-v-79ccc29c] {
  background: #F95C57;
  color: #FFFBF2;
}
.diagnosis-section__progress-container[data-v-79ccc29c] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  gap: 16px;
  width: 100%;
  border-radius: 16px;
  background: #F7F2E8;
}
@media (min-width: 991.98px) {
.diagnosis-section__progress-container[data-v-79ccc29c] {
    gap: 16px;
    background: #F7F2E8;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__progress-container[data-v-79ccc29c] {
    padding: 0px;
    gap: 8px;
    background: transparent;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__progress-container[data-v-79ccc29c] {
    padding: 0px;
    gap: 8px;
}
}
.diagnosis-section__score[data-v-79ccc29c] {
  width: auto;
  height: 24px;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.diagnosis-section__score[data-v-79ccc29c] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__score[data-v-79ccc29c] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.diagnosis-section__score[data-v-79ccc29c] {
  flex: none;
  flex-grow: 0;
}
.diagnosis-section__bars[data-v-79ccc29c] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 2px;
  width: 100%;
  height: 12px;
}
@media (min-width: 991.98px) {
.diagnosis-section__bars[data-v-79ccc29c] {
    gap: 2px;
    height: 12px;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__bars[data-v-79ccc29c] {
    gap: 2px;
    height: 12px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__bars[data-v-79ccc29c] {
    gap: 2px;
    height: 12px;
}
}
.diagnosis-section__bar[data-v-79ccc29c] {
  flex: 1;
  height: 12px;
  background: #D8DEE4;
  border-radius: 20px;
  flex-grow: 1;
}
@media (min-width: 991.98px) {
.diagnosis-section__bar[data-v-79ccc29c] {
    height: 12px;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__bar[data-v-79ccc29c] {
    height: 12px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__bar[data-v-79ccc29c] {
    height: 12px;
}
}
.diagnosis-section__bar--green-light.diagnosis-section__bar--active[data-v-79ccc29c] {
  background: #8BC56B;
}
.diagnosis-section__bar--orange.diagnosis-section__bar--active[data-v-79ccc29c] {
  background: #EDAC61;
}
.diagnosis-section__bar--yellow.diagnosis-section__bar--active[data-v-79ccc29c] {
  background: #F2E077;
}
.diagnosis-section__bar--red.diagnosis-section__bar--active[data-v-79ccc29c] {
  background: #F95C57;
}
.diagnosis-section__areas-list[data-v-79ccc29c] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;
  width: 100%;
  flex: none;
  align-self: stretch;
  flex-grow: 0;
}
@media (min-width: 991.98px) {
.diagnosis-section__areas-list[data-v-79ccc29c] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__areas-list[data-v-79ccc29c] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__areas-list[data-v-79ccc29c] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
}
.diagnosis-section__area-item[data-v-79ccc29c] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 24px;
  isolation: isolate;
  width: 100%;
  background: #FBF6EE;
  border-radius: 16px;
  flex: none;
  align-self: stretch;
  flex-grow: 0;
}
@media (min-width: 991.98px) {
.diagnosis-section__area-item[data-v-79ccc29c] {
    padding: 24px;
    gap: 24px;
    width: 100%;
    align-self: stretch;
    background: #F7F2E8;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__area-item[data-v-79ccc29c] {
    padding: 16px;
    gap: 16px;
    background: #FFFEFD;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__area-item[data-v-79ccc29c] {
    padding: 16px;
    gap: 16px;
    background: #FFFEFD;
}
}
.diagnosis-section__area-header[data-v-79ccc29c] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}
@media (max-width: 991.98px) {
.diagnosis-section__area-header[data-v-79ccc29c] {
    gap: 10px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__area-header[data-v-79ccc29c] {
    gap: 8px;
}
}
.diagnosis-section__area-label[data-v-79ccc29c] {
  width: auto;
  height: 28px;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.diagnosis-section__area-label[data-v-79ccc29c] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__area-label[data-v-79ccc29c] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.diagnosis-section__area-label[data-v-79ccc29c] {
  color: #567394;
  flex: none;
  flex-grow: 0;
  z-index: 0;
}
@media (min-width: 991.98px) {
.diagnosis-section__area-label[data-v-79ccc29c] {
    height: 24px;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__area-label[data-v-79ccc29c] {
    height: 24px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__area-label[data-v-79ccc29c] {
    height: 24px;
}
}
.diagnosis-section__area-description[data-v-79ccc29c] {
  margin: 0;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.diagnosis-section__area-description[data-v-79ccc29c] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__area-description[data-v-79ccc29c] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.25px;
}
}
.diagnosis-section__area-description[data-v-79ccc29c] {
  color: #5E6B7E;
  flex: none;
  align-self: stretch;
  flex-grow: 0;
}
.diagnosis-section__area-bars-container[data-v-79ccc29c] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: 100%;
  flex: none;
  align-self: stretch;
  flex-grow: 0;
}
@media (min-width: 991.98px) {
.diagnosis-section__area-bars-container[data-v-79ccc29c] {
    gap: 8px;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__area-bars-container[data-v-79ccc29c] {
    gap: 8px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__area-bars-container[data-v-79ccc29c] {
    gap: 8px;
}
}
.diagnosis-section__area-bars[data-v-79ccc29c] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  width: 100%;
  height: 10px;
  flex: none;
  align-self: stretch;
  flex-grow: 0;
}
@media (min-width: 991.98px) {
.diagnosis-section__area-bars[data-v-79ccc29c] {
    gap: 4px;
    height: 10px;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__area-bars[data-v-79ccc29c] {
    gap: 4px;
    height: 10px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__area-bars[data-v-79ccc29c] {
    gap: 4px;
    height: 10px;
}
}
.diagnosis-section__area-bar[data-v-79ccc29c] {
  flex: 1 0 0;
  height: 10px;
  min-width: 0;
  min-height: 0;
  border-radius: 20px;
  background: #D8DEE4;
  flex-shrink: 0;
}
@media (min-width: 991.98px) {
.diagnosis-section__area-bar[data-v-79ccc29c] {
    height: 10px;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__area-bar[data-v-79ccc29c] {
    height: 10px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__area-bar[data-v-79ccc29c] {
    height: 10px;
}
}
.diagnosis-section__area-bars-labels[data-v-79ccc29c] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0px;
  width: 100%;
  height: 20px;
  flex: none;
  align-self: stretch;
  flex-grow: 0;
}
@media (min-width: 991.98px) {
.diagnosis-section__area-bars-labels[data-v-79ccc29c] {
    height: 20px;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__area-bars-labels[data-v-79ccc29c] {
    height: 20px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__area-bars-labels[data-v-79ccc29c] {
    height: 20px;
}
}
.diagnosis-section__area-bars-label[data-v-79ccc29c] {
  margin: 0;
  width: auto;
  height: 20px;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.diagnosis-section__area-bars-label[data-v-79ccc29c] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__area-bars-label[data-v-79ccc29c] {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.diagnosis-section__area-bars-label[data-v-79ccc29c] {
  color: #5E6B7E;
  text-transform: lowercase;
  flex: none;
  flex-grow: 0;
}
@media (min-width: 991.98px) {
.diagnosis-section__area-bars-label[data-v-79ccc29c] {
    height: 20px;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__area-bars-label[data-v-79ccc29c] {
    height: 20px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__area-bars-label[data-v-79ccc29c] {
    height: 16px;
}
}
.diagnosis-section__info-section[data-v-79ccc29c] {
  display: none;
}
@media (min-width: 991.98px) {
.diagnosis-section__info-section[data-v-79ccc29c] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
}
}
.diagnosis-section__info-item[data-v-79ccc29c] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 16px;
  border-radius: 16px;
  background: #F7F2E8;
  flex: none;
  align-self: stretch;
  flex-grow: 0;
}
@media (min-width: 991.98px) {
.diagnosis-section__info-item[data-v-79ccc29c] {
    background: #F7F2E8;
    gap: 8px;
}
}
.diagnosis-section__info-title[data-v-79ccc29c] {
  margin: 0;
  height: 28px;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.diagnosis-section__info-title[data-v-79ccc29c] {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__info-title[data-v-79ccc29c] {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.diagnosis-section__info-title[data-v-79ccc29c] {
  color: #567394;
  flex: none;
  align-self: stretch;
  flex-grow: 0;
}
@media (min-width: 991.98px) {
.diagnosis-section__info-title[data-v-79ccc29c] {
    height: 24px;
    margin-bottom: 0;
}
}
.diagnosis-section__info-text[data-v-79ccc29c] {
  margin: 0;
  min-height: 32px;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.diagnosis-section__info-text[data-v-79ccc29c] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__info-text[data-v-79ccc29c] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.diagnosis-section__info-text[data-v-79ccc29c] {
  color: #5E6B7E;
  flex: none;
  align-self: stretch;
  flex-grow: 0;
}
@media (min-width: 991.98px) {
.diagnosis-section__info-text[data-v-79ccc29c] {
    min-height: 32px;
}
}
.diagnosis-section__see-detail[data-v-79ccc29c] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  width: 100%;
  cursor: pointer;
  flex: none;
  flex-grow: 0;
  color: #5E6B7E;
}
@media (min-width: 991.98px) {
.diagnosis-section__see-detail[data-v-79ccc29c] {
    display: none;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__see-detail[data-v-79ccc29c] {
    display: flex;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__see-detail[data-v-79ccc29c] {
    display: flex;
}
}
.diagnosis-section__see-detail-text[data-v-79ccc29c] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.diagnosis-section__see-detail-text[data-v-79ccc29c] {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__see-detail-text[data-v-79ccc29c] {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.diagnosis-section__see-detail-text[data-v-79ccc29c] {
  color: #5E6B7E;
  flex: none;
  flex-grow: 0;
}
.diagnosis-section__info-cards-container[data-v-79ccc29c] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 24px;
  gap: 24px;
  width: 100%;
  background: transparent;
  border-radius: 16px;
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;
}
@media (min-width: 991.98px) {
.diagnosis-section__info-cards-container[data-v-79ccc29c] {
    width: 100%;
    grid-column: 1/-1;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__info-cards-container[data-v-79ccc29c] {
    flex-direction: row;
    gap: 24px;
    background: transparent;
    padding: 24px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__info-cards-container[data-v-79ccc29c] {
    flex-direction: column;
    background: transparent;
    padding: 16px 0;
    gap: 24px;
}
}
.diagnosis-section__info-card[data-v-79ccc29c] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 16px;
  isolation: isolate;
  width: 100%;
  background: transparent;
  border-radius: 16px;
  flex: 1 0 0;
}
@media (min-width: 991.98px) {
.diagnosis-section__info-card[data-v-79ccc29c] {
    flex: 1 0 0;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__info-card[data-v-79ccc29c] {
    gap: 16px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__info-card[data-v-79ccc29c] {
    gap: 16px;
}
}
.diagnosis-section__info-card-header[data-v-79ccc29c] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  width: 100%;
  flex: none;
  flex-grow: 0;
}
@media (max-width: 991.98px) {
.diagnosis-section__info-card-header[data-v-79ccc29c] {
    gap: 16px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__info-card-header[data-v-79ccc29c] {
    gap: 16px;
    justify-content: space-between;
}
}
.diagnosis-section__info-card-bars[data-v-79ccc29c] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  height: 4px;
  width: 91px;
  flex: none;
  flex-shrink: 0;
}
.diagnosis-section__info-card-bar[data-v-79ccc29c] {
  flex: 1 0 0;
  height: 4px;
  border-radius: 20px;
  background: #D8DEE4;
}
.diagnosis-section__info-card-bar--red[data-v-79ccc29c] {
  background: #F95C57;
}
.diagnosis-section__info-card-bar--green[data-v-79ccc29c] {
  background: #8BC56B;
}
.diagnosis-section__info-cards-separator[data-v-79ccc29c] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0;
  height: 118px;
  flex-shrink: 0;
  position: relative;
}
@media (max-width: 991.98px) {
.diagnosis-section__info-cards-separator[data-v-79ccc29c] {
    display: flex;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__info-cards-separator[data-v-79ccc29c] {
    display: flex;
    width: 100%;
    height: 0;
    align-items: center;
    justify-content: center;
}
}
.diagnosis-section__info-cards-separator[data-v-79ccc29c]::before {
  content: "";
  width: 118px;
  height: 0;
  border-top: 0.2px solid #A3AAB5;
  transform: rotate(90deg);
}
@media (max-width: 575.98px) {
.diagnosis-section__info-cards-separator[data-v-79ccc29c]::before {
    width: 100%;
    transform: none;
    border-top: 0.2px solid #A3AAB5;
}
}
.diagnosis-section__info-card-title[data-v-79ccc29c] {
  margin: 0;
  width: auto;
  height: 28px;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.diagnosis-section__info-card-title[data-v-79ccc29c] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__info-card-title[data-v-79ccc29c] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.diagnosis-section__info-card-title[data-v-79ccc29c] {
  color: #567394;
  flex: none;
  flex-grow: 0;
}
@media (min-width: 991.98px) {
.diagnosis-section__info-card-title[data-v-79ccc29c] {
    height: 24px;
}
}
@media (max-width: 991.98px) {
.diagnosis-section__info-card-title[data-v-79ccc29c] {
    height: 24px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__info-card-title[data-v-79ccc29c] {
    height: 24px;
}
}
.diagnosis-section__info-card-description[data-v-79ccc29c] {
  margin: 0;
  width: 100%;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.diagnosis-section__info-card-description[data-v-79ccc29c] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__info-card-description[data-v-79ccc29c] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.diagnosis-section__info-card-description[data-v-79ccc29c] {
  color: #5E6B7E;
  flex: none;
  flex-grow: 0;
}
.diagnosis-section__footer-schedule-therapy[data-v-79ccc29c] {
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 991.98px) {
.diagnosis-section__footer-schedule-therapy[data-v-79ccc29c] {
    grid-column: 1/-1;
}
}
.diagnosis-section__footer-schedule-therapy[data-v-79ccc29c] .schedule-therapy-card {
  width: 100%;
}
.diagnosis-section__footer-schedule-therapy[data-v-79ccc29c] .schedule-therapy-card__title {
  font-size: 24px;
  line-height: 32px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.diagnosis-section__footer-schedule-therapy[data-v-79ccc29c] .schedule-therapy-card__title {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.diagnosis-section__footer-schedule-therapy[data-v-79ccc29c] .schedule-therapy-card__title {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.3px;
}
}
.diagnosis-section__footer-schedule-btn-home[data-v-79ccc29c] {
  grid-column: 1/-1;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 24px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/BackLink.vue?vue&type=style&index=0&id=4082d531&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.back-link[data-v-4082d531] {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 4px;
  text-decoration: none;
  color: inherit;
}
.back-link__text[data-v-4082d531] {
  height: 20px;
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: #5e6b7e;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/patient/home/components/faq/FaqInfoCard.vue?vue&type=style&index=0&id=2571a657&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.faq-info-card[data-v-2571a657] {
  background: #FFFEFD;
  border-radius: 24px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
  width: 100%;
  flex: 1 1 0;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.faq-info-card[data-v-2571a657]:hover {
  transform: translateY(-1px) scale(1.01);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.faq-info-card__icon[data-v-2571a657] {
  width: 84px;
  height: 84px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 24px;
  flex-shrink: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.faq-info-card__title[data-v-2571a657] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.faq-info-card__title.semibold[data-v-2571a657] {
  font-size: 24px;
  line-height: 32px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.faq-info-card__title.medium[data-v-2571a657] {
  font-size: 24px;
  line-height: 32px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.faq-info-card__title.regular[data-v-2571a657] {
  font-size: 24px;
  line-height: 32px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.faq-info-card__title[data-v-2571a657] {
  font-weight: 600;
  color: #567394;
  margin: 0;
}
.faq-info-card__description[data-v-2571a657] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.faq-info-card__description.semibold[data-v-2571a657] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.faq-info-card__description.medium[data-v-2571a657] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.faq-info-card__description.regular[data-v-2571a657] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.faq-info-card__description[data-v-2571a657] {
  color: #5E6B7E;
  margin: 0;
}
.faq-info-card__description[data-v-2571a657] strong {
  font-weight: 600 !important;
  font: inherit;
  letter-spacing: inherit;
  color: inherit;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/patient/home/components/faq/FaqAccordionItem.vue?vue&type=style&index=0&id=1c23e75c&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.faq-accordion-item[data-v-1c23e75c] {
  width: 100%;
  background: #F7F2E8;
  border-radius: 24px;
  overflow: hidden;
  overflow-anchor: none;
}
.faq-accordion-item--open[data-v-1c23e75c] {
  border-radius: 20px;
}
.faq-accordion-item__header[data-v-1c23e75c] {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 32px;
}
@media (max-width: 575.98px) {
.faq-accordion-item__header[data-v-1c23e75c] {
    gap: 6px;
}
}
.faq-accordion-item__header[data-v-1c23e75c] {
  background: transparent;
  border: 0;
  text-align: left;
  cursor: pointer;
}
.faq-accordion-item__header[data-v-1c23e75c]:hover {
  box-shadow: none !important;
}
.faq-accordion-item__question[data-v-1c23e75c] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.faq-accordion-item__question.semibold[data-v-1c23e75c] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.faq-accordion-item__question.medium[data-v-1c23e75c] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.faq-accordion-item__question.regular[data-v-1c23e75c] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.faq-accordion-item__question[data-v-1c23e75c] {
  font-weight: 600;
  color: #567394;
  flex: 1 1 auto;
  min-width: 0;
}
.faq-accordion-item__icon[data-v-1c23e75c] {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.faq-accordion-item__content[data-v-1c23e75c] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.faq-accordion-item__content.semibold[data-v-1c23e75c] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.faq-accordion-item__content.medium[data-v-1c23e75c] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.faq-accordion-item__content.regular[data-v-1c23e75c] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.faq-accordion-item__content[data-v-1c23e75c] {
  color: #5E6B7E;
  padding: 0 32px 32px 32px;
  white-space: normal;
}
.faq-accordion-item__content[data-v-1c23e75c] strong {
  font-weight: 600 !important;
  font: inherit;
  letter-spacing: inherit;
}
.faq-accordion-item__content[data-v-1c23e75c] ul {
  margin: 16px 0;
  padding-left: 24px;
  list-style-type: disc;
  margin: 0;
}
.faq-accordion-item__content[data-v-1c23e75c] li {
  margin-bottom: 2px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/patient/home/components/faq/FaqAccordion.vue?vue&type=style&index=0&id=a8bdebc2&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.faq-accordion[data-v-a8bdebc2] {
  display: flex;
  flex-direction: column;
  gap: 17px;
  overflow-anchor: none;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/patient/home/views/FrequentlyQuestionsView.vue?vue&type=style&index=0&id=fe517e1e&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.header-title-row[data-v-fe517e1e] {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  max-width: 1168px;
  margin: 0 auto;
  flex-direction: column;
  align-items: flex-start;
  height: calc(296px - (57px + 1.6rem));
}
@media (max-width: 991.98px) {
.header-title-row[data-v-fe517e1e] {
    height: calc(220px - (57px + 1.6rem));
}
}
@media (max-width: 575.98px) {
.header-title-row[data-v-fe517e1e] {
    margin: 0 auto;
    width: 100%;
    height: calc(212px - (57px + 1.6rem));
}
}
.header-title-row__actions[data-v-fe517e1e] {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.header-title[data-v-fe517e1e] {
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.3px;
  color: #567394;
  margin: 0;
}
@media (max-width: 991.98px) {
.header-title[data-v-fe517e1e] {
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.header-title[data-v-fe517e1e] {
    font-size: 22px;
    line-height: 28px;
}
}
.frequently-questions-view[data-v-fe517e1e] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-bottom: 32px;
}
@media (max-width: 575.98px) {
.frequently-questions-view[data-v-fe517e1e] {
    gap: 102px;
}
}
.frequently-questions-view__header[data-v-fe517e1e] {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-direction: column;
  position: fixed;
  height: 181px;
}
@media (max-width: 575.98px) {
.frequently-questions-view__header[data-v-fe517e1e] {
    padding-inline: 8px;
    padding-top: 16px;
}
}
.frequently-questions-view__header-content[data-v-fe517e1e] {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-direction: row;
}
.frequently-questions-view__title[data-v-fe517e1e] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.frequently-questions-view__title.semibold[data-v-fe517e1e] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.frequently-questions-view__title.medium[data-v-fe517e1e] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.frequently-questions-view__title.regular[data-v-fe517e1e] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.frequently-questions-view__title[data-v-fe517e1e] {
  font-weight: 500;
  color: #36465E;
  margin: 0;
}
.frequently-questions-view__title--mobile[data-v-fe517e1e] {
  display: none;
}
@media (max-width: 575.98px) {
.frequently-questions-view__title--desktop[data-v-fe517e1e] {
    display: none;
}
.frequently-questions-view__title--mobile[data-v-fe517e1e] {
    display: block;
}
}
.frequently-questions-view__help-btn[data-v-fe517e1e] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 8px;
  border-radius: 4px;
  background: #EEF1F4;
  border: 0;
  cursor: pointer;
  color: #567394;
}
@media (hover: hover) {
.frequently-questions-view__help-btn[data-v-fe517e1e]:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}
}
.frequently-questions-view__help-btn[data-v-fe517e1e]:focus {
  outline: none;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}
.frequently-questions-view__help-icon[data-v-fe517e1e] {
  display: inline-flex;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.frequently-questions-view__help-text[data-v-fe517e1e] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.frequently-questions-view__help-text.semibold[data-v-fe517e1e] {
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.frequently-questions-view__help-text.medium[data-v-fe517e1e] {
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.frequently-questions-view__help-text.regular[data-v-fe517e1e] {
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.frequently-questions-view__help-text[data-v-fe517e1e] {
  font-weight: 500;
  color: #567394;
  white-space: nowrap;
}
.frequently-questions-view__hero[data-v-fe517e1e] {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  height: 603px;
  overflow: hidden;
}
@media (max-width: 575.98px) {
.frequently-questions-view__hero[data-v-fe517e1e] {
    height: auto;
    /* min-height calculado dinámicamente via heroMinHeightStyle */
}
}
.frequently-questions-view__hero-image[data-v-fe517e1e] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (min-width: 576.98px) {
.frequently-questions-view__hero-image[data-v-fe517e1e] {
    height: 140%;
    top: -20%;
    will-change: transform;
}
}
@media (max-width: 575.98px) {
.frequently-questions-view__hero-image[data-v-fe517e1e] {
    height: 527px;
}
.frequently-questions-view__hero-image--sticky[data-v-fe517e1e] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 527px;
    z-index: 0;
}
}
.frequently-questions-view__glass[data-v-fe517e1e] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 95px;
  width: 100%;
  max-width: 1168px;
  padding: 32px;
  display: flex;
  gap: 32px;
  align-items: stretch;
  border-radius: 24px;
  border: 0.5px solid #F2F4F6;
  background: rgba(126, 157, 187, 0.21);
  backdrop-filter: blur(12px);
}
@media (max-width: 991.98px) {
.frequently-questions-view__glass[data-v-fe517e1e] {
    max-width: 100%;
}
}
@media (max-width: 575.98px) {
.frequently-questions-view__glass[data-v-fe517e1e] {
    top: 198px;
    width: calc(100% - 1.6rem);
    flex-direction: column;
    padding: 32px;
    gap: 32px;
}
}
.frequently-questions-view__accordion[data-v-fe517e1e] {
  width: 100%;
  max-width: 1168px;
  margin: 0 auto;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ProgressBars.vue?vue&type=style&index=0&id=1078e43d&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.progress-bars[data-v-1078e43d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 0;
}
.progress-bars__bar[data-v-1078e43d] {
  height: 6px;
  border-radius: 3px;
  background-color: #B8C5D1;
  transition: background-color 0.3s ease;
}
.progress-bars__bar--active[data-v-1078e43d] {
  background-color: #F5D76E;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/clinical-intake/views/ReasonForConsultationsView.vue?vue&type=style&index=0&id=66d253f5&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.reason-for-consultations__background[data-v-66d253f5] {
  position: relative;
  min-height: 93vh;
}
.reason-for-consultations__decoration[data-v-66d253f5] {
  position: fixed;
  z-index: 1;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  mix-blend-mode: darken;
}
@media (max-width: 575.98px) {
.reason-for-consultations__decoration[data-v-66d253f5] {
    display: none;
}
}
.reason-for-consultations__decoration--top-left[data-v-66d253f5] {
  top: 0;
  left: 0;
  margin-top: 32px;
  margin-left: 32px;
  max-width: 75px;
  width: auto;
  height: auto;
}
@media (max-width: 991.98px) {
.reason-for-consultations__decoration--top-left[data-v-66d253f5] {
    margin-left: 16px;
    max-width: 65px;
}
}
.reason-for-consultations__decoration--bottom-left[data-v-66d253f5] {
  bottom: -25px;
  left: 0;
  margin-left: 16px;
  max-width: 130px;
  width: auto;
  height: auto;
}
@media (max-width: 991.98px) {
.reason-for-consultations__decoration--bottom-left[data-v-66d253f5] {
    margin-left: 5px;
    max-width: 110px;
}
}
.reason-for-consultations__container[data-v-66d253f5] {
  max-width: 550px;
  max-height: 93vh;
  height: 93vh;
  margin: 0 auto;
  margin-top: calc(-0.8rem - 16px - 60px + 40px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
@media (max-width: 991.98px) {
.reason-for-consultations__container[data-v-66d253f5] {
    margin-top: 40px;
}
}
@media (max-width: 575.98px) {
.reason-for-consultations__container[data-v-66d253f5] {
    padding: 0;
    max-height: none;
    height: auto;
    max-width: none;
    margin: 0;
    display: block;
    overflow: visible;
}
}
.reason-for-consultations__fixed-header[data-v-66d253f5] {
  gap: 16px;
  padding: 0;
  background: #FFFBF2;
}
.reason-for-consultations__fixed-header .reason-for-consultations[data-v-66d253f5] {
  margin-top: 32px;
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
.reason-for-consultations__fixed-header .reason-for-consultations[data-v-66d253f5] {
    margin-top: 0;
}
}
@media (max-width: 575.98px) {
.reason-for-consultations__fixed-header[data-v-66d253f5] {
    padding: 16px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
}
}
.reason-for-consultations__content[data-v-66d253f5] {
  padding-bottom: 100px;
  width: 100%;
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto;
  overflow-y: auto;
  flex: 1;
}
@media (min-width: 576.98px) {
.reason-for-consultations__content[data-v-66d253f5] {
    padding-top: 16px !important;
    padding-bottom: 16px;
}
}
@media (max-width: 575.98px) {
.reason-for-consultations__content[data-v-66d253f5] {
    padding-bottom: 0;
    overflow-y: visible;
    flex: none;
}
}
.reason-for-consultations[data-v-66d253f5] {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  background: #F7F2E8;
  border-radius: 16px;
  opacity: 1;
  gap: 16px;
  padding: 16px;
  margin-bottom: 1rem;
}
.reason-for-consultations__header[data-v-66d253f5] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.reason-for-consultations__title[data-v-66d253f5] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.reason-for-consultations__title.semibold[data-v-66d253f5] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.reason-for-consultations__title.medium[data-v-66d253f5] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.reason-for-consultations__title.regular[data-v-66d253f5] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.reason-for-consultations__title[data-v-66d253f5] {
  font-weight: 500;
  color: #36465E;
  margin: 0;
}
.reason-for-consultations__subtitle[data-v-66d253f5] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.reason-for-consultations__subtitle.semibold[data-v-66d253f5] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.reason-for-consultations__subtitle.medium[data-v-66d253f5] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.reason-for-consultations__subtitle.regular[data-v-66d253f5] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.reason-for-consultations__subtitle[data-v-66d253f5] {
  font-weight: 400;
  color: #5E6B7E;
  margin: 0;
}
.reason-for-consultations__subtitle[data-v-66d253f5] strong {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.reason-for-consultations__subtitle[data-v-66d253f5] strong.semibold {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.reason-for-consultations__subtitle[data-v-66d253f5] strong.medium {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.reason-for-consultations__subtitle[data-v-66d253f5] strong.regular {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.reason-for-consultations__subtitle[data-v-66d253f5] strong {
  font-weight: 600;
  color: #5E6B7E;
}
.reason-for-consultations__loading[data-v-66d253f5] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  padding: 3rem 1rem;
}
.reason-for-consultations__error[data-v-66d253f5], .reason-for-consultations__empty[data-v-66d253f5] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.reason-for-consultations__error[data-v-66d253f5], .reason-for-consultations__empty[data-v-66d253f5] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.reason-for-consultations__error[data-v-66d253f5], .reason-for-consultations__empty[data-v-66d253f5] {
    font-size: 14px;
    line-height: 22px;
}
}
.reason-for-consultations__error[data-v-66d253f5], .reason-for-consultations__empty[data-v-66d253f5] {
  font-weight: 400;
}
.reason-for-consultations__error.semibold[data-v-66d253f5], .reason-for-consultations__empty.semibold[data-v-66d253f5] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.reason-for-consultations__error.semibold[data-v-66d253f5], .reason-for-consultations__empty.semibold[data-v-66d253f5] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.reason-for-consultations__error.semibold[data-v-66d253f5], .reason-for-consultations__empty.semibold[data-v-66d253f5] {
    font-size: 14px;
    line-height: 22px;
}
}
.reason-for-consultations__error.semibold[data-v-66d253f5], .reason-for-consultations__empty.semibold[data-v-66d253f5] {
  font-weight: 600;
}
.reason-for-consultations__error.medium[data-v-66d253f5], .reason-for-consultations__empty.medium[data-v-66d253f5] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.reason-for-consultations__error.medium[data-v-66d253f5], .reason-for-consultations__empty.medium[data-v-66d253f5] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.reason-for-consultations__error.medium[data-v-66d253f5], .reason-for-consultations__empty.medium[data-v-66d253f5] {
    font-size: 14px;
    line-height: 22px;
}
}
.reason-for-consultations__error.medium[data-v-66d253f5], .reason-for-consultations__empty.medium[data-v-66d253f5] {
  font-weight: 500;
}
.reason-for-consultations__error.regular[data-v-66d253f5], .reason-for-consultations__empty.regular[data-v-66d253f5] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.reason-for-consultations__error.regular[data-v-66d253f5], .reason-for-consultations__empty.regular[data-v-66d253f5] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.reason-for-consultations__error.regular[data-v-66d253f5], .reason-for-consultations__empty.regular[data-v-66d253f5] {
    font-size: 14px;
    line-height: 22px;
}
}
.reason-for-consultations__error.regular[data-v-66d253f5], .reason-for-consultations__empty.regular[data-v-66d253f5] {
  font-weight: 400;
}
.reason-for-consultations__error[data-v-66d253f5], .reason-for-consultations__empty[data-v-66d253f5] {
  text-align: center;
  padding: 3rem 1rem;
  color: #6B6B6B;
}
.reason-for-consultations__error[data-v-66d253f5] {
  color: #F12B2E;
}
.reason-for-consultations__list[data-v-66d253f5] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 0.5rem;
}
.reason-for-consultations__card[data-v-66d253f5] {
  background-color: #F1EBDF;
  border-radius: 16px;
  padding: 16px;
  border: 0.5px solid #C1C6CD;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
  cursor: pointer;
}
.reason-for-consultations__card[data-v-66d253f5]:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
  background-color: #36465E;
}
.reason-for-consultations__card:hover .reason-for-consultations__card-title[data-v-66d253f5] {
  color: #EBEDEF;
}
.reason-for-consultations__card:hover .reason-for-consultations__card-description[data-v-66d253f5] {
  color: #C1C6CD;
  opacity: 0.9;
}
.reason-for-consultations__card[data-v-66d253f5]:active {
  transform: translateY(0);
}
.reason-for-consultations__card--selected[data-v-66d253f5] {
  background-color: #36465E;
  border: 0.5px solid #C1C6CD;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.reason-for-consultations__card--selected .reason-for-consultations__card-title[data-v-66d253f5] {
  color: #EBEDEF;
}
.reason-for-consultations__card--selected .reason-for-consultations__card-description[data-v-66d253f5] {
  color: #C1C6CD;
  opacity: 0.9;
}
.reason-for-consultations__card--selected[data-v-66d253f5]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
}
.reason-for-consultations__card-content[data-v-66d253f5] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.reason-for-consultations__card-title[data-v-66d253f5] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #567394;
  margin: 0;
}
.reason-for-consultations__card-description[data-v-66d253f5] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.reason-for-consultations__card-description[data-v-66d253f5] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.reason-for-consultations__card-description[data-v-66d253f5] {
    font-size: 13px;
    line-height: 19px;
}
}
.reason-for-consultations__card-description[data-v-66d253f5] {
  font-weight: 400;
}
.reason-for-consultations__card-description.semibold[data-v-66d253f5] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.reason-for-consultations__card-description.semibold[data-v-66d253f5] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.reason-for-consultations__card-description.semibold[data-v-66d253f5] {
    font-size: 13px;
    line-height: 19px;
}
}
.reason-for-consultations__card-description.semibold[data-v-66d253f5] {
  font-weight: 600;
}
.reason-for-consultations__card-description.medium[data-v-66d253f5] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.reason-for-consultations__card-description.medium[data-v-66d253f5] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.reason-for-consultations__card-description.medium[data-v-66d253f5] {
    font-size: 13px;
    line-height: 19px;
}
}
.reason-for-consultations__card-description.medium[data-v-66d253f5] {
  font-weight: 500;
}
.reason-for-consultations__card-description.regular[data-v-66d253f5] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.reason-for-consultations__card-description.regular[data-v-66d253f5] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.reason-for-consultations__card-description.regular[data-v-66d253f5] {
    font-size: 13px;
    line-height: 19px;
}
}
.reason-for-consultations__card-description.regular[data-v-66d253f5] {
  font-weight: 400;
}
.reason-for-consultations__card-description[data-v-66d253f5] {
  color: #6B6B6B;
  margin: 0;
}
.reason-for-consultations__card-textarea[data-v-66d253f5] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.reason-for-consultations__card-textarea[data-v-66d253f5] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.reason-for-consultations__card-textarea[data-v-66d253f5] {
    font-size: 13px;
    line-height: 19px;
}
}
.reason-for-consultations__card-textarea[data-v-66d253f5] {
  font-weight: 400;
}
.reason-for-consultations__card-textarea.semibold[data-v-66d253f5] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.reason-for-consultations__card-textarea.semibold[data-v-66d253f5] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.reason-for-consultations__card-textarea.semibold[data-v-66d253f5] {
    font-size: 13px;
    line-height: 19px;
}
}
.reason-for-consultations__card-textarea.semibold[data-v-66d253f5] {
  font-weight: 600;
}
.reason-for-consultations__card-textarea.medium[data-v-66d253f5] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.reason-for-consultations__card-textarea.medium[data-v-66d253f5] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.reason-for-consultations__card-textarea.medium[data-v-66d253f5] {
    font-size: 13px;
    line-height: 19px;
}
}
.reason-for-consultations__card-textarea.medium[data-v-66d253f5] {
  font-weight: 500;
}
.reason-for-consultations__card-textarea.regular[data-v-66d253f5] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.reason-for-consultations__card-textarea.regular[data-v-66d253f5] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.reason-for-consultations__card-textarea.regular[data-v-66d253f5] {
    font-size: 13px;
    line-height: 19px;
}
}
.reason-for-consultations__card-textarea.regular[data-v-66d253f5] {
  font-weight: 400;
}
.reason-for-consultations__card-textarea[data-v-66d253f5] {
  color: #6B6B6B;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  line-height: inherit;
  cursor: text;
}
.reason-for-consultations__card-textarea[data-v-66d253f5]:focus {
  outline: none;
}
.reason-for-consultations__card-textarea[data-v-66d253f5]::-moz-placeholder {
  color: #6B6B6B;
  opacity: 0.6;
}
.reason-for-consultations__card-textarea[data-v-66d253f5]::placeholder {
  color: #6B6B6B;
  opacity: 0.6;
}
.reason-for-consultations__card--selected .reason-for-consultations__card-textarea[data-v-66d253f5] {
  color: #C1C6CD;
  opacity: 0.9;
}
.reason-for-consultations__card--selected .reason-for-consultations__card-textarea[data-v-66d253f5]::-moz-placeholder {
  color: #C1C6CD;
  opacity: 0.7;
}
.reason-for-consultations__card--selected .reason-for-consultations__card-textarea[data-v-66d253f5]::placeholder {
  color: #C1C6CD;
  opacity: 0.7;
}
.reason-for-consultations__actions[data-v-66d253f5] {
  display: flex;
  justify-content: flex-end;
  margin-top: 0;
  padding: 0 16px 16px 16px;
  width: 100%;
  z-index: 50;
  position: relative;
}
@media (min-width: 576.98px) {
.reason-for-consultations__actions[data-v-66d253f5] {
    padding-right: 0;
}
.reason-for-consultations__actions[data-v-66d253f5]::before {
    content: "";
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(180deg, rgba(249, 245, 222, 0) 0%, #F9F5DE 100%);
    pointer-events: none;
    z-index: -1;
    opacity: 1;
    transition: opacity 0.3s ease;
}
.reason-for-consultations__actions--at-bottom[data-v-66d253f5]::before {
    opacity: 0;
}
}
@media (max-width: 575.98px) {
.reason-for-consultations__actions[data-v-66d253f5] {
    position: static;
    right: auto;
    width: auto;
    justify-content: center;
    max-width: none;
    margin-top: 1.5rem;
    margin-bottom: 3.5rem;
    padding: 0;
    background: transparent;
    box-shadow: none;
}
}
@media (min-width: 576.98px) {
.reason-for-consultations__actions .form-btn[data-v-66d253f5] {
    width: auto !important;
}
}
@media (max-width: 575.98px) {
.reason-for-consultations__actions .form-btn[data-v-66d253f5] {
    width: 100%;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/clinical-intake/views/EmotionBehaviorsView.vue?vue&type=style&index=0&id=25dfa456&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.emotion-behaviors__background[data-v-25dfa456] {
  position: relative;
  min-height: 93vh;
}
.emotion-behaviors__decoration[data-v-25dfa456] {
  position: fixed;
  z-index: 1;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  mix-blend-mode: darken;
}
@media (max-width: 575.98px) {
.emotion-behaviors__decoration[data-v-25dfa456] {
    display: none;
}
}
.emotion-behaviors__decoration--top-left[data-v-25dfa456] {
  top: 0;
  left: 0;
  margin-top: 32px;
  margin-left: 32px;
  max-width: 75px;
  width: auto;
  height: auto;
}
@media (max-width: 991.98px) {
.emotion-behaviors__decoration--top-left[data-v-25dfa456] {
    margin-left: 16px;
    max-width: 65px;
}
}
.emotion-behaviors__decoration--top-right[data-v-25dfa456] {
  top: -50px;
  right: -35px;
  transform: rotate(300deg) scaleX(-1);
  margin-top: 32px;
  margin-right: 32px;
  max-width: 130px;
  width: auto;
  height: auto;
}
@media (max-width: 991.98px) {
.emotion-behaviors__decoration--top-right[data-v-25dfa456] {
    margin-right: 20px;
    max-width: 110px;
}
}
.emotion-behaviors__container[data-v-25dfa456] {
  max-width: 550px;
  max-height: 93vh;
  height: 93vh;
  margin: 0 auto;
  margin-top: calc(-0.8rem - 16px - 60px + 40px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
@media (max-width: 991.98px) {
.emotion-behaviors__container[data-v-25dfa456] {
    margin-top: 40px;
}
}
@media (max-width: 575.98px) {
.emotion-behaviors__container[data-v-25dfa456] {
    padding: 0;
    max-height: none;
    height: auto;
    max-width: none;
    margin: 0;
    display: block;
    overflow: visible;
    background: transparent;
}
}
.emotion-behaviors__fixed-header[data-v-25dfa456] {
  gap: 16px;
  padding: 0;
  background: #FFFBF2;
}
.emotion-behaviors__fixed-header .emotion-behaviors[data-v-25dfa456] {
  margin-top: 32px;
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
.emotion-behaviors__fixed-header .emotion-behaviors[data-v-25dfa456] {
    margin-top: 0;
}
}
@media (max-width: 575.98px) {
.emotion-behaviors__fixed-header[data-v-25dfa456] {
    padding: 16px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
}
}
.emotion-behaviors__content[data-v-25dfa456] {
  padding-bottom: 100px;
  width: 100%;
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto;
  overflow-y: auto;
  flex: 1;
}
@media (min-width: 576.98px) {
.emotion-behaviors__content[data-v-25dfa456] {
    padding-top: 16px !important;
    padding-bottom: 16px;
    transition: padding-bottom 0.3s ease;
}
.emotion-behaviors__content--at-bottom[data-v-25dfa456] {
    padding-bottom: 0;
}
}
@media (max-width: 575.98px) {
.emotion-behaviors__content[data-v-25dfa456] {
    padding-bottom: 0;
    overflow-y: visible;
    flex: none;
}
}
.emotion-behaviors[data-v-25dfa456] {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  background: #F7F2E8;
  border-radius: 16px;
  opacity: 1;
  gap: 16px;
  padding: 16px;
  margin-bottom: 1rem;
}
.emotion-behaviors__header[data-v-25dfa456] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.emotion-behaviors__title[data-v-25dfa456] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.emotion-behaviors__title.semibold[data-v-25dfa456] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.emotion-behaviors__title.medium[data-v-25dfa456] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.emotion-behaviors__title.regular[data-v-25dfa456] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.emotion-behaviors__title[data-v-25dfa456] {
  font-weight: 500;
  color: #36465E;
  margin: 0;
}
.emotion-behaviors__subtitle[data-v-25dfa456] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.emotion-behaviors__subtitle.semibold[data-v-25dfa456] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.emotion-behaviors__subtitle.medium[data-v-25dfa456] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.emotion-behaviors__subtitle.regular[data-v-25dfa456] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.emotion-behaviors__subtitle[data-v-25dfa456] {
  font-weight: 400;
  color: #5E6B7E;
  margin: 0;
}
.emotion-behaviors__loading[data-v-25dfa456] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  padding: 3rem 1rem;
}
.emotion-behaviors__error[data-v-25dfa456], .emotion-behaviors__empty[data-v-25dfa456] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.emotion-behaviors__error[data-v-25dfa456], .emotion-behaviors__empty[data-v-25dfa456] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.emotion-behaviors__error[data-v-25dfa456], .emotion-behaviors__empty[data-v-25dfa456] {
    font-size: 14px;
    line-height: 22px;
}
}
.emotion-behaviors__error[data-v-25dfa456], .emotion-behaviors__empty[data-v-25dfa456] {
  font-weight: 400;
}
.emotion-behaviors__error.semibold[data-v-25dfa456], .emotion-behaviors__empty.semibold[data-v-25dfa456] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.emotion-behaviors__error.semibold[data-v-25dfa456], .emotion-behaviors__empty.semibold[data-v-25dfa456] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.emotion-behaviors__error.semibold[data-v-25dfa456], .emotion-behaviors__empty.semibold[data-v-25dfa456] {
    font-size: 14px;
    line-height: 22px;
}
}
.emotion-behaviors__error.semibold[data-v-25dfa456], .emotion-behaviors__empty.semibold[data-v-25dfa456] {
  font-weight: 600;
}
.emotion-behaviors__error.medium[data-v-25dfa456], .emotion-behaviors__empty.medium[data-v-25dfa456] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.emotion-behaviors__error.medium[data-v-25dfa456], .emotion-behaviors__empty.medium[data-v-25dfa456] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.emotion-behaviors__error.medium[data-v-25dfa456], .emotion-behaviors__empty.medium[data-v-25dfa456] {
    font-size: 14px;
    line-height: 22px;
}
}
.emotion-behaviors__error.medium[data-v-25dfa456], .emotion-behaviors__empty.medium[data-v-25dfa456] {
  font-weight: 500;
}
.emotion-behaviors__error.regular[data-v-25dfa456], .emotion-behaviors__empty.regular[data-v-25dfa456] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.emotion-behaviors__error.regular[data-v-25dfa456], .emotion-behaviors__empty.regular[data-v-25dfa456] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.emotion-behaviors__error.regular[data-v-25dfa456], .emotion-behaviors__empty.regular[data-v-25dfa456] {
    font-size: 14px;
    line-height: 22px;
}
}
.emotion-behaviors__error.regular[data-v-25dfa456], .emotion-behaviors__empty.regular[data-v-25dfa456] {
  font-weight: 400;
}
.emotion-behaviors__error[data-v-25dfa456], .emotion-behaviors__empty[data-v-25dfa456] {
  text-align: center;
  padding: 3rem 1rem;
  color: #6B6B6B;
}
.emotion-behaviors__error[data-v-25dfa456] {
  color: #F12B2E;
}
.emotion-behaviors__section-container[data-v-25dfa456] {
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  padding-top: 23px;
  padding-right: 16px;
  padding-bottom: 32px;
  padding-left: 16px;
  gap: 32px;
  background: #F7F2E8;
}
.emotion-behaviors__section[data-v-25dfa456] {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.emotion-behaviors__section-title[data-v-25dfa456] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #36465E;
  margin: 0;
}
.emotion-behaviors__list[data-v-25dfa456] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 0.5rem;
}
@media (min-width: 576.98px) {
.emotion-behaviors__list[data-v-25dfa456] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
}
.emotion-behaviors__card[data-v-25dfa456] {
  background-color: #F1EBDF;
  border-radius: 16px;
  padding: 16px;
  border: 0.5px solid #C1C6CD;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
  cursor: pointer;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
}
@media (min-width: 576.98px) {
.emotion-behaviors__card[data-v-25dfa456] {
    border-radius: 40px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    min-width: auto;
}
.emotion-behaviors__card[data-v-25dfa456]:hover:not(.emotion-behaviors__card--selected) {
    transform: translateY(-2px);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: #36465E;
}
.emotion-behaviors__card:hover:not(.emotion-behaviors__card--selected) .emotion-behaviors__card-title[data-v-25dfa456] {
    color: #EBEDEF;
}
.emotion-behaviors__card:hover:not(.emotion-behaviors__card--selected) .emotion-behaviors__card-description[data-v-25dfa456] {
    display: none;
}
}
.emotion-behaviors__card[data-v-25dfa456]:active {
  transform: translateY(0);
}
.emotion-behaviors__card--selected[data-v-25dfa456] {
  background-color: #36465E;
  border: 0.5px solid #C1C6CD;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.emotion-behaviors__card--selected .emotion-behaviors__card-title[data-v-25dfa456] {
  color: #EBEDEF;
}
.emotion-behaviors__card--selected .emotion-behaviors__card-description[data-v-25dfa456] {
  color: #C1C6CD;
  opacity: 0.9;
}
@media (min-width: 576.98px) {
.emotion-behaviors__card--selected[data-v-25dfa456] {
    background-color: #36465E;
}
.emotion-behaviors__card--selected .emotion-behaviors__card-title[data-v-25dfa456] {
    color: #EBEDEF;
}
.emotion-behaviors__card--selected .emotion-behaviors__card-description[data-v-25dfa456] {
    display: none;
}
.emotion-behaviors__card--selected[data-v-25dfa456]:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
}
}
.emotion-behaviors__card-content[data-v-25dfa456] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
@media (min-width: 576.98px) {
.emotion-behaviors__card-content[data-v-25dfa456] {
    gap: 0;
}
}
.emotion-behaviors__card-title[data-v-25dfa456] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #567394;
  margin: 0;
}
@media (min-width: 576.98px) {
.emotion-behaviors__card-title[data-v-25dfa456] {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
    color: #567394;
}
}
.emotion-behaviors__card-description[data-v-25dfa456] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.emotion-behaviors__card-description[data-v-25dfa456] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.emotion-behaviors__card-description[data-v-25dfa456] {
    font-size: 13px;
    line-height: 19px;
}
}
.emotion-behaviors__card-description[data-v-25dfa456] {
  font-weight: 400;
}
.emotion-behaviors__card-description.semibold[data-v-25dfa456] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.emotion-behaviors__card-description.semibold[data-v-25dfa456] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.emotion-behaviors__card-description.semibold[data-v-25dfa456] {
    font-size: 13px;
    line-height: 19px;
}
}
.emotion-behaviors__card-description.semibold[data-v-25dfa456] {
  font-weight: 600;
}
.emotion-behaviors__card-description.medium[data-v-25dfa456] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.emotion-behaviors__card-description.medium[data-v-25dfa456] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.emotion-behaviors__card-description.medium[data-v-25dfa456] {
    font-size: 13px;
    line-height: 19px;
}
}
.emotion-behaviors__card-description.medium[data-v-25dfa456] {
  font-weight: 500;
}
.emotion-behaviors__card-description.regular[data-v-25dfa456] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.emotion-behaviors__card-description.regular[data-v-25dfa456] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.emotion-behaviors__card-description.regular[data-v-25dfa456] {
    font-size: 13px;
    line-height: 19px;
}
}
.emotion-behaviors__card-description.regular[data-v-25dfa456] {
  font-weight: 400;
}
.emotion-behaviors__card-description[data-v-25dfa456] {
  color: #6B6B6B;
  margin: 0;
}
@media (min-width: 576.98px) {
.emotion-behaviors__card-description[data-v-25dfa456] {
    display: none;
}
}
.emotion-behaviors__actions[data-v-25dfa456] {
  display: flex;
  justify-content: flex-end;
  margin-top: 0;
  padding: 0 16px 16px 16px;
  width: 100%;
  z-index: 50;
  position: relative;
}
@media (min-width: 576.98px) {
.emotion-behaviors__actions[data-v-25dfa456] {
    padding-right: 0;
}
.emotion-behaviors__actions[data-v-25dfa456]::before {
    content: "";
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(180deg, rgba(249, 245, 222, 0) 0%, #F9F5DE 100%);
    pointer-events: none;
    z-index: -1;
    opacity: 1;
    transition: opacity 0.3s ease;
}
.emotion-behaviors__actions--at-bottom[data-v-25dfa456]::before {
    opacity: 0;
}
}
@media (max-width: 575.98px) {
.emotion-behaviors__actions[data-v-25dfa456] {
    position: static;
    right: auto;
    width: auto;
    justify-content: center;
    max-width: none;
    margin-top: 1.5rem;
    margin-bottom: 3.5rem;
    padding: 0;
    background: transparent;
    box-shadow: none;
}
}
@media (min-width: 576.98px) {
.emotion-behaviors__actions .form-btn[data-v-25dfa456] {
    width: auto !important;
}
}
@media (max-width: 575.98px) {
.emotion-behaviors__actions .form-btn[data-v-25dfa456] {
    width: 100%;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/clinical-intake/views/TriageView.vue?vue&type=style&index=0&id=9d302178&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.triage__fixed-header[data-v-9d302178] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  background: #FFFBF2;
}
.triage__fixed-header .triage[data-v-9d302178] {
  margin-bottom: 0;
}
.triage__content[data-v-9d302178] {
  padding-bottom: 0;
  width: 100%;
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto;
}
.triage[data-v-9d302178] {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  background: #F7F2E8;
  border-radius: 16px;
  opacity: 1;
  gap: 16px;
  padding: 16px;
  margin-bottom: 1rem;
}
.triage__header[data-v-9d302178] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.triage__title[data-v-9d302178] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.triage__title.semibold[data-v-9d302178] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.triage__title.medium[data-v-9d302178] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.triage__title.regular[data-v-9d302178] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.triage__title[data-v-9d302178] {
  font-weight: 500;
  color: #36465E;
  margin: 0;
}
.triage__subtitle[data-v-9d302178] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.triage__subtitle.semibold[data-v-9d302178] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.triage__subtitle.medium[data-v-9d302178] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.triage__subtitle.regular[data-v-9d302178] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.triage__subtitle[data-v-9d302178] {
  font-weight: 400;
  color: #5E6B7E;
  margin: 0;
}
.triage__loading[data-v-9d302178], .triage__error[data-v-9d302178], .triage__empty[data-v-9d302178] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.triage__loading[data-v-9d302178], .triage__error[data-v-9d302178], .triage__empty[data-v-9d302178] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.triage__loading[data-v-9d302178], .triage__error[data-v-9d302178], .triage__empty[data-v-9d302178] {
    font-size: 14px;
    line-height: 22px;
}
}
.triage__loading[data-v-9d302178], .triage__error[data-v-9d302178], .triage__empty[data-v-9d302178] {
  font-weight: 400;
}
.triage__loading.semibold[data-v-9d302178], .triage__error.semibold[data-v-9d302178], .triage__empty.semibold[data-v-9d302178] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.triage__loading.semibold[data-v-9d302178], .triage__error.semibold[data-v-9d302178], .triage__empty.semibold[data-v-9d302178] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.triage__loading.semibold[data-v-9d302178], .triage__error.semibold[data-v-9d302178], .triage__empty.semibold[data-v-9d302178] {
    font-size: 14px;
    line-height: 22px;
}
}
.triage__loading.semibold[data-v-9d302178], .triage__error.semibold[data-v-9d302178], .triage__empty.semibold[data-v-9d302178] {
  font-weight: 600;
}
.triage__loading.medium[data-v-9d302178], .triage__error.medium[data-v-9d302178], .triage__empty.medium[data-v-9d302178] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.triage__loading.medium[data-v-9d302178], .triage__error.medium[data-v-9d302178], .triage__empty.medium[data-v-9d302178] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.triage__loading.medium[data-v-9d302178], .triage__error.medium[data-v-9d302178], .triage__empty.medium[data-v-9d302178] {
    font-size: 14px;
    line-height: 22px;
}
}
.triage__loading.medium[data-v-9d302178], .triage__error.medium[data-v-9d302178], .triage__empty.medium[data-v-9d302178] {
  font-weight: 500;
}
.triage__loading.regular[data-v-9d302178], .triage__error.regular[data-v-9d302178], .triage__empty.regular[data-v-9d302178] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.triage__loading.regular[data-v-9d302178], .triage__error.regular[data-v-9d302178], .triage__empty.regular[data-v-9d302178] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.triage__loading.regular[data-v-9d302178], .triage__error.regular[data-v-9d302178], .triage__empty.regular[data-v-9d302178] {
    font-size: 14px;
    line-height: 22px;
}
}
.triage__loading.regular[data-v-9d302178], .triage__error.regular[data-v-9d302178], .triage__empty.regular[data-v-9d302178] {
  font-weight: 400;
}
.triage__loading[data-v-9d302178], .triage__error[data-v-9d302178], .triage__empty[data-v-9d302178] {
  text-align: center;
  padding: 3rem 1rem;
  color: #6B6B6B;
}
.triage__error[data-v-9d302178] {
  color: #F12B2E;
}
.triage[data-v-9d302178] {
  /*
  &__content {
    display: flex;
    flex-direction: column;
    border-radius: $border-radius-container;
    padding-top: 23px;
    padding-right: 16px;
    padding-bottom: 32px;
    padding-left: 16px;
    gap: 32px;
    background: $background-container;
  }
    */
}
.triage__questions-container[data-v-9d302178] {
  gap: 16px;
  display: flex;
  flex-direction: column;
}
.triage__question[data-v-9d302178] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  scroll-margin-top: 250px;
  border-radius: 16px;
  padding: 16px 1rem;
  background: #F7F2E8;
}
.triage__question-header[data-v-9d302178] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 0;
  padding-bottom: 0;
}
.triage__question-title[data-v-9d302178] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #36465E;
  margin: 0;
}
.triage__question-order[data-v-9d302178] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.3px;
  color: #5E6B7E;
}
.triage__answers[data-v-9d302178] {
  display: grid;
  padding-top: 8px;
  padding-bottom: 8px;
  gap: 8px;
}
.triage__answer-card[data-v-9d302178] {
  background: #F1EBDF;
  border-radius: 36px;
  padding-top: 14px;
  padding-right: 36px;
  padding-bottom: 14px;
  padding-left: 36px;
  border: 1px solid #788393;
  backdrop-filter: blur(40px);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
  cursor: pointer;
}
.triage__answer-card[data-v-9d302178]:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}
.triage__answer-card[data-v-9d302178]:active {
  transform: translateY(0);
}
.triage__answer-card--selected[data-v-9d302178] {
  background-color: #36465E;
  border: 1px solid #788393;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.triage__answer-card--selected .triage__answer-text[data-v-9d302178] {
  color: #EBEDEF;
}
.triage__answer-card--selected[data-v-9d302178]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
}
.triage__answer-content[data-v-9d302178] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.triage__answer-text[data-v-9d302178] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #36465E;
  text-align: center;
  margin: 0;
}
.triage__actions[data-v-9d302178] {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
  margin-bottom: 3.5rem;
}
@media (max-width: 575.98px) {
.triage__actions .form-btn[data-v-9d302178] {
    width: 100%;
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/clinical-intake/views/UserPsychotherapyHistoryView.vue?vue&type=style&index=0&id=5fab130c&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.user-psychotherapy-history__background[data-v-5fab130c] {
  position: relative;
  min-height: 93vh;
}
.user-psychotherapy-history__decoration[data-v-5fab130c] {
  position: fixed;
  z-index: 1;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  mix-blend-mode: darken;
}
@media (max-width: 575.98px) {
.user-psychotherapy-history__decoration[data-v-5fab130c] {
    display: none;
}
}
.user-psychotherapy-history__decoration--top-left[data-v-5fab130c] {
  top: 0;
  left: 0;
  margin-top: 32px;
  margin-left: 32px;
  max-width: 75px;
  width: auto;
  height: auto;
}
@media (max-width: 991.98px) {
.user-psychotherapy-history__decoration--top-left[data-v-5fab130c] {
    margin-left: 16px;
    max-width: 65px;
}
}
.user-psychotherapy-history__decoration--bottom-right[data-v-5fab130c] {
  bottom: -30px;
  right: -30px;
  margin-right: 32px;
  max-width: 130px;
  transform: rotate(320deg) scaleX(-1);
  width: auto;
  height: auto;
}
@media (max-width: 991.98px) {
.user-psychotherapy-history__decoration--bottom-right[data-v-5fab130c] {
    max-width: 110px;
}
}
.user-psychotherapy-history__container[data-v-5fab130c] {
  max-width: 550px;
  margin: 0 auto;
  margin-top: calc(-0.8rem - 16px - 60px + 40px);
  display: flex;
  flex-direction: column;
}
@media (max-width: 991.98px) {
.user-psychotherapy-history__container[data-v-5fab130c] {
    margin-top: 40px;
}
}
@media (max-width: 575.98px) {
.user-psychotherapy-history__container[data-v-5fab130c] {
    max-width: none;
    margin: 0;
    display: block;
}
}
.user-psychotherapy-history__fixed-header[data-v-5fab130c] {
  gap: 16px;
  padding: 0;
  background: #FFFBF2;
}
.user-psychotherapy-history__fixed-header .user-psychotherapy-history[data-v-5fab130c] {
  margin-top: 32px;
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
.user-psychotherapy-history__fixed-header .user-psychotherapy-history[data-v-5fab130c] {
    margin-top: 0;
}
}
@media (max-width: 575.98px) {
.user-psychotherapy-history__fixed-header[data-v-5fab130c] {
    padding: 16px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
}
}
.user-psychotherapy-history__content[data-v-5fab130c] {
  padding-bottom: 0;
  width: 100%;
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 576.98px) {
.user-psychotherapy-history__content[data-v-5fab130c] {
    padding-top: 16px !important;
    padding-bottom: 16px;
}
}
@media (max-width: 575.98px) {
.user-psychotherapy-history__content[data-v-5fab130c] {
    padding-bottom: 0;
}
}
.user-psychotherapy-history[data-v-5fab130c] {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  background: #F7F2E8;
  border-radius: 16px;
  opacity: 1;
  gap: 16px;
  padding: 16px;
  margin-bottom: 1rem;
}
.user-psychotherapy-history__header[data-v-5fab130c] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.user-psychotherapy-history__title[data-v-5fab130c] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.user-psychotherapy-history__title.semibold[data-v-5fab130c] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.user-psychotherapy-history__title.medium[data-v-5fab130c] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.user-psychotherapy-history__title.regular[data-v-5fab130c] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.user-psychotherapy-history__title[data-v-5fab130c] {
  font-weight: 500;
  color: #36465E;
  margin: 0;
}
.user-psychotherapy-history__subtitle[data-v-5fab130c] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.user-psychotherapy-history__subtitle.semibold[data-v-5fab130c] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.user-psychotherapy-history__subtitle.medium[data-v-5fab130c] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.user-psychotherapy-history__subtitle.regular[data-v-5fab130c] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.user-psychotherapy-history__subtitle[data-v-5fab130c] {
  font-weight: 400;
  color: #5E6B7E;
  margin: 0;
}
.user-psychotherapy-history__loading[data-v-5fab130c] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  padding: 3rem 1rem;
}
.user-psychotherapy-history__error[data-v-5fab130c] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.user-psychotherapy-history__error[data-v-5fab130c] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.user-psychotherapy-history__error[data-v-5fab130c] {
    font-size: 14px;
    line-height: 22px;
}
}
.user-psychotherapy-history__error[data-v-5fab130c] {
  font-weight: 400;
}
.user-psychotherapy-history__error.semibold[data-v-5fab130c] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.user-psychotherapy-history__error.semibold[data-v-5fab130c] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.user-psychotherapy-history__error.semibold[data-v-5fab130c] {
    font-size: 14px;
    line-height: 22px;
}
}
.user-psychotherapy-history__error.semibold[data-v-5fab130c] {
  font-weight: 600;
}
.user-psychotherapy-history__error.medium[data-v-5fab130c] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.user-psychotherapy-history__error.medium[data-v-5fab130c] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.user-psychotherapy-history__error.medium[data-v-5fab130c] {
    font-size: 14px;
    line-height: 22px;
}
}
.user-psychotherapy-history__error.medium[data-v-5fab130c] {
  font-weight: 500;
}
.user-psychotherapy-history__error.regular[data-v-5fab130c] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.user-psychotherapy-history__error.regular[data-v-5fab130c] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.user-psychotherapy-history__error.regular[data-v-5fab130c] {
    font-size: 14px;
    line-height: 22px;
}
}
.user-psychotherapy-history__error.regular[data-v-5fab130c] {
  font-weight: 400;
}
.user-psychotherapy-history__error[data-v-5fab130c] {
  text-align: center;
  padding: 3rem 1rem;
  color: #6B6B6B;
}
.user-psychotherapy-history__error[data-v-5fab130c] {
  color: #F12B2E;
}
.user-psychotherapy-history__content-inner[data-v-5fab130c] {
  gap: 16px;
  display: flex;
  flex-direction: column;
}
.user-psychotherapy-history__question[data-v-5fab130c] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  scroll-margin-top: 250px;
  border-radius: 16px;
  background: #F7F2E8;
}
.user-psychotherapy-history__question-text[data-v-5fab130c] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #36465E;
  margin: 0;
  padding-top: 6px;
}
.user-psychotherapy-history__options[data-v-5fab130c] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  padding-top: 8px;
  padding-bottom: 8px;
  gap: 8px;
}
@media (min-width: 576.98px) {
.user-psychotherapy-history__options[data-v-5fab130c] {
    grid-template-columns: repeat(2, 1fr);
}
}
.user-psychotherapy-history__option[data-v-5fab130c] {
  background: #F1EBDF;
  border-radius: 36px;
  padding-top: 14px;
  padding-right: 36px;
  padding-bottom: 14px;
  padding-left: 36px;
  border: 1px solid #788393;
  backdrop-filter: blur(40px);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
  cursor: pointer;
}
.user-psychotherapy-history__option[data-v-5fab130c]:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}
.user-psychotherapy-history__option[data-v-5fab130c]:active {
  transform: translateY(0);
}
.user-psychotherapy-history__option--selected[data-v-5fab130c] {
  background-color: #36465E;
  border: 1px solid #788393;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.user-psychotherapy-history__option--selected .user-psychotherapy-history__option-text[data-v-5fab130c] {
  color: #EBEDEF;
}
.user-psychotherapy-history__option--selected[data-v-5fab130c]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
}
.user-psychotherapy-history__option-content[data-v-5fab130c] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-psychotherapy-history__option-text[data-v-5fab130c] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #36465E;
  text-align: center;
  margin: 0;
}
.user-psychotherapy-history__actions[data-v-5fab130c] {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding: 0 16px 16px 16px;
  width: 100%;
}
@media (min-width: 576.98px) {
.user-psychotherapy-history__actions[data-v-5fab130c] {
    padding-right: 0;
}
}
@media (max-width: 575.98px) {
.user-psychotherapy-history__actions[data-v-5fab130c] {
    justify-content: center;
    padding: 0;
}
}
@media (min-width: 576.98px) {
.user-psychotherapy-history__actions .form-btn[data-v-5fab130c] {
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
}
@media (max-width: 575.98px) {
.user-psychotherapy-history__actions .form-btn[data-v-5fab130c] {
    width: 100%;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/scheduling/components/AdditionalTherapists.vue?vue&type=style&index=0&id=11db77df&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.additional-therapists[data-v-11db77df] {
  margin-bottom: 48px;
}
.additional-therapists__title[data-v-11db77df] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.additional-therapists__title[data-v-11db77df] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.additional-therapists__title[data-v-11db77df] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.additional-therapists__title[data-v-11db77df] {
  color: #36465E;
  margin: 0 0 1.5rem 0;
}
.additional-therapists__scroll[data-v-11db77df] {
  display: flex;
  gap: 1.5rem;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 0.5rem;
  scrollbar-width: thin;
  scrollbar-color: #8EA1B7 transparent;
  cursor: grab;
}
.additional-therapists__scroll[data-v-11db77df]:active {
  cursor: grabbing;
}
.additional-therapists__scroll[data-v-11db77df]::-webkit-scrollbar {
  height: 1px !important;
}
.additional-therapists__scroll[data-v-11db77df]::-webkit-scrollbar-track {
  background: transparent;
}
.additional-therapists__scroll[data-v-11db77df]::-webkit-scrollbar-thumb {
  background-color: #72CAED;
  border-radius: 4px;
}
.additional-therapists__scroll[data-v-11db77df]::-webkit-scrollbar-thumb:hover {
  background-color: #57C0E9;
}
.additional-therapists__card[data-v-11db77df] {
  background-color: #F7F2E8;
  border-radius: 20px;
  padding: 16px;
  display: flex;
  gap: 16px;
  align-items: flex-end;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 2px solid transparent;
  flex-shrink: 0;
  min-width: 380px;
  box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
.additional-therapists__card[data-v-11db77df]:hover {
  transform: translateY(-2px);
  box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
.additional-therapists__card-photo[data-v-11db77df] {
  width: 124px;
  height: 124px;
  border-radius: 16px;
  -o-object-fit: cover;
     object-fit: cover;
  flex-shrink: 0;
  background-color: white;
}
.additional-therapists__card-info[data-v-11db77df] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  justify-content: flex-end;
}
.additional-therapists__card-name[data-v-11db77df] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.additional-therapists__card-name[data-v-11db77df] {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.additional-therapists__card-name[data-v-11db77df] {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.3px;
}
}
.additional-therapists__card-name[data-v-11db77df] {
  height: 52px;
  display: flex;
  align-items: flex-end;
  color: #567394;
  margin: 0;
}
.additional-therapists__card-meta[data-v-11db77df] {
  display: flex;
  gap: 8px;
  align-items: flex-end;
  color: #6B6B6B;
  font-size: 13px;
  line-height: 18px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.additional-therapists__card-meta[data-v-11db77df] {
    font-size: 13px;
    line-height: 18px;
}
}
@media (max-width: 575.98px) {
.additional-therapists__card-meta[data-v-11db77df] {
    font-size: 13px;
    line-height: 18px;
}
}
.additional-therapists__card-meta[data-v-11db77df] {
  margin: 0;
}
.additional-therapists__card-meta-icon[data-v-11db77df] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.additional-therapists__card-meta-item-row[data-v-11db77df] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.additional-therapists__card-meta-item[data-v-11db77df] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.additional-therapists__card-meta-item[data-v-11db77df] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
@media (max-width: 575.98px) {
.additional-therapists__card-meta-item[data-v-11db77df] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
.additional-therapists__card-meta-item[data-v-11db77df] {
  color: #5E6B7E;
}
.additional-therapists__card-availability[data-v-11db77df] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.additional-therapists__card-availability[data-v-11db77df] {
    font-size: 12px;
    line-height: 16px;
}
}
@media (max-width: 575.98px) {
.additional-therapists__card-availability[data-v-11db77df] {
    font-size: 12px;
    line-height: 16px;
}
}
.additional-therapists__card-availability[data-v-11db77df] {
  color: #29A0CF;
  margin: 0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/scheduling/components/MatchModal.vue?vue&type=style&index=0&id=29b20472&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.match-modal[data-v-29b20472] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #FBF6EE;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 20px 24px 40px 24px;
  overflow-y: auto;
}
@media (max-width: 575.98px) {
.match-modal[data-v-29b20472] {
    padding: 32px 24px;
    height: 100dvh;
}
}
.match-modal__container[data-v-29b20472] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
  min-height: calc(100% - 80px);
}
@media (max-width: 575.98px) {
.match-modal__container[data-v-29b20472] {
    min-height: calc(100% - 64px);
}
}
.match-modal__button[data-v-29b20472] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  padding: 18px 36px;
  margin-top: 52px;
  align-self: center;
}
@media (max-width: 575.98px) {
.match-modal__button[data-v-29b20472] {
    width: 100%;
    padding-inline: 16px;
}
}
.match-modal__content[data-v-29b20472] {
  width: 100%;
  max-width: 471px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
  min-height: -moz-min-content;
  min-height: min-content;
}
.match-modal__body[data-v-29b20472] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
.match-modal__title[data-v-29b20472] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 28px;
  line-height: 36px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.match-modal__title[data-v-29b20472] {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.match-modal__title[data-v-29b20472] {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.3px;
}
}
.match-modal__title[data-v-29b20472] {
  color: #36465E;
  margin: 0;
  margin-bottom: 28px;
  white-space: pre-line;
  text-align: center;
  width: 100%;
}
.match-modal__shapes[data-v-29b20472] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 100%;
  margin: 0;
  position: relative;
}
.match-modal__tea-time-gif[data-v-29b20472] {
  width: 358px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
}
@media (max-width: 575.98px) {
.match-modal__tea-time-gif[data-v-29b20472] {
    width: 226px;
    height: 187px;
}
}
.match-modal__list[data-v-29b20472] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.match-modal__item[data-v-29b20472] {
  display: flex;
  align-items: baseline;
  gap: 4px;
  width: 100%;
}
.match-modal__item span[data-v-29b20472] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.match-modal__item span[data-v-29b20472] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.match-modal__item span[data-v-29b20472] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.match-modal__item span[data-v-29b20472] {
  color: #5E6B7E;
  flex: 1;
}
.match-modal__priority-icon-background[data-v-29b20472] {
  padding: 4px;
  display: flex;
}
@media (min-width: 576.98px) {
.match-modal__priority-icon-background[data-v-29b20472] {
    padding-inline: 12px;
}
}
.match-modal__priority-icon[data-v-29b20472] {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  margin-top: 0px;
}
.match-modal__button-spinner[data-v-29b20472] {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(54, 65, 83, 0.3);
  border-top-color: #364153;
  border-radius: 50%;
  animation: spin-29b20472 0.8s linear infinite;
  flex-shrink: 0;
}
@keyframes spin-29b20472 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.modal-fade-enter-active[data-v-29b20472],
.modal-fade-leave-active[data-v-29b20472] {
  transition: opacity 0.3s ease;
}
.modal-fade-enter-from[data-v-29b20472],
.modal-fade-leave-to[data-v-29b20472] {
  opacity: 0;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/scheduling/components/MobileTherapistHeader.vue?vue&type=style&index=0&id=18a43d16&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.mobile-therapist-header[data-v-18a43d16] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0px 0px 16px 0px;
}
.mobile-therapist-header__title[data-v-18a43d16] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.mobile-therapist-header__title[data-v-18a43d16] {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.mobile-therapist-header__title[data-v-18a43d16] {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.3px;
}
}
.mobile-therapist-header__title[data-v-18a43d16] {
  color: #36465E;
  margin: 0;
}
.mobile-therapist-header__subtitle[data-v-18a43d16] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.mobile-therapist-header__subtitle[data-v-18a43d16] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.mobile-therapist-header__subtitle[data-v-18a43d16] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.mobile-therapist-header__subtitle[data-v-18a43d16] {
  color: #5E6B7E;
  margin: 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/scheduling/components/AudioPlayer.vue?vue&type=style&index=0&id=16aa8708&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.audio-player-content[data-v-16aa8708] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  background: transparent;
  border-width: 0.5px;
  border-style: solid;
  border-color: #A2BFCD;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
  width: 100%;
  border-radius: 30px;
}
.audio-player[data-v-16aa8708] {
  display: inline-flex;
  align-items: center;
  outline: none;
}
.audio-player__button[data-v-16aa8708] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  max-height: 30px;
  border-radius: 50%;
  border: none;
  background-color: transparent;
  color: white;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease;
  padding: 0;
}
.audio-player__button[data-v-16aa8708]:hover {
  outline: none;
}
.audio-player__button[data-v-16aa8708]:active {
  outline: none;
}
.audio-player__button[data-v-16aa8708]:focus {
  outline: none;
}
.audio-player__icon[data-v-16aa8708] {
  width: 24px;
  height: 24px;
  border-radius: 34px;
  display: block;
}
.audio-player__icon--pause[data-v-16aa8708] {
  width: 24px;
  height: 24px;
  border-radius: 34px;
  padding: 4px;
}
.audio-player__audio[data-v-16aa8708] {
  display: none;
}
.audio-player__progress-wrapper[data-v-16aa8708] {
  flex: 1;
  cursor: pointer;
  min-width: 0;
  touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.audio-player__progress-wrapper--dragging[data-v-16aa8708] {
  cursor: grabbing;
}
.audio-player__progress-wrapper[data-v-16aa8708]:active {
  cursor: grabbing;
}
.audio-player__progress-bar[data-v-16aa8708] {
  display: flex;
  height: 3px;
  border-radius: 3px;
  overflow: hidden;
  width: 100%;
}
.audio-player__progress-filled[data-v-16aa8708] {
  background-color: #C1C6CD;
  transition: width 0.1s linear;
  flex-shrink: 0;
}
.audio-player__progress-remaining[data-v-16aa8708] {
  background-color: #263243;
  transition: width 0.1s linear;
  flex-shrink: 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/scheduling/components/MobileTherapistCard.vue?vue&type=style&index=0&id=3696774e&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.mobile-therapist-card[data-v-3696774e] {
  border-radius: 20px;
  background: #F7F2E8;
  box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mobile-therapist-card--active[data-v-3696774e] {
  background: #FCF9F4;
  border: 0.5px solid #E8C673;
}
.mobile-therapist-card__header[data-v-3696774e] {
  display: flex;
  gap: 8px;
  align-items: flex-end;
}
.mobile-therapist-card__photo-wrapper[data-v-3696774e] {
  width: 124px;
  height: 124px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
  background: white;
}
.mobile-therapist-card__photo[data-v-3696774e] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
.mobile-therapist-card__therapist-details[data-v-3696774e] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.mobile-therapist-card__therapist-name[data-v-3696774e] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.mobile-therapist-card__therapist-name[data-v-3696774e] {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.mobile-therapist-card__therapist-name[data-v-3696774e] {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.3px;
}
}
.mobile-therapist-card__therapist-name[data-v-3696774e] {
  display: flex;
  align-items: flex-end;
  color: #567394;
  margin: 0;
  height: 52px;
}
.mobile-therapist-card__meta[data-v-3696774e] {
  display: flex;
  gap: 8px;
  align-items: center;
  color: #6B6B6B;
  font-size: 13px;
  line-height: 18px;
  font-style: normal;
  letter-spacing: -0.3px;
}
@media (max-width: 991.98px) {
.mobile-therapist-card__meta[data-v-3696774e] {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.mobile-therapist-card__meta[data-v-3696774e] {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.3px;
}
}
.mobile-therapist-card__meta-icon[data-v-3696774e] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.mobile-therapist-card__meta-item-row[data-v-3696774e] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.mobile-therapist-card__meta-item[data-v-3696774e] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.mobile-therapist-card__meta-item[data-v-3696774e] {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.mobile-therapist-card__meta-item[data-v-3696774e] {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.mobile-therapist-card__meta-item[data-v-3696774e] {
  color: #5E6B7E;
}
.mobile-therapist-card__about[data-v-3696774e] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-bottom-width: 0.5px;
}
.mobile-therapist-card__about-title-row[data-v-3696774e] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mobile-therapist-card__about-content[data-v-3696774e] {
  gap: 8px;
  display: flex;
  flex-direction: column;
}
.mobile-therapist-card__player-button[data-v-3696774e] {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease, transform 0.1s ease;
}
.mobile-therapist-card__player-button[data-v-3696774e]:hover {
  opacity: 0.7;
}
.mobile-therapist-card__player-button[data-v-3696774e]:active {
  transform: scale(0.95);
}
.mobile-therapist-card__player-icon[data-v-3696774e] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.mobile-therapist-card__audio-wrapper[data-v-3696774e] {
  display: inline-flex;
}
.mobile-therapist-card__section-title[data-v-3696774e] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.mobile-therapist-card__section-title[data-v-3696774e] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
@media (max-width: 575.98px) {
.mobile-therapist-card__section-title[data-v-3696774e] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
.mobile-therapist-card__section-title[data-v-3696774e] {
  color: #36465E;
  margin: 0;
}
.mobile-therapist-card__introduction-wrapper[data-v-3696774e] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: column;
  gap: 4px;
}
.mobile-therapist-card__introduction[data-v-3696774e] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.mobile-therapist-card__introduction[data-v-3696774e] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.mobile-therapist-card__introduction[data-v-3696774e] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.mobile-therapist-card__introduction[data-v-3696774e] {
  color: #5E6B7E;
  margin: 0;
  flex: 1;
  min-width: 0;
  text-align: left;
}
.mobile-therapist-card__introduction--clamp[data-v-3696774e] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
.mobile-therapist-card__inline-link[data-v-3696774e] {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  margin-left: auto;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.mobile-therapist-card__inline-link[data-v-3696774e] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.mobile-therapist-card__inline-link[data-v-3696774e] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.mobile-therapist-card__inline-link[data-v-3696774e] {
  color: #36465E;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  text-decoration: underline;
  flex-shrink: 0;
}
.mobile-therapist-card__tags[data-v-3696774e] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.mobile-therapist-card__tag[data-v-3696774e] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #CDD1C1;
  border-radius: 40px;
  padding: 4px 8px;
  cursor: pointer;
}
.mobile-therapist-card__tag-icon[data-v-3696774e] {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.mobile-therapist-card__tag-text[data-v-3696774e] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.mobile-therapist-card__tag-text[data-v-3696774e] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.mobile-therapist-card__tag-text[data-v-3696774e] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.mobile-therapist-card__tag-text[data-v-3696774e] {
  color: #414359;
}
.mobile-therapist-card__tag-info-icon[data-v-3696774e] {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: #788393;
}
.mobile-therapist-card__ideal-option-container[data-v-3696774e] {
  display: flex;
  gap: 10px;
}
.mobile-therapist-card__ideal-option-badge[data-v-3696774e] {
  display: inline-flex;
  align-items: center;
}
.mobile-therapist-card__ideal-option-content[data-v-3696774e] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background-color: #FFE5E5;
  border-radius: 40px;
  padding: 4px 8px;
}
.mobile-therapist-card__ideal-option-icon[data-v-3696774e] {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.mobile-therapist-card__ideal-option-text[data-v-3696774e] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.mobile-therapist-card__ideal-option-text[data-v-3696774e] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.mobile-therapist-card__ideal-option-text[data-v-3696774e] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.mobile-therapist-card__ideal-option-text[data-v-3696774e] {
  color: #685856;
}
.mobile-therapist-card__availability[data-v-3696774e] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-top: 0.5px solid #C1C6CD;
  padding-top: 16px;
}
.mobile-therapist-card__availability-content[data-v-3696774e] {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  border-radius: 40px;
  padding: 4px;
  border: 0.5px solid #B59B59;
  overflow: hidden;
}
.mobile-therapist-card__date-chips[data-v-3696774e] {
  display: flex;
  gap: 0.5rem;
  flex-shrink: 0;
}
.mobile-therapist-card__time-chips-wrapper[data-v-3696774e] {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.mobile-therapist-card__time-chips[data-v-3696774e] {
  display: flex;
  gap: 4px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  align-items: center;
}
.mobile-therapist-card__time-chips[data-v-3696774e]::-webkit-scrollbar {
  display: none;
}
.mobile-therapist-card__chip[data-v-3696774e] {
  border-radius: 40px;
  padding: 8px 16px;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.mobile-therapist-card__chip[data-v-3696774e] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.mobile-therapist-card__chip[data-v-3696774e] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.mobile-therapist-card__chip[data-v-3696774e] {
  cursor: pointer;
  flex-shrink: 0;
  white-space: nowrap;
  transition: transform 0.12s ease, background-color 0.2s ease, border-color 0.2s ease;
}
.mobile-therapist-card__chip[data-v-3696774e]:active {
  transform: scale(0.98);
}
.mobile-therapist-card__date-chips .mobile-therapist-card__chip[data-v-3696774e] {
  background: #FFEEC4;
  color: #36465E;
  border: none;
}
.mobile-therapist-card__time-chips .mobile-therapist-card__chip[data-v-3696774e] {
  border: 0.5px solid #B59B59;
  color: #5E6B7E;
  background: transparent;
}
.mobile-therapist-card__time-chips .mobile-therapist-card__chip--selected[data-v-3696774e] {
  background: #36465E;
  border: 0.5px solid #EBEDEF;
  color: #EBEDEF;
}
.mobile-therapist-card__time-chips .mobile-therapist-card__chip--view-more[data-v-3696774e] {
  background: rgba(255, 238, 196, 0.3019607843);
  border: 0.5px solid #B59B59;
  backdrop-filter: blur(40px);
  color: #5E6B7E;
  font-weight: 500;
}
.mobile-therapist-card__time-separator[data-v-3696774e] {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #5E6B7E;
  flex-shrink: 0;
  margin: 0 0.25rem;
}
.mobile-therapist-card__muted[data-v-3696774e] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-style: normal;
  letter-spacing: -0.3px;
}
@media (max-width: 991.98px) {
.mobile-therapist-card__muted[data-v-3696774e] {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.mobile-therapist-card__muted[data-v-3696774e] {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.3px;
}
}
.mobile-therapist-card__muted[data-v-3696774e] {
  color: #6B6B6B;
  margin: 0;
  padding: 0.25rem 0;
  white-space: nowrap;
  flex-shrink: 0;
}
.mobile-therapist-card .form-btn[data-v-3696774e]:disabled {
  background: rgba(255, 238, 196, 0.3019607843);
  border: 1px solid #788393;
  backdrop-filter: blur(40px);
  opacity: 1;
}
.mobile-therapist-card__view-more-btn[data-v-3696774e] {
  background: rgba(255, 238, 196, 0.3019607843);
  border: 1px solid #788393;
  backdrop-filter: blur(40px);
  opacity: 1;
}
.mobile-therapist-card__calendar-modal[data-v-3696774e] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media (max-width: 575.98px) {
.mobile-therapist-card__calendar-modal[data-v-3696774e] {
    background-color: #F7F2E8;
    align-items: stretch;
    justify-content: stretch;
}
}
.mobile-therapist-card__calendar-modal-container[data-v-3696774e] {
  width: 100%;
  max-width: 390px;
  height: auto;
  max-height: 95dvh;
  background: #F7F2E8;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 16px;
}
@media (max-width: 575.98px) {
.mobile-therapist-card__calendar-modal-container[data-v-3696774e] {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    border-radius: 0;
}
}
.mobile-therapist-card__calendar-modal-header[data-v-3696774e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-bottom: 0.5px solid #C1C6CD;
  flex-shrink: 0;
}
.mobile-therapist-card__calendar-modal-title[data-v-3696774e] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.mobile-therapist-card__calendar-modal-title[data-v-3696774e] {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.mobile-therapist-card__calendar-modal-title[data-v-3696774e] {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.mobile-therapist-card__calendar-modal-title[data-v-3696774e] {
  color: #36465E;
  margin: 0;
}
.mobile-therapist-card__calendar-modal-close[data-v-3696774e] {
  background: none;
  border: none;
  font-size: 32px;
  line-height: 1;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.mobile-therapist-card__calendar-modal-close[data-v-3696774e] {
    font-size: 32px;
    line-height: 1;
}
}
@media (max-width: 575.98px) {
.mobile-therapist-card__calendar-modal-close[data-v-3696774e] {
    font-size: 32px;
    line-height: 1;
}
}
.mobile-therapist-card__calendar-modal-close[data-v-3696774e] {
  color: #5E6B7E;
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease;
}
.mobile-therapist-card__calendar-modal-close[data-v-3696774e]:hover {
  opacity: 0.7;
}
.mobile-therapist-card__calendar-modal-close[data-v-3696774e]:active {
  transform: scale(0.95);
}
.mobile-therapist-card__calendar-modal-content[data-v-3696774e] {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 42px 16px 48px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
  overscroll-behavior: contain;
}
@media (max-width: 575.98px) {
.mobile-therapist-card__calendar-modal-content[data-v-3696774e] {
    padding: 42px 16px 48px;
}
}
.mobile-therapist-card__calendar-modal-footer[data-v-3696774e] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.modal-fade-enter-active[data-v-3696774e],
.modal-fade-leave-active[data-v-3696774e] {
  transition: opacity 0.3s ease;
}
.modal-fade-enter-from[data-v-3696774e],
.modal-fade-leave-to[data-v-3696774e] {
  opacity: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/scheduling/components/DesktopTherapistInfo.vue?vue&type=style&index=0&id=5a3d46aa&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.background-container[data-v-5a3d46aa] {
  background: #F7F2E8;
  padding: 1rem;
  border-radius: 24px;
  height: 100%;
}
.desktop-therapist-info[data-v-5a3d46aa] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
  width: 100%;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.desktop-therapist-info__header[data-v-5a3d46aa] {
  width: 100%;
  gap: 1rem;
  align-items: flex-end;
  display: flex;
  flex-shrink: 0;
}
.desktop-therapist-info__photo-wrapper[data-v-5a3d46aa] {
  position: relative;
  width: 162px;
  height: 162px;
  border-radius: 16px;
  overflow: hidden;
  flex-shrink: 0;
  background-color: white;
}
.desktop-therapist-info__photo[data-v-5a3d46aa] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.desktop-therapist-info__therapist-details[data-v-5a3d46aa] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1;
  min-width: 0;
}
.desktop-therapist-info__therapist-name[data-v-5a3d46aa] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.desktop-therapist-info__therapist-name[data-v-5a3d46aa] {
    font-size: 20px;
    line-height: 26px;
}
}
@media (max-width: 575.98px) {
.desktop-therapist-info__therapist-name[data-v-5a3d46aa] {
    font-size: 18px;
    line-height: 24px;
}
}
.desktop-therapist-info__therapist-name[data-v-5a3d46aa] {
  font-weight: 400;
}
.desktop-therapist-info__therapist-name.semibold[data-v-5a3d46aa] {
  font-size: 24px;
  line-height: 32px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.desktop-therapist-info__therapist-name.semibold[data-v-5a3d46aa] {
    font-size: 20px;
    line-height: 26px;
}
}
@media (max-width: 575.98px) {
.desktop-therapist-info__therapist-name.semibold[data-v-5a3d46aa] {
    font-size: 18px;
    line-height: 24px;
}
}
.desktop-therapist-info__therapist-name.semibold[data-v-5a3d46aa] {
  font-weight: 600;
}
.desktop-therapist-info__therapist-name.medium[data-v-5a3d46aa] {
  font-size: 24px;
  line-height: 32px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.desktop-therapist-info__therapist-name.medium[data-v-5a3d46aa] {
    font-size: 20px;
    line-height: 26px;
}
}
@media (max-width: 575.98px) {
.desktop-therapist-info__therapist-name.medium[data-v-5a3d46aa] {
    font-size: 18px;
    line-height: 24px;
}
}
.desktop-therapist-info__therapist-name.medium[data-v-5a3d46aa] {
  font-weight: 500;
}
.desktop-therapist-info__therapist-name.regular[data-v-5a3d46aa] {
  font-size: 24px;
  line-height: 32px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.desktop-therapist-info__therapist-name.regular[data-v-5a3d46aa] {
    font-size: 20px;
    line-height: 26px;
}
}
@media (max-width: 575.98px) {
.desktop-therapist-info__therapist-name.regular[data-v-5a3d46aa] {
    font-size: 18px;
    line-height: 24px;
}
}
.desktop-therapist-info__therapist-name.regular[data-v-5a3d46aa] {
  font-weight: 400;
}
.desktop-therapist-info__therapist-name[data-v-5a3d46aa] {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.3px;
  vertical-align: bottom;
  color: #567394;
  margin: 0;
}
.desktop-therapist-info__meta[data-v-5a3d46aa] {
  display: flex;
  gap: 8px;
  align-items: center;
  color: #6B6B6B;
  font-size: 13px;
  line-height: 18px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.desktop-therapist-info__meta[data-v-5a3d46aa] {
    font-size: 13px;
    line-height: 18px;
}
}
@media (max-width: 575.98px) {
.desktop-therapist-info__meta[data-v-5a3d46aa] {
    font-size: 13px;
    line-height: 18px;
}
}
.desktop-therapist-info__meta-icon[data-v-5a3d46aa] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.desktop-therapist-info__meta-item-row[data-v-5a3d46aa] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.desktop-therapist-info__meta-item[data-v-5a3d46aa] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.desktop-therapist-info__meta-item[data-v-5a3d46aa] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
@media (max-width: 575.98px) {
.desktop-therapist-info__meta-item[data-v-5a3d46aa] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
.desktop-therapist-info__meta-item[data-v-5a3d46aa] {
  color: #5E6B7E;
}
.desktop-therapist-info__meta-separator[data-v-5a3d46aa] {
  color: #788393;
}
.desktop-therapist-info__bottom[data-v-5a3d46aa] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
  min-height: 0;
}
.desktop-therapist-info__introduction-section[data-v-5a3d46aa] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.desktop-therapist-info__introduction-section[data-v-5a3d46aa] .audio-player-content {
  max-width: 400px;
}
.desktop-therapist-info__introduction-title-row[data-v-5a3d46aa] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.desktop-therapist-info__introduction-title[data-v-5a3d46aa] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.desktop-therapist-info__introduction-title[data-v-5a3d46aa] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
@media (max-width: 575.98px) {
.desktop-therapist-info__introduction-title[data-v-5a3d46aa] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
.desktop-therapist-info__introduction-title[data-v-5a3d46aa] {
  color: #364153;
  margin: 0;
}
.desktop-therapist-info__player-button[data-v-5a3d46aa] {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease, transform 0.1s ease;
}
.desktop-therapist-info__player-button[data-v-5a3d46aa]:hover {
  opacity: 0.7;
}
.desktop-therapist-info__player-button[data-v-5a3d46aa]:active {
  transform: scale(0.95);
}
.desktop-therapist-info__player-icon[data-v-5a3d46aa] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.desktop-therapist-info__introduction[data-v-5a3d46aa] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.desktop-therapist-info__introduction[data-v-5a3d46aa] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.desktop-therapist-info__introduction[data-v-5a3d46aa] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.desktop-therapist-info__introduction[data-v-5a3d46aa] {
  color: #5E6B7E;
  margin: 0;
  white-space: pre-line;
}
.desktop-therapist-info__ideal-option-container[data-v-5a3d46aa] {
  display: flex;
  gap: 10px;
  margin-bottom: 0;
}
.desktop-therapist-info__ideal-option-badge[data-v-5a3d46aa] {
  display: inline-flex;
  align-items: center;
}
.desktop-therapist-info__ideal-option-content[data-v-5a3d46aa] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background-color: #FFE5E5;
  border-radius: 40px;
  padding: 4px 8px;
}
.desktop-therapist-info__ideal-option-icon[data-v-5a3d46aa] {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.desktop-therapist-info__ideal-option-text[data-v-5a3d46aa] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.desktop-therapist-info__ideal-option-text[data-v-5a3d46aa] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.desktop-therapist-info__ideal-option-text[data-v-5a3d46aa] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.desktop-therapist-info__ideal-option-text[data-v-5a3d46aa] {
  color: #685856;
}
.desktop-therapist-info__tags[data-v-5a3d46aa] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.desktop-therapist-info__tag[data-v-5a3d46aa] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #CDD1C1;
  border-radius: 40px;
  padding: 4px 8px;
  cursor: pointer;
}
.desktop-therapist-info__tag-icon[data-v-5a3d46aa] {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.desktop-therapist-info__tag-text[data-v-5a3d46aa] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.desktop-therapist-info__tag-text[data-v-5a3d46aa] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.desktop-therapist-info__tag-text[data-v-5a3d46aa] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.desktop-therapist-info__tag-text[data-v-5a3d46aa] {
  color: #414359;
}
.desktop-therapist-info__tag-info-icon[data-v-5a3d46aa] {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: #788393;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/scheduling/views/SchedulingView.vue?vue&type=style&index=0&id=1ec6e104&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.background-container[data-v-1ec6e104] {
  background: #EBEDEF;
  padding: 1rem;
  border-radius: 15px;
}
@media (min-width: 991.98px) {
.background-container[data-v-1ec6e104] {
    background: #F7F2E8;
    border-radius: 24px;
}
}
.scheduling__main-row[data-v-1ec6e104] {
  min-height: calc(100vh - 150px);
}
.scheduling__left-column[data-v-1ec6e104] {
  width: 100%;
}
.scheduling__therapist-info-wrapper[data-v-1ec6e104] {
  display: flex;
  flex-direction: column;
  width: 67%;
  flex-grow: 1;
}
.scheduling__right-column[data-v-1ec6e104] {
  width: 100%;
}
.scheduling[data-v-1ec6e104] {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
@media (max-width: 575.98px) {
.scheduling[data-v-1ec6e104] {
    overflow: visible;
}
}
.scheduling__container[data-v-1ec6e104] {
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 991.98px) {
.scheduling__container[data-v-1ec6e104] {
    padding-inline: 16px;
}
}
.scheduling__loading[data-v-1ec6e104] {
  text-align: center;
  padding: 3rem 1rem;
  color: #6B6B6B;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  min-height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.scheduling__error[data-v-1ec6e104], .scheduling__empty[data-v-1ec6e104] {
  text-align: center;
  padding: 3rem 1rem;
  color: #6B6B6B;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 0;
}
.scheduling__content[data-v-1ec6e104] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
@media (max-width: 991.98px) {
.scheduling__content[data-v-1ec6e104] {
    gap: 0.75rem;
}
}
@media (max-width: 575.98px) {
.scheduling__content[data-v-1ec6e104] {
    gap: 0.75rem;
    overflow: visible;
}
}
.scheduling__desktop-header[data-v-1ec6e104] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 16px;
  margin-top: 16px;
}
.scheduling__desktop-header-title[data-v-1ec6e104] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.scheduling__desktop-header-title[data-v-1ec6e104] {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.scheduling__desktop-header-title[data-v-1ec6e104] {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.3px;
}
}
.scheduling__desktop-header-title[data-v-1ec6e104] {
  color: #36465E;
  margin: 0;
}
.scheduling__desktop-header-subtitle[data-v-1ec6e104] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.scheduling__desktop-header-subtitle[data-v-1ec6e104] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.scheduling__desktop-header-subtitle[data-v-1ec6e104] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.scheduling__desktop-header-subtitle[data-v-1ec6e104] {
  color: #5E6B7E;
  margin: 0;
}
.scheduling__mobile-list[data-v-1ec6e104] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 2.5rem;
}
.scheduling__calendar-section[data-v-1ec6e104] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: 360px;
  width: 33%;
  flex-shrink: 0;
  min-height: 0;
  overflow: visible;
}
@media (min-width: 991.98px) {
.scheduling__calendar-section[data-v-1ec6e104] {
    justify-content: space-between;
}
}
@media (max-width: 991.98px) {
.scheduling__calendar-section[data-v-1ec6e104] {
    width: 100%;
    min-width: unset;
}
}
@media (max-width: 575.98px) {
.scheduling__calendar-section[data-v-1ec6e104] {
    width: 100%;
    min-width: unset;
}
}
.scheduling__additional-therapists-section[data-v-1ec6e104] {
  flex: 0 1 auto;
  min-height: 0;
}
.scheduling__info-text[data-v-1ec6e104] {
  color: #364153;
  font-family: "Inter", sans-serif;
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-top: 1rem;
  border-radius: 16px;
  border-width: 0.5px;
  padding: 16px;
  background: #F7F2E8;
  border: 0.5px solid #A2BFCD;
  backdrop-filter: blur(4px);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
}
.scheduling__info-text-icon-container[data-v-1ec6e104] {
  display: flex;
}
.scheduling__info-text p[data-v-1ec6e104] {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.25px;
  color: #5E6B7E;
  margin: 0;
}
.scheduling__info-text p a[data-v-1ec6e104] {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.25px;
  color: #2DB0E4;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.scheduling__info-text p a[data-v-1ec6e104]:hover {
  opacity: 0.8;
}
.scheduling__info-text p a[data-v-1ec6e104]:focus {
  outline: none;
}
@media (max-width: 575.98px) {
.scheduling__info-text[data-v-1ec6e104] {
    margin-top: 0.75rem;
}
}
.scheduling__change-therapist-icon[data-v-1ec6e104] {
  width: 16px;
  height: 16px;
}
.scheduling__confirmation-modal[data-v-1ec6e104] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 1rem;
}
.scheduling__confirmation-modal-container[data-v-1ec6e104] {
  width: 100%;
  max-width: 804px;
  min-width: 800px;
  max-height: 95dvh;
  height: auto;
  background: #F7F2E8;
  border-radius: 16px;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
@media (max-width: 991.98px) {
.scheduling__confirmation-modal-container[data-v-1ec6e104] {
    max-width: 700px;
    min-width: unset;
    width: 95%;
}
}
.scheduling__confirmation-modal-container--no-phone[data-v-1ec6e104] {
  max-width: 390px;
  min-width: 390px;
}
@media (min-width: 576.98px) {
.scheduling__confirmation-modal-container--max-width[data-v-1ec6e104] {
    max-width: 559px;
    min-width: unset;
}
}
.scheduling__confirmation-modal-content[data-v-1ec6e104] {
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: -moz-min-content;
  min-height: min-content;
}
.modal-fade-enter-active[data-v-1ec6e104],
.modal-fade-leave-active[data-v-1ec6e104] {
  transition: opacity 0.3s ease;
}
.modal-fade-enter-from[data-v-1ec6e104],
.modal-fade-leave-to[data-v-1ec6e104] {
  opacity: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/scheduling/views/SessionConfirmationView.vue?vue&type=style&index=0&id=1502aad6&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.session-confirmation[data-v-1502aad6] {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
@media (min-width: 991.98px) {
.session-confirmation[data-v-1502aad6] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -42%);
    background-color: #F7F6F4;
    width: 100%;
    height: auto;
    min-height: auto;
    padding: 0;
    border-radius: 0;
    align-items: center;
    gap: 16px;
    border-radius: 16px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
    padding: 24px 8px;
}
}
.session-confirmation__title[data-v-1502aad6] {
  display: none;
}
@media (min-width: 991.98px) {
.session-confirmation__title[data-v-1502aad6] {
    display: block;
    color: #364153;
    font-family: "Inter", sans-serif;
    font-size: 22px;
    line-height: 28px;
    font-style: normal;
    letter-spacing: -0.3px;
    font-weight: 500;
    color: #36465E;
    margin: 0;
    width: 100%;
    padding-left: 16px;
    padding-top: 16px;
}
}
@media (min-width: 991.98px) and (max-width: 991.98px) {
.session-confirmation__title[data-v-1502aad6] {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.3px;
}
}
@media (min-width: 991.98px) and (max-width: 575.98px) {
.session-confirmation__title[data-v-1502aad6] {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.3px;
}
}
.session-confirmation__container[data-v-1502aad6] {
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/question-types/QuestionnaireOptions.vue?vue&type=style&index=0&id=535c6fd8&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.questionnaire-post-session-card[data-v-535c6fd8] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 1rem 16px 1rem;
  background: #F7F2E8;
  border-radius: 16px;
}
.questionnaire-post-session-card__header-content[data-v-535c6fd8] {
  padding-top: 16px;
}
.questionnaire-post-session-card__question-counter[data-v-535c6fd8] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.3px;
  color: #5E6B7E;
  margin: 0;
}
.questionnaire-post-session-card__badge[data-v-535c6fd8] {
  width: -moz-fit-content;
  width: fit-content;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.3px;
  font-weight: 600;
  color: #36465E;
  background: #F2E077;
}
.questionnaire-post-session-card__question[data-v-535c6fd8] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.questionnaire-post-session-card__question[data-v-535c6fd8] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.questionnaire-post-session-card__question[data-v-535c6fd8] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.questionnaire-post-session-card__question[data-v-535c6fd8] {
  color: #36465E;
}
.questionnaire-post-session-card__question[data-v-535c6fd8] span {
  color: #567394;
  font: inherit;
  letter-spacing: inherit;
}
.questionnaire-post-session-card__description[data-v-535c6fd8] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.questionnaire-post-session-card__description[data-v-535c6fd8] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.questionnaire-post-session-card__description[data-v-535c6fd8] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.questionnaire-post-session-card__description[data-v-535c6fd8] {
  color: #5E6B7E;
  white-space: pre-line;
  margin: 0;
}
.questionnaire-post-session-card__sub-description[data-v-535c6fd8] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.questionnaire-post-session-card__sub-description[data-v-535c6fd8] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.questionnaire-post-session-card__sub-description[data-v-535c6fd8] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.questionnaire-post-session-card__sub-description[data-v-535c6fd8] {
  color: #36465E;
  margin: 0;
}
.questionnaire-post-session-card__sub-description[data-v-535c6fd8] strong {
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.3px;
}
.questionnaire-post-session-card__options[data-v-535c6fd8] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  padding-block: 8px;
  contain: layout style paint;
}
.questionnaire-post-session-card__option-wrapper[data-v-535c6fd8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  transform: translateZ(0);
  will-change: contents;
}
.questionnaire-post-session-card__option-wrapper--selected .questionnaire-post-session-card__input[data-v-535c6fd8] {
  display: block;
}
.questionnaire-post-session-card__option[data-v-535c6fd8] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.questionnaire-post-session-card__option.semibold[data-v-535c6fd8] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.questionnaire-post-session-card__option.medium[data-v-535c6fd8] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.questionnaire-post-session-card__option.regular[data-v-535c6fd8] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.questionnaire-post-session-card__option[data-v-535c6fd8] {
  font-weight: 500;
  color: #36465E;
  text-align: center;
  padding: 14px 36px;
  border-radius: 36px;
  border: 1px solid #788393;
  background-color: #F1EBDF;
  width: 100%;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
  transform: translateZ(0);
  will-change: transform, box-shadow, border-color, background-color;
}
.questionnaire-post-session-card__option[data-v-535c6fd8]:hover {
  transform: translateY(-2px) translateZ(0);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}
.questionnaire-post-session-card__option[data-v-535c6fd8]:active {
  transform: translateY(0) translateZ(0);
}
.questionnaire-post-session-card__option[data-v-535c6fd8]:focus {
  outline: none;
}
.questionnaire-post-session-card__option--selected[data-v-535c6fd8] {
  background-color: #748899 !important;
  color: #EBEDEF !important;
  border-color: #FFE198 !important;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) !important;
}
.questionnaire-post-session-card__option--selected[data-v-535c6fd8]:hover {
  transform: translateY(-2px) translateZ(0) !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25) !important;
}
.questionnaire-post-session-card__input[data-v-535c6fd8] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.questionnaire-post-session-card__input[data-v-535c6fd8] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.questionnaire-post-session-card__input[data-v-535c6fd8] {
    font-size: 13px;
    line-height: 19px;
}
}
.questionnaire-post-session-card__input[data-v-535c6fd8] {
  color: #36465E;
  background: transparent;
  border: none;
  border-bottom: 1px solid #788393;
  border-radius: 0;
  padding: 8px 0;
  width: 100%;
  font-family: inherit;
  line-height: inherit;
  cursor: text;
  display: none;
}
.questionnaire-post-session-card__input[data-v-535c6fd8]:focus {
  outline: none;
  border-bottom-color: #36465E;
}
.questionnaire-post-session-card__input[data-v-535c6fd8]::-moz-placeholder {
  color: #5E6B7E;
  opacity: 0.6;
}
.questionnaire-post-session-card__input[data-v-535c6fd8]::placeholder {
  color: #5E6B7E;
  opacity: 0.6;
}
.questionnaire-post-session-card__option-wrapper--selected .questionnaire-post-session-card__input[data-v-535c6fd8] {
  display: block;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/question-types/QuestionnaireScale.vue?vue&type=style&index=0&id=2a14bd04&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.questionnaire-scale[data-v-2a14bd04] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 1rem;
  --point-width: 20px;
  padding: 16px 1rem;
  background: #F7F2E8;
  border-radius: 16px;
}
.questionnaire-scale__header[data-v-2a14bd04] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.questionnaire-scale__question-counter[data-v-2a14bd04] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.3px;
  color: #5E6B7E;
  margin: 0;
}
.questionnaire-scale__question[data-v-2a14bd04] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.questionnaire-scale__question[data-v-2a14bd04] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.questionnaire-scale__question[data-v-2a14bd04] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.questionnaire-scale__question[data-v-2a14bd04] {
  color: #36465E;
}
.questionnaire-scale__question[data-v-2a14bd04] span {
  color: #567394;
  font: inherit;
  letter-spacing: inherit;
}
.questionnaire-scale__description[data-v-2a14bd04] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.questionnaire-scale__description[data-v-2a14bd04] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.questionnaire-scale__description[data-v-2a14bd04] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.questionnaire-scale__description[data-v-2a14bd04] {
  color: #5E6B7E;
  white-space: pre-line;
  margin: 0;
}
.questionnaire-scale__sub-description[data-v-2a14bd04] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.questionnaire-scale__sub-description[data-v-2a14bd04] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.questionnaire-scale__sub-description[data-v-2a14bd04] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.questionnaire-scale__sub-description[data-v-2a14bd04] {
  color: #36465E;
  margin: 0;
}
.questionnaire-scale__sub-description[data-v-2a14bd04] strong {
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.3px;
}
.questionnaire-scale__wrapper[data-v-2a14bd04] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background-color: #F1EBDF;
  padding-top: 2.5rem;
  padding-right: 8px;
  padding-bottom: 5px;
  padding-left: 8px;
  border-radius: 8px;
}
@media (max-width: 575.98px) {
.questionnaire-scale__wrapper[data-v-2a14bd04] {
    padding-top: 2.5rem;
}
}
.questionnaire-scale__scale-wrapper[data-v-2a14bd04] {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2rem;
  padding: 0.75rem 0;
}
.questionnaire-scale__label[data-v-2a14bd04] {
  color: #364153;
  font-family: "Inter", sans-serif;
  color: #36465E;
  font-size: 11px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.questionnaire-scale__label[data-v-2a14bd04] {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.questionnaire-scale__label[data-v-2a14bd04] {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.questionnaire-scale__label[data-v-2a14bd04] {
  flex-shrink: 0;
  max-width: 15%;
  overflow-wrap: break-word;
}
.questionnaire-scale__label--min[data-v-2a14bd04] {
  text-align: left;
  max-width: 50%;
  padding: 0.75rem 1rem;
  background-color: #FDFBF7;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  order: 1;
  margin-bottom: 0.5rem;
  margin-left: 0;
  align-self: flex-start;
}
@media (max-width: 575.98px) {
.questionnaire-scale__label--min[data-v-2a14bd04] {
    max-width: 70%;
}
}
.questionnaire-scale__label--min[data-v-2a14bd04]::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 1rem;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #FDFBF7;
}
.questionnaire-scale__label--max[data-v-2a14bd04] {
  text-align: left;
  max-width: 50%;
  padding: 0.75rem 1rem;
  background-color: #FDFBF7;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  order: 3;
  margin-top: 0.5rem;
  margin-right: 0;
  align-self: flex-end;
}
@media (max-width: 575.98px) {
.questionnaire-scale__label--max[data-v-2a14bd04] {
    max-width: 70%;
}
}
.questionnaire-scale__label--max[data-v-2a14bd04]::before {
  content: "";
  position: absolute;
  top: -8px;
  right: 1rem;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #FDFBF7;
}
.questionnaire-scale__scale[data-v-2a14bd04] {
  position: relative;
  flex: 1;
  height: 60px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  min-width: 100%;
  order: 2;
  margin: 0.5rem 0;
  padding: 0;
}
.questionnaire-scale__numbers[data-v-2a14bd04] {
  position: absolute;
  display: flex;
  justify-content: space-between;
  z-index: 5;
  pointer-events: none;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  left: 0;
  padding: 0 0.5rem;
}
.questionnaire-scale__number[data-v-2a14bd04] {
  color: #364153;
  font-family: "Inter", sans-serif;
  color: #36465E;
  font-size: 11px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.questionnaire-scale__number[data-v-2a14bd04] {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.questionnaire-scale__number[data-v-2a14bd04] {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.questionnaire-scale__number[data-v-2a14bd04] {
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  min-width: 20px;
  transition: color 0.2s ease;
  pointer-events: auto;
  position: relative;
  z-index: 1;
}
.questionnaire-scale__number[data-v-2a14bd04]:hover {
  color: #5E6B7E;
}
.questionnaire-scale__number--selected[data-v-2a14bd04] {
  color: #36465E;
  font-weight: 400;
  z-index: 0;
}
.questionnaire-scale__track[data-v-2a14bd04] {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 25px;
  background-color: #B1BFCE;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.3s ease;
  border-radius: 15px;
  padding: 0 0.5rem;
  overflow: visible;
}
.questionnaire-scale__track--answered[data-v-2a14bd04] {
  background-color: #788FA9;
}
.questionnaire-scale__track-filled[data-v-2a14bd04] {
  display: none;
}
.questionnaire-scale__point[data-v-2a14bd04] {
  flex-shrink: 0;
  transition: background-color 0.3s ease;
  z-index: 1;
  width: 20px;
  height: 48px;
  border-radius: 0;
  margin: 0;
  background-color: transparent;
  position: relative;
  align-self: center;
  background: linear-gradient(to bottom, transparent 3px, #B1BFCE 3px, #B1BFCE 12px, transparent 12px, transparent 36px, #B1BFCE 36px, #B1BFCE 45px, transparent 45px) no-repeat center;
  background-size: 1px 100%;
}
.questionnaire-scale__point[data-v-2a14bd04]::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  border-top: 3px solid #B1BFCE;
}
.questionnaire-scale__point[data-v-2a14bd04]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  border-bottom: 3px solid #B1BFCE;
}
.questionnaire-scale__point--answered[data-v-2a14bd04] {
  background-color: transparent;
  background: linear-gradient(to bottom, transparent 3px, #788FA9 3px, #788FA9 12px, transparent 12px, transparent 36px, #788FA9 36px, #788FA9 45px, transparent 45px) no-repeat center;
  background-size: 1px 100%;
}
.questionnaire-scale__point--answered[data-v-2a14bd04]::before {
  border-top-color: #788FA9;
}
.questionnaire-scale__point--answered[data-v-2a14bd04]::after {
  border-bottom-color: #788FA9;
}
.questionnaire-scale__point--hidden[data-v-2a14bd04] {
  background: none;
}
.questionnaire-scale__point--hidden[data-v-2a14bd04]::before, .questionnaire-scale__point--hidden[data-v-2a14bd04]::after {
  display: none;
}
.questionnaire-scale__indicator[data-v-2a14bd04] {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
  transition: left 0.2s ease;
  cursor: grab;
  z-index: 10;
}
.questionnaire-scale__indicator[data-v-2a14bd04]:active {
  cursor: grabbing;
}
.questionnaire-scale__indicator--answered[data-v-2a14bd04] {
  pointer-events: auto;
}
.questionnaire-scale__indicator-circle[data-v-2a14bd04] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.questionnaire-scale__indicator-circle[data-v-2a14bd04] {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.questionnaire-scale__indicator-circle[data-v-2a14bd04] {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.questionnaire-scale__indicator-circle[data-v-2a14bd04] {
  margin-bottom: 0;
  transition: background-color 0.3s ease, color 0.3s ease;
  width: 27px;
  height: 48px;
  border-radius: 40px;
  border: 1px solid rgba(94, 107, 126, 0.9);
  background-color: rgba(177, 191, 206, 0.3);
  background-blend-mode: color-burn;
  color: rgba(54, 70, 94, 0.9);
  font-weight: 600;
  opacity: 1;
  backdrop-filter: blur(0.7px);
  -webkit-backdrop-filter: blur(4px);
  position: relative;
  z-index: 1;
}
.questionnaire-scale__indicator-circle[data-v-2a14bd04]::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 40px;
  padding: 1px;
  background: linear-gradient(145deg, #ffffff 0%, #e0e0e0 25%, #36465E 48%, #5E6B7E 52%, #d1d1d1 75%, #ffffff 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 2;
  box-shadow: inset 0 0 0 0.5px rgba(0, 0, 0, 0.6);
}
.questionnaire-scale__scale--answered .questionnaire-scale__indicator-circle[data-v-2a14bd04] {
  border: 1px solid rgba(94, 107, 126, 0.9);
  background-color: rgba(177, 191, 206, 0.3);
  background-blend-mode: color-burn;
  color: rgba(54, 70, 94, 0.9);
  font-weight: 600;
}
.questionnaire-scale__indicator-line[data-v-2a14bd04] {
  display: none;
}
.questionnaire-scale__indicator--answered .questionnaire-scale__indicator-line[data-v-2a14bd04] {
  background-color: #8095A8;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/question-types/QuestionnaireTitle.vue?vue&type=style&index=0&id=1ab69f12&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.questionnaire-title[data-v-1ab69f12] {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0 1rem;
}
.questionnaire-title__text[data-v-1ab69f12] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.questionnaire-title__text.semibold[data-v-1ab69f12] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.questionnaire-title__text.medium[data-v-1ab69f12] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.questionnaire-title__text.regular[data-v-1ab69f12] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.questionnaire-title__text[data-v-1ab69f12] {
  font-weight: 600;
  color: #36465E;
  margin: 0;
  padding: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/question-types/QuestionnaireText.vue?vue&type=style&index=0&id=136796e3&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.questionnaire-text[data-v-136796e3] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 1rem;
  background: #F7F2E8;
  border-radius: 16px;
}
.questionnaire-text__header[data-v-136796e3] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.questionnaire-text__question-counter[data-v-136796e3] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.3px;
  color: #5E6B7E;
  margin: 0;
}
.questionnaire-text__question[data-v-136796e3] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.questionnaire-text__question[data-v-136796e3] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.questionnaire-text__question[data-v-136796e3] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.questionnaire-text__question[data-v-136796e3] {
  color: #36465E;
}
.questionnaire-text__question[data-v-136796e3] span {
  color: #567394;
  font: inherit;
  letter-spacing: inherit;
}
.questionnaire-text__description[data-v-136796e3] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.questionnaire-text__description[data-v-136796e3] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.questionnaire-text__description[data-v-136796e3] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.questionnaire-text__description[data-v-136796e3] {
  color: #5E6B7E;
  white-space: pre-line;
  margin: 0;
}
.questionnaire-text__sub-description[data-v-136796e3] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.questionnaire-text__sub-description[data-v-136796e3] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.questionnaire-text__sub-description[data-v-136796e3] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.questionnaire-text__sub-description[data-v-136796e3] {
  color: #36465E;
  margin: 0;
}
.questionnaire-text__sub-description[data-v-136796e3] strong {
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.3px;
}
.questionnaire-text__textarea[data-v-136796e3] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.questionnaire-text__textarea[data-v-136796e3] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.questionnaire-text__textarea[data-v-136796e3] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.questionnaire-text__textarea[data-v-136796e3] {
  width: 100%;
  height: 119px;
  padding: 16px;
  border: none;
  border-radius: 16px;
  color: #36465E;
  resize: none;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
  background-color: #F2F4F6;
}
.questionnaire-text__textarea[data-v-136796e3]:not(:-moz-placeholder) {
  background-color: #FEFCFA;
}
.questionnaire-text__textarea[data-v-136796e3]:not(:placeholder-shown) {
  background-color: #FEFCFA;
}
.questionnaire-text__textarea[data-v-136796e3]:focus {
  outline: none;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}
.questionnaire-text__textarea[data-v-136796e3]::-moz-placeholder {
  color: #5E6B7E;
  opacity: 0.6;
}
.questionnaire-text__textarea[data-v-136796e3]::placeholder {
  color: #5E6B7E;
  opacity: 0.6;
}
.questionnaire-text__textarea[data-v-136796e3]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/question-types/QuestionnaireDetailedOptions.vue?vue&type=style&index=0&id=32e199f0&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.questionnaire-detailed-options[data-v-32e199f0] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.questionnaire-detailed-options__header[data-v-32e199f0] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: #F7F2E8;
  padding: 16px 1rem;
  border-radius: 16px;
}
.questionnaire-detailed-options__question-counter[data-v-32e199f0] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.3px;
  color: #5E6B7E;
  margin: 0;
}
.questionnaire-detailed-options__question[data-v-32e199f0] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.questionnaire-detailed-options__question[data-v-32e199f0] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.questionnaire-detailed-options__question[data-v-32e199f0] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.questionnaire-detailed-options__question[data-v-32e199f0] {
  color: #36465E;
  margin: 0;
}
.questionnaire-detailed-options__description[data-v-32e199f0], .questionnaire-detailed-options__sub-description[data-v-32e199f0] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.questionnaire-detailed-options__description[data-v-32e199f0], .questionnaire-detailed-options__sub-description[data-v-32e199f0] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.questionnaire-detailed-options__description[data-v-32e199f0], .questionnaire-detailed-options__sub-description[data-v-32e199f0] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.questionnaire-detailed-options__description[data-v-32e199f0], .questionnaire-detailed-options__sub-description[data-v-32e199f0] {
  color: #5E6B7E;
  margin: 0;
}
.questionnaire-detailed-options__list[data-v-32e199f0] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
  padding: 0;
  border-radius: 16px;
}
.questionnaire-detailed-options__card[data-v-32e199f0] {
  background-color: #F1EBDF;
  border-radius: 16px;
  padding: 16px;
  border: 0.5px solid #C1C6CD;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
  cursor: pointer;
}
.questionnaire-detailed-options__card[data-v-32e199f0]:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
  background-color: #36465E;
}
.questionnaire-detailed-options__card:hover .questionnaire-detailed-options__card-title[data-v-32e199f0] {
  color: #EBEDEF;
}
.questionnaire-detailed-options__card:hover .questionnaire-detailed-options__card-description[data-v-32e199f0] {
  color: #C1C6CD;
  opacity: 0.9;
}
.questionnaire-detailed-options__card[data-v-32e199f0]:active {
  transform: translateY(0);
}
.questionnaire-detailed-options__card--selected[data-v-32e199f0] {
  background-color: #36465E;
  border: 0.5px solid #C1C6CD;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.questionnaire-detailed-options__card--selected .questionnaire-detailed-options__card-title[data-v-32e199f0] {
  color: #EBEDEF;
}
.questionnaire-detailed-options__card--selected .questionnaire-detailed-options__card-description[data-v-32e199f0] {
  color: #C1C6CD;
  opacity: 0.9;
}
.questionnaire-detailed-options__card--selected[data-v-32e199f0]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
}
.questionnaire-detailed-options__card-content[data-v-32e199f0] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.questionnaire-detailed-options__card-title[data-v-32e199f0] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #567394;
  margin: 0;
}
.questionnaire-detailed-options__card-description[data-v-32e199f0] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.questionnaire-detailed-options__card-description[data-v-32e199f0] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.questionnaire-detailed-options__card-description[data-v-32e199f0] {
    font-size: 13px;
    line-height: 19px;
}
}
.questionnaire-detailed-options__card-description[data-v-32e199f0] {
  font-weight: 400;
}
.questionnaire-detailed-options__card-description.semibold[data-v-32e199f0] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.questionnaire-detailed-options__card-description.semibold[data-v-32e199f0] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.questionnaire-detailed-options__card-description.semibold[data-v-32e199f0] {
    font-size: 13px;
    line-height: 19px;
}
}
.questionnaire-detailed-options__card-description.semibold[data-v-32e199f0] {
  font-weight: 600;
}
.questionnaire-detailed-options__card-description.medium[data-v-32e199f0] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.questionnaire-detailed-options__card-description.medium[data-v-32e199f0] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.questionnaire-detailed-options__card-description.medium[data-v-32e199f0] {
    font-size: 13px;
    line-height: 19px;
}
}
.questionnaire-detailed-options__card-description.medium[data-v-32e199f0] {
  font-weight: 500;
}
.questionnaire-detailed-options__card-description.regular[data-v-32e199f0] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.questionnaire-detailed-options__card-description.regular[data-v-32e199f0] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.questionnaire-detailed-options__card-description.regular[data-v-32e199f0] {
    font-size: 13px;
    line-height: 19px;
}
}
.questionnaire-detailed-options__card-description.regular[data-v-32e199f0] {
  font-weight: 400;
}
.questionnaire-detailed-options__card-description[data-v-32e199f0] {
  color: #5E6B7E;
  margin: 0;
}
.questionnaire-detailed-options__card-textarea[data-v-32e199f0] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.questionnaire-detailed-options__card-textarea[data-v-32e199f0] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.questionnaire-detailed-options__card-textarea[data-v-32e199f0] {
    font-size: 13px;
    line-height: 19px;
}
}
.questionnaire-detailed-options__card-textarea[data-v-32e199f0] {
  font-weight: 400;
}
.questionnaire-detailed-options__card-textarea.semibold[data-v-32e199f0] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.questionnaire-detailed-options__card-textarea.semibold[data-v-32e199f0] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.questionnaire-detailed-options__card-textarea.semibold[data-v-32e199f0] {
    font-size: 13px;
    line-height: 19px;
}
}
.questionnaire-detailed-options__card-textarea.semibold[data-v-32e199f0] {
  font-weight: 600;
}
.questionnaire-detailed-options__card-textarea.medium[data-v-32e199f0] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.questionnaire-detailed-options__card-textarea.medium[data-v-32e199f0] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.questionnaire-detailed-options__card-textarea.medium[data-v-32e199f0] {
    font-size: 13px;
    line-height: 19px;
}
}
.questionnaire-detailed-options__card-textarea.medium[data-v-32e199f0] {
  font-weight: 500;
}
.questionnaire-detailed-options__card-textarea.regular[data-v-32e199f0] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.questionnaire-detailed-options__card-textarea.regular[data-v-32e199f0] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.questionnaire-detailed-options__card-textarea.regular[data-v-32e199f0] {
    font-size: 13px;
    line-height: 19px;
}
}
.questionnaire-detailed-options__card-textarea.regular[data-v-32e199f0] {
  font-weight: 400;
}
.questionnaire-detailed-options__card-textarea[data-v-32e199f0] {
  color: #6B6B6B;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  line-height: inherit;
  cursor: text;
}
.questionnaire-detailed-options__card-textarea[data-v-32e199f0]:focus {
  outline: none;
}
.questionnaire-detailed-options__card-textarea[data-v-32e199f0]::-moz-placeholder {
  color: #6B6B6B;
  opacity: 0.6;
}
.questionnaire-detailed-options__card-textarea[data-v-32e199f0]::placeholder {
  color: #6B6B6B;
  opacity: 0.6;
}
.questionnaire-detailed-options__card--selected .questionnaire-detailed-options__card-textarea[data-v-32e199f0] {
  color: #C1C6CD;
  opacity: 0.9;
}
.questionnaire-detailed-options__card--selected .questionnaire-detailed-options__card-textarea[data-v-32e199f0]::-moz-placeholder {
  color: #C1C6CD;
  opacity: 0.7;
}
.questionnaire-detailed-options__card--selected .questionnaire-detailed-options__card-textarea[data-v-32e199f0]::placeholder {
  color: #C1C6CD;
  opacity: 0.7;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ProfileModal.vue?vue&type=style&index=0&id=54add4b4&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.profile-modal[data-v-54add4b4] {
  gap: 16px;
  border-radius: 16px;
  border: 0.5px solid #D8DEE4;
  background: rgba(235, 237, 239, 0.949);
  backdrop-filter: blur(4px);
  padding: 24px;
  height: -moz-fit-content;
  height: fit-content;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  z-index: 1000;
}
.profile-modal__title[data-v-54add4b4] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.profile-modal__title[data-v-54add4b4] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.profile-modal__title[data-v-54add4b4] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.profile-modal__title[data-v-54add4b4] {
  color: #567394;
  margin: 0;
}
.profile-modal__user-info[data-v-54add4b4] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.profile-modal__name[data-v-54add4b4] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.3px;
  color: #36465E;
  margin: 0;
}
.profile-modal__email[data-v-54add4b4] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.25px;
  color: #788393;
  margin: 0;
  word-break: break-word;
}
.profile-modal__actions[data-v-54add4b4] {
  display: flex;
  flex-direction: column;
}
.profile-modal__header[data-v-54add4b4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 0.5px solid #C1C6CD;
}
.profile-modal__products-select[data-v-54add4b4] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.profile-modal__products-select[data-v-54add4b4] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.profile-modal__products-select[data-v-54add4b4] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.profile-modal__products-select[data-v-54add4b4] {
  color: #36465E;
  background: transparent;
  border: none;
  padding: 0;
  padding-right: 20px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%234F46E5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M6 8l4 4 4-4%27/%3e%3c/svg%3e");
  background-position: right 0 center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  width: -moz-fit-content;
  width: fit-content;
  text-align: left;
}
.profile-modal__products-select[data-v-54add4b4]:focus {
  outline: none;
}
.profile-modal__products-select[data-v-54add4b4]:hover {
  opacity: 0.8;
}
.profile-modal__products-select option[data-v-54add4b4] {
  background: rgba(235, 237, 239, 0.98);
  color: #36465E;
}
.profile-modal__logout-wrapper[data-v-54add4b4] {
  padding-top: 8px;
  padding-bottom: 8px;
  gap: 4px;
  border-radius: 8px;
}
.profile-modal__logout[data-v-54add4b4] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: #36465E;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  padding: 0;
}
.profile-modal__logout[data-v-54add4b4]:focus {
  outline: none;
  background: transparent;
}
.profile-modal__logout[data-v-54add4b4]:hover {
  opacity: 0.8;
  background: transparent;
}
.profile-modal__privacy-wrapper[data-v-54add4b4] {
  padding-top: 8px;
  padding-bottom: 8px;
  gap: 4px;
  border-radius: 8px;
}
.profile-modal__privacy[data-v-54add4b4] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.profile-modal__privacy[data-v-54add4b4] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.profile-modal__privacy[data-v-54add4b4] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.profile-modal__privacy[data-v-54add4b4] {
  color: #36465E;
  text-decoration: none;
  cursor: pointer;
}
.profile-modal__privacy[data-v-54add4b4]:hover {
  text-decoration: underline;
}
.profile-modal hr[data-v-54add4b4] {
  border: 0.5px solid #C1C6CD;
  margin: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/SideNav.vue?vue&type=style&index=0&id=5b9dec4c&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.side-nav-wrapper[data-v-5b9dec4c] {
  position: relative;
}
.side-nav__hamburger[data-v-5b9dec4c] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 22px;
  height: 22px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 1001;
  position: relative;
  transition: all 0.3s ease;
}
.side-nav__hamburger[data-v-5b9dec4c]:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(54, 70, 94, 0.2);
  border-radius: 4px;
}
.side-nav__hamburger--active .side-nav__hamburger-line[data-v-5b9dec4c]:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}
.side-nav__hamburger--active .side-nav__hamburger-line[data-v-5b9dec4c]:nth-child(2) {
  opacity: 0;
}
.side-nav__hamburger--active .side-nav__hamburger-line[data-v-5b9dec4c]:nth-child(3) {
  transform: rotate(-45deg) translate(8px, -8px);
}
.side-nav__hamburger-line[data-v-5b9dec4c] {
  width: 100%;
  height: 3px;
  background-color: #567394;
  border-radius: 2px;
  transition: all 0.3s ease;
  transform-origin: center;
}
.side-nav__overlay[data-v-5b9dec4c] {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 999 !important;
  backdrop-filter: blur(2px) !important;
}
.side-nav[data-v-5b9dec4c] {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 280px !important;
  height: 100vh !important;
  background: #FFFBF2 !important;
  backdrop-filter: blur(12px) !important;
  z-index: 1000 !important;
  padding: 16px 20px 16px !important;
  overflow-y: auto !important;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.0509803922) !important;
  border-radius: 0 16px 16px 0 !important;
  transform: translateX(0) !important;
}
.side-nav__close[data-v-5b9dec4c] {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  color: #364153 !important;
  transition: all 0.2s ease !important;
  border-radius: 4px !important;
  z-index: 1001 !important;
}
.side-nav__close[data-v-5b9dec4c]:hover {
  background: rgba(235, 237, 239, 0.8) !important;
  color: #36465E !important;
}
.side-nav__close[data-v-5b9dec4c]:focus {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(54, 70, 94, 0.2) !important;
}
.side-nav__close svg[data-v-5b9dec4c] {
  width: 20px !important;
  height: 20px !important;
}
.side-nav__list[data-v-5b9dec4c] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 4rem;
}
.side-nav__item[data-v-5b9dec4c] {
  width: 100%;
}
.side-nav__item--active .side-nav__link[data-v-5b9dec4c] {
  background: rgba(0, 0, 0, 0.08);
  color: #364153;
  font-weight: 600;
}
.side-nav__link[data-v-5b9dec4c] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.side-nav__link[data-v-5b9dec4c] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
@media (max-width: 575.98px) {
.side-nav__link[data-v-5b9dec4c] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
}
}
.side-nav__link[data-v-5b9dec4c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: #364153;
  text-decoration: none;
  transition: all 0.2s ease;
  cursor: pointer;
  width: 100%;
}
.side-nav__link[data-v-5b9dec4c]:hover {
  background: rgba(0, 0, 0, 0.04);
  color: #364153;
}
.side-nav__link[data-v-5b9dec4c]:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(54, 70, 94, 0.2);
}
@media (max-width: 991.98px) {
.side-nav__link[data-v-5b9dec4c] {
    padding: 10px 14px;
}
}
@media (max-width: 575.98px) {
.side-nav__link[data-v-5b9dec4c] {
    padding: 10px 12px;
}
}
.side-nav__link--parent[data-v-5b9dec4c] {
  cursor: pointer;
}
.side-nav__link-content[data-v-5b9dec4c] {
  flex: 1;
  text-decoration: none;
  color: inherit;
}
.side-nav__toggle[data-v-5b9dec4c] {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  transition: all 0.2s ease;
  margin-left: 8px;
}
.side-nav__toggle[data-v-5b9dec4c]:hover {
  background: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
.side-nav__toggle[data-v-5b9dec4c]:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(54, 70, 94, 0.2);
  border-radius: 4px;
}
.side-nav__chevron[data-v-5b9dec4c] {
  transition: transform 0.2s ease;
  flex-shrink: 0;
  margin-left: 8px;
}
.side-nav__chevron--expanded[data-v-5b9dec4c] {
  transform: rotate(180deg);
}
.side-nav__text[data-v-5b9dec4c] {
  width: 100%;
  text-align: left;
}
.side-nav__sublist[data-v-5b9dec4c] {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 16px;
  margin-top: 4px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  overflow: hidden;
}
.side-nav__item--parent[data-v-5b9dec4c] {
  margin-bottom: 4px;
}
.side-nav__item--child[data-v-5b9dec4c] {
  margin-left: 0;
}
.side-nav__link--parent[data-v-5b9dec4c] {
  font-weight: 600;
}
.side-nav__link--child[data-v-5b9dec4c] {
  padding-left: 24px;
  font-weight: 400;
  font-size: 13px;
}
.fade-enter-active[data-v-5b9dec4c],
.fade-leave-active[data-v-5b9dec4c] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-5b9dec4c],
.fade-leave-to[data-v-5b9dec4c] {
  opacity: 0;
}
.slide-enter-active[data-v-5b9dec4c],
.slide-leave-active[data-v-5b9dec4c] {
  transition: transform 0.3s ease !important;
}
.slide-enter-from[data-v-5b9dec4c] {
  transform: translateX(-100%) !important;
}
.slide-leave-to[data-v-5b9dec4c] {
  transform: translateX(-100%) !important;
}
.slide-enter-to[data-v-5b9dec4c],
.slide-leave-from[data-v-5b9dec4c] {
  transform: translateX(0) !important;
}
.submenu-enter-active[data-v-5b9dec4c] {
  transition: all 0.3s ease;
  max-height: 500px;
}
.submenu-leave-active[data-v-5b9dec4c] {
  transition: all 0.3s ease;
  max-height: 500px;
}
.submenu-enter-from[data-v-5b9dec4c] {
  opacity: 0;
  max-height: 0;
  transform: translateY(-10px);
}
.submenu-leave-to[data-v-5b9dec4c] {
  opacity: 0;
  max-height: 0;
  transform: translateY(-10px);
}
.submenu-enter-to[data-v-5b9dec4c],
.submenu-leave-from[data-v-5b9dec4c] {
  opacity: 1;
  max-height: 500px;
  transform: translateY(0);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/AppHeader.vue?vue&type=style&index=0&id=bb50a5e4&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.header[data-v-bb50a5e4] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 24px;
  border-radius: 16px;
  border: 0.5px solid #D8DEE4;
  background: rgba(235, 237, 239, 0.8);
  backdrop-filter: blur(12px);
  flex-shrink: 0;
  gap: 1rem;
  position: relative;
  z-index: 100;
  margin-block: 0.8rem;
  margin: 0.8rem auto;
  min-width: calc(min(100%, 1700px) - 12%);
}
.header--full-width[data-v-bb50a5e4] {
  width: 100%;
}
.header--fixed[data-v-bb50a5e4] {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(min(100%, 1700px) - 12%);
}
@media (max-width: 991.98px) {
.header--fixed[data-v-bb50a5e4] {
    width: min(100% - 4rem, 1700px) !important;
}
}
@media (max-width: 575.98px) {
.header--fixed[data-v-bb50a5e4] {
    width: calc(100% - 1.6rem) !important;
}
}
@media (max-width: 991.98px) {
.header[data-v-bb50a5e4] {
    border-radius: 8px;
    top: 0;
    padding: 16px;
}
}
@media (max-width: 575.98px) {
.header[data-v-bb50a5e4] {
    margin: 0.8rem 0;
}
}
.header__logo[data-v-bb50a5e4] {
  width: 102px;
  height: auto;
  display: block;
  flex-shrink: 0;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.header__logo[data-v-bb50a5e4]:hover {
  opacity: 0.9;
}
@media (max-width: 991.98px) {
.header__logo[data-v-bb50a5e4] {
    width: 72px;
    margin-block: 3px;
}
}
@media (max-width: 575.98px) {
.header__logo[data-v-bb50a5e4] {
    width: 72px;
}
}
.header__avatar[data-v-bb50a5e4] {
  width: 40px;
  aspect-ratio: 38.65/35;
  border-radius: 30%;
  background-color: lightgray;
  background-position: 50% -10%;
  background-size: cover;
  background-repeat: no-repeat;
  flex-shrink: 0;
  position: absolute;
  right: 1.25rem;
}
.header__avatar[data-v-bb50a5e4]:hover {
  cursor: pointer;
}
@media (max-width: 991.98px) {
.header__avatar[data-v-bb50a5e4] {
    width: 36px;
    right: 1rem;
}
}
@media (max-width: 575.98px) {
.header__avatar[data-v-bb50a5e4] {
    width: 32px;
    right: 1rem;
}
}
.header__profile-modal[data-v-bb50a5e4] {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 362px;
}
@media (max-width: 991.98px) {
.header__profile-modal[data-v-bb50a5e4] {
    right: 0;
    width: 357px;
}
}
@media (max-width: 575.98px) {
.header__profile-modal[data-v-bb50a5e4] {
    right: 0;
    left: 0;
    width: 100%;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/scheduling/views/QuesstionairePreSession/QuestionnairePreSession.vue?vue&type=style&index=0&id=65dfd4e2&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.questionnaire-pre-session__container[data-v-65dfd4e2] {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 991.98px) {
.questionnaire-pre-session__container[data-v-65dfd4e2] {
    height: 100dvh;
    overflow: hidden;
}
}
@media (min-width: 991.98px) {
.questionnaire-pre-session__container[data-v-65dfd4e2] {
    height: 100dvh;
    overflow: hidden;
}
}
.questionnaire-pre-session__fixed-header[data-v-65dfd4e2] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  background: #FFFBF2;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-top: 0;
}
@media (max-width: 575.98px) {
.questionnaire-pre-session__fixed-header[data-v-65dfd4e2] {
    position: fixed !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}
}
@media (max-width: 575.98px) {
.questionnaire-pre-session__fixed-header[data-v-65dfd4e2] .header {
    width: 100% !important;
    min-width: 100% !important;
}
}
@media (max-width: 991.98px) {
.questionnaire-pre-session__fixed-header[data-v-65dfd4e2] {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}
}
@media (min-width: 991.98px) {
.questionnaire-pre-session__fixed-header[data-v-65dfd4e2] {
    display: flex;
    flex-direction: column;
    background: transparent;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}
}
.questionnaire-pre-session__fixed-header .questionnaire-pre-session[data-v-65dfd4e2] {
  margin-bottom: 0;
}
.questionnaire-pre-session__fixed-header-content[data-v-65dfd4e2] {
  margin: 0 auto;
  gap: 16px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 991.98px) {
.questionnaire-pre-session__fixed-header-content[data-v-65dfd4e2] {
    max-width: 550px;
}
}
@media (min-width: 991.98px) {
.questionnaire-pre-session__fixed-header-content[data-v-65dfd4e2] {
    max-width: 550px;
}
}
.questionnaire-pre-session__info-row[data-v-65dfd4e2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}
.questionnaire-pre-session__info-banner[data-v-65dfd4e2] {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  background: #788FA9;
  margin: 0;
}
.questionnaire-pre-session__info-text[data-v-65dfd4e2] {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.3px;
  color: #EEF1F4;
  margin: 0;
}
.questionnaire-pre-session__header-icons[data-v-65dfd4e2] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.questionnaire-pre-session__lock-icon-wrapper[data-v-65dfd4e2] {
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: opacity 0.2s;
}
.questionnaire-pre-session__lock-icon-wrapper[data-v-65dfd4e2]:hover {
  opacity: 0.7;
}
.questionnaire-pre-session__help-icon-wrapper[data-v-65dfd4e2] {
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: opacity 0.2s;
}
.questionnaire-pre-session__help-icon-wrapper[data-v-65dfd4e2]:hover {
  opacity: 0.7;
}
.questionnaire-pre-session__content[data-v-65dfd4e2] {
  padding-bottom: 0;
  width: 100%;
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media (max-width: 991.98px) {
.questionnaire-pre-session__content[data-v-65dfd4e2] {
    height: 100%;
    padding-top: 0;
    overflow-y: auto;
    overflow-x: hidden;
}
}
@media (min-width: 991.98px) {
.questionnaire-pre-session__content[data-v-65dfd4e2] {
    height: 100%;
    padding-top: 0;
    overflow-y: auto;
    overflow-x: hidden;
}
}
.questionnaire-pre-session__gradient-overlay[data-v-65dfd4e2] {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  height: 58px;
  background: linear-gradient(180deg, rgba(249, 245, 222, 0) 0%, #F9F5DE 100%);
  pointer-events: none;
  z-index: 10;
  margin-top: -58px;
  max-width: 550px;
  margin: 0 auto;
  opacity: 1;
  transition: opacity 0.3s ease;
}
@media (max-width: 575.98px) {
.questionnaire-pre-session__gradient-overlay[data-v-65dfd4e2] {
    display: none;
}
}
.questionnaire-pre-session__gradient-overlay--hidden[data-v-65dfd4e2] {
  opacity: 0;
}
.questionnaire-pre-session[data-v-65dfd4e2] {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  background: #F7F2E8;
  border-radius: 16px;
  opacity: 1;
  gap: 16px;
  padding: 16px;
  margin-bottom: 1rem;
}
.questionnaire-pre-session__header[data-v-65dfd4e2] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.questionnaire-pre-session__subtitle[data-v-65dfd4e2] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.questionnaire-pre-session__subtitle.semibold[data-v-65dfd4e2] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.questionnaire-pre-session__subtitle.medium[data-v-65dfd4e2] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.questionnaire-pre-session__subtitle.regular[data-v-65dfd4e2] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.questionnaire-pre-session__subtitle[data-v-65dfd4e2] {
  font-weight: 500;
  color: #36465E;
  margin: 0;
}
.questionnaire-pre-session__loading[data-v-65dfd4e2] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  min-height: 300px;
}
.questionnaire-pre-session__error[data-v-65dfd4e2], .questionnaire-pre-session__empty[data-v-65dfd4e2] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.questionnaire-pre-session__error[data-v-65dfd4e2], .questionnaire-pre-session__empty[data-v-65dfd4e2] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.questionnaire-pre-session__error[data-v-65dfd4e2], .questionnaire-pre-session__empty[data-v-65dfd4e2] {
    font-size: 14px;
    line-height: 22px;
}
}
.questionnaire-pre-session__error[data-v-65dfd4e2], .questionnaire-pre-session__empty[data-v-65dfd4e2] {
  font-weight: 400;
}
.questionnaire-pre-session__error.semibold[data-v-65dfd4e2], .questionnaire-pre-session__empty.semibold[data-v-65dfd4e2] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.questionnaire-pre-session__error.semibold[data-v-65dfd4e2], .questionnaire-pre-session__empty.semibold[data-v-65dfd4e2] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.questionnaire-pre-session__error.semibold[data-v-65dfd4e2], .questionnaire-pre-session__empty.semibold[data-v-65dfd4e2] {
    font-size: 14px;
    line-height: 22px;
}
}
.questionnaire-pre-session__error.semibold[data-v-65dfd4e2], .questionnaire-pre-session__empty.semibold[data-v-65dfd4e2] {
  font-weight: 600;
}
.questionnaire-pre-session__error.medium[data-v-65dfd4e2], .questionnaire-pre-session__empty.medium[data-v-65dfd4e2] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.questionnaire-pre-session__error.medium[data-v-65dfd4e2], .questionnaire-pre-session__empty.medium[data-v-65dfd4e2] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.questionnaire-pre-session__error.medium[data-v-65dfd4e2], .questionnaire-pre-session__empty.medium[data-v-65dfd4e2] {
    font-size: 14px;
    line-height: 22px;
}
}
.questionnaire-pre-session__error.medium[data-v-65dfd4e2], .questionnaire-pre-session__empty.medium[data-v-65dfd4e2] {
  font-weight: 500;
}
.questionnaire-pre-session__error.regular[data-v-65dfd4e2], .questionnaire-pre-session__empty.regular[data-v-65dfd4e2] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.questionnaire-pre-session__error.regular[data-v-65dfd4e2], .questionnaire-pre-session__empty.regular[data-v-65dfd4e2] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.questionnaire-pre-session__error.regular[data-v-65dfd4e2], .questionnaire-pre-session__empty.regular[data-v-65dfd4e2] {
    font-size: 14px;
    line-height: 22px;
}
}
.questionnaire-pre-session__error.regular[data-v-65dfd4e2], .questionnaire-pre-session__empty.regular[data-v-65dfd4e2] {
  font-weight: 400;
}
.questionnaire-pre-session__error[data-v-65dfd4e2], .questionnaire-pre-session__empty[data-v-65dfd4e2] {
  text-align: center;
  padding: 3rem 1rem;
  color: #6B6B6B;
}
.questionnaire-pre-session__error[data-v-65dfd4e2] {
  color: #F12B2E;
}
.questionnaire-pre-session__questions-container[data-v-65dfd4e2] {
  gap: 16px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991.98px) {
.questionnaire-pre-session__questions-container[data-v-65dfd4e2] {
    max-width: 550px;
    margin: 0 auto;
}
}
@media (min-width: 991.98px) {
.questionnaire-pre-session__questions-container[data-v-65dfd4e2] {
    max-width: 550px;
    margin: 0 auto;
}
}
.questionnaire-pre-session__question[data-v-65dfd4e2] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  scroll-margin-top: 250px;
}
.questionnaire-pre-session__question--last[data-v-65dfd4e2] {
  margin-bottom: 0;
}
.questionnaire-pre-session__actions[data-v-65dfd4e2] {
  display: flex;
  justify-content: flex-end;
  margin-top: 0;
  margin-bottom: 2rem;
}
@media (max-width: 991.98px) {
.questionnaire-pre-session__actions[data-v-65dfd4e2] {
    margin-bottom: 2rem;
}
}
@media (min-width: 991.98px) {
.questionnaire-pre-session__actions[data-v-65dfd4e2] {
    margin-bottom: 2rem;
}
}
@media (max-width: 575.98px) {
.questionnaire-pre-session__actions[data-v-65dfd4e2] {
    margin-bottom: 1.5rem;
    justify-content: stretch;
}
}
@media (max-width: 575.98px) {
.questionnaire-pre-session__actions .form-btn[data-v-65dfd4e2] {
    width: 100%;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/scheduling/views/QuesstionaireostSession/QuestionnairePostSession.vue?vue&type=style&index=0&id=1a177df7&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.questionnaire-post-session__container[data-v-1a177df7] {
  margin: 0 auto;
}
@media (max-width: 991.98px) {
.questionnaire-post-session__container[data-v-1a177df7] {
    height: 100dvh;
    overflow: hidden;
}
}
@media (min-width: 991.98px) {
.questionnaire-post-session__container[data-v-1a177df7] {
    height: 100dvh;
    overflow: hidden;
}
}
.questionnaire-post-session__fixed-header[data-v-1a177df7] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  gap: 16px;
  padding: 0 16px 16px;
  background: #FFFBF2;
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 575.98px) {
.questionnaire-post-session__fixed-header[data-v-1a177df7] {
    position: fixed !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}
}
@media (max-width: 575.98px) {
.questionnaire-post-session__fixed-header[data-v-1a177df7] .header {
    width: 100% !important;
    min-width: 100% !important;
}
}
@media (max-width: 991.98px) {
.questionnaire-post-session__fixed-header[data-v-1a177df7] {
    position: relative;
    padding-left: 0;
    padding-right: 0;
}
}
@media (min-width: 991.98px) {
.questionnaire-post-session__fixed-header[data-v-1a177df7] {
    background: transparent;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}
}
.questionnaire-post-session__fixed-header .questionnaire-post-session[data-v-1a177df7] {
  margin-bottom: 0;
}
.questionnaire-post-session__fixed-header-content[data-v-1a177df7] {
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 991.98px) {
.questionnaire-post-session__fixed-header-content[data-v-1a177df7] {
    max-width: 550px;
}
}
@media (min-width: 991.98px) {
.questionnaire-post-session__fixed-header-content[data-v-1a177df7] {
    max-width: 550px;
}
}
.questionnaire-post-session__title-row[data-v-1a177df7] {
  width: 100%;
  gap: 16px;
}
.questionnaire-post-session__title-container[data-v-1a177df7] {
  flex: 1;
}
.questionnaire-post-session__title-container .questionnaire-post-session__title[data-v-1a177df7] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.questionnaire-post-session__title-container .questionnaire-post-session__title.semibold[data-v-1a177df7] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.questionnaire-post-session__title-container .questionnaire-post-session__title.medium[data-v-1a177df7] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.questionnaire-post-session__title-container .questionnaire-post-session__title.regular[data-v-1a177df7] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.questionnaire-post-session__title-container .questionnaire-post-session__title[data-v-1a177df7] {
  font-weight: 500;
  color: #567394;
}
.questionnaire-post-session__header-icons[data-v-1a177df7] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
.questionnaire-post-session__lock-icon-wrapper[data-v-1a177df7] {
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: opacity 0.2s;
}
.questionnaire-post-session__lock-icon-wrapper[data-v-1a177df7]:hover {
  opacity: 0.7;
}
.questionnaire-post-session__help-icon-wrapper[data-v-1a177df7] {
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: opacity 0.2s;
}
.questionnaire-post-session__help-icon-wrapper[data-v-1a177df7]:hover {
  opacity: 0.7;
}
.questionnaire-post-session__content[data-v-1a177df7] {
  padding-bottom: 0;
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 991.98px) {
.questionnaire-post-session__content[data-v-1a177df7] {
    height: 100%;
    padding-top: 0;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 550px;
}
}
@media (min-width: 991.98px) {
.questionnaire-post-session__content[data-v-1a177df7] {
    height: 100%;
    padding-top: 0;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 550px;
}
}
.questionnaire-post-session__gradient-overlay[data-v-1a177df7] {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  height: 58px;
  background: linear-gradient(180deg, rgba(249, 245, 222, 0) 0%, #F9F5DE 100%);
  pointer-events: none;
  z-index: 10;
  margin: -58px auto 0;
  max-width: 550px;
  opacity: 1;
  transition: opacity 0.3s ease;
}
@media (max-width: 575.98px) {
.questionnaire-post-session__gradient-overlay[data-v-1a177df7] {
    display: none;
}
}
.questionnaire-post-session__gradient-overlay--hidden[data-v-1a177df7] {
  opacity: 0;
}
.questionnaire-post-session[data-v-1a177df7] {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  background: #F7F2E8;
  border-radius: 16px;
  opacity: 1;
  gap: 16px;
  padding: 16px;
  margin-bottom: 1rem;
}
@media (max-width: 991.98px) {
.questionnaire-post-session[data-v-1a177df7] {
    max-width: 550px;
}
}
@media (min-width: 991.98px) {
.questionnaire-post-session[data-v-1a177df7] {
    max-width: 550px;
}
}
.questionnaire-post-session__subtitle[data-v-1a177df7] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
.questionnaire-post-session__subtitle.semibold[data-v-1a177df7] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 600;
}
.questionnaire-post-session__subtitle.medium[data-v-1a177df7] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 500;
}
.questionnaire-post-session__subtitle.regular[data-v-1a177df7] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
.questionnaire-post-session__subtitle[data-v-1a177df7] {
  font-weight: 400;
  color: #36465E;
}
.questionnaire-post-session__loading[data-v-1a177df7], .questionnaire-post-session__error[data-v-1a177df7], .questionnaire-post-session__empty[data-v-1a177df7] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.questionnaire-post-session__loading[data-v-1a177df7], .questionnaire-post-session__error[data-v-1a177df7], .questionnaire-post-session__empty[data-v-1a177df7] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.questionnaire-post-session__loading[data-v-1a177df7], .questionnaire-post-session__error[data-v-1a177df7], .questionnaire-post-session__empty[data-v-1a177df7] {
    font-size: 14px;
    line-height: 22px;
}
}
.questionnaire-post-session__loading[data-v-1a177df7], .questionnaire-post-session__error[data-v-1a177df7], .questionnaire-post-session__empty[data-v-1a177df7] {
  font-weight: 400;
}
.questionnaire-post-session__loading.semibold[data-v-1a177df7], .questionnaire-post-session__error.semibold[data-v-1a177df7], .questionnaire-post-session__empty.semibold[data-v-1a177df7] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.questionnaire-post-session__loading.semibold[data-v-1a177df7], .questionnaire-post-session__error.semibold[data-v-1a177df7], .questionnaire-post-session__empty.semibold[data-v-1a177df7] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.questionnaire-post-session__loading.semibold[data-v-1a177df7], .questionnaire-post-session__error.semibold[data-v-1a177df7], .questionnaire-post-session__empty.semibold[data-v-1a177df7] {
    font-size: 14px;
    line-height: 22px;
}
}
.questionnaire-post-session__loading.semibold[data-v-1a177df7], .questionnaire-post-session__error.semibold[data-v-1a177df7], .questionnaire-post-session__empty.semibold[data-v-1a177df7] {
  font-weight: 600;
}
.questionnaire-post-session__loading.medium[data-v-1a177df7], .questionnaire-post-session__error.medium[data-v-1a177df7], .questionnaire-post-session__empty.medium[data-v-1a177df7] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.questionnaire-post-session__loading.medium[data-v-1a177df7], .questionnaire-post-session__error.medium[data-v-1a177df7], .questionnaire-post-session__empty.medium[data-v-1a177df7] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.questionnaire-post-session__loading.medium[data-v-1a177df7], .questionnaire-post-session__error.medium[data-v-1a177df7], .questionnaire-post-session__empty.medium[data-v-1a177df7] {
    font-size: 14px;
    line-height: 22px;
}
}
.questionnaire-post-session__loading.medium[data-v-1a177df7], .questionnaire-post-session__error.medium[data-v-1a177df7], .questionnaire-post-session__empty.medium[data-v-1a177df7] {
  font-weight: 500;
}
.questionnaire-post-session__loading.regular[data-v-1a177df7], .questionnaire-post-session__error.regular[data-v-1a177df7], .questionnaire-post-session__empty.regular[data-v-1a177df7] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.questionnaire-post-session__loading.regular[data-v-1a177df7], .questionnaire-post-session__error.regular[data-v-1a177df7], .questionnaire-post-session__empty.regular[data-v-1a177df7] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.questionnaire-post-session__loading.regular[data-v-1a177df7], .questionnaire-post-session__error.regular[data-v-1a177df7], .questionnaire-post-session__empty.regular[data-v-1a177df7] {
    font-size: 14px;
    line-height: 22px;
}
}
.questionnaire-post-session__loading.regular[data-v-1a177df7], .questionnaire-post-session__error.regular[data-v-1a177df7], .questionnaire-post-session__empty.regular[data-v-1a177df7] {
  font-weight: 400;
}
.questionnaire-post-session__loading[data-v-1a177df7], .questionnaire-post-session__error[data-v-1a177df7], .questionnaire-post-session__empty[data-v-1a177df7] {
  text-align: center;
  padding: 3rem 1rem;
  color: #6B6B6B;
}
.questionnaire-post-session__error[data-v-1a177df7] {
  color: #F12B2E;
}
.questionnaire-post-session__questions-container[data-v-1a177df7] {
  gap: 16px;
}
@media (max-width: 991.98px) {
.questionnaire-post-session__questions-container[data-v-1a177df7] {
    max-width: 550px;
    margin: 0 auto;
}
}
@media (min-width: 991.98px) {
.questionnaire-post-session__questions-container[data-v-1a177df7] {
    max-width: 550px;
    margin: 0 auto;
}
}
.questionnaire-post-session__question[data-v-1a177df7] {
  gap: 1rem;
  scroll-margin-top: 250px;
  border-radius: 16px;
}
.questionnaire-post-session__question--last[data-v-1a177df7] {
  margin-bottom: 0;
}
.questionnaire-post-session__actions[data-v-1a177df7] {
  margin-top: 0;
  margin-bottom: 2rem;
}
@media (max-width: 991.98px) {
.questionnaire-post-session__actions[data-v-1a177df7] {
    margin-bottom: 2rem;
}
}
@media (max-width: 575.98px) {
.questionnaire-post-session__actions[data-v-1a177df7] {
    margin-bottom: 1.5rem;
}
}
@media (max-width: 575.98px) {
.questionnaire-post-session__buttons-container[data-v-1a177df7] {
    flex-direction: column;
    gap: 8px;
}
}
@media (max-width: 991.98px) {
.questionnaire-post-session__buttons-container[data-v-1a177df7] {
    justify-content: flex-end;
}
}
@media (min-width: 991.98px) {
.questionnaire-post-session__buttons-container[data-v-1a177df7] {
    justify-content: flex-end;
}
}
@media (max-width: 575.98px) {
.questionnaire-post-session__buttons-container .form-btn[data-v-1a177df7] {
    width: 100%;
}
}
@media (max-width: 991.98px) {
.questionnaire-post-session__buttons-container .form-btn--secondary[data-v-1a177df7] {
    min-width: auto;
}
}
@media (min-width: 991.98px) {
.questionnaire-post-session__buttons-container .form-btn--secondary[data-v-1a177df7] {
    min-width: auto;
}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/life-line/views/LifeLine.vue?vue&type=style&index=0&id=2e72fcbc&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.life-line-view[data-v-2e72fcbc] {
  padding-bottom: 2rem;
}
.title[data-v-2e72fcbc],
.subtitle[data-v-2e72fcbc] {
  font-size: 24px;
  font-family: Inter, sans-serif;
  color: #364153;
  font-weight: 400;
  margin: 0;
}
.subtitle[data-v-2e72fcbc] {
  font-size: 28px;
}
.life-line-card-container[data-v-2e72fcbc] {
  width: 100%;
  height: auto;
  padding: 5px 0;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  justify-items: flex-start;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
}
.life-line-card[data-v-2e72fcbc] {
  width: 275px;
  height: auto;
  padding: 12px;
  background-color: #FFFFFF;
  border-radius: 8px;
  margin: 0 auto;
  scroll-snap-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all ease 250ms;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
  min-height: 260px;
  margin-bottom: 15px;
  border: 1px solid #D1D1D1;
}
.life-line-card[data-v-2e72fcbc]:hover {
  transform: translateY(-2px);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
}
.life-line-card__title[data-v-2e72fcbc] {
  font-size: 15px;
  font-family: Inter, sans-serif;
  color: #36465E;
  font-weight: 500;
  margin: 0;
}
.life-line-card__title img[data-v-2e72fcbc] {
  display: inline-block;
  height: 15px;
  width: auto;
  margin-left: 3px;
  vertical-align: text-top;
}
.life-line-card__tag[data-v-2e72fcbc] {
  font-size: 10px;
  text-transform: uppercase;
  color: #36465E;
  background-color: #FFE198;
  margin-right: 5px;
  padding: 2px 4px;
  border-radius: 5px;
  line-height: 1;
  font-family: Inter, sans-serif;
  display: inline-block;
}
.life-line-card__text[data-v-2e72fcbc],
.life-line-detail__text[data-v-2e72fcbc] {
  font-size: 13px;
  font-family: Inter, sans-serif;
  color: #567393;
  line-height: 1.3;
}
.life-line-detail__text[data-v-2e72fcbc] {
  font-family: Inter, sans-serif;
  font-size: 13px;
}
.life-line-detail[data-v-2e72fcbc] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  margin-bottom: 8px;
  color: #567393;
}
a.life-line-detail[data-v-2e72fcbc] {
  text-decoration: underline;
  text-decoration-color: #0d6efd;
}
.life-line-detail img[data-v-2e72fcbc] {
  display: inline-block;
  height: 20px;
  width: auto;
}
.life-line-card__contact-wrapper[data-v-2e72fcbc] {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 1rem;
}
.life-line-card__contact[data-v-2e72fcbc] {
  display: inline-block;
  margin: 0;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
  color: #567393;
  font-family: Inter, sans-serif;
}
.life-line-card__contact div[data-v-2e72fcbc] {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 5px;
  border-radius: 50px;
  background-color: #FFE198;
  transition: all ease 0.2s;
}
.life-line-card__contact div > img[data-v-2e72fcbc] {
  display: inline-block;
  height: 20px;
  width: auto;
}
.femsa-card .life-line-card__title[data-v-2e72fcbc] {
  color: #762D35;
  line-height: 15px;
  margin-top: 10px;
  display: inline-block;
  margin-left: 5px;
}
.femsa-card .logo-business[data-v-2e72fcbc] {
  height: 15px;
  width: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
}
.life-line-location[data-v-2e72fcbc] {
  display: flex;
  align-items: center;
  vertical-align: middle;
  gap: 5px;
}
.femsa-card .life-line-location[data-v-2e72fcbc] {
  margin: 5px 0 7px 0;
}
.femsa-card .life-line-location img[data-v-2e72fcbc] {
  height: 15px;
}
.femsa-card .life-line-location .life-line-card__text[data-v-2e72fcbc] {
  margin-bottom: 0;
  color: black;
  font-weight: 500;
  font-size: 14px;
  margin: 5px 0 5px 0;
}
.femsa-card .life-line-card__text[data-v-2e72fcbc] {
  color: #6A6A6A;
  font-size: 14px;
}
.femsa-card[data-v-2e72fcbc] {
  border: 1px solid #762D35;
}
.femsa-card .life-line-detail .life-line-detail__text[data-v-2e72fcbc] {
  margin: 0;
  color: #6A6A6A;
  font-size: 12px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.life-line-card__type[data-v-2e72fcbc] {
  color: #36465E;
  font-size: 21px;
  font-family: Inter, sans-serif;
  margin-bottom: 10px;
  font-weight: 500;
}
.life-line-card__type .red-text[data-v-2e72fcbc] {
  background-color: #762D35;
  color: white;
  padding: 5px;
  border-radius: 10px;
}
.mb-2[data-v-2e72fcbc] {
  margin-bottom: 0.5rem !important;
}
.m-0[data-v-2e72fcbc] {
  margin: 0 !important;
}
.text-uppercase[data-v-2e72fcbc] {
  text-transform: uppercase !important;
}

/* Media queries */
@media (max-width: 991.98px) {
.life-line-card-container[data-v-2e72fcbc] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row;
    gap: 15px;
    overflow-x: visible;
    scroll-snap-type: none;
    height: auto;
    padding: 0 16px;
}
.life-line-card[data-v-2e72fcbc] {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    display: flex;
}
.title[data-v-2e72fcbc],
  .subtitle[data-v-2e72fcbc],
  .life-line-card__type[data-v-2e72fcbc] {
    padding-left: 20px;
    padding-right: 16px;
}
}
@media (max-width: 575.98px) {
.life-line-card-container[data-v-2e72fcbc] {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.life-line-card[data-v-2e72fcbc] {
    margin-bottom: 20px;
}
}
@media (min-width: 991.98px) {
.life-line-card[data-v-2e72fcbc] {
    scroll-snap-align: start;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Jtable/Header.vue?vue&type=style&index=0&id=aa652d10&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.d-flex[data-v-aa652d10] {
  gap: 1rem;
}
@media (max-width: 991.98px) {
.d-flex[data-v-aa652d10] {
    gap: 0.75rem;
}
}
@media (max-width: 575.98px) {
.d-flex[data-v-aa652d10] {
    gap: 0.5rem;
    flex-direction: column;
}
}
.row[data-v-aa652d10] {
  margin: 0;
  gap: 0.75rem;
  background: transparent !important;
}
@media (max-width: 575.98px) {
.row[data-v-aa652d10] {
    gap: 0.5rem;
}
}
.col-auto[data-v-aa652d10] {
  padding: 0;
  display: flex;
  align-items: center;
}
.col-form-label[data-v-aa652d10] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.col-form-label.semibold[data-v-aa652d10] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.col-form-label.medium[data-v-aa652d10] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.col-form-label.regular[data-v-aa652d10] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.col-form-label[data-v-aa652d10] {
  color: #364153;
  font-weight: 500;
  margin: 0;
  white-space: nowrap;
}
@media (max-width: 991.98px) {
.col-form-label[data-v-aa652d10] {
    font-size: 13px;
}
}
@media (max-width: 575.98px) {
.col-form-label[data-v-aa652d10] {
    font-size: 12px;
}
}
.form-select[data-v-aa652d10] {
  border-radius: 8px;
  border: 0.556px solid;
  background: #FEFCFA;
  padding: 0 1rem;
  font-size: 14px;
  color: #364153;
  display: block;
  border-color: rgba(23, 29, 39, 0.1);
  min-width: 80px;
  height: 36px;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
@media (max-width: 991.98px) {
.form-select[data-v-aa652d10] {
    font-size: 13px;
    min-width: 70px;
}
}
@media (max-width: 575.98px) {
.form-select[data-v-aa652d10] {
    font-size: 12px;
    min-width: 60px;
}
}
.form-select[data-v-aa652d10]:-moz-placeholder {
  background: #F2F4F6;
}
.form-select[data-v-aa652d10]:placeholder-shown {
  background: #F2F4F6;
}
.form-select[data-v-aa652d10]::-moz-placeholder {
  color: #6B6B6B;
  opacity: 0.6;
  font-size: inherit;
}
.form-select[data-v-aa652d10]::placeholder {
  color: #6B6B6B;
  opacity: 0.6;
  font-size: inherit;
}
.form-select[data-v-aa652d10]:focus {
  outline: none;
  box-shadow: none;
  border: 0.556px solid;
  border-color: rgba(23, 29, 39, 0.2);
  background: #FFFFFF;
}
.form-select[data-v-aa652d10]:hover {
  border-color: rgba(23, 29, 39, 0.15);
}
.form-select-sm[data-v-aa652d10] {
  padding: 0 0.875rem;
  height: 32px;
  font-size: 13px;
}
@media (max-width: 575.98px) {
.form-select-sm[data-v-aa652d10] {
    padding: 0 0.75rem;
    height: 30px;
    font-size: 12px;
}
}
@media (max-width: 575.98px) {
.search-row[data-v-aa652d10] {
    width: 100%;
}
}
.form-control[data-v-aa652d10] {
  border-radius: 8px;
  border: 0.556px solid;
  background: #FEFCFA;
  padding: 0.75rem 1rem;
  font-size: 14px;
  color: #364153;
  display: block;
  width: 100%;
  border-color: rgba(23, 29, 39, 0.1);
  height: 36px;
  min-width: 200px;
}
@media (max-width: 991.98px) {
.form-control[data-v-aa652d10] {
    font-size: 12px;
    min-width: 180px;
}
}
@media (max-width: 575.98px) {
.form-control[data-v-aa652d10] {
    font-size: 11px;
    min-width: 100%;
}
}
.form-control[data-v-aa652d10]:-moz-placeholder {
  background: #F2F4F6;
}
.form-control[data-v-aa652d10]:placeholder-shown {
  background: #F2F4F6;
}
.form-control[data-v-aa652d10]::-moz-placeholder {
  color: #6B6B6B;
  opacity: 0.6;
  font-size: inherit;
}
.form-control[data-v-aa652d10]::placeholder {
  color: #6B6B6B;
  opacity: 0.6;
  font-size: inherit;
}
.form-control[data-v-aa652d10]:focus {
  outline: none;
  box-shadow: none;
  border: 0.556px solid;
  border-color: rgba(23, 29, 39, 0.2);
}
.form-control-sm[data-v-aa652d10] {
  height: 32px;
  padding: 0 0.875rem;
  font-size: 13px;
}
@media (max-width: 575.98px) {
.form-control-sm[data-v-aa652d10] {
    height: 30px;
    padding: 0 0.75rem;
    font-size: 12px;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Jtable/Footer.vue?vue&type=style&index=0&id=ecc9f4f4&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.custom-table-footer[data-v-ecc9f4f4] {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #E2E2E9;
  gap: 1rem;
  background: transparent !important;
}
@media (max-width: 991.98px) {
.custom-table-footer[data-v-ecc9f4f4] {
    margin-top: 1rem;
    padding-top: 1rem;
    flex-direction: column;
    align-items: flex-start !important;
}
}
@media (max-width: 575.98px) {
.custom-table-footer[data-v-ecc9f4f4] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
}
}
.custom-table-footer > div[data-v-ecc9f4f4]:first-child {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.custom-table-footer > div:first-child.semibold[data-v-ecc9f4f4] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.custom-table-footer > div:first-child.medium[data-v-ecc9f4f4] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.custom-table-footer > div:first-child.regular[data-v-ecc9f4f4] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.custom-table-footer > div[data-v-ecc9f4f4]:first-child {
  color: #6B6B6B;
  white-space: nowrap;
}
@media (max-width: 991.98px) {
.custom-table-footer > div[data-v-ecc9f4f4]:first-child {
    font-size: 13px;
    margin-bottom: 0.5rem;
}
}
@media (max-width: 575.98px) {
.custom-table-footer > div[data-v-ecc9f4f4]:first-child {
    font-size: 12px;
    margin-bottom: 0.5rem;
}
}
.pagination[data-v-ecc9f4f4] {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
}
@media (max-width: 575.98px) {
.pagination[data-v-ecc9f4f4] {
    gap: 0.125rem;
}
}
.page-item.disabled[data-v-ecc9f4f4] {
  opacity: 0.5;
  cursor: not-allowed;
}
.page-item.disabled .page-link[data-v-ecc9f4f4] {
  pointer-events: none;
  background-color: #F2F4F6;
  color: #6B6B6B;
}
.page-item.active .page-link[data-v-ecc9f4f4] {
  background-color: #36465E;
  color: #FFFFFF;
  border-color: #36465E;
  font-weight: 600;
}
.page-link[data-v-ecc9f4f4] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.page-link.semibold[data-v-ecc9f4f4] {
  font-size: 14px;
  line-height: 1;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.page-link.medium[data-v-ecc9f4f4] {
  font-size: 14px;
  line-height: 1;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.page-link.regular[data-v-ecc9f4f4] {
  font-size: 14px;
  line-height: 1;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.page-link[data-v-ecc9f4f4] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0.5rem 0.75rem;
  color: #364153;
  background-color: #FEFCFA;
  border: 0.556px solid rgba(23, 29, 39, 0.1);
  border-radius: 8px;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  cursor: pointer;
}
@media (max-width: 991.98px) {
.page-link[data-v-ecc9f4f4] {
    font-size: 13px;
    min-width: 32px;
    height: 32px;
    padding: 0.5rem 0.625rem;
}
}
@media (max-width: 575.98px) {
.page-link[data-v-ecc9f4f4] {
    font-size: 12px;
    min-width: 30px;
    height: 30px;
    padding: 0.375rem 0.5rem;
}
}
.page-link[data-v-ecc9f4f4]:hover:not(.disabled) {
  background-color: #F2F4F6;
  border-color: rgba(23, 29, 39, 0.15);
  color: #36465E;
}
.page-link[data-v-ecc9f4f4]:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(54, 70, 94, 0.2);
}
.page-link[data-v-ecc9f4f4]:active {
  background-color: #D8DEE4;
  border-color: rgba(23, 29, 39, 0.2);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Jtable/TableHeader.vue?vue&type=style&index=0&id=b3d4c3c0&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
thead.table-light[data-v-b3d4c3c0] {
  background-color: #F6F6F6;
  border-bottom: 2px solid #E2E2E9;
}
thead.table-light tr th[data-v-b3d4c3c0] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
thead.table-light tr th.semibold[data-v-b3d4c3c0] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
thead.table-light tr th.medium[data-v-b3d4c3c0] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
thead.table-light tr th.regular[data-v-b3d4c3c0] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
thead.table-light tr th[data-v-b3d4c3c0] {
  font-weight: 600;
  color: #364153;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #E2E2E9;
  border-top: none;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
}
@media (max-width: 991.98px) {
thead.table-light tr th[data-v-b3d4c3c0] {
    padding: 0.875rem 1rem;
    font-size: 13px;
}
}
@media (max-width: 575.98px) {
thead.table-light tr th[data-v-b3d4c3c0] {
    padding: 0.75rem 0.875rem;
    font-size: 12px;
}
}
thead.table-light tr th[data-v-b3d4c3c0]:first-child {
  border-top-left-radius: 8px;
}
thead.table-light tr th[data-v-b3d4c3c0]:last-child {
  border-top-right-radius: 8px;
}
thead.table-light tr th img[data-v-b3d4c3c0] {
  margin-left: 0.5rem;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
@media (max-width: 575.98px) {
thead.table-light tr th img[data-v-b3d4c3c0] {
    width: 10px;
    height: 10px;
}
}
thead.table-light tr th:hover img[data-v-b3d4c3c0] {
  opacity: 1;
}
thead.table-light tr th.text-left[data-v-b3d4c3c0] {
  text-align: left;
}
thead.table-light tr th.text-center[data-v-b3d4c3c0] {
  text-align: center;
}
thead.table-light tr th.text-right[data-v-b3d4c3c0] {
  text-align: right;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Jtable/TableBody.vue?vue&type=style&index=0&id=db8df516&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.full-div[data-v-db8df516] {
  width: 100% !important;
}
tbody tr[data-v-db8df516] {
  border-bottom: 1px solid #E2E2E9;
  transition: background-color 0.2s ease;
}
tbody tr[data-v-db8df516]:last-child {
  border-bottom: none;
}
tbody tr[data-v-db8df516]:hover {
  background-color: #F2F4F6;
}
tbody tr.row-action[data-v-db8df516] {
  cursor: pointer;
}
tbody tr.row-action[data-v-db8df516]:hover {
  background-color: #F2F4F6;
}
tbody tr td[data-v-db8df516] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
tbody tr td.semibold[data-v-db8df516] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
tbody tr td.medium[data-v-db8df516] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
tbody tr td.regular[data-v-db8df516] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
tbody tr td[data-v-db8df516] {
  color: #364153;
  padding: 1rem 1.25rem;
  vertical-align: middle;
  border-top: none;
  border-bottom: 1px solid #E2E2E9;
}
@media (max-width: 991.98px) {
tbody tr td[data-v-db8df516] {
    padding: 0.875rem 1rem;
    font-size: 13px;
}
}
@media (max-width: 575.98px) {
tbody tr td[data-v-db8df516] {
    padding: 0.75rem 0.875rem;
    font-size: 12px;
}
}
tbody tr td.text-left[data-v-db8df516] {
  text-align: left;
}
tbody tr td.text-center[data-v-db8df516] {
  text-align: center;
}
tbody tr td.text-right[data-v-db8df516] {
  text-align: right;
}
tbody tr td .loading-dots-text[data-v-db8df516] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
tbody tr td .loading-dots-text.semibold[data-v-db8df516] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
tbody tr td .loading-dots-text.medium[data-v-db8df516] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
tbody tr td .loading-dots-text.regular[data-v-db8df516] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
tbody tr td .loading-dots-text[data-v-db8df516] {
  color: #6B6B6B;
  padding: 2rem 0;
}
tbody tr:last-child td[data-v-db8df516] {
  border-bottom: none;
}
tbody tr:has(td[colspan="1000"]) td[data-v-db8df516] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
tbody tr:has(td[colspan="1000"]) td.semibold[data-v-db8df516] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
tbody tr:has(td[colspan="1000"]) td.medium[data-v-db8df516] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
tbody tr:has(td[colspan="1000"]) td.regular[data-v-db8df516] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
tbody tr:has(td[colspan="1000"]) td[data-v-db8df516] {
  color: #6B6B6B;
  padding: 2rem 1rem;
  text-align: center;
}
.sticky1[data-v-db8df516],
.sticky2[data-v-db8df516],
.sticky3[data-v-db8df516],
.sticky4[data-v-db8df516] {
  position: sticky;
  background-color: #FFFFFF;
  z-index: 10;
}
@media (max-width: 991.98px) {
.sticky1[data-v-db8df516],
  .sticky2[data-v-db8df516],
  .sticky3[data-v-db8df516],
  .sticky4[data-v-db8df516] {
    position: relative;
}
}
@media (max-width: 575.98px) {
.sticky1[data-v-db8df516],
  .sticky2[data-v-db8df516],
  .sticky3[data-v-db8df516],
  .sticky4[data-v-db8df516] {
    position: relative;
}
}
.sticky1[data-v-db8df516] {
  left: 0;
}
.sticky2[data-v-db8df516] {
  left: 0;
}
.sticky3[data-v-db8df516] {
  left: 0;
}
.sticky4[data-v-db8df516] {
  left: 0;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Jtable/Table.vue?vue&type=style&index=0&id=30474e33&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.table[data-v-30474e33] {
  width: 100%;
  margin-bottom: 0;
  background-color: #FFFFFF;
  border-collapse: separate;
  border-spacing: 0;
}
.table.table-hover tbody tr[data-v-30474e33] {
  transition: background-color 0.2s ease;
}
.table.table-hover tbody tr[data-v-30474e33]:hover {
  background-color: #F2F4F6;
  cursor: pointer;
}
.table.table-responsive[data-v-30474e33] {
  display: table;
  width: 100%;
}
@media (max-width: 991.98px) {
.table.table-responsive[data-v-30474e33] {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
}
@media (max-width: 575.98px) {
.table.table-responsive[data-v-30474e33] {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
}
.table.align-middle th[data-v-30474e33],
.table.align-middle td[data-v-30474e33] {
  vertical-align: middle;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Jtable/JlDatatable.vue?vue&type=style&index=0&id=76118de7&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.custom-table[data-v-76118de7] {
  width: 100%;
  background: #F7F2E8;
  border-radius: 16px;
  padding-top: 23px;
  padding-right: 16px;
  padding-bottom: 32px;
  padding-left: 16px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}
@media (max-width: 991.98px) {
.custom-table[data-v-76118de7] {
    padding: 1rem;
    border-radius: 8px;
}
}
@media (max-width: 575.98px) {
.custom-table[data-v-76118de7] {
    padding: 0.75rem;
}
}
.parent-table[data-v-76118de7] {
  width: 100%;
  margin-top: 1.5rem;
}
@media (max-width: 991.98px) {
.parent-table[data-v-76118de7] {
    margin-top: 1rem;
}
}
@media (max-width: 575.98px) {
.parent-table[data-v-76118de7] {
    margin-top: 0.75rem;
}
}
.parent-scroll[data-v-76118de7] {
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  border-radius: 16px;
  padding: 0px;
}
.parent-scroll[data-v-76118de7]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.parent-scroll[data-v-76118de7]::-webkit-scrollbar-track {
  background: transparent;
}
.parent-scroll[data-v-76118de7]::-webkit-scrollbar-thumb {
  background-color: #A8B2C2;
  border-radius: 2px;
  min-height: 30px;
}
.parent-scroll[data-v-76118de7]::-webkit-scrollbar-thumb:hover {
  background-color: rgba(168, 178, 194, 0.8);
}
.parent-scroll[data-v-76118de7] {
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: #A8B2C2 transparent;
}
.child-scroll[data-v-76118de7] {
  width: 100%;
  min-width: 100%;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/BreadCrums.vue?vue&type=style&index=0&id=40be4024&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.breadcrumbs[data-v-40be4024] {
  margin-bottom: 1.5rem;
  color: #36465E;
}
.breadcrumbs__title[data-v-40be4024] {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 28px;
  color: #364153;
  margin: 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology/scheduled-sessions/components/ScheduledSessionActionButton.vue?vue&type=style&index=0&id=16312f26&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.form-btn.mimente[data-v-16312f26] {
  background: #FFDA7E !important;
  color: #36465E !important;
  border: 1px solid #B59B59 !important;
}
.scheduled-session-action-button[data-v-16312f26] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.scheduled-session-action-button .form-btn[data-v-16312f26], .scheduled-session-action-button .form-btn[data-v-16312f26]:hover {
  background-color: rgb(124, 179, 252);
  color: rgb(255, 255, 255);
  width: 180px;
  height: 40px;
  border-radius: 10px;
  padding: 0;
  border: 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology/scheduled-sessions/views/Index.vue?vue&type=style&index=0&id=1bd27018&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/DyteVideoCall.vue?vue&type=style&index=0&id=ac1f365a&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.dyte-meeting-element[data-v-ac1f365a] {
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology/scheduled-sessions/components/SectionCard.vue?vue&type=style&index=0&id=565221a9&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.section-card-container[data-v-565221a9] {
  width: 100%;
}
.section-title[data-v-565221a9] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #36465e;
  margin: 0 0 12px 0;
}
.section-divider[data-v-565221a9] {
  height: 1px;
  background-color: #e5e5e5;
  margin-bottom: 16px;
}
.section-subtitle[data-v-565221a9] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #36465e;
  margin: 0 0 16px 0;
}
.section-card[data-v-565221a9] {
  background-color: white;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.section-card-header[data-v-565221a9] {
  margin-bottom: 20px;
}
.section-card-title[data-v-565221a9] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #36465e;
  margin: 0;
}
.section-card-content[data-v-565221a9] {
  width: 100%;
}

/* Variantes adicionales */
.section-card.minimal-shadow[data-v-565221a9] {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.section-card.no-shadow[data-v-565221a9] {
  box-shadow: none;
  border: 1px solid #e5e5e5;
}
.section-card.compact[data-v-565221a9] {
  padding: 16px;
}
.section-card.large[data-v-565221a9] {
  padding: 32px;
}

/* Responsive */
@media (max-width: 768px) {
.section-title[data-v-565221a9] {
    font-size: 18px;
}
.section-card[data-v-565221a9] {
    padding: 16px;
}
.section-card.large[data-v-565221a9] {
    padding: 20px;
}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology/scheduled-sessions/components/Title.vue?vue&type=style&index=0&id=e93e3828&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.profile-title[data-v-e93e3828] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 600;
  color: #36465E;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.profile-title.completed[data-v-e93e3828] {
  color: #63BC63;
}
.completed-icon[data-v-e93e3828] {
  color: #63BC63;
  font-size: 18px;
}
@media (max-width: 991.98px) {
.profile-title[data-v-e93e3828] {
    font-size: 18px;
    margin-bottom: 10px;
}
}
@media (max-width: 767.98px) {
.profile-title[data-v-e93e3828] {
    font-size: 16px;
    margin-bottom: 8px;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology/scheduled-sessions/components/AccordionSection.vue?vue&type=style&index=0&id=3b8a0c19&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
/* ============================================
   COMPLETED TITLE STYLE
   ============================================ */
[data-v-3b8a0c19] .completed-title {
  color: #63BC63 !important;
  position: relative;
}
[data-v-3b8a0c19] .completed-title::before {
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 8px;
  color: #63BC63;
}

/* ============================================
   COLLAPSED TITLE SECTION
   ============================================ */
.collapsed-title-section[data-v-3b8a0c19] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-radius: 8px;
  padding: 0;
  min-height: 35px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.expand-icon[data-v-3b8a0c19] {
  width: 14px;
  height: 14px;
  transition: transform 0.3s ease;
  cursor: pointer;
  opacity: 0.6;
}
.expand-icon.disabled[data-v-3b8a0c19] {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}

/* ============================================
   ACCORDION
   ============================================ */
.collapsed-full-width[data-v-3b8a0c19] {
  width: calc(100% + 40px) !important;
  margin: -20px -20px -20px -20px !important;
  border-radius: 12px !important;
  height: auto !important;
  min-height: auto !important;
  padding: 20px;
}
.expanded-content[data-v-3b8a0c19] {
  animation: expand-3b8a0c19 0.3s ease;
}
@keyframes expand-3b8a0c19 {
from {
    opacity: 0;
    transform: translateY(-10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
/* Section card */
[data-v-3b8a0c19] .section-card {
  border: none !important;
  box-shadow: none !important;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/modules/psychology/scheduled-sessions/components/ShieldTooltip.vue?vue&type=style&index=0&id=418c04ee&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.shield-icon-container:hover .shield-icon[data-v-418c04ee]{
    position: relative;
    z-index: 9999;
    width: 10px;
    top: -10px;
}
.shield-icon-container[data-v-418c04ee] {
    position: relative;
    display: inline-block;
}
.shield-icon[data-v-418c04ee] {
    height: 15px;
    cursor: pointer;
    top: 0;
    transition: top 0.3s ease-in-out;
    color: #567393;
}
.tooltip-content[data-v-418c04ee] {
    position: absolute;
    bottom: -155%;
    left: -60%;
    background-color: #FAF6EE;
    color: #36465E;
    padding: 8px 12px 8px 20px;
    border-radius: 4px;
    font-size: 12px;
    z-index: 1000;
    margin-bottom: 5px;
    width: 730px;
    font-weight: 600;
    border-radius: 5px;
    opacity: 0;
    transform: translateY(10px) scale(0.95);
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}
.shield-icon-container:hover .tooltip-content[data-v-418c04ee] {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology/scheduled-sessions/components/SessionThemes.vue?vue&type=style&index=0&id=0021db94&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.save-button-section[data-v-0021db94] {
  margin-top: 10px;
  padding: 0;
  border-radius: 0 0 8px 8px;
  position: sticky;
  bottom: 0;
  z-index: 10;
}
.form-actions[data-v-0021db94] {
  display: flex;
  justify-content: flex-end;
}
.form-title[data-v-0021db94] {
  font-size: 16px;
  font-weight: 600;
  color: #36465E;
  margin-bottom: 15px;
  margin-top: 4px;
}
.section-title[data-v-0021db94] {
  background-color: rgba(128, 149, 168, 0.4);
  color: #36465E;
  font-size: 16px;
  font-weight: 600;
  padding: 8px 12px;
  margin: 0 0 12px 0;
  border-radius: 4px;
}
.theme-section[data-v-0021db94] {
  margin-bottom: 0px;
  flex: 1;
}
.theme-section-container[data-v-0021db94] {
  display: flex;
  flex-direction: row;
  gap: 15px;
  min-height: auto;
  padding-right: 10px;
}
.options-list[data-v-0021db94] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.theme-option[data-v-0021db94] {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 2px 0;
  position: relative;
  font-size: 16px;
  color: #333333;
  margin: 0px;
}
.theme-option[data-v-0021db94]:hover {
  background-color: #f8f9fa;
  border-radius: 4px;
  padding-left: 4px;
  padding-right: 4px;
}
.theme-checkbox[data-v-0021db94] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark[data-v-0021db94] {
  height: 18px;
  width: 18px;
  background-color: #ffffff;
  border: 2px solid #D1D5DB;
  border-radius: 50%;
  margin-right: 12px;
  position: relative;
  flex-shrink: 0;
  transition: all 0.2s ease;
}
.theme-option input:checked ~ .checkmark[data-v-0021db94] {
  background-color: #36465E;
  border-color: #36465E;
}
.theme-option input:checked ~ .checkmark[data-v-0021db94]:after {
  content: "";
  position: absolute;
  display: block;
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.theme-option input:disabled ~ .checkmark[data-v-0021db94] {
  background-color: #F3F4F6;
  border-color: #E5E7EB;
  cursor: not-allowed;
}
.theme-option input:disabled ~ .option-text[data-v-0021db94] {
  color: #9CA3AF;
  cursor: not-allowed;
}
.theme-option .option-text.active[data-v-0021db94] {
  color: #36465E !important;
}
.option-text[data-v-0021db94] {
  flex: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #567393;
  font-weight: 600;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology/scheduled-sessions/components/UserSummaryBadge.vue?vue&type=style&index=0&id=68e97db8&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
/* Badges de información del usuario */
.patient-info-badges[data-v-68e97db8] {
  display: flex;
  flex-direction: column;
  gap: 0px;
  flex: 1;
  background-color: rgba(128, 149, 168, 0.1);
  border-radius: 8px;
  padding: 10px 12px;
  min-width: 130px;
}
.info-badge[data-v-68e97db8] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 2px 0;
}
.badge-icon[data-v-68e97db8] {
  width: 16px;
  color: #6B7280;
  font-size: 14px;
  text-align: center;
}
.badge-text[data-v-68e97db8] {
  font-size: 16px;
  color: #36465E;
  font-weight: 600;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology/scheduled-sessions/components/UserConsultationCountBadge.vue?vue&type=style&index=0&id=79c85a04&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
/* Tarjetas de puntuación */
.score-cards[data-v-79c85a04] {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex: 1;
  background-color: rgba(128, 149, 168, 0.1);
  border-radius: 5px;
  justify-content: space-around;
  padding: 5px 10px;
}
.score-card[data-v-79c85a04] {
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.score-label[data-v-79c85a04] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #36465E;
  margin: 0;
}
.score-value[data-v-79c85a04] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #36465E;
  margin: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology/scheduled-sessions/components/PatientSummaryCardConsultation.vue?vue&type=style&index=0&id=4e579ed6&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.patient-profile-card[data-v-4e579ed6] {
  background-color: #fdfbf7;
  border-radius: 12px;
  padding: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.patient-info-section[data-v-4e579ed6] {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.patient-header-horizontal[data-v-4e579ed6] {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  gap: 16px;
  background-color: rgba(128, 149, 168, 0.1);
  border-radius: 8px;
  padding: 10px 12px;
}
.patient-avatar[data-v-4e579ed6] {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.avatar-image[data-v-4e579ed6] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.patient-info-text[data-v-4e579ed6] {
  flex: 1;
}
.patient-name[data-v-4e579ed6] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #567393;
  margin: 0 0 4px 0;
  line-height: 1.2;
}
.patient-phone[data-v-4e579ed6] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #36465E;
  margin: 0;
}
.patient-name-section[data-v-4e579ed6] {
  display: flex;
  align-items: center;
}
.no-patient-data[data-v-4e579ed6] {
  text-align: center;
  padding: 20px;
  color: #6B7280;
  font-style: italic;
}
.no-patient-data p[data-v-4e579ed6] {
  margin: 0;
  font-size: 14px;
}
@media (max-width: 991.98px) {
.patient-profile-card[data-v-4e579ed6] {
    padding: 16px;
}
.patient-info-section[data-v-4e579ed6] {
    flex-direction: column;
    gap: 12px;
}
.patient-header-horizontal[data-v-4e579ed6] {
    padding: 8px 10px;
    gap: 12px;
}
.patient-avatar[data-v-4e579ed6] {
    width: 50px;
    height: 50px;
}
.patient-name[data-v-4e579ed6] {
    font-size: 16px;
}
.patient-phone[data-v-4e579ed6] {
    font-size: 13px;
}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology/scheduled-sessions/components/ButtonSelector.vue?vue&type=style&index=0&id=f58d0066&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.button-selector[data-v-f58d0066] {
  width: 100%;
}
.toggle-fieldset[data-v-f58d0066] {
  border: none;
  padding: 0;
  margin: 0;
}
.toggle-legend[data-v-f58d0066] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: #567393;
  margin-bottom: 12px;
  padding: 0;
}
.toggle-buttons[data-v-f58d0066] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.toggle-buttons.multiple-columns[data-v-f58d0066] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 12px;
}
.toggle-buttons[data-v-f58d0066] {
  /* Para options-per-row = 0 (infinito), usa flex puro */
}
.toggle-buttons:not(.multiple-columns) .btn[data-v-f58d0066] {
  flex-shrink: 0;
  flex-grow: 0;
}
.mm-btn-toggle[data-v-f58d0066] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 19px;
  font-weight: 500;
  background-color: white;
  color: #567393;
  border: 0.5px solid var(--mm-surface-two, #8095A8);
  padding: 3px 10px;
  letter-spacing: 0px;
  border-radius: 4px;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
}
.mm-btn-toggle[data-v-f58d0066]:hover {
  background-color: #f9fafb;
}
.mm-btn-toggle[data-v-f58d0066]:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(var(--mm-surface-two-rgb, 128, 149, 168), 0.25);
}
.mm-btn-toggle-selected[data-v-f58d0066] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  background: #567393 0% 0% no-repeat padding-box !important;
  color: #FAF6EE !important;
  text-align: center;
  letter-spacing: 0px;
  border: 0.5px solid #567393 !important;
  border-radius: 5px !important;
  opacity: 1 !important;
}
.mm-btn-toggle-selected[data-v-f58d0066]:hover {
  background: #567393 0% 0% no-repeat padding-box !important;
}
.mm-btn-toggle-selected[data-v-f58d0066]:focus {
  box-shadow: 0 0 0 2px rgba(86, 115, 147, 0.25);
}

/* Responsive adjustments */
@media (max-width: 768px) {
.toggle-buttons[data-v-f58d0066] {
    flex-direction: column;
}
.toggle-buttons.multiple-columns[data-v-f58d0066] {
    grid-template-columns: 1fr;
}
.mm-btn-toggle[data-v-f58d0066],
  .mm-btn-toggle-selected[data-v-f58d0066] {
    width: 100%;
}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology/scheduled-sessions/components/ToggleButtonGroup.vue?vue&type=style&index=0&id=36840d8d&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.toggle-button-group[data-v-36840d8d] {
  width: 100%;
}
.toggle-fieldset[data-v-36840d8d] {
  border: none;
  padding: 0;
  margin: 0;
}
.toggle-legend[data-v-36840d8d] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: #567393;
  margin-bottom: 12px;
  padding: 0;
}
.toggle-buttons[data-v-36840d8d] {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.mm-btn-toggle[data-v-36840d8d] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 19px;
  font-weight: 500;
  background-color: white;
  color: #567393;
  border: 0.5px solid var(--mm-surface-two, #8095A8);
  padding: 3px 22px;
  letter-spacing: 0px;
  border-radius: 4px;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
}
.mm-btn-toggle[data-v-36840d8d]:hover {
  background-color: #f9fafb;
}
.mm-btn-toggle[data-v-36840d8d]:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(var(--mm-surface-two-rgb, 128, 149, 168), 0.25);
}
.mm-btn-toggle-selected[data-v-36840d8d] {
  background: #567393 0% 0% no-repeat padding-box !important;
  color: #FAF6EE !important;
  border: 0.5px solid #567393 !important;
  border-radius: 5px !important;
  opacity: 1 !important;
}
.mm-btn-toggle-selected[data-v-36840d8d]:hover {
  background: #567393 0% 0% no-repeat padding-box !important;
}
.mm-btn-toggle-selected[data-v-36840d8d]:focus {
  box-shadow: 0 0 0 2px rgba(86, 115, 147, 0.25);
}

/* Responsive adjustments */
@media (max-width: 768px) {
.toggle-buttons[data-v-36840d8d] {
    flex-direction: column;
}
.mm-btn-toggle[data-v-36840d8d],
  .mm-btn-toggle-selected[data-v-36840d8d] {
    width: 100%;
}
}
/* Variantes */
.toggle-button-group.compact .mm-btn-toggle[data-v-36840d8d],
.toggle-button-group.compact .mm-btn-toggle-selected[data-v-36840d8d] {
  padding: 2px 12px;
  font-size: 12px;
}
.toggle-button-group.large .mm-btn-toggle[data-v-36840d8d],
.toggle-button-group.large .mm-btn-toggle-selected[data-v-36840d8d] {
  padding: 6px 20px;
  font-size: 16px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology/scheduled-sessions/components/AttendanceRegistration.vue?vue&type=style&index=0&id=d310af44&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.section-subtitle[data-v-d310af44] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #36465E;
}
.progress-bar-background[data-v-d310af44] {
  width: 100%;
  height: 6px;
  background-color: rgba(86, 115, 147, 0.2);
  border-radius: 3px;
  overflow: hidden;
}
.progress-bar-fill[data-v-d310af44] {
  height: 100%;
  background-color: #567393;
  border-radius: 3px;
  transition: width 0.3s ease-in-out;
}
.dynamic-title[data-v-d310af44] {
  color: #364153;
  font-family: "Inter", sans-serif;
  text-align: left;
  color: #36465E;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 19px;
}
@media (max-width: 768px) {
.d-flex.align-items-center.gap-3[data-v-d310af44] {
    justify-content: center;
}
}
#customChannelName[data-v-d310af44] {
  color: #364153;
  font-family: "Inter", sans-serif;
  background: #fdfbf7 !important;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology/scheduled-sessions/components/ReferralRegistration.vue?vue&type=style&index=0&id=01e3aa12&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.form-label[data-v-01e3aa12] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: #567393;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
.d-flex.align-items-center.gap-3[data-v-01e3aa12] {
    justify-content: center;
}
}
#referralMotive[data-v-01e3aa12],
#customReferralType[data-v-01e3aa12] {
  color: #364153;
  font-family: "Inter", sans-serif;
  background: #fdfbf7 !important;
}
#referralMotive[data-v-01e3aa12] {
  resize: none;
  min-height: 100px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology/clients/components/ScheduleSessionButton.vue?vue&type=style&index=0&id=00c34414&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.schedule-session-button[data-v-00c34414] {
  display: inline-block;
}
.schedule-session-button__calendar-modal[data-v-00c34414] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 1rem;
}
@media (max-width: 575.98px) {
.schedule-session-button__calendar-modal[data-v-00c34414] {
    padding: 0;
}
}
.schedule-session-button__calendar-modal-container[data-v-00c34414] {
  width: 100%;
  max-width: 550px;
  max-height: 95dvh;
  height: auto;
  background: #F7F2E8;
  border-radius: 16px;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
@media (max-width: 575.98px) {
.schedule-session-button__calendar-modal-container[data-v-00c34414] {
    max-width: 100%;
    border-radius: 0;
    max-height: 100dvh;
}
}
.schedule-session-button__calendar-modal-content[data-v-00c34414] {
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: -moz-min-content;
  min-height: min-content;
}
@media (max-width: 575.98px) {
.schedule-session-button__calendar-modal-content[data-v-00c34414] {
    padding: 16px;
}
}
.schedule-session-button__loading[data-v-00c34414] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  width: 100%;
}
[data-v-00c34414] .desktop-actions {
  margin-bottom: 0px !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology/clients/components/ScheduleSessionButton.vue?vue&type=style&index=1&id=00c34414&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.modal-fade-enter-active,
.modal-fade-leave-active {
  transition: opacity 0.3s ease;
}
.modal-fade-enter-from,
.modal-fade-leave-to {
  opacity: 0;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology/clients/components/PsychologyEvaluationNotes.vue?vue&type=style&index=0&id=9b448e42&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.psychology-evaluation-notes[data-v-9b448e42] {
  margin: 0px 0 24px 0;
  background-color: #FFFDF7;
  padding: 24px;
  border-radius: 16px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1411764706);
}
@media (max-width: 575.98px) {
.psychology-evaluation-notes[data-v-9b448e42] {
    padding: 16px;
    border-radius: 8px;
    margin: 16px 0;
}
}
.psychology-evaluation-notes[data-v-9b448e42]:last-child {
  margin-bottom: 0;
}
.notes-title[data-v-9b448e42] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.notes-title[data-v-9b448e42] {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.notes-title[data-v-9b448e42] {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.25px;
}
}
.notes-title[data-v-9b448e42] {
  color: #36465E;
  margin: 0;
  margin-bottom: 12px;
}
@media (max-width: 575.98px) {
.notes-title[data-v-9b448e42] {
    margin-bottom: 16px;
}
}
.loading-state[data-v-9b448e42],
.empty-state[data-v-9b448e42] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.loading-state[data-v-9b448e42],
  .empty-state[data-v-9b448e42] {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.loading-state[data-v-9b448e42],
  .empty-state[data-v-9b448e42] {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.25px;
}
}
.loading-state[data-v-9b448e42],
.empty-state[data-v-9b448e42] {
  color: #6B6B6B;
  text-align: center;
  padding: 40px 20px;
}
.notes-list[data-v-9b448e42] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 575.98px) {
.notes-list[data-v-9b448e42] {
    gap: 16px;
}
}
.note-item[data-v-9b448e42] {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
@media (max-width: 575.98px) {
.note-item[data-v-9b448e42] {
    gap: 12px;
}
}
.note-icon[data-v-9b448e42] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #4E6987;
  color: #FFFFFF !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.note-icon[data-v-9b448e42] {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.note-icon[data-v-9b448e42] {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.25px;
}
}
.note-icon[data-v-9b448e42] {
  font-weight: 600;
}
@media (max-width: 575.98px) {
.note-icon[data-v-9b448e42] {
    width: 36px;
    height: 36px;
    min-width: 36px;
}
}
.note-content[data-v-9b448e42] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.note-header[data-v-9b448e42] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.note-date-info[data-v-9b448e42] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.note-date[data-v-9b448e42] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.note-date[data-v-9b448e42] {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.note-date[data-v-9b448e42] {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.3px;
}
}
.note-date[data-v-9b448e42] {
  color: #36465E;
}
.note-source-badge[data-v-9b448e42] {
  width: -moz-fit-content;
  width: fit-content;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.note-source-badge--default[data-v-9b448e42] {
  color: #36465E;
  background: #F2E077;
}
.note-source-badge--alt[data-v-9b448e42] {
  color: #263243;
  background: #BEE7F7;
}
.edit-button[data-v-9b448e42] {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  background-color: #FFE198;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: background-color 0.2s ease;
  color: #748899;
}
.edit-button[data-v-9b448e42]:hover {
  background-color: #FFDA7E;
}
.edit-button[data-v-9b448e42]:active {
  background-color: #E8C673;
}
.edit-button svg[data-v-9b448e42] {
  display: block;
}
@media (max-width: 575.98px) {
.edit-button[data-v-9b448e42] {
    width: 28px;
    height: 28px;
    min-width: 28px;
}
}
.note-text[data-v-9b448e42] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.note-text[data-v-9b448e42] {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.note-text[data-v-9b448e42] {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.25px;
}
}
.note-text[data-v-9b448e42] {
  color: #36465E;
  line-height: 1.5;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.edit-note-modal-overlay[data-v-9b448e42] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1055;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
@media (max-width: 575.98px) {
.edit-note-modal-overlay[data-v-9b448e42] {
    padding: 0 16px;
}
}
.edit-note-modal[data-v-9b448e42] {
  position: relative;
  border-radius: 16px;
  background: #FFFEFD;
  backdrop-filter: blur(2px);
  display: flex;
  flex-direction: column;
  max-width: 600px;
  width: 100%;
  max-height: 90vh;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
@media (max-width: 575.98px) {
.edit-note-modal[data-v-9b448e42] {
    max-width: calc(100% - 5px);
    max-height: 95vh;
}
}
.edit-note-modal__header[data-v-9b448e42] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 24px 16px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 575.98px) {
.edit-note-modal__header[data-v-9b448e42] {
    padding: 20px 20px 16px 20px;
}
}
.edit-note-modal__title[data-v-9b448e42] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.edit-note-modal__title[data-v-9b448e42] {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.edit-note-modal__title[data-v-9b448e42] {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.25px;
}
}
.edit-note-modal__title[data-v-9b448e42] {
  color: #36465E;
  margin: 0;
  font-weight: 600;
}
.edit-note-modal__body[data-v-9b448e42] {
  padding: 24px;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}
@media (max-width: 575.98px) {
.edit-note-modal__body[data-v-9b448e42] {
    padding: 20px;
}
}
.edit-note-modal__label[data-v-9b448e42] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.edit-note-modal__label[data-v-9b448e42] {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.edit-note-modal__label[data-v-9b448e42] {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.25px;
}
}
.edit-note-modal__label[data-v-9b448e42] {
  color: #36465E;
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
}
.edit-note-modal__textarea[data-v-9b448e42] {
  width: 100%;
  min-height: 200px;
  padding: 12px;
  border: 1px solid #AAB8C5;
  border-radius: 16px;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.edit-note-modal__textarea[data-v-9b448e42] {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.edit-note-modal__textarea[data-v-9b448e42] {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.25px;
}
}
.edit-note-modal__textarea[data-v-9b448e42] {
  color: #36465E;
  background-color: #FFFFFF;
  resize: vertical;
  font-family: inherit;
  line-height: 1.5;
}
.edit-note-modal__textarea[data-v-9b448e42]:focus {
  outline: none;
  border-color: #36465E;
  box-shadow: 0 0 0 3px rgba(54, 70, 94, 0.1);
}
.edit-note-modal__textarea[data-v-9b448e42]::-moz-placeholder {
  color: #6B6B6B;
}
.edit-note-modal__textarea[data-v-9b448e42]::placeholder {
  color: #6B6B6B;
}
.edit-note-modal__footer[data-v-9b448e42] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px 24px 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 575.98px) {
.edit-note-modal__footer[data-v-9b448e42] {
    padding: 16px 20px 20px 20px;
    flex-direction: column-reverse;
}
.edit-note-modal__footer button[data-v-9b448e42] {
    width: 100%;
}
}
.edit-note-modal-fade-enter-active[data-v-9b448e42],
.edit-note-modal-fade-leave-active[data-v-9b448e42] {
  transition: opacity 0.3s ease;
}
.edit-note-modal-fade-enter-active .edit-note-modal[data-v-9b448e42],
.edit-note-modal-fade-leave-active .edit-note-modal[data-v-9b448e42] {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.edit-note-modal-fade-enter-from[data-v-9b448e42] {
  opacity: 0;
}
.edit-note-modal-fade-enter-from .edit-note-modal[data-v-9b448e42] {
  transform: scale(0.95);
  opacity: 0;
}
.edit-note-modal-fade-leave-to[data-v-9b448e42] {
  opacity: 0;
}
.edit-note-modal-fade-leave-to .edit-note-modal[data-v-9b448e42] {
  transform: scale(0.95);
  opacity: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology/scheduled-sessions/views/ScheduledSessionsVideocallView.vue?vue&type=style&index=0&id=f59accbc&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
/* ============================================
   ESTILOS PRINCIPALES DEL LAYOUT
   ============================================ */
.main-layout-container[data-v-f59accbc] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.video-content-container[data-v-f59accbc] {
  min-height: 500px;
  align-items: stretch;
}

/* ============================================
   CONTENEDOR DE VIDEO Y NOTAS
   ============================================ */
.video-call-container[data-v-f59accbc] {
  background: #fdfbf7;
  border-radius: 15px;
  padding: 20px;
}
.video-call-container-dyte[data-v-f59accbc] {
  border-radius: 15px;
  height: 520px;
}
.textarea-container[data-v-f59accbc] {
  position: relative;
  min-height: 120px;
  transition: height 0.3s ease;
}

/* Botón de toggle en la esquina inferior derecha */
.resize-toggle-btn[data-v-f59accbc] {
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 30px;
  height: 24px;
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #6b7280;
  opacity: 0.7;
  z-index: 10;
}
.resize-toggle-btn[data-v-f59accbc]:hover {
  color: #374151;
  outline: none;
  box-shadow: none;
}
.resize-toggle-btn[data-v-f59accbc]:active {
  color: #1f2937;
  box-shadow: none;
}
textarea[data-v-f59accbc] {
  color: #364153;
  font-family: "Inter", sans-serif;
  resize: vertical;
  border: 1px solid #ccc;
  background: #fdfbf7 !important;
  border-radius: 5px;
  min-height: 80px;
  width: 100%;
  height: 100%;
}
.notes-textarea-expandable[data-v-f59accbc] {
  resize: none !important;
}

/* ============================================
   TÍTULOS Y TEXTO
   ============================================ */
.profile-title[data-v-f59accbc] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #36465e;
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */
@media (max-width: 991.98px) {
.video-call-container-dyte[data-v-f59accbc] {
    height: 250px;
    max-height: 250px;
}
.notes-textarea-expandable[data-v-f59accbc] {
    min-height: 100px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.video-call-container-dyte[data-v-f59accbc] {
    height: 280px;
    max-height: 280px;
}
}
@media (max-height: 768px) {
.video-content-container[data-v-f59accbc] {
    min-height: 400px;
}
}
@media (min-height: 769px) {
.video-content-container[data-v-f59accbc] {
    min-height: 500px;
}
}
/* ============================================
   EXIT SESSION BUTTON
   ============================================ */
.exit-session-btn[data-v-f59accbc] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.exit-session-btn.semibold[data-v-f59accbc] {
  font-size: 14px;
  line-height: 1;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.exit-session-btn.medium[data-v-f59accbc] {
  font-size: 14px;
  line-height: 1;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.exit-session-btn.regular[data-v-f59accbc] {
  font-size: 14px;
  line-height: 1;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.exit-session-btn[data-v-f59accbc] {
  height: 58px;
  border-radius: 36px;
  border: 1px solid #788393;
  background: #36465E;
  color: #FFFFFF;
  padding: 18px 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 500;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
@media (hover: hover) {
.exit-session-btn[data-v-f59accbc]:hover:not(:disabled) {
    background: rgb(44.6959459459, 57.9391891892, 77.8040540541);
    border-color: rgb(107.3333333333, 118.2654320988, 134.1666666667);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
}
}
.exit-session-btn[data-v-f59accbc]:focus {
  outline: none;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
}
.exit-session-btn[data-v-f59accbc]:active:not(:disabled) {
  background: rgb(35.3918918919, 45.8783783784, 61.6081081081);
  border-color: rgb(96, 105.7777777778, 120);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.exit-session-btn[data-v-f59accbc]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology/clients/components/ClientQuestionnaireButton.vue?vue&type=style&index=0&id=ad729226&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.client-questionnaire-button[data-v-ad729226] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology/clients/views/Index.vue?vue&type=style&index=0&id=7896ecb6&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology/clients/components/PatientInformationRow.vue?vue&type=style&index=0&id=39813b14&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.patient-information-row[data-v-39813b14] {
  display: flex;
  align-items: stretch;
  gap: 24px;
  padding: 16px;
  background-color: #FFFDF7;
  border-radius: 8px;
  min-height: 80px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1411764706);
}
@media (min-width: 991.98px) {
.patient-information-row[data-v-39813b14] {
    padding: 24px;
    border-radius: 16px;
    gap: 24px;
    flex-wrap: nowrap;
    align-items: stretch;
}
}
@media (max-width: 991.98px) {
.patient-information-row[data-v-39813b14] {
    padding: 16px;
    gap: 16px;
    flex-wrap: wrap;
    align-items: stretch;
}
}
@media (max-width: 575.98px) {
.patient-information-row[data-v-39813b14] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    min-height: auto;
}
}
.patient-avatar[data-v-39813b14] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #8095A8;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media (min-width: 991.98px) {
.patient-avatar[data-v-39813b14] {
    width: 48px;
    height: 48px;
}
}
@media (max-width: 991.98px) {
.patient-avatar[data-v-39813b14] {
    width: 48px;
    height: 48px;
}
}
@media (max-width: 575.98px) {
.patient-avatar[data-v-39813b14] {
    width: 48px;
    height: 48px;
}
}
.patient-avatar img[data-v-39813b14] {
  height: 100%;
}
.patient-name-phone[data-v-39813b14] {
  flex: 1;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (min-width: 991.98px) {
.patient-name-phone[data-v-39813b14] {
    flex: 1;
}
}
@media (max-width: 991.98px) {
.patient-name-phone[data-v-39813b14] {
    flex: 1;
}
}
@media (max-width: 575.98px) {
.patient-name-phone[data-v-39813b14] {
    width: 100%;
}
}
.patient-name[data-v-39813b14] {
  margin-bottom: 4px;
}
@media (min-width: 991.98px) {
.patient-name[data-v-39813b14] {
    margin-bottom: 4px;
}
}
@media (max-width: 991.98px) {
.patient-name[data-v-39813b14] {
    margin-bottom: 4px;
}
}
@media (max-width: 575.98px) {
.patient-name[data-v-39813b14] {
    margin-bottom: 4px;
}
}
.name-line[data-v-39813b14] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.name-line[data-v-39813b14] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.name-line[data-v-39813b14] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.name-line[data-v-39813b14] {
  color: #36465E;
  line-height: 1.4;
}
.patient-phone[data-v-39813b14] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.patient-phone[data-v-39813b14] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.patient-phone[data-v-39813b14] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.patient-phone[data-v-39813b14] {
  color: #36465E;
  margin-top: 2px;
}
.patient-metrics[data-v-39813b14] {
  display: flex;
  gap: 0;
  padding: 0 16px;
  flex: 1;
  flex-shrink: 0;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (min-width: 991.98px) {
.patient-metrics[data-v-39813b14] {
    padding: 0 16px;
    flex: 1;
    align-items: flex-start;
    justify-content: flex-start;
}
}
@media (max-width: 991.98px) {
.patient-metrics[data-v-39813b14] {
    padding: 0 12px;
    flex: 1;
    align-items: flex-start;
    justify-content: flex-start;
}
}
@media (max-width: 575.98px) {
.patient-metrics[data-v-39813b14] {
    padding: 12px 0;
    width: 100%;
    justify-content: flex-start;
}
}
.metric-column[data-v-39813b14] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.metric-header[data-v-39813b14] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.metric-header[data-v-39813b14] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.metric-header[data-v-39813b14] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.metric-header[data-v-39813b14] {
  color: #36465E;
  text-transform: uppercase;
}
.metric-value[data-v-39813b14] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.metric-value[data-v-39813b14] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.metric-value[data-v-39813b14] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.metric-value[data-v-39813b14] {
  color: #36465E;
}
.patient-email[data-v-39813b14],
.patient-age[data-v-39813b14],
.patient-last-session[data-v-39813b14],
.patient-company[data-v-39813b14] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  flex-shrink: 0;
  justify-content: flex-start;
}
@media (min-width: 991.98px) {
.patient-email[data-v-39813b14],
  .patient-age[data-v-39813b14],
  .patient-last-session[data-v-39813b14],
  .patient-company[data-v-39813b14] {
    flex: 1;
}
}
@media (max-width: 991.98px) {
.patient-email[data-v-39813b14],
  .patient-age[data-v-39813b14],
  .patient-last-session[data-v-39813b14],
  .patient-company[data-v-39813b14] {
    flex: 1;
}
}
@media (max-width: 575.98px) {
.patient-email[data-v-39813b14],
  .patient-age[data-v-39813b14],
  .patient-last-session[data-v-39813b14],
  .patient-company[data-v-39813b14] {
    width: 100%;
    padding-top: 12px;
}
}
.patient-reason-consultation[data-v-39813b14] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  flex-shrink: 0;
  justify-content: flex-start;
}
@media (min-width: 991.98px) {
.patient-reason-consultation[data-v-39813b14] {
    flex: 1;
}
}
@media (max-width: 991.98px) {
.patient-reason-consultation[data-v-39813b14] {
    flex: 1;
}
}
@media (max-width: 575.98px) {
.patient-reason-consultation[data-v-39813b14] {
    width: 100%;
    padding-top: 12px;
}
}
@media (max-width: 575.98px) {
.patient-email[data-v-39813b14] {
    padding-top: 0;
}
}
.info-header[data-v-39813b14] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.info-header[data-v-39813b14] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.info-header[data-v-39813b14] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.info-header[data-v-39813b14] {
  color: #36465E;
}
.info-value[data-v-39813b14] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.info-value[data-v-39813b14] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.info-value[data-v-39813b14] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.info-value[data-v-39813b14] {
  color: #36465E;
  line-height: 1.4;
}
.reason-name[data-v-39813b14] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.reason-name[data-v-39813b14] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.reason-name[data-v-39813b14] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.reason-name[data-v-39813b14] {
  color: #36465E;
  margin-bottom: 2px;
}
.reason-description[data-v-39813b14] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.reason-description[data-v-39813b14] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.reason-description[data-v-39813b14] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.reason-description[data-v-39813b14] {
  color: #36465E;
  opacity: 0.8;
  line-height: 1.4;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology/clients/views/PatientInitialDiagnosisResultView.vue?vue&type=style&index=0&id=2d351487&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.patient-initial-diagnosis-result-view[data-v-2d351487] {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.reason-consultation-card[data-v-2d351487] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px;
  background-color: #FFFDF7;
  border-radius: 8px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1411764706);
}
@media (min-width: 991.98px) {
.reason-consultation-card[data-v-2d351487] {
    padding: 24px;
    border-radius: 16px;
    gap: 20px;
}
}
@media (max-width: 991.98px) {
.reason-consultation-card[data-v-2d351487] {
    padding: 20px;
    gap: 16px;
}
}
@media (max-width: 575.98px) {
.reason-consultation-card[data-v-2d351487] {
    padding: 16px;
    gap: 12px;
    flex-direction: column;
}
}
.reason-consultation-icon[data-v-2d351487] {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #D8DEE4;
  border-radius: 8px;
  padding: 10px;
}
@media (max-width: 575.98px) {
.reason-consultation-icon[data-v-2d351487] {
    width: 40px;
    height: 40px;
    padding: 8px;
}
}
.reason-consultation-icon img[data-v-2d351487] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.reason-consultation-content[data-v-2d351487] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.reason-consultation-header[data-v-2d351487] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.reason-consultation-header[data-v-2d351487] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.reason-consultation-header[data-v-2d351487] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
}
}
.reason-consultation-header[data-v-2d351487] {
  color: #36465E;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.reason-consultation-name[data-v-2d351487] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.reason-consultation-name[data-v-2d351487] {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.reason-consultation-name[data-v-2d351487] {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.reason-consultation-name[data-v-2d351487] {
  color: #36465E;
  line-height: 1.4;
}
.reason-consultation-description[data-v-2d351487] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.reason-consultation-description[data-v-2d351487] {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.reason-consultation-description[data-v-2d351487] {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.25px;
}
}
.reason-consultation-description[data-v-2d351487] {
  color: #36465E;
  line-height: 1.5;
  margin-top: 4px;
  padding-top: 8px;
  border-top: 1px solid #D8DEE4;
}
.notes-title[data-v-2d351487] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.notes-title[data-v-2d351487] {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.notes-title[data-v-2d351487] {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.25px;
}
}
.notes-title[data-v-2d351487] {
  color: #36465E;
  margin: 0;
  margin-bottom: 12px;
}
@media (max-width: 575.98px) {
.notes-title[data-v-2d351487] {
    margin-bottom: 16px;
}
}
.diagnosis-section__container[data-v-2d351487] {
  padding: 0;
  row-gap: 0;
}
[data-v-2d351487] .diagnosis-section--aws {
  margin-top: 48px !important;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology/impact-cases/views/ImpactCasesView.vue?vue&type=style&index=0&id=3fdf47c3&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.mm-section-title[data-v-3fdf47c3] {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
  color: #36465e;
  margin: 0;
}
.divider[data-v-3fdf47c3] {
  height: 1px;
  background-color: #e5e5e5;
  width: 100%;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology-configuration/views/PsychologyConfigurationView.vue?vue&type=style&index=0&id=19893df5&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology-configuration/views/CalendarIntegrationView.vue?vue&type=style&index=0&id=b1857f04&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.title[data-v-b1857f04],
.subtitle[data-v-b1857f04] {
  font-family: var(--mm-font-basier-circle);
  color: var(--strong-blue--mm-medium-dark);
  font-weight: 400;
}
.ligth-blue[data-v-b1857f04] {
  background: #F7F2E8;
  border-radius: 16px;
  align-items: center;
}
.blue-row[data-v-b1857f04] {
  padding-left: 12px;
  padding-right: 12px;
  gap: 32px;
}
.button-wrapper[data-v-b1857f04] {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
}
.button-wrapper img[data-v-b1857f04] {
  width: 30px;
  height: 30px;
}
.button-wrapper span[data-v-b1857f04] {
  color: var(--mm-medium-dark);
  font-size: 12px;
}
.icon-span[data-v-b1857f04] {
  font-size: 22px !important;
  display: block;
}
.calendar-wrapper[data-v-b1857f04] {
  display: inline-flex;
  align-items: center;
}
.text-wrapper[data-v-b1857f04] {
  font-size: 14px;
}
.form-inline-block[data-v-b1857f04] {
  display: inline-block !important;
}
.calendar-check-wrapper[data-v-b1857f04] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.calendar-icon-container[data-v-b1857f04] {
  display: inline-flex;
  background: #fff;
  padding: 10px;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
.text-wrapper span[data-v-b1857f04] {
  color: #868686;
}
.text-wrapper p[data-v-b1857f04] {
  line-height: 1;
  overflow-wrap: break-word;
  font-weight: 500;
}
.option-text-wrapper[data-v-b1857f04] {
  font-size: 12px;
}
.option-text-wrapper span[data-v-b1857f04] {
  font-weight: 500;
}
.option-text-wrapper p[data-v-b1857f04] {
  line-height: 1;
  font-size: 10px;
}
.legend[data-v-b1857f04] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.legend.semibold[data-v-b1857f04] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.legend.medium[data-v-b1857f04] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.legend.regular[data-v-b1857f04] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.legend[data-v-b1857f04] {
  color: #5E6B7E;
  padding: 0px 10px;
}

/* Media queries  */
@media (min-width: 576px) {
.button-wrapper img[data-v-b1857f04] {
    width: 40px;
    height: 40px;
}
.button-wrapper span[data-v-b1857f04] {
    font-size: 14px;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Steps.vue?vue&type=style&index=0&id=3ffcd3a7&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.steps-container[data-v-3ffcd3a7] {
  margin-top: 2rem;
  padding: 1rem 0;
}
.steps-progress[data-v-3ffcd3a7] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.step-item[data-v-3ffcd3a7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  position: relative;
  min-width: 100px;
}
.step-item[data-v-3ffcd3a7]::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 50%;
  width: 100%;
  height: 2px;
  background: #e0e0e0;
  z-index: 0;
}
.step-item[data-v-3ffcd3a7]:last-child::after {
  display: none;
}
.step-item--completed[data-v-3ffcd3a7]::after {
  background: var(--mm-primary, #287FF2);
}
.step-item--active[data-v-3ffcd3a7]::after {
  background: linear-gradient(to right, var(--mm-primary, #287FF2) 50%, #e0e0e0 50%);
}
.step-circle[data-v-3ffcd3a7] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e0e0e0;
  color: #999;
  font-weight: bold;
  position: relative;
  z-index: 1;
  border: 2px solid #e0e0e0;
}
.step-item--completed .step-circle[data-v-3ffcd3a7] {
  background: var(--mm-primary, #287FF2);
  color: white;
  border-color: var(--mm-primary, #287FF2);
}
.step-item--active .step-circle[data-v-3ffcd3a7] {
  background: white;
  color: var(--mm-primary, #287FF2);
  border-color: var(--mm-primary, #287FF2);
}
.step-label[data-v-3ffcd3a7] {
  font-size: 12px;
  color: #666;
  text-align: center;
}
.step-item--active .step-label[data-v-3ffcd3a7] {
  color: var(--mm-primary, #287FF2);
  font-weight: 500;
}
.step-item--completed .step-label[data-v-3ffcd3a7] {
  color: var(--mm-primary, #287FF2);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology-configuration/views/AvailablityView.vue?vue&type=style&index=0&id=398b09da&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.title[data-v-398b09da] {
  color: var(--mm-medium-dark);
  font-weight: 400;
  font-family: var(--mm-font-basier-circle);
}
.subtitle[data-v-398b09da] {
  font-size: 18px;
  color: var(--mm-medium-dark);
  font-weight: 500;
  font-family: var(--mm-font-basier-circle);
}
.max-w[data-v-398b09da] {
  max-width: 85% !important;
}
.add-interval-grid[data-v-398b09da] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr minmax(32px, 80px);
  width: 100%;
  grid-column-gap: 8px;
  align-items: end;
}
.custom-select-blue[data-v-398b09da] {
  background: var(--mm-light);
  border-color: var(--mm-light);
}
.custom-select[data-v-398b09da] {
  width: 100%;
  background: transparent;
  border: transparent;
}
.selected-info-label[data-v-398b09da] {
  font-size: 15px;
  line-height: 1;
  font-family: var(--mm-font-basier-circle);
  font-weight: 400;
  color: var(--mm-medium-dark);
}
.selected-info[data-v-398b09da] {
  height: auto;
  width: 100%;
  padding: 0;
  display: grid;
  background: var(--mm-light);
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-content: center;
  font-size: 15px;
  line-height: 1;
  font-family: var(--mm-font-basier-circle);
  color: var(--mm-medium-dark);
  justify-content: flex-start;
}
.selected-info select[data-v-398b09da] {
  color: var(--mm-medium-dark);
}
.description[data-v-398b09da] {
  width: 100%;
  height: auto;
  background: #FAFAFA;
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 10px;
  color: var(--mm-medium-dark);
}
.description p[data-v-398b09da] {
  margin: 0;
  font-family: var(--mm-font-basier-circle);
  line-height: 1.2;
  font-size: 15px;
}
.max-height[data-v-398b09da] {
  height: 100% !important;
}
.h-20[data-v-398b09da] {
  height: 20% !important;
}
.interval-time[data-v-398b09da] {
  width: 100% !important;
  display: block;
}
.delete-interval-button button[data-v-398b09da] {
  text-align: center;
  padding: 0;
  border-radius: 100px;
  height: 19px;
  width: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-interval-button button svg[data-v-398b09da] {
  height: 9px;
  width: auto;
}
.ligth-blue[data-v-398b09da] {
  position: relative;
}
.ligth-blue[data-v-398b09da]:before {
  position: absolute;
  content: "";
  background: #E7F2FE;
  left: 12px;
  right: 12px;
  height: 100%;
  z-index: -1;
}
.day-row[data-v-398b09da] {
  min-height: 44px;
  color: var(--mm-primary);
  font-size: 16px;
  background-color: var(--mm-light);
  font-family: var(--mm-font-basier-circle);
  font-weight: 400;
}
.advance-rules-row[data-v-398b09da] {
  margin-left: 5px;
  margin-right: 5px;
}
.rule-title[data-v-398b09da] {
  display: block;
  width: 100%;
}
.rule-value[data-v-398b09da] {
  display: block;
  width: 100%;
  color: #287FF2;
}
.interval-wrapper[data-v-398b09da] {
  width: 100% !important;
  display: grid;
  grid-template-columns: repeat(2, 1fr) minmax(10px, 25px);
  grid-template-rows: 1fr;
  align-items: center;
  text-align: center;
  padding-left: 8px;
}
.action-div[data-v-398b09da] {
  text-align: right !important;
}
@media (min-width: 768px) {
.day-row[data-v-398b09da] {
    font-size: 15px;
}
}
@media (min-width: 992px) {
.day-row[data-v-398b09da] {
    font-size: 17px;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology-configuration/views/PaymentView.vue?vue&type=style&index=0&id=3d181b4e&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology-configuration/views/AgeRangeView.vue?vue&type=style&index=0&id=ae223560&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psychology-configuration/views/ConsultReasonsView.vue?vue&type=style&index=0&id=ab344396&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.consult-reasons__header[data-v-ab344396] {
  margin-bottom: 2rem;
}
.consult-reasons__title[data-v-ab344396] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.consult-reasons__title.semibold[data-v-ab344396] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.consult-reasons__title.medium[data-v-ab344396] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.consult-reasons__title.regular[data-v-ab344396] {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.consult-reasons__title[data-v-ab344396] {
  font-weight: 500;
  color: #36465E;
  margin: 0 0 1rem 0;
}
.consult-reasons__subtitle[data-v-ab344396] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.consult-reasons__subtitle.semibold[data-v-ab344396] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.consult-reasons__subtitle.medium[data-v-ab344396] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.consult-reasons__subtitle.regular[data-v-ab344396] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.consult-reasons__subtitle[data-v-ab344396] {
  font-weight: 400;
  color: #5E6B7E;
  margin: 0;
}
.consult-reasons__subtitle[data-v-ab344396] strong {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.consult-reasons__subtitle[data-v-ab344396] strong.semibold {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.consult-reasons__subtitle[data-v-ab344396] strong.medium {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.consult-reasons__subtitle[data-v-ab344396] strong.regular {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.consult-reasons__subtitle[data-v-ab344396] strong {
  font-weight: 600;
  color: #5E6B7E;
}
.consult-reasons__loading[data-v-ab344396], .consult-reasons__error[data-v-ab344396], .consult-reasons__empty[data-v-ab344396] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.consult-reasons__loading[data-v-ab344396], .consult-reasons__error[data-v-ab344396], .consult-reasons__empty[data-v-ab344396] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.consult-reasons__loading[data-v-ab344396], .consult-reasons__error[data-v-ab344396], .consult-reasons__empty[data-v-ab344396] {
    font-size: 14px;
    line-height: 22px;
}
}
.consult-reasons__loading[data-v-ab344396], .consult-reasons__error[data-v-ab344396], .consult-reasons__empty[data-v-ab344396] {
  font-weight: 400;
}
.consult-reasons__loading.semibold[data-v-ab344396], .consult-reasons__error.semibold[data-v-ab344396], .consult-reasons__empty.semibold[data-v-ab344396] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.consult-reasons__loading.semibold[data-v-ab344396], .consult-reasons__error.semibold[data-v-ab344396], .consult-reasons__empty.semibold[data-v-ab344396] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.consult-reasons__loading.semibold[data-v-ab344396], .consult-reasons__error.semibold[data-v-ab344396], .consult-reasons__empty.semibold[data-v-ab344396] {
    font-size: 14px;
    line-height: 22px;
}
}
.consult-reasons__loading.semibold[data-v-ab344396], .consult-reasons__error.semibold[data-v-ab344396], .consult-reasons__empty.semibold[data-v-ab344396] {
  font-weight: 600;
}
.consult-reasons__loading.medium[data-v-ab344396], .consult-reasons__error.medium[data-v-ab344396], .consult-reasons__empty.medium[data-v-ab344396] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.consult-reasons__loading.medium[data-v-ab344396], .consult-reasons__error.medium[data-v-ab344396], .consult-reasons__empty.medium[data-v-ab344396] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.consult-reasons__loading.medium[data-v-ab344396], .consult-reasons__error.medium[data-v-ab344396], .consult-reasons__empty.medium[data-v-ab344396] {
    font-size: 14px;
    line-height: 22px;
}
}
.consult-reasons__loading.medium[data-v-ab344396], .consult-reasons__error.medium[data-v-ab344396], .consult-reasons__empty.medium[data-v-ab344396] {
  font-weight: 500;
}
.consult-reasons__loading.regular[data-v-ab344396], .consult-reasons__error.regular[data-v-ab344396], .consult-reasons__empty.regular[data-v-ab344396] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.consult-reasons__loading.regular[data-v-ab344396], .consult-reasons__error.regular[data-v-ab344396], .consult-reasons__empty.regular[data-v-ab344396] {
    font-size: 15px;
    line-height: 23px;
}
}
@media (max-width: 575.98px) {
.consult-reasons__loading.regular[data-v-ab344396], .consult-reasons__error.regular[data-v-ab344396], .consult-reasons__empty.regular[data-v-ab344396] {
    font-size: 14px;
    line-height: 22px;
}
}
.consult-reasons__loading.regular[data-v-ab344396], .consult-reasons__error.regular[data-v-ab344396], .consult-reasons__empty.regular[data-v-ab344396] {
  font-weight: 400;
}
.consult-reasons__loading[data-v-ab344396], .consult-reasons__error[data-v-ab344396], .consult-reasons__empty[data-v-ab344396] {
  text-align: center;
  padding: 3rem 1rem;
  color: #6B6B6B;
}
.consult-reasons__error[data-v-ab344396] {
  color: #F12B2E;
}
.consult-reasons__list[data-v-ab344396] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.consult-reasons__card[data-v-ab344396] {
  background-color: #F1EBDF;
  border-radius: 16px;
  padding: 16px;
  border: 0.5px solid #C1C6CD;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}
.consult-reasons__card[data-v-ab344396]:hover:not(.consult-reasons__card--saving) {
  transform: translateY(-2px);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}
.consult-reasons__card[data-v-ab344396]:active {
  transform: translateY(0);
}
.consult-reasons__card--saving[data-v-ab344396] {
  opacity: 0.6;
  cursor: wait;
  pointer-events: none;
}
.consult-reasons__card--selected[data-v-ab344396] {
  background-color: #36465E;
  border: 0.5px solid #C1C6CD;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.consult-reasons__card--selected .consult-reasons__card-title[data-v-ab344396] {
  color: #EBEDEF;
}
.consult-reasons__card--selected .consult-reasons__card-description[data-v-ab344396] {
  color: #C1C6CD;
  opacity: 0.9;
}
.consult-reasons__card--selected[data-v-ab344396]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
}
.consult-reasons__card-content[data-v-ab344396] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.consult-reasons__card-checkbox[data-v-ab344396] {
  flex-shrink: 0;
  margin-top: 0.25rem;
}
.consult-reasons__card-checkbox input[type=checkbox][data-v-ab344396] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #36465E;
}
.consult-reasons__card-text[data-v-ab344396] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.consult-reasons__card-title[data-v-ab344396] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #567394;
  margin: 0;
}
.consult-reasons__card-description[data-v-ab344396] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.consult-reasons__card-description[data-v-ab344396] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.consult-reasons__card-description[data-v-ab344396] {
    font-size: 13px;
    line-height: 19px;
}
}
.consult-reasons__card-description[data-v-ab344396] {
  font-weight: 400;
}
.consult-reasons__card-description.semibold[data-v-ab344396] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.consult-reasons__card-description.semibold[data-v-ab344396] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.consult-reasons__card-description.semibold[data-v-ab344396] {
    font-size: 13px;
    line-height: 19px;
}
}
.consult-reasons__card-description.semibold[data-v-ab344396] {
  font-weight: 600;
}
.consult-reasons__card-description.medium[data-v-ab344396] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.consult-reasons__card-description.medium[data-v-ab344396] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.consult-reasons__card-description.medium[data-v-ab344396] {
    font-size: 13px;
    line-height: 19px;
}
}
.consult-reasons__card-description.medium[data-v-ab344396] {
  font-weight: 500;
}
.consult-reasons__card-description.regular[data-v-ab344396] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
.consult-reasons__card-description.regular[data-v-ab344396] {
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width: 575.98px) {
.consult-reasons__card-description.regular[data-v-ab344396] {
    font-size: 13px;
    line-height: 19px;
}
}
.consult-reasons__card-description.regular[data-v-ab344396] {
  font-weight: 400;
}
.consult-reasons__card-description[data-v-ab344396] {
  color: #6B6B6B;
  margin: 0;
}
.consult-reasons__card--selected .consult-reasons__card-title[data-v-ab344396] {
  color: #EBEDEF;
}
.consult-reasons__card--selected .consult-reasons__card-description[data-v-ab344396] {
  color: #C1C6CD;
  opacity: 0.9;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psycologists/home/components/TaskItem.vue?vue&type=style&index=0&id=8c5865d8&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.task-item[data-v-8c5865d8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 10px;
  transition: all 0.2s ease;
}
.task-item[data-v-8c5865d8]:hover {
  background: #f0f2f5;
  transform: translateX(4px);
}
.task-item .task-content[data-v-8c5865d8] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}
.task-item .task-content .task-status-dot[data-v-8c5865d8] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.task-item .task-content .task-status-dot.badge-warning[data-v-8c5865d8] {
  background-color: #ffc107;
}
.task-item .task-content .task-status-dot.badge-success[data-v-8c5865d8] {
  background-color: #198754;
}
.task-item .task-content .task-name[data-v-8c5865d8] {
  font-family: var(--mm-font-basier-circle, "Helvetica Neue", sans-serif);
  font-size: 18px;
  color: #36465e;
  font-weight: 400;
}
.task-item .task-badge[data-v-8c5865d8] {
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 17px;
  font-weight: 600;
  font-family: var(--mm-font-basier-circle, "Helvetica Neue", sans-serif);
  min-width: 130px;
  text-align: center;
}
.task-item .task-badge.badge-warning[data-v-8c5865d8] {
  background-color: #fff3cd;
  color: #856404;
}
.task-item .task-badge.badge-success[data-v-8c5865d8] {
  background-color: #d4edda;
  color: #155724;
}
@media (max-width: 570px) {
.task-item[data-v-8c5865d8] {
    padding: 15px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.task-item .task-content[data-v-8c5865d8] {
    width: 100%;
    justify-content: center;
}
.task-item .task-content .task-name[data-v-8c5865d8] {
    text-align: center;
}
.task-item .task-badge[data-v-8c5865d8] {
    align-self: center;
    margin: 0 auto;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/psycologists/home/views/Index.vue?vue&type=style&index=0&id=51635e98&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.psycologists-home-container[data-v-51635e98] {
  padding: 10px;
  min-height: calc(100vh - 200px);
}
.welcome-header[data-v-51635e98] {
  margin-bottom: 30px;
}
.welcome-header .welcome-title[data-v-51635e98] {
  font-family: var(--mm-font-basier-circle, "Helvetica Neue", sans-serif);
  font-weight: 500;
  color: var(--mm-primary);
  margin: 0;
  font-size: 32px;
  line-height: normal;
}
.pending-tasks-section .tasks-card[data-v-51635e98] {
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border: none;
  padding: 24px;
}
.pending-tasks-section .tasks-card .tasks-header[data-v-51635e98] {
  margin-bottom: 24px;
}
.pending-tasks-section .tasks-card .tasks-header .section-title[data-v-51635e98] {
  font-family: var(--mm-font-basier-circle, "Helvetica Neue", sans-serif);
  font-size: 24px;
  font-weight: 500;
  color: #36465e;
  margin-bottom: 12px;
}
.pending-tasks-section .tasks-card .tasks-header .divider[data-v-51635e98] {
  height: 1px;
  background-color: #e5e5e5;
}
.pending-tasks-section .tasks-card .tasks-list[data-v-51635e98] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pending-tasks-section .tasks-card .loading-message[data-v-51635e98] {
  text-align: center;
  padding: 20px;
  color: #666;
  font-family: var(--mm-font-basier-circle, "Helvetica Neue", sans-serif);
}
@media (max-width: 768px) {
.psycologists-home-container[data-v-51635e98] {
    padding: 0;
}
.welcome-header .welcome-title[data-v-51635e98] {
    font-size: 24px;
}
.pending-tasks-section .tasks-card[data-v-51635e98] {
    padding: 10px;
}
.pending-tasks-section .tasks-card .tasks-header .section-title[data-v-51635e98] {
    font-size: 18px;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/emotions-check-in/components/EmotionsCheckInSelector.vue?vue&type=style&index=0&id=406c484c&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.emotions-check-in-selector[data-v-406c484c] {
  color: #364153;
  font-family: "Inter", sans-serif;
  color: #364153;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100%;
  width: 100%;
}
@media (max-width: 575.98px) {
.emotions-check-in-selector[data-v-406c484c] {
    min-height: calc(100dvh - 150px);
}
}
.emotions-check-in-selector__container[data-v-406c484c] {
  display: flex;
  max-width: 712px;
  width: 100%;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  border-radius: 24px;
  background: rgba(235, 237, 239, 0.4);
}
@media (max-width: 575.98px) {
.emotions-check-in-selector__container[data-v-406c484c] {
    padding-left: 0;
    padding-right: 0;
    flex: 1;
    min-height: 0;
    justify-content: center;
    align-items: center;
    gap: 60px;
}
}
.emotions-check-in-selector__continue[data-v-406c484c] {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-block: 20px;
}
.emotions-check-in-selector__continue .form-btn[data-v-406c484c] {
  width: 100%;
}
@media (max-width: 575.98px) {
.emotions-check-in-selector__continue[data-v-406c484c] {
    /* Reserva espacio: padding 20+20 + botón (14px + 16+16 padding + 2px border ≈ 48px) = 88px */
    min-height: 88px;
}
}
.emotions-check-in-selector__header[data-v-406c484c] {
  gap: 8px;
}
@media (max-width: 575.98px) {
.emotions-check-in-selector__header[data-v-406c484c] {
    width: 100%;
    text-align: center;
}
}
.emotions-check-in-selector__date[data-v-406c484c] {
  margin: 0;
  margin-bottom: 60px;
  color: var(--Principales-Blue-blue-500, #36465e);
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.emotions-check-in-selector__date[data-v-406c484c] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.emotions-check-in-selector__date[data-v-406c484c] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.emotions-check-in-selector__greeting[data-v-406c484c] {
  font-size: 24px;
  line-height: 32px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.emotions-check-in-selector__greeting[data-v-406c484c] {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.emotions-check-in-selector__greeting[data-v-406c484c] {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.3px;
}
}
.emotions-check-in-selector__greeting[data-v-406c484c] {
  color: #567394;
  margin: 0;
}
.emotions-check-in-selector__title[data-v-406c484c] {
  font-size: 32px;
  line-height: 40px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.emotions-check-in-selector__title[data-v-406c484c] {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.emotions-check-in-selector__title[data-v-406c484c] {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.3px;
}
}
.emotions-check-in-selector__title[data-v-406c484c] {
  color: #567394;
  margin: 0;
}
.emotions-check-in-selector__options[data-v-406c484c] {
  display: grid;
  align-items: center;
  width: 100%;
  grid-template-columns: 1fr;
}
@media (min-width: 576.98px) {
.emotions-check-in-selector__options[data-v-406c484c] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
@media (max-width: 575.98px) {
.emotions-check-in-selector__options[data-v-406c484c] {
    display: flex;
    grid-template-columns: unset;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: -0.8rem;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    gap: 16px;
    padding: 0 calc(50vw - 110px);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.emotions-check-in-selector__options[data-v-406c484c]::-webkit-scrollbar {
    display: none;
}
}
.emotions-check-in-selector__option[data-v-406c484c] {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  cursor: pointer;
  width: 100%;
  border: none;
  background: transparent;
  outline: none;
  transition: opacity 0.25s ease;
}
@media (max-width: 575.98px) {
.emotions-check-in-selector__option[data-v-406c484c] {
    flex-shrink: 0;
    scroll-snap-align: center;
    padding: 0 32px 7px 32px;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.5);
    will-change: width, min-width, opacity, transform;
    transition: width 0.08s ease-out, min-width 0.08s ease-out, opacity 0.08s ease-out, transform 0.08s ease-out;
}
}
.emotions-check-in-selector__option[data-v-406c484c]:disabled {
  cursor: default;
}
.emotions-check-in-selector__option--inactive[data-v-406c484c] {
  opacity: 0.45;
}
@media (max-width: 575.98px) {
.emotions-check-in-selector__option--inactive[data-v-406c484c] {
    opacity: 1;
}
}
.emotions-check-in-selector__option-image-wrapper[data-v-406c484c] {
  display: flex;
  width: 58px;
  height: 58px;
  padding: 0 9px 1px 9px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.5);
  margin-bottom: 16px;
  overflow: hidden;
}
@media (max-width: 575.98px) {
.emotions-check-in-selector__option-image-wrapper[data-v-406c484c] {
    width: auto;
    height: auto;
    padding: 0;
    margin-bottom: 0;
    background: transparent;
    border-radius: 0;
    flex: 1;
    min-height: 0;
}
}
.emotions-check-in-selector__option-image[data-v-406c484c] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 575.98px) {
.emotions-check-in-selector__option-image[data-v-406c484c] {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
}
.emotions-check-in-selector__option-label[data-v-406c484c] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.emotions-check-in-selector__option-label.semibold[data-v-406c484c] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.emotions-check-in-selector__option-label.medium[data-v-406c484c] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.emotions-check-in-selector__option-label.regular[data-v-406c484c] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.emotions-check-in-selector__option-label[data-v-406c484c] {
  font-weight: 500;
  color: #36465E;
}
@media (max-width: 575.98px) {
.emotions-check-in-selector__option-label[data-v-406c484c] {
    flex-shrink: 0;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/emotions-check-in/components/EmotionsCheckInEmotionPicker.vue?vue&type=style&index=0&id=43e92eac&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.emotion-picker[data-v-43e92eac] {
  color: #364153;
  font-family: "Inter", sans-serif;
  display: flex;
  justify-content: center;
  width: 100%;
}
.emotion-picker__container[data-v-43e92eac] {
  gap: 32px;
  padding: 24px 32px;
  align-items: stretch;
  max-width: 712px;
  width: 100%;
}
@media (max-width: 575.98px) {
.emotion-picker__container[data-v-43e92eac] {
    padding-inline: 0;
    padding-block: 40px;
}
}
.emotion-picker__heading[data-v-43e92eac] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.emotion-picker__heading-text[data-v-43e92eac] {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.emotion-picker__heading-selected[data-v-43e92eac] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
.emotion-picker__heading-img-wrapper[data-v-43e92eac] {
  display: flex;
  width: 58px;
  height: 58px;
  padding: 0 9px 1px 9px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.5);
  overflow: hidden;
}
.emotion-picker__heading-img[data-v-43e92eac] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.emotion-picker__heading-label[data-v-43e92eac] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.emotion-picker__heading-label.semibold[data-v-43e92eac] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.emotion-picker__heading-label.medium[data-v-43e92eac] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.emotion-picker__heading-label.regular[data-v-43e92eac] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.emotion-picker__heading-label[data-v-43e92eac] {
  font-weight: 500;
  color: #36465E;
}
.emotion-picker__actions[data-v-43e92eac] {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-block: 32px;
}
@media (max-width: 575.98px) {
.emotion-picker__continue-btn[data-v-43e92eac] {
    width: 100%;
}
}
.emotion-picker__title[data-v-43e92eac], .emotion-picker__subtitle[data-v-43e92eac] {
  font-size: 24px;
  line-height: 32px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.emotion-picker__title[data-v-43e92eac], .emotion-picker__subtitle[data-v-43e92eac] {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.emotion-picker__title[data-v-43e92eac], .emotion-picker__subtitle[data-v-43e92eac] {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.3px;
}
}
.emotion-picker__title[data-v-43e92eac], .emotion-picker__subtitle[data-v-43e92eac] {
  color: #567394;
  margin: 0;
}
.emotion-picker__options[data-v-43e92eac] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: stretch;
  justify-content: start;
  width: 100%;
}
@media (max-width: 575.98px) {
.emotion-picker__options[data-v-43e92eac] {
    gap: 12px;
}
}
.emotion-picker__pill[data-v-43e92eac] {
  font-size: 14px;
  line-height: 34px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.emotion-picker__pill.semibold[data-v-43e92eac] {
  font-size: 14px;
  line-height: 34px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.emotion-picker__pill.medium[data-v-43e92eac] {
  font-size: 14px;
  line-height: 34px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.emotion-picker__pill.regular[data-v-43e92eac] {
  font-size: 14px;
  line-height: 34px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.emotion-picker__pill[data-v-43e92eac] {
  font-weight: 600;
  color: #36465E;
  background: rgba(255, 238, 196, 0.3);
  border: 1px solid #788393;
  border-radius: 36px;
  padding: 9px 37px;
  backdrop-filter: blur(20px);
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  white-space: nowrap;
  outline: none;
}
@media (min-width: 576.98px) {
.emotion-picker__pill[data-v-43e92eac] {
    flex: 0 0 calc((100% - 48px) / 4);
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
}
@media (max-width: 575.98px) {
.emotion-picker__pill[data-v-43e92eac] {
    flex: 0 0 calc(50% - 6px);
    min-width: 0;
    padding: 8px 24px;
}
}
.emotion-picker__pill[data-v-43e92eac]:hover:not(:disabled) {
  opacity: 0.9;
}
.emotion-picker__pill[data-v-43e92eac]:focus {
  outline: none;
}
.emotion-picker__pill[data-v-43e92eac]:focus-visible {
  box-shadow: 0 0 0 2px #567394;
}
.emotion-picker__pill[data-v-43e92eac]:disabled {
  cursor: default;
  opacity: 0.5;
}
.emotion-picker__pill--selected[data-v-43e92eac] {
  background-color: #748899 !important;
  color: #EBEDEF !important;
  border-color: #FFE198 !important;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) !important;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/emotions-check-in/components/EmotionsCheckInDiary.vue?vue&type=style&index=0&id=e5af48b4&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.diary[data-v-e5af48b4] {
  color: #364153;
  font-family: "Inter", sans-serif;
  display: flex;
  justify-content: center;
  width: 100%;
}
.diary__container[data-v-e5af48b4] {
  max-width: 712px;
  width: 100%;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 24px;
  padding: 32px;
  gap: 40px;
}
@media (max-width: 575.98px) {
.diary__container[data-v-e5af48b4] {
    padding: 32px 16px;
    border-radius: 16px;
}
}
.diary__top-buttons[data-v-e5af48b4] {
  width: 100%;
}
.diary__back-btn[data-v-e5af48b4] {
  background: #EBEDEF;
  border: 0.5px solid #8EA1B7;
  border-radius: 30px;
  padding: 12px 16px 12px 8px;
  gap: 4px;
  color: #5E6B7E;
}
.diary__back-btn[data-v-e5af48b4]:hover:not(:disabled) {
  opacity: 0.8;
  background: #EBEDEF;
  border-color: #8EA1B7;
}
.diary__back-icon-wrap[data-v-e5af48b4] {
  padding: 8px;
  flex-shrink: 0;
}
.diary__back-icon[data-v-e5af48b4] {
  width: auto;
  height: 12px;
  display: block;
}
.diary__back-btn span[data-v-e5af48b4] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.diary__back-btn span.semibold[data-v-e5af48b4] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.diary__back-btn span.medium[data-v-e5af48b4] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.diary__back-btn span.regular[data-v-e5af48b4] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.diary__back-btn span[data-v-e5af48b4] {
  font-weight: 500;
  color: #5E6B7E;
}
.diary__content[data-v-e5af48b4] {
  gap: 16px;
  width: 100%;
}
.diary__header[data-v-e5af48b4] {
  gap: 32px;
  width: 100%;
}
@media (max-width: 575.98px) {
.diary__header[data-v-e5af48b4] {
    gap: 16px;
}
}
.diary__header-text[data-v-e5af48b4] {
  min-height: 88px;
}
@media (max-width: 575.98px) {
.diary__header-text[data-v-e5af48b4] {
    min-height: 72px;
}
}
.diary__title[data-v-e5af48b4] {
  font-size: 32px;
  line-height: 40px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.diary__title[data-v-e5af48b4] {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.diary__title[data-v-e5af48b4] {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -0.3px;
}
}
.diary__title[data-v-e5af48b4] {
  color: #567394;
  margin: 0;
}
.diary__date[data-v-e5af48b4] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.diary__date[data-v-e5af48b4] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.312px;
}
}
@media (max-width: 575.98px) {
.diary__date[data-v-e5af48b4] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.312px;
}
}
.diary__date[data-v-e5af48b4] {
  color: #5E6B7E;
  margin: 0;
}
.diary__mood[data-v-e5af48b4] {
  gap: 16px;
  flex-shrink: 0;
  width: 100px;
}
@media (max-width: 575.98px) {
.diary__mood[data-v-e5af48b4] {
    width: 80px;
    gap: 8px;
}
}
.diary__mood-icon[data-v-e5af48b4] {
  display: flex;
  width: 58px;
  height: 58px;
  padding: 0 9px 1px 9px;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  background: #FFFBF2;
  overflow: hidden;
}
@media (max-width: 575.98px) {
.diary__mood-icon[data-v-e5af48b4] {
    width: 48px;
    height: 48px;
    border-radius: 20px;
}
}
.diary__mood-img[data-v-e5af48b4] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.diary__mood-label[data-v-e5af48b4] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.diary__mood-label.semibold[data-v-e5af48b4] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.diary__mood-label.medium[data-v-e5af48b4] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.diary__mood-label.regular[data-v-e5af48b4] {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.diary__mood-label[data-v-e5af48b4] {
  font-weight: 500;
  color: #36465E;
  text-align: center;
}
.diary__card[data-v-e5af48b4] {
  background: #F7F2E8;
  border-radius: 16px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  padding: 24px;
  gap: 16px;
}
@media (max-width: 575.98px) {
.diary__card[data-v-e5af48b4] {
    padding: 16px;
    border-radius: 8px;
}
}
.diary__card-title[data-v-e5af48b4] {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.312px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.diary__card-title[data-v-e5af48b4] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.312px;
}
}
@media (max-width: 575.98px) {
.diary__card-title[data-v-e5af48b4] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.312px;
}
}
.diary__card-title[data-v-e5af48b4] {
  color: #567394;
  margin: 0;
}
.diary__card-inputs[data-v-e5af48b4] {
  gap: 12px;
}
.diary__input[data-v-e5af48b4], .diary__textarea[data-v-e5af48b4] {
  color: #364153;
  font-family: "Inter", sans-serif;
  background: #F2F4F6;
  border: 1.111px solid #D8DEE4;
  border-radius: 12px;
  padding: 12px 16px;
  width: 100%;
  outline: none;
  resize: none;
  transition: border-color 0.2s ease;
}
.diary__input[data-v-e5af48b4]::-moz-placeholder, .diary__textarea[data-v-e5af48b4]::-moz-placeholder {
  color: #AAB8C5;
  font-weight: 600;
}
.diary__input[data-v-e5af48b4]::placeholder, .diary__textarea[data-v-e5af48b4]::placeholder {
  color: #AAB8C5;
  font-weight: 600;
}
.diary__input[data-v-e5af48b4]:focus, .diary__textarea[data-v-e5af48b4]:focus {
  border-color: #8EA1B7;
}
.diary__input[data-v-e5af48b4] {
  font-size: 16px;
  line-height: normal;
  font-style: normal;
  letter-spacing: -0.3125px;
  font-weight: 400;
}
.diary__input.semibold[data-v-e5af48b4] {
  font-size: 16px;
  line-height: normal;
  font-style: normal;
  letter-spacing: -0.3125px;
  font-weight: 600;
}
.diary__input.medium[data-v-e5af48b4] {
  font-size: 16px;
  line-height: normal;
  font-style: normal;
  letter-spacing: -0.3125px;
  font-weight: 500;
}
.diary__input.regular[data-v-e5af48b4] {
  font-size: 16px;
  line-height: normal;
  font-style: normal;
  letter-spacing: -0.3125px;
  font-weight: 400;
}
.diary__input[data-v-e5af48b4] {
  font-weight: 600;
  color: #AAB8C5;
}
.diary__input[data-v-e5af48b4]::-moz-placeholder {
  color: #A0AAB8;
}
.diary__input[data-v-e5af48b4]::placeholder {
  color: #A0AAB8;
}
.diary__input[data-v-e5af48b4]:not(:-moz-placeholder) {
  color: #364153;
}
.diary__input[data-v-e5af48b4]:not(:placeholder-shown) {
  color: #364153;
}
.diary__textarea[data-v-e5af48b4] {
  font-size: 14px;
  line-height: 21px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.diary__textarea.semibold[data-v-e5af48b4] {
  font-size: 14px;
  line-height: 21px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.diary__textarea.medium[data-v-e5af48b4] {
  font-size: 14px;
  line-height: 21px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.diary__textarea.regular[data-v-e5af48b4] {
  font-size: 14px;
  line-height: 21px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.diary__textarea[data-v-e5af48b4] {
  font-weight: 400;
  color: #364153;
  min-height: 152px;
}
.diary__textarea[data-v-e5af48b4]::-moz-placeholder {
  color: #A0AAB8;
  font-weight: 400;
}
.diary__textarea[data-v-e5af48b4]::placeholder {
  color: #A0AAB8;
  font-weight: 400;
}
@media (max-width: 575.98px) {
.diary__textarea[data-v-e5af48b4] {
    min-height: 120px;
}
}
.diary__pills[data-v-e5af48b4] {
  gap: 12px;
}
@media (max-width: 575.98px) {
.diary__pills[data-v-e5af48b4] {
    gap: 8px;
}
}
.diary__pill[data-v-e5af48b4] {
  font-size: 14px;
  line-height: 21px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.diary__pill.semibold[data-v-e5af48b4] {
  font-size: 14px;
  line-height: 21px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.diary__pill.medium[data-v-e5af48b4] {
  font-size: 14px;
  line-height: 21px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.diary__pill.regular[data-v-e5af48b4] {
  font-size: 14px;
  line-height: 21px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.diary__pill[data-v-e5af48b4] {
  font-weight: 500;
  color: #567394;
  border: 1.111px solid #5E6B7E;
  border-radius: 9999px;
  padding: 8px 20px;
  white-space: nowrap;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/emotions-check-in/views/EmotionsCheckInView.vue?vue&type=style&index=0&id=dd65b7d0&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.emotions-check-in[data-v-dd65b7d0] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  width: 100%;
  padding-top: 181px;
}
@media (max-width: 991.98px) {
.emotions-check-in[data-v-dd65b7d0] {
    min-height: 100dvh;
}
}
@media (max-width: 575.98px) {
.emotions-check-in[data-v-dd65b7d0] {
    padding-top: 0;
    min-height: auto;
}
}
.emotions-check-in__inner[data-v-dd65b7d0] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
@media (min-width: 576.98px) {
.emotions-check-in__inner--selector-only[data-v-dd65b7d0] {
    flex: 1;
    justify-content: center;
    padding-bottom: 150px;
}
}
.emotions-check-in__selector-wrapper[data-v-dd65b7d0],
.emotions-check-in__picker-wrapper[data-v-dd65b7d0] {
  width: 100%;
  scroll-margin-top: 181px;
}
@media (max-width: 575.98px) {
.emotions-check-in__selector-wrapper[data-v-dd65b7d0],
  .emotions-check-in__picker-wrapper[data-v-dd65b7d0] {
    scroll-margin-top: 0;
}
}
.emotions-check-in__selector-wrapper[data-v-dd65b7d0] {
  display: flex;
  justify-content: center;
}
.emotions-check-in__picker-wrapper[data-v-dd65b7d0] {
  display: flex;
  justify-content: center;
}
.emotions-check-in__diary-wrapper[data-v-dd65b7d0] {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 80px;
}
@media (min-width: 1600px) {
.emotions-check-in__diary-wrapper[data-v-dd65b7d0] {
    padding-bottom: 120px;
}
}
@media (max-width: 575.98px) {
.emotions-check-in__diary-wrapper[data-v-dd65b7d0] {
    padding-bottom: 32px;
}
}
.emotions-check-in__error[data-v-dd65b7d0] {
  margin: 0;
  text-align: center;
  color: #F12B2E;
}
.emotions-check-in__skeleton[data-v-dd65b7d0] {
  flex: 1;
  justify-content: center;
  max-width: 712px;
  width: 100%;
  padding-bottom: 120px;
}
@media (max-width: 575.98px) {
.emotions-check-in__skeleton[data-v-dd65b7d0] {
    padding-bottom: 0;
}
}
.emotions-check-in__skeleton-block[data-v-dd65b7d0] {
  width: 100%;
  max-width: 712px;
}
@media (max-width: 575.98px) {
.emotions-check-in__skeleton-block[data-v-dd65b7d0] {
    height: calc(90dvh - 140px) !important;
    height: calc(90vh - 140px) !important;
}
}

/* Animación entre selector y emotion picker */
.emotions-fade-slide-enter-active[data-v-dd65b7d0],
.emotions-fade-slide-leave-active[data-v-dd65b7d0] {
  transition: opacity 0.35s ease, transform 0.35s ease;
}
.emotions-fade-slide-enter-from[data-v-dd65b7d0],
.emotions-fade-slide-leave-to[data-v-dd65b7d0] {
  opacity: 0;
  transform: translateY(-16px);
}
.emotions-fade-slide-enter-to[data-v-dd65b7d0],
.emotions-fade-slide-leave-from[data-v-dd65b7d0] {
  opacity: 1;
  transform: translateY(0);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/breathing/components/BreathingMuteButton.vue?vue&type=style&index=0&id=8c2b677c&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.breathing-mute-btn[data-v-8c2b677c] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.breathing-mute-btn__icon[data-v-8c2b677c] {
  width: 48px;
  height: auto;
  display: block;
  transition: opacity 0.2s ease;
}
.breathing-mute-btn__icon--muted[data-v-8c2b677c] {
  opacity: 0.5;
}
.breathing-mute-btn[data-v-8c2b677c]:hover {
  box-shadow: none !important;
}
.breathing-mute-btn--muted[data-v-8c2b677c] {
  color: #EBEDEF;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/breathing/components/BreathingProgressDonut.vue?vue&type=style&index=0&id=36cab7a4&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.breathing-progress-donut[data-v-36cab7a4] {
  width: 42px;
  height: 42px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.breathing-progress-donut__svg[data-v-36cab7a4] {
  width: 100%;
  height: 100%;
}
.breathing-progress-donut__fill[data-v-36cab7a4] {
  color: #FFDA7E;
}
.breathing-progress-donut--complete .breathing-progress-donut__fill[data-v-36cab7a4] {
  color: #FFDA7E;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/breathing/components/BreathingStartOverlay.vue?vue&type=style&index=0&id=14fbd436&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.breathing-start-overlay[data-v-14fbd436] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: end;
  justify-content: center;
  padding: 1.5rem;
  background: transparent;
  z-index: 40;
}
@media (max-width: 575.98px) {
.breathing-start-overlay[data-v-14fbd436] {
    padding: 8px;
}
}
.breathing-start-overlay__card[data-v-14fbd436] {
  position: relative;
  width: 100%;
  max-width: 860px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 24px;
  border-radius: 20px;
  border: 0.5px solid #A2BFCD;
  background: rgba(239, 243, 246, 0.7294117647);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.0509803922);
}
@media (max-width: 575.98px) {
.breathing-start-overlay__card[data-v-14fbd436] {
    flex-direction: column;
    align-items: stretch;
    padding: 16px;
    max-width: 100%;
}
}
.breathing-start-overlay__title[data-v-14fbd436] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
.breathing-start-overlay__title[data-v-14fbd436] {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.breathing-start-overlay__title[data-v-14fbd436] {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.breathing-start-overlay__title[data-v-14fbd436] {
  color: #36465E;
  margin: 0;
}
.breathing-start-overlay__content[data-v-14fbd436] {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
.breathing-start-overlay__description-wrap[data-v-14fbd436] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.breathing-start-overlay__description[data-v-14fbd436] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.breathing-start-overlay__description[data-v-14fbd436] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.breathing-start-overlay__description[data-v-14fbd436] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.breathing-start-overlay__description[data-v-14fbd436] {
  color: #5E6B7E;
  margin: 0;
}
.breathing-start-overlay__benefits[data-v-14fbd436] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.25px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
.breathing-start-overlay__benefits[data-v-14fbd436] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
@media (max-width: 575.98px) {
.breathing-start-overlay__benefits[data-v-14fbd436] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
}
}
.breathing-start-overlay__benefits[data-v-14fbd436] {
  display: inline;
  color: #6B6B6B;
  margin: 0;
}
.breathing-start-overlay__benefits-label[data-v-14fbd436] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
.breathing-start-overlay__benefits-label[data-v-14fbd436] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
@media (max-width: 575.98px) {
.breathing-start-overlay__benefits-label[data-v-14fbd436] {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px;
}
}
.breathing-start-overlay__benefits-label[data-v-14fbd436] {
  color: #36465E;
}
.breathing-start-overlay__benefits-text[data-v-14fbd436] {
  color: #5E6B7E;
}
.breathing-start-overlay__btn[data-v-14fbd436] {
  font-weight: 600;
  line-height: 34px;
  padding: 9px 37px;
}
@media (max-width: 575.98px) {
.breathing-start-overlay__btn[data-v-14fbd436] {
    width: 100%;
}
}
.breathing-start-overlay__close[data-v-14fbd436] {
  position: absolute;
  top: -0.5px;
  right: -0.5px;
  padding: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #36465E;
  cursor: pointer;
}
.breathing-start-overlay__close[data-v-14fbd436]:hover {
  opacity: 0.85;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/modules/breathing/components/BreathingCloseButton.vue?vue&type=style&index=0&id=25a96c43&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

button[data-v-25a96c43] {
  all: unset;
  cursor: pointer;
  display: inline-flex;
}
button[data-v-25a96c43]:hover {
  box-shadow: none !important;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/breathing/views/BreathingView.vue?vue&type=style&index=0&id=34c84428&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
.breathing[data-v-34c84428] {
  width: 100%;
  height: calc(100vh - 100px);
  min-height: 400px;
  background: #FAF6EE;
  position: relative;
  overflow: hidden;
  border-radius: 24px;
}
@media (max-width: 575.98px) {
.breathing[data-v-34c84428] {
    height: calc(100dvh - 100px);
}
@supports not (height: 100dvh) {
.breathing[data-v-34c84428] {
      height: calc(100vh - 100px);
      min-height: -webkit-fill-available;
}
}
}
.breathing__top-bar[data-v-34c84428] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 35;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
}
@media (max-width: 575.98px) {
.breathing__top-bar[data-v-34c84428] {
    padding: 8px;
    padding-left: 0;
    padding-right: 4px;
}
}
.breathing__back[data-v-34c84428] {
  display: flex;
  align-items: center;
}
.breathing__mute[data-v-34c84428] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.breathing__top-bar-right[data-v-34c84428] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-left: auto;
}
.breathing__progress-wrap[data-v-34c84428] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.25);
}
.breathing__stage[data-v-34c84428] {
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--breathing-stage-width);
  height: var(--breathing-stage-height);
  transform: translate(-50%, -50%) scale(var(--breathing-stage-scale, 1));
  transform-origin: center center;
}
.breathing__scene[data-v-34c84428] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.breathing__layer[data-v-34c84428] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.breathing__layer--editing[data-v-34c84428] {
  pointer-events: none;
}
.breathing__layer--editing.breathing__layer--selected[data-v-34c84428] {
  pointer-events: auto;
}
.breathing__layer--selected[data-v-34c84428] {
  z-index: 9999 !important;
}
.breathing__elemento--editing[data-v-34c84428] {
  cursor: move;
  outline: 1px dashed rgba(16, 30, 65, 0.3);
  outline-offset: 2px;
}
.breathing__elemento--editing[data-v-34c84428]:hover {
  outline-color: rgba(16, 30, 65, 0.5);
}

/* Z-index según orden del SVG maestro */
.breathing__layer--z1[data-v-34c84428] {
  z-index: 1;
}
.breathing__layer--z2[data-v-34c84428] {
  z-index: 2;
}
.breathing__layer--z3[data-v-34c84428] {
  z-index: 3;
}
.breathing__layer--z4[data-v-34c84428] {
  z-index: 4;
}
.breathing__layer--z5[data-v-34c84428] {
  z-index: 5;
}
.breathing__layer--z6[data-v-34c84428] {
  z-index: 6;
}
.breathing__layer--z7[data-v-34c84428] {
  z-index: 7;
}
.breathing__layer--z8[data-v-34c84428] {
  z-index: 8;
}
.breathing__layer--z9[data-v-34c84428] {
  z-index: 9;
}
.breathing__layer--z10[data-v-34c84428] {
  z-index: 10;
}
.breathing__layer--z11[data-v-34c84428] {
  z-index: 11;
}
.breathing__layer--z12[data-v-34c84428] {
  z-index: 12;
}
.breathing__layer--z13[data-v-34c84428] {
  z-index: 13;
}
.breathing__layer--z14[data-v-34c84428] {
  z-index: 14;
}
.breathing__layer--z15[data-v-34c84428] {
  z-index: 15;
}
.breathing__layer--z16[data-v-34c84428] {
  z-index: 16;
}
.breathing__layer--z17[data-v-34c84428] {
  z-index: 17;
}
.breathing__layer--z18[data-v-34c84428] {
  z-index: 18;
}
.breathing__layer--z19[data-v-34c84428] {
  z-index: 19;
}
.breathing__layer--z20[data-v-34c84428] {
  z-index: 20;
}
.breathing__elemento[data-v-34c84428] {
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  transform-origin: center center;
  box-sizing: border-box;
}
.breathing__elemento--main[data-v-34c84428] {
  max-height: 70%;
  max-width: 120px;
}
.breathing__elemento[data-v-34c84428] {
  /* Posiciones según transforms del SVG maestro (viewBox 1829.977 × 2215.851) */
}
.breathing__elemento--10[data-v-34c84428] {
  left: 0;
  top: 9.4%;
  max-height: 25%;
  max-width: 40%;
}
.breathing__elemento--9[data-v-34c84428] {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-height: 30%;
  max-width: 50%;
}
.breathing__elemento--6[data-v-34c84428] {
  left: 12.4%;
  top: 7.6%;
  max-height: 35%;
  max-width: 45%;
}
.breathing__elemento--5[data-v-34c84428] {
  left: -32.8%;
  top: 9.5%;
  max-height: 35%;
  max-width: 50%;
}
.breathing__elemento--3[data-v-34c84428] {
  left: 37.5%;
  top: 0;
  max-height: 40%;
  max-width: 40%;
}
.breathing__elemento--2[data-v-34c84428] {
  left: -67.7%;
  top: 12.6%;
  max-height: 35%;
  max-width: 55%;
}
.breathing__elemento--1[data-v-34c84428] {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-height: 45%;
  max-width: 60%;
}
.breathing__elemento[data-v-34c84428] {
  /* elemento-1 */
}
.breathing__elemento--guion-1[data-v-34c84428] {
  max-height: 100px;
  left: 50%;
  top: 20%;
  transform: translateX(-50%);
}
.breathing__elemento[data-v-34c84428] {
  /* Vides (elemento-2 … elemento-7) distribuidos */
}
.breathing__elemento--vine-1[data-v-34c84428] {
  max-height: 120px;
  left: 15%;
  top: 10%;
  transform: rotate(-20deg);
}
.breathing__elemento--vine-2[data-v-34c84428] {
  max-height: 100px;
  right: 20%;
  top: 15%;
  transform: rotate(15deg);
}
.breathing__elemento--vine-3[data-v-34c84428] {
  max-height: 90px;
  left: 25%;
  bottom: 20%;
  transform: rotate(10deg);
}
.breathing__elemento--vine-4[data-v-34c84428] {
  max-height: 110px;
  right: 15%;
  bottom: 15%;
  transform: rotate(-10deg);
}
.breathing__elemento--vine-5[data-v-34c84428] {
  max-height: 95px;
  left: 10%;
  top: 25%;
  transform: rotate(-15deg);
}
.breathing__elemento--vine-6[data-v-34c84428] {
  max-height: 85px;
  right: 25%;
  top: 30%;
  transform: rotate(8deg);
}
.breathing__elemento--vine-8[data-v-34c84428] {
  max-height: 100px;
  left: 50%;
  bottom: 30%;
  transform: translateX(-50%) rotate(-5deg);
}
.breathing__hojas-izq[data-v-34c84428] {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  max-width: 45%;
  max-height: 90%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
}
.breathing__hojas-der[data-v-34c84428] {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  max-width: 45%;
  max-height: 90%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right center;
     object-position: right center;
}
.breathing__hojas-abajo-der[data-v-34c84428] {
  position: absolute;
  left: -49.9%;
  top: 2.7%;
  max-width: 55%;
  max-height: 50%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left top;
     object-position: left top;
}
.breathing__indicator[data-v-34c84428] {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 8px;
  width: 171px;
  height: 52px;
  padding: 8px 36px;
  border-radius: 36px;
  border: 1px solid #B59B59;
  background: #FFDA7E;
  font-size: 1rem;
  color: #364153;
  font-weight: 500;
  z-index: 35;
  justify-content: center;
}
.breathing__indicator-text[data-v-34c84428] {
  display: inline-block;
}
.indicator-fade-enter-active[data-v-34c84428],
.indicator-fade-leave-active[data-v-34c84428] {
  transition: opacity 0.35s ease, filter 0.35s ease;
}
.indicator-fade-enter-from[data-v-34c84428],
.indicator-fade-leave-to[data-v-34c84428] {
  opacity: 0;
  filter: blur(4px);
}
.indicator-fade-enter-to[data-v-34c84428],
.indicator-fade-leave-from[data-v-34c84428] {
  opacity: 1;
  filter: blur(0);
}

/* Overlay de finalización: "Bien hecho" */
.breathing__complete-overlay[data-v-34c84428] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(250, 246, 238, 0.92);
  z-index: 40;
}
.breathing__complete-message[data-v-34c84428] {
  font-size: 1.75rem;
  font-weight: 600;
  color: #364153;
  margin: 0;
}
.complete-fade-enter-active[data-v-34c84428],
.complete-fade-leave-active[data-v-34c84428] {
  transition: opacity 0.4s ease;
}
.complete-fade-enter-from[data-v-34c84428],
.complete-fade-leave-to[data-v-34c84428] {
  opacity: 0;
}
.complete-fade-enter-to[data-v-34c84428],
.complete-fade-leave-from[data-v-34c84428] {
  opacity: 1;
}
.breathing__phase[data-v-34c84428] {
  text-transform: capitalize;
}
.breathing__edit-banner[data-v-34c84428] {
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.75rem 1.25rem;
  padding-top: 0.5rem;
  background: rgba(16, 30, 65, 0.95);
  color: #fff;
  font-size: 0.875rem;
  border-radius: 0.5rem;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}
.breathing__edit-drag-handle[data-v-34c84428] {
  cursor: grab;
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem 0.25rem;
  font-size: 1rem;
  letter-spacing: 0.15em;
  opacity: 0.8;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.breathing__edit-drag-handle[data-v-34c84428]:active {
  cursor: grabbing;
}
.breathing__edit-label[data-v-34c84428] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.breathing__edit-z-label[data-v-34c84428] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.875rem;
}
.breathing__edit-z-input[data-v-34c84428] {
  width: 4rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  background: #fff;
  color: #101e41;
  font-size: 0.875rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.breathing__edit-z-input[data-v-34c84428]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.breathing__edit-select[data-v-34c84428] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  background: #fff;
  color: #101e41;
  font-size: 0.875rem;
  min-width: 180px;
}
.breathing__edit-actions[data-v-34c84428] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
}
.breathing__edit-deselect[data-v-34c84428] {
  padding: 0.35rem 0.75rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 0.8125rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: background 0.2s;
}
.breathing__edit-deselect[data-v-34c84428]:hover {
  background: rgba(255, 255, 255, 0.3);
}
.breathing__edit-reset[data-v-34c84428] {
  padding: 0.35rem 0.75rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 0.8125rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: background 0.2s, opacity 0.2s;
}
.breathing__edit-reset[data-v-34c84428]:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.3);
}
.breathing__edit-reset[data-v-34c84428]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.breathing__edit-json[data-v-34c84428] {
  padding: 0.35rem 0.75rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 0.8125rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: background 0.2s, opacity 0.2s;
}
.breathing__edit-json[data-v-34c84428]:hover {
  background: rgba(255, 255, 255, 0.3);
}
.breathing__edit-hint[data-v-34c84428] {
  font-size: 0.75rem;
  opacity: 0.9;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/styles/styles.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
/* GLOBAL STYLES */
/* Crimson Text */
@font-face {
  font-family: "Crimson Text";
  src: url(/fonts/CrimsonText-Regular.5558d1cd.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Crimson Text";
  src: url(/fonts/CrimsonText-Italic.65f62c86.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Crimson Text";
  src: url(/fonts/CrimsonText-SemiBold.9624835a.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Crimson Text";
  src: url(/fonts/CrimsonText-SemiBoldItalic.cebedaec.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Crimson Text";
  src: url(/fonts/CrimsonText-Bold.c4cad6c0.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Crimson Text";
  src: url(/fonts/CrimsonText-BoldItalic.1e932b85.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/fonts/Inter_18pt-Thin.b672c892.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/fonts/Inter_18pt-ThinItalic.1ae4bbff.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/fonts/Inter_18pt-ExtraLight.e7f00fab.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/fonts/Inter_18pt-ExtraLightItalic.3c4ecd87.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/fonts/Inter_18pt-Light.1ae2e909.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/fonts/Inter_18pt-LightItalic.86ecb2ee.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/fonts/Inter_18pt-Regular.a1db7239.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/fonts/Inter_18pt-Italic.6dbda78c.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/fonts/Inter_18pt-Medium.adc5e936.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/fonts/Inter_18pt-MediumItalic.6ec291e6.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/fonts/Inter_18pt-SemiBold.3558e004.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/fonts/Inter_18pt-SemiBoldItalic.8d88e22b.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/fonts/Inter_18pt-Bold.56a11d28.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/fonts/Inter_18pt-BoldItalic.7f74f74c.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/fonts/Inter_18pt-ExtraBold.0b5fdb67.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/fonts/Inter_18pt-ExtraBoldItalic.2b62d6c6.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/fonts/Inter_18pt-Black.71a1a7d2.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/fonts/Inter_18pt-BlackItalic.5a63eff9.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
/* GLOBAL VARIABLES */
/* GRADIENT COLORS */
/* BREAKPOINTS */
/* TEXT COLORS */
/* BACKGROUND COLORS */
/* DIVIDER COLORS */
/* SHADOW COLORS */
/* PROGRESS BAR COLORS */
/* BORDER RADIUS */
/* BACKDROP FILTER */
/* BOX SHADOWS */
/* BUTTON COLORS */
/* MAIN COLORS*/
/* Yellow main color*/
/* BLUE COLORS */
/* BLUE LIGHT COLORS */
/* GLASS COLORS */
/* YELLOW COLORS */
/* YELLOW LIGHT COLORS */
/* YELLOW WHITE COLORS */
/* SKY BLUE COLORS */
/* BLUE GRAY COLORS */
/* ORANGE COLORS */
/* GREEN COLORS */
/* WHATSAPP COLOR */
/* RED COLORS */
/* TOAST COLORS */
/* MEDIA QUERY MIXINS */
/* TYPOGRAPHY MIXINS */
/* TOAST CUSTOM STYLES */
/* Sonner Toast Container */
[data-sonner-toast] {
  font-family: "Inter", sans-serif !important;
  width: 360px !important;
  border-radius: 16px !important;
  border: 0.5px solid #B1BFCE !important;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.14) !important;
  padding-top: 32px !important;
  padding-right: 24px !important;
  padding-bottom: 32px !important;
  padding-left: 32px !important;
  gap: 8px !important;
  background: #EEF1F4 !important;
  backdrop-filter: blur(4px) !important;
  align-items: flex-start !important;
}
@media (max-width: 575.98px) {
  [data-sonner-toast] {
    min-width: 280px;
    max-width: calc(100vw - 32px);
    padding: 14px;
    border-radius: 8px;
  }
}

/* Toast Content */
[data-sonner-toast] [data-content] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

[data-sonner-toast][data-styled=true] [data-content] {
  gap: 0;
}

/* Toast Title */
[data-sonner-toast] [data-title] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: #4A728B;
  margin: 0;
}
@media (max-width: 575.98px) {
  [data-sonner-toast] [data-title] {
    font-size: 13px;
    line-height: 18px;
  }
}

/* Toast Description */
[data-sonner-toast] [data-description] {
  font-family: Inter !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: -0.15px !important;
  color: #567394 !important;
  margin-top: 0 !important;
}
@media (max-width: 575.98px) {
  [data-sonner-toast] [data-description] {
    font-size: 12px;
    line-height: 16px;
  }
}

/* Toast Icon */
[data-sonner-toast] [data-icon] {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

[data-sonner-toast][data-styled=true] [data-icon] {
  height: 24px !important;
  width: 24px !important;
  margin: 0 !important;
  padding-top: 3px !important;
  justify-content: center !important;
}

/* Success Toast */
[data-sonner-toast][data-type=success] {
  background: #EEF5F9;
  border: 1px solid #A2BFCD;
}
[data-sonner-toast][data-type=success] [data-title] {
  color: #4A728B;
}
[data-sonner-toast][data-type=success] [data-icon] {
  color: #A2BFCD;
}

/* Error Toast */
[data-sonner-toast][data-type=error] {
  background: #EEF5F9;
  border: 1px solid #F12B2E;
}
[data-sonner-toast][data-type=error] [data-title] {
  color: #F12B2E;
}
[data-sonner-toast][data-type=error] [data-icon] {
  color: #F12B2E;
}

/* Info Toast */
[data-sonner-toast][data-type=info] {
  background: #EEF5F9;
  border: 1px solid #2DB0E4;
}
[data-sonner-toast][data-type=info] [data-title] {
  color: #2DB0E4;
}
[data-sonner-toast][data-type=info] [data-icon] {
  color: #2DB0E4;
}

/* Warning Toast */
[data-sonner-toast][data-type=warning] {
  background: #EEF5F9;
  border: 1px solid #FFDA7E;
}
[data-sonner-toast][data-type=warning] [data-title] {
  color: #4A728B;
}
[data-sonner-toast][data-type=warning] [data-icon] {
  color: #FFDA7E;
}

/* Default Toast */
[data-sonner-toast][data-type=default] {
  background: #EEF5F9;
  border: 1px solid #D1D1D1;
}
[data-sonner-toast][data-type=default] [data-title] {
  color: #4A728B;
}

/* Toast Close Button - Quitar position absolute y posicionar al final */
[data-sonner-toast][data-styled=true] [data-close-button] {
  /* Quitar position absolute para que aparezca en el flujo normal del documento */
  position: static !important;
  left: unset !important;
  right: unset !important;
  top: unset !important;
  bottom: unset !important;
  transform: none !important;
  height: auto !important;
  width: auto !important;
  border-radius: 0 !important;
  border: none !important;
  background: transparent !important;
  color: #6C7E8B;
  opacity: 1;
  transition: opacity 0.2s ease;
  cursor: pointer;
  padding: 0;
  padding-top: 3px;
  margin-left: auto; /* Empuja el botón hacia la derecha */
  order: 999; /* Asegura que aparezca al final en flexbox */
  flex-shrink: 0; /* Evita que el botón se comprima */
}
[data-sonner-toast][data-styled=true] [data-close-button]:hover {
  opacity: 1;
  box-shadow: none !important;
}
[data-sonner-toast][data-styled=true] [data-close-button]:focus {
  outline: none;
}
[data-sonner-toast][data-styled=true] [data-close-button] svg {
  width: 16px;
  height: 16px;
  padding: 0;
}

/* Asegurar que el contenido ocupe el espacio disponible y el botón aparezca al final */
[data-sonner-toast][data-styled=true] {
  /* El contenedor ya tiene display: flex por defecto de vue-sonner */
  /* Asegurar que el contenido ocupe el espacio disponible */
}
[data-sonner-toast][data-styled=true] [data-content] {
  flex: 1;
  min-width: 0; /* Permite que el contenido se ajuste correctamente */
}
[data-sonner-toast][data-styled=true] {
  /* Los botones de acción y cancelar también deben aparecer antes del botón de cerrar */
}
[data-sonner-toast][data-styled=true] [data-button] {
  order: 998; /* Aparecen antes del botón de cerrar pero después del contenido */
}

/* Toast Action Button */
[data-sonner-toast] [data-button][data-action] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.15px;
  color: #2DB0E4;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px 8px;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
[data-sonner-toast] [data-button][data-action]:hover {
  opacity: 0.8;
}
[data-sonner-toast] [data-button][data-action]:focus {
  outline: none;
}

/* Toast Cancel Button */
[data-sonner-toast] [data-button][data-cancel] {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.15px;
  color: #6C7E8B;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px 8px;
  transition: opacity 0.2s ease;
}
[data-sonner-toast] [data-button][data-cancel]:hover {
  opacity: 0.8;
}
[data-sonner-toast] [data-button][data-cancel]:focus {
  outline: none;
}

/* Toast Group Container */
[data-sonner-toaster] {
  z-index: 10000;
}

/* Mobile adjustments */
@media (max-width: 575.98px) {
  [data-sonner-toaster] {
    padding: 16px;
  }
}
body,
html,
#app {
  margin: 0;
  padding: 0;
  height: 100%;
  position: relative;
}

/* TYPOGRAPHY STYLES */
h1,
h2,
h3,
p,
label,
.form-label {
  color: #364153;
  font-family: "Inter", sans-serif;
}

h1 {
  font-size: 60px;
  line-height: 80px;
  font-style: normal;
  letter-spacing: -0.312px;
  font-weight: 400;
}
h1.semibold {
  font-size: 60px;
  line-height: 80px;
  font-style: normal;
  letter-spacing: -0.312px;
  font-weight: 600;
}
h1.medium {
  font-size: 60px;
  line-height: 80px;
  font-style: normal;
  letter-spacing: -0.312px;
  font-weight: 500;
}
h1.regular {
  font-size: 60px;
  line-height: 80px;
  font-style: normal;
  letter-spacing: -0.312px;
  font-weight: 400;
}
h1.responsive {
  font-size: 60px;
  line-height: 80px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
  h1.responsive {
    font-size: 44px;
    line-height: 52px;
  }
}
@media (max-width: 575.98px) {
  h1.responsive {
    font-size: 36px;
    line-height: 44px;
  }
}
h1.responsive {
  font-weight: 400;
}
h1.responsive.semibold {
  font-size: 60px;
  line-height: 80px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
  h1.responsive.semibold {
    font-size: 44px;
    line-height: 52px;
  }
}
@media (max-width: 575.98px) {
  h1.responsive.semibold {
    font-size: 36px;
    line-height: 44px;
  }
}
h1.responsive.semibold {
  font-weight: 600;
}
h1.responsive.medium {
  font-size: 60px;
  line-height: 80px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
  h1.responsive.medium {
    font-size: 44px;
    line-height: 52px;
  }
}
@media (max-width: 575.98px) {
  h1.responsive.medium {
    font-size: 36px;
    line-height: 44px;
  }
}
h1.responsive.medium {
  font-weight: 500;
}
h1.responsive.regular {
  font-size: 60px;
  line-height: 80px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
  h1.responsive.regular {
    font-size: 44px;
    line-height: 52px;
  }
}
@media (max-width: 575.98px) {
  h1.responsive.regular {
    font-size: 36px;
    line-height: 44px;
  }
}
h1.responsive.regular {
  font-weight: 400;
}

h2 {
  font-size: 28px;
  line-height: 36px;
  font-style: normal;
  letter-spacing: -0.312px;
  font-weight: 400;
}
h2.semibold {
  font-size: 28px;
  line-height: 36px;
  font-style: normal;
  letter-spacing: -0.312px;
  font-weight: 600;
}
h2.medium {
  font-size: 28px;
  line-height: 36px;
  font-style: normal;
  letter-spacing: -0.312px;
  font-weight: 500;
}
h2.regular {
  font-size: 28px;
  line-height: 36px;
  font-style: normal;
  letter-spacing: -0.312px;
  font-weight: 400;
}
h2.medium {
  color: #36465E;
  font-weight: 600;
  letter-spacing: -0.3px;
}
h2.responsive {
  font-size: 28px;
  line-height: 36px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
  h2.responsive {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 575.98px) {
  h2.responsive {
    font-size: 20px;
    line-height: 28px;
  }
}
h2.responsive {
  font-weight: 400;
}
h2.responsive.semibold {
  font-size: 28px;
  line-height: 36px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
  h2.responsive.semibold {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 575.98px) {
  h2.responsive.semibold {
    font-size: 20px;
    line-height: 28px;
  }
}
h2.responsive.semibold {
  font-weight: 600;
}
h2.responsive.medium {
  font-size: 28px;
  line-height: 36px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
  h2.responsive.medium {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 575.98px) {
  h2.responsive.medium {
    font-size: 20px;
    line-height: 28px;
  }
}
h2.responsive.medium {
  font-weight: 500;
}
h2.responsive.regular {
  font-size: 28px;
  line-height: 36px;
  font-style: normal;
  letter-spacing: -0.312px;
}
@media (max-width: 991.98px) {
  h2.responsive.regular {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 575.98px) {
  h2.responsive.regular {
    font-size: 20px;
    line-height: 28px;
  }
}
h2.responsive.regular {
  font-weight: 400;
}

h3 {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
h3.semibold {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
h3.medium {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
h3.regular {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
h3.responsive {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
}
@media (max-width: 991.98px) {
  h3.responsive {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 575.98px) {
  h3.responsive {
    font-size: 14px;
    line-height: 20px;
  }
}
h3.responsive {
  font-weight: 400;
}
h3.responsive.semibold {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
}
@media (max-width: 991.98px) {
  h3.responsive.semibold {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 575.98px) {
  h3.responsive.semibold {
    font-size: 14px;
    line-height: 20px;
  }
}
h3.responsive.semibold {
  font-weight: 600;
}
h3.responsive.medium {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
}
@media (max-width: 991.98px) {
  h3.responsive.medium {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 575.98px) {
  h3.responsive.medium {
    font-size: 14px;
    line-height: 20px;
  }
}
h3.responsive.medium {
  font-weight: 500;
}
h3.responsive.regular {
  font-size: 22px;
  line-height: 28px;
  font-style: normal;
  letter-spacing: -0.3px;
}
@media (max-width: 991.98px) {
  h3.responsive.regular {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 575.98px) {
  h3.responsive.regular {
    font-size: 14px;
    line-height: 20px;
  }
}
h3.responsive.regular {
  font-weight: 400;
}

p {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
p.semibold {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
p.medium {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
p.regular {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
p.subtitle-text {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.25px;
  color: #5E6B7E;
}
p.light {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.25px;
  color: #5E6B7E;
}
p.responsive {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
}
@media (max-width: 991.98px) {
  p.responsive {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
  }
}
@media (max-width: 575.98px) {
  p.responsive {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
p.responsive {
  font-weight: 400;
}
p.responsive.semibold {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
}
@media (max-width: 991.98px) {
  p.responsive.semibold {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
  }
}
@media (max-width: 575.98px) {
  p.responsive.semibold {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
p.responsive.semibold {
  font-weight: 600;
}
p.responsive.medium {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
}
@media (max-width: 991.98px) {
  p.responsive.medium {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
  }
}
@media (max-width: 575.98px) {
  p.responsive.medium {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
p.responsive.medium {
  font-weight: 500;
}
p.responsive.regular {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
}
@media (max-width: 991.98px) {
  p.responsive.regular {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
  }
}
@media (max-width: 575.98px) {
  p.responsive.regular {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
p.responsive.regular {
  font-weight: 400;
}

li {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
li.semibold {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 600;
}
li.medium {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 500;
}
li.regular {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
  font-weight: 400;
}
li.responsive {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
}
@media (max-width: 991.98px) {
  li.responsive {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
  }
}
@media (max-width: 575.98px) {
  li.responsive {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
li.responsive {
  font-weight: 400;
}
li.responsive.semibold {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
}
@media (max-width: 991.98px) {
  li.responsive.semibold {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
  }
}
@media (max-width: 575.98px) {
  li.responsive.semibold {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
li.responsive.semibold {
  font-weight: 600;
}
li.responsive.medium {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
}
@media (max-width: 991.98px) {
  li.responsive.medium {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
  }
}
@media (max-width: 575.98px) {
  li.responsive.medium {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
li.responsive.medium {
  font-weight: 500;
}
li.responsive.regular {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  letter-spacing: -0.3px;
}
@media (max-width: 991.98px) {
  li.responsive.regular {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.25px;
  }
}
@media (max-width: 575.98px) {
  li.responsive.regular {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
li.responsive.regular {
  font-weight: 400;
}

.blue-300 {
  color: #788393;
}

.blue-500 {
  color: #36465E;
}

.blue-400 {
  color: #5E6B7E;
}

label, .form-label {
  color: #364153;
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  margin-top: 1rem;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
label.semibold, .semibold.form-label {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
label.medium, .medium.form-label {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
label.regular, .regular.form-label {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
label.light, .light.form-label {
  color: #5E6B7E;
  font-weight: 300;
}
label.responsive, .responsive.form-label {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
}
@media (max-width: 991.98px) {
  label.responsive, .responsive.form-label {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
@media (max-width: 575.98px) {
  label.responsive, .responsive.form-label {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
label.responsive, .responsive.form-label {
  font-weight: 400;
}
label.responsive.semibold, .responsive.semibold.form-label {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
}
@media (max-width: 991.98px) {
  label.responsive.semibold, .responsive.semibold.form-label {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
@media (max-width: 575.98px) {
  label.responsive.semibold, .responsive.semibold.form-label {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
label.responsive.semibold, .responsive.semibold.form-label {
  font-weight: 600;
}
label.responsive.medium, .responsive.medium.form-label {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
}
@media (max-width: 991.98px) {
  label.responsive.medium, .responsive.medium.form-label {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
@media (max-width: 575.98px) {
  label.responsive.medium, .responsive.medium.form-label {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
label.responsive.medium, .responsive.medium.form-label {
  font-weight: 500;
}
label.responsive.regular, .responsive.regular.form-label {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
}
@media (max-width: 991.98px) {
  label.responsive.regular, .responsive.regular.form-label {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
@media (max-width: 575.98px) {
  label.responsive.regular, .responsive.regular.form-label {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
label.responsive.regular, .responsive.regular.form-label {
  font-weight: 400;
}

span {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
span.semibold {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
span.medium {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
span.regular {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
span.form-error {
  color: #F12B2E;
}
span.form-neutral {
  color: #717182;
}
span.form-success {
  color: #1FC16B;
}
span.responsive {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
}
@media (max-width: 991.98px) {
  span.responsive {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
@media (max-width: 575.98px) {
  span.responsive {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
span.responsive {
  font-weight: 400;
}
span.responsive.semibold {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
}
@media (max-width: 991.98px) {
  span.responsive.semibold {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
@media (max-width: 575.98px) {
  span.responsive.semibold {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
span.responsive.semibold {
  font-weight: 600;
}
span.responsive.medium {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
}
@media (max-width: 991.98px) {
  span.responsive.medium {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
@media (max-width: 575.98px) {
  span.responsive.medium {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
span.responsive.medium {
  font-weight: 500;
}
span.responsive.regular {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
}
@media (max-width: 991.98px) {
  span.responsive.regular {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
@media (max-width: 575.98px) {
  span.responsive.regular {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
span.responsive.regular {
  font-weight: 400;
}

.form-label.medium {
  color: #36465E;
}
.form-label.light {
  font-weight: 300;
}

/* INPUT STYLES */
.form-input,
.form-select {
  border-radius: 8px;
  border: 0.556px solid;
  background: #FEFCFA;
  padding: 0.75rem 1rem;
  font-size: 14px;
  color: #364153;
  display: block;
  width: 100%;
  border-color: rgba(23, 29, 39, 0.1);
  height: 36px;
}
.form-input:-moz-placeholder, .form-select:-moz-placeholder {
  background: #F2F4F6;
}
.form-input:placeholder-shown,
.form-select:placeholder-shown {
  background: #F2F4F6;
}
@media (max-width: 991.98px) {
  .form-input.responsive,
  .form-select.responsive {
    font-size: 12px;
  }
}
@media (max-width: 575.98px) {
  .form-input.responsive,
  .form-select.responsive {
    font-size: 11px;
  }
}
.form-input::-moz-placeholder, .form-select::-moz-placeholder {
  color: #6B6B6B;
  opacity: 0.6;
  font-size: inherit;
}
.form-input::placeholder,
.form-select::placeholder {
  color: #6B6B6B;
  opacity: 0.6;
  font-size: inherit;
}
.form-input:focus,
.form-select:focus {
  outline: none;
  box-shadow: none;
  border: 0.556px solid;
  border-color: rgba(23, 29, 39, 0.1019607843);
}
.form-input:disabled,
.form-select:disabled {
  background: #FEFCFA;
  color: #C1C6CD;
}
.form-input.has-error,
.form-select.has-error {
  border: 0.56px solid rgba(241, 43, 46, 0.698);
  color: #F12B2E;
}
.form-input.is-valid,
.form-select.is-valid {
  background-image: url(/img/green-check.62186107.svg);
  background-position: calc(100% - 16px) center;
  background-size: 13.33px 13.33px;
  background-repeat: no-repeat;
}

.form-select {
  padding-right: 2.5rem;
  padding: 0px 1rem;
}

.select-input__wrapper {
  position: relative;
  display: block;
  width: 100%;
}

.select-input__icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  width: auto;
  height: auto;
  max-height: 12px;
}

/* BUTTON STYLES */
.primary-button-v3 {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.primary-button-v3.semibold {
  font-size: 14px;
  line-height: 1;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.primary-button-v3.medium {
  font-size: 14px;
  line-height: 1;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.primary-button-v3.regular {
  font-size: 14px;
  line-height: 1;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.primary-button-v3 {
  border-radius: 36px;
  border: 1px solid #788393;
  background: #36465E;
  color: #FFFFFF;
  padding: 1rem 2rem;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
  text-decoration: none;
}
@media (hover: hover) {
  .primary-button-v3:hover:not(:disabled) {
    background: rgb(44.6959459459, 57.9391891892, 77.8040540541);
    border-color: rgb(107.3333333333, 118.2654320988, 134.1666666667);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
  }
}
.primary-button-v3:focus {
  outline: none;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
}
.primary-button-v3:active:not(:disabled) {
  background: rgb(35.3918918919, 45.8783783784, 61.6081081081);
  border-color: rgb(96, 105.7777777778, 120);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.primary-button-v3:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

.secondary-button-v1 {
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.secondary-button-v1.semibold {
  font-size: 14px;
  line-height: 1;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
.secondary-button-v1.medium {
  font-size: 14px;
  line-height: 1;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
.secondary-button-v1.regular {
  font-size: 14px;
  line-height: 1;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.secondary-button-v1 {
  border-radius: 36px;
  border: 1px solid #788393;
  background: rgba(255, 238, 196, 0.3);
  backdrop-filter: blur(20px);
  padding: 16px 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 500;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
  text-decoration: none;
  color: #364153;
}
@media (hover: hover) {
  .secondary-button-v1:hover:not(:disabled) {
    background: rgba(255, 238, 196, 0.4);
    border-color: rgb(107.3333333333, 118.2654320988, 134.1666666667);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
  }
}
.secondary-button-v1:focus {
  outline: none;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
}
.secondary-button-v1:active:not(:disabled) {
  background: rgba(255, 238, 196, 0.5);
  border-color: rgb(96, 105.7777777778, 120);
}
.secondary-button-v1:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

.form-btn, .swal2-deny-register {
  border-radius: 36px;
  border: 1px solid #B59B59;
  background: #FFDA7E;
  color: #364153;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.15px;
  padding: 1rem 2rem;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
}
.form-btn.full-width, .full-width.swal2-deny-register {
  width: calc(100% - 1.5rem) !important;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.form-btn.responsive, .responsive.swal2-deny-register {
  font-size: clamp(12px, 1.4vw, 14px);
  padding: 1rem clamp(1.25rem, 2vw, 2rem);
}
@media (max-width: 991.98px) {
  .form-btn.responsive, .responsive.swal2-deny-register {
    font-size: 13px;
    padding: 0.8rem 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .form-btn.responsive, .responsive.swal2-deny-register {
    font-size: 12px;
    padding: 0.8rem 1.25rem;
  }
}
@media (hover: hover) {
  .form-btn:hover:not(:disabled), .swal2-deny-register:hover:not(:disabled) {
    background: rgb(255, 210.6860465116, 100.5);
    border-color: rgb(169.1125, 142.625, 75.3875);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
  }
}
.form-btn:focus, .swal2-deny-register:focus {
  outline: none;
  box-shadow: none;
}
.form-btn:active, .swal2-deny-register:active {
  background: rgb(255, 203.3720930233, 75);
  border-color: rgb(151.475, 127.75, 67.525);
}
.form-btn:disabled, .swal2-deny-register:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.form-btn--secondary {
  background: transparent;
  color: #364153;
}
@media (hover: hover) {
  .form-btn--secondary:hover:not(:disabled) {
    background: transparent !important;
    border-color: #B59B59 !important;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
  }
}
.form-btn--secondary:active {
  background: rgba(255, 218, 126, 0.2);
}
.form-btn--secondary-type2 {
  background: rgba(255, 238, 196, 0.3019607843);
  border-color: #788393;
  color: #36465E;
}
@media (hover: hover) {
  .form-btn--secondary-type2:hover:not(:disabled) {
    background: rgba(255, 238, 196, 0.3019607843) !important;
    border-color: #788393 !important;
    color: #36465E !important;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
  }
}
.form-btn--secondary-type2:active:not(:disabled) {
  background: #748899;
  border-color: #FFE198;
  color: #EBEDEF;
}
.form-btn--diagnostic {
  border-radius: 36px;
  border-width: 1px;
  border: 1px solid #788393;
  background: #36465E;
  padding: 16px 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #EBEDEF;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 1;
  letter-spacing: -0.15px;
}
@media (hover: hover) {
  .form-btn--diagnostic:hover:not(:disabled) {
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
  }
}
.form-btn--diagnostic:active:not(:disabled) {
  background: rgb(44.6959459459, 57.9391891892, 77.8040540541);
  border-color: rgb(107.3333333333, 118.2654320988, 134.1666666667);
}
.form-btn--diagnostic:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

.btn-small {
  height: 36px;
  padding: 0 15px;
  border-radius: 12px;
}
.btn-small svg {
  height: 12px;
}

@media (hover: hover) {
  [type=button]:not(:disabled):hover,
  [type=reset]:not(:disabled):hover,
  [type=submit]:not(:disabled):hover,
  button:not(:disabled):hover {
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2509803922);
  }
}
/* Class to disable hover shadow on specific buttons */
.no-hover-shadow:hover, .no-hover-shadow:active {
  box-shadow: none !important;
}

/* LINK STYLES */
.swal2-html-container a, a.link, span a {
  color: #2DB0E4;
  line-height: 1;
  letter-spacing: -0.312px;
  text-decoration: underline;
  transition: opacity 0.2s ease;
  font-weight: 400;
  text-decoration: none;
}
.swal2-html-container a:hover, a.link:hover, span a:hover {
  opacity: 0.8;
}
.swal2-html-container a:focus, a.link:focus, span a:focus {
  outline: none;
}
.swal2-html-container a.secondary, a.secondary.link, span a.secondary {
  color: #8095A8;
}
.swal2-html-container a.green, a.green.link, span a.green {
  color: #5E6B7E;
}

/* CHECKBOX STYLES */
.form-check-input {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 4px;
  border: 1px solid #D1D1D1;
  background-color: #FEFCFA;
  cursor: pointer;
}
.form-check-input:checked {
  background-color: #2DB0E4;
  border-color: #2DB0E4;
}
.form-check-input:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid #2DB0E4;
}

/*GENERAL LINK STYLES*/
a.link {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
a.link.semibold {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 600;
}
a.link.medium {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 500;
}
a.link.regular {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
  font-weight: 400;
}
a.link.responsive {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
}
@media (max-width: 991.98px) {
  a.link.responsive {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
@media (max-width: 575.98px) {
  a.link.responsive {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
a.link.responsive {
  font-weight: 400;
}
a.link.responsive.semibold {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
}
@media (max-width: 991.98px) {
  a.link.responsive.semibold {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
@media (max-width: 575.98px) {
  a.link.responsive.semibold {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
a.link.responsive.semibold {
  font-weight: 600;
}
a.link.responsive.medium {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
}
@media (max-width: 991.98px) {
  a.link.responsive.medium {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
@media (max-width: 575.98px) {
  a.link.responsive.medium {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
a.link.responsive.medium {
  font-weight: 500;
}
a.link.responsive.regular {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  letter-spacing: -0.15px;
}
@media (max-width: 991.98px) {
  a.link.responsive.regular {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
@media (max-width: 575.98px) {
  a.link.responsive.regular {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
}
a.link.responsive.regular {
  font-weight: 400;
}
a.link.strong {
  font-weight: 500;
}

/* DIVIDER LINE */
.divider {
  width: 100%;
  height: 2px;
  background-color: #E2E2E9;
  border: none;
  margin: 0;
}

/* SWEETALERT2 CUSTOM STYLES */
.swal2-popup {
  background: #FFFBF2 !important;
  border-radius: 16px;
  padding: 40px 40px 56px 40px !important;
  max-width: 473px !important;
  /*@include tablet {
    //max-width: 90% !important;
    padding: 2rem 1.5rem !important;
  }*/
}
@media (max-width: 575.98px) {
  .swal2-popup {
    max-width: 95% !important;
    padding: 1.5rem 1.5rem !important;
    border-radius: 12px !important;
    padding: 24px 24px 40px 24px !important;
  }
}

.swal2-html-container {
  color: #5E6B7E;
  font-family: "Inter", sans-serif;
  letter-spacing: -0.3px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0 !important;
}
.swal2-html-container p,
.swal2-html-container strong {
  text-align: center;
  font-style: normal;
  line-height: 24px;
  margin: 0;
  font-size: 16px;
}
@media (max-width: 991.98px) {
  .swal2-html-container p,
  .swal2-html-container strong {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 575.98px) {
  .swal2-html-container p,
  .swal2-html-container strong {
    font-size: 14px;
    line-height: 20px;
  }
}
.swal2-html-container p {
  font-weight: 400;
  color: #5E6B7E !important;
}
@media (max-width: 575.98px) {
  .swal2-html-container p {
    padding: 0 1rem;
  }
}
.swal2-html-container strong {
  font-weight: 700;
}
.swal2-html-container a {
  font-weight: 600 !important;
  font-size: 15px !important;
}
@media (max-width: 575.98px) {
  .swal2-html-container a {
    font-size: 14px !important;
  }
}
.swal2-html-container {
  /* Therapist Info Banner Styles */
}
.swal2-html-container .therapist-info-banner {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #F7F2E8;
  border-radius: 8px;
  padding: 16px;
  width: 100%;
  max-width: 100%;
}
.swal2-html-container .therapist-info-banner__icon-container {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background: #4E6987;
  border-radius: 4px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.swal2-html-container .therapist-info-banner__icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.swal2-html-container .therapist-info-banner__text-container {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
  min-width: 0;
}
.swal2-html-container .therapist-info-banner__text-line {
  color: #36465E;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.3px;
  text-align: left;
  display: block;
}
.swal2-html-container {
  /* Logo responsive styles */
}
.swal2-html-container .swal-logo {
  height: 40px !important;
  width: auto !important;
}
@media (max-width: 575.98px) {
  .swal2-html-container .swal-logo {
    height: 30px !important;
    width: auto !important;
  }
}
.swal2-html-container {
  /* Flower responsive styles */
}
.swal2-html-container .swal-flower {
  height: auto !important;
  width: 120px !important;
}
@media (max-width: 575.98px) {
  .swal2-html-container .swal-flower {
    height: auto !important;
    width: 100px !important;
  }
}
.swal2-html-container .swal-tea-room {
  height: 148px !important;
  width: auto !important;
}
@media (max-width: 575.98px) {
  .swal2-html-container .swal-tea-room {
    height: 120px !important;
    width: auto !important;
  }
}
.swal2-html-container .swal-applaud {
  width: 120px !important;
  height: 120px !important;
  aspect-ratio: 1/1;
  border-radius: 16px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: -26.574px 0;
     object-position: -26.574px 0;
  margin-bottom: 12px !important;
  margin-top: 34px !important;
}

.swal2-actions {
  width: 100% !important;
  margin: 1.5rem 0 0 0 !important;
  padding: 0 !important;
}
@media (max-width: 991.98px) {
  .swal2-actions {
    padding: 0 !important;
    margin: 1.25rem 0 0 0 !important;
  }
}
@media (max-width: 575.98px) {
  .swal2-actions {
    padding: 0 !important;
    margin: 1rem 0 0 0 !important;
  }
}

.swal-pending-forms-actions {
  margin-top: 8px !important;
}

.swal2-title {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.swal2-confirm {
  width: 100% !important;
  border-radius: 36px !important;
  border: 1px solid #B59B59 !important;
  background: #FFDA7E !important;
  color: #36465E !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 34px !important;
  letter-spacing: -0.15px !important;
  text-align: center !important;
  padding: 8px 2rem !important;
  margin: 0 !important;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
@media (max-width: 991.98px) {
  .swal2-confirm {
    font-size: 14px !important;
    padding: 8px 1.5rem !important;
    margin: 0 !important;
  }
}
@media (max-width: 575.98px) {
  .swal2-confirm {
    font-size: 14px !important;
    padding: 8px 1.25rem !important;
    line-height: 28px !important;
    margin: 0 !important;
  }
}
.swal2-confirm:hover {
  background: rgb(255, 210.6860465116, 100.5) !important;
  border-color: rgb(169.1125, 142.625, 75.3875) !important;
}
.swal2-confirm:focus {
  outline: none;
  box-shadow: none !important;
}
.swal2-confirm:active {
  background: rgb(255, 203.3720930233, 75) !important;
  border-color: rgb(151.475, 127.75, 67.525) !important;
}

.swal2-cancel {
  width: 100% !important;
  border-radius: 36px !important;
  border: 1px solid #788393 !important;
  background: rgba(255, 238, 196, 0.3019607843) !important;
  color: #36465E !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 34px !important;
  letter-spacing: -0.15px !important;
  text-align: center !important;
  padding: 8px 2rem !important;
  margin: 0 !important;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  margin-top: 16px !important;
}
@media (max-width: 991.98px) {
  .swal2-cancel {
    font-size: 14px !important;
    padding: 8px 1.5rem !important;
    margin-top: 16px !important;
  }
}
@media (max-width: 575.98px) {
  .swal2-cancel {
    font-size: 14px !important;
    padding: 8px 1.25rem !important;
    line-height: 28px !important;
    margin-top: 16px !important;
  }
}
.swal2-cancel:hover {
  background: rgba(255, 238, 196, 0.3019607843) !important;
  border-color: #788393 !important;
  color: #36465E !important;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
}
.swal2-cancel:focus {
  outline: none;
  box-shadow: none !important;
}
.swal2-cancel:active {
  background: rgb(255, 203.3720930233, 75) !important;
  border-color: rgb(151.475, 127.75, 67.525) !important;
}

.swal2-deny-register {
  background: rgba(255, 238, 196, 0.3019607843);
  border-color: #788393;
  color: #36465E;
  font-weight: 500 !important;
  line-height: 34px !important;
  padding: 8px 2rem !important;
  width: 100% !important;
  margin-top: 16px !important;
  margin-inline: 0 !important;
}
@media (hover: hover) {
  .swal2-deny-register:hover:not(:disabled) {
    background: rgba(255, 238, 196, 0.3019607843) !important;
    border-color: #788393 !important;
    color: #36465E !important;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
  }
}
.swal2-deny-register:active:not(:disabled) {
  background: #748899;
  border-color: #FFE198;
  color: #EBEDEF;
}
@media (max-width: 575.98px) {
  .swal2-deny-register {
    line-height: 28px !important;
  }
}

/* CUSTOM SCROLLBAR */
.custom-scrollbar::-webkit-scrollbar {
  width: 4px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #A8B2C2;
  border-radius: 2px;
  min-height: 30px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: rgb(146.7202702703, 159.1662162162, 179.0797297297);
}
.custom-scrollbar {
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: #A8B2C2 transparent;
}

/* SUBTLE SCROLLBAR */
.subtle-scrollbar::-webkit-scrollbar {
  width: 6px;
}
.subtle-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.subtle-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  min-height: 30px;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.subtle-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.subtle-scrollbar {
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.1) transparent;
}

/* CONTAINER CARD */
.container-card {
  border-radius: 16px;
  gap: 16px;
  padding: 16px;
  background: #F7F2E8;
  width: 100%;
  height: auto;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

.flex-4 {
  flex: 4;
}

.flex-5 {
  flex: 5;
}

.flex-6 {
  flex: 6;
}