/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/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-cli-plugin-quasar/lib/loader.scss.js!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/modules/knowledge/views/classes/workshop/manageWorkShop/WorkshopLocation.vue?vue&type=style&index=0&id=4a246dac&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-title[data-v-4a246dac] {
  display: flex;
  align-items: baseline;
  gap: 8px;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}
.container-title .title-item[data-v-4a246dac] {
  color: var(--q-text-secondary, #666);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.25px;
}
.container-title[data-v-4a246dac] {
  margin-bottom: 24px;
}
.location[data-v-4a246dac] {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.location .map[data-v-4a246dac] {
  margin-top: 24px;
  border: 1px solid tomato;
  width: 100%;
  height: 100%;
}
.v-enter-active[data-v-4a246dac],
.v-leave-active[data-v-4a246dac] {
  transition: opacity 0.5s ease;
}
.v-enter-from[data-v-4a246dac],
.v-leave-to[data-v-4a246dac] {
  opacity: 0;
}
.expansion-icon[data-v-4a246dac] {
  display: inline-block;
  transform-origin: 50% 50%;
}

/* transition classes */
.rotate-enter-active[data-v-4a246dac],
.rotate-leave-active[data-v-4a246dac] {
  transition: transform 0.22s ease, opacity 0.18s ease;
}

/* entering from rotated + transparent -> normal */
.rotate-enter-from[data-v-4a246dac] {
  transform: rotate(180deg);
  opacity: 0;
}
.rotate-enter-to[data-v-4a246dac] {
  transform: rotate(0deg);
  opacity: 1;
}

/* leaving from normal -> rotated + transparent */
.rotate-leave-from[data-v-4a246dac] {
  transform: rotate(0deg);
  opacity: 1;
}
.rotate-leave-to[data-v-4a246dac] {
  transform: rotate(-180deg);
  opacity: 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/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-cli-plugin-quasar/lib/loader.scss.js!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/modules/knowledge/views/classes/workshop/manageWorkShop/FormWorkShop.vue?vue&type=style&index=0&id=cb27b658&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.line[data-v-cb27b658] {
  margin: 40px 0;
}
.form[data-v-cb27b658] {
  height: 80vh;
  overflow-y: scroll;
  margin-top: 24px;
}
.form-input + .form-input[data-v-cb27b658] {
  margin-top: 28px;
}
.form .label-input[data-v-cb27b658] {
  color: var(--Grayscale-Grayscale-70, #666);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
  letter-spacing: -0.25px;
}
.form .checkbox[data-v-cb27b658] {
  margin-left: -10px;
}
.form .checkbox-label[data-v-cb27b658] {
  cursor: pointer;
  color: var(--Grayscale-Grayscale-90, #1a1a1a);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
  letter-spacing: -0.25px;
}
.form .rewards[data-v-cb27b658] {
  margin: 28px 0;
}
.form .rewards .form-group[data-v-cb27b658] {
  display: flex;
  gap: 16px;
}
.form .rewards .form-input[data-v-cb27b658] {
  margin-top: 0;
}
.form .form-group-three[data-v-cb27b658] {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}
.form .form-group-three .form-input[data-v-cb27b658] {
  margin-top: 0;
  flex: 1 0 296px;
}
.form .config-check-in .scheduling-inputs[data-v-cb27b658] {
  display: flex;
  gap: 16px;
}
.form .config-check-in .scheduling-inputs .scheduling-input[data-v-cb27b658] {
  width: 165px;
}
.form .check-in-method[data-v-cb27b658] {
  margin: 40px 0;
}
.form .check-in-method-info[data-v-cb27b658] {
  color: var(--q-text-secondary, #666);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
  letter-spacing: -0.25px;
}
.form .check-in-method .radios[data-v-cb27b658] {
  margin-bottom: 16px;
}
.form .check-in-method .warning-strong[data-v-cb27b658] {
  font-weight: 600;
}
.form .radios .radio-label[data-v-cb27b658] {
  cursor: pointer;
  color: var(--Grayscale-Grayscale-90, #1a1a1a);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
  letter-spacing: -0.25px;
}
.fade-enter-active[data-v-cb27b658],
.fade-leave-active[data-v-cb27b658] {
  transition: opacity 0.5s ease;
}
.fade-enter-from[data-v-cb27b658],
.fade-leave-to[data-v-cb27b658] {
  opacity: 0;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/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-cli-plugin-quasar/lib/loader.scss.js!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/modules/knowledge/views/classes/workshop/manageWorkShop/ManageWorkShop.vue?vue&type=style&index=0&id=528fb065&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.section[data-v-528fb065] {
  margin: 0 24px;
}
.header[data-v-528fb065] {
  display: flex;
  margin: 24px 8px;
  justify-content: space-between;
}
.header .go-back[data-v-528fb065] {
  color: var(--q-text-secondary);
}
.header .primary-content[data-v-528fb065] {
  display: flex;
  align-items: center;
}
.header .secondary-content[data-v-528fb065] {
  display: flex;
  gap: 22px;
}
.header .secondary-content .label-item[data-v-528fb065] {
  color: var(--q-danger-10, #e62e2e);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.25px;
}
.header-title[data-v-528fb065] {
  color: var(--q-text-primary);
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  /* 133.333% */
  letter-spacing: -0.5px;
}
.header-subtitle[data-v-528fb065] {
  color: var(--q-neutral-80, #404040);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: -0.25px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/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-cli-plugin-quasar/lib/loader.scss.js!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/modules/knowledge/components/cards/workshop/CardWorkshop.vue?vue&type=style&index=0&id=4eb561af&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.card-workshop[data-v-4eb561af] {
  display: flex;
  padding: 16px;
  width: 100%;
  max-width: 498px;
  background: var(--q-neutral-0, #FFF);
  border-radius: 16px;
  border: 1px solid var(--q-neutral-30, #E5E5E5);
  gap: 12px;
}
.card-workshop .bg-icon[data-v-4eb561af] {
  display: flex;
  padding: 12px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: var(--q-personal-0, #FFF5F6);
}
.card-workshop .card-type[data-v-4eb561af] {
  color: var(--q-neutral-100, #000);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: -0.25px;
}
.card-workshop .workshop-title[data-v-4eb561af] {
  color: var(--q-text-secondary, #666);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: -0.25px;
}
.container-address[data-v-4eb561af] {
  display: flex;
  justify-content: baseline;
  gap: 8px;
}
.send-to-address[data-v-4eb561af] {
  color: var(--q-personal-70, #FE4E64);
  text-align: center;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: -0.25px;
}
.workshop-description[data-v-4eb561af] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.workshop-description-item[data-v-4eb561af] {
  display: flex;
  gap: 4px;
  align-items: center;
}
.workshop-description-item .bg-icon[data-v-4eb561af] {
  width: 33px;
  height: 33px;
}
.workshop-description-item[data-v-4eb561af] :is(strong, time, address) {
  color: var(--q-neutral-60, #808080);
  font-family: Montserrat;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.25px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/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-cli-plugin-quasar/lib/loader.scss.js!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/modules/knowledge/components/cards/workshop/CardStudent.vue?vue&type=style&index=0&id=96aded3c&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.card-student[data-v-96aded3c] {
  display: flex;
  align-items: center;
  min-height: 76px;
  gap: 10px;
  padding: 16px 0;
  border-bottom: 1px solid var(--q-neutral-40, #CCC);
  transition: 0.3s background-color ease-in-out;
}
.card-student[data-v-96aded3c]:hover {
  background: var(--q-bg-personal, #FFF5F6);
}
.card-student .card-student-lef[data-v-96aded3c] {
  display: flex;
  align-items: center;
}
.card-student .card-student-lef .card-avatar[data-v-96aded3c] {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  overflow: hidden;
}
.card-student .card-student-right .wrapper-data[data-v-96aded3c] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.card-student .card-student-right .card-student-name[data-v-96aded3c] {
  color: var(--q-neutral-80, #404040);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: -0.25px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow-y: hidden;
}
.card-student .card-student-right .check-type[data-v-96aded3c] {
  display: flex;
  padding: 2px 12px 2px 10px;
  min-height: 20px;
  color: var(--q-success-40, #069952);
  text-align: center;
  font-family: Montserrat;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  /* 160% */
  letter-spacing: -0.25px;
  border-radius: 40px;
  border: 1px solid var(--utilitrios-sucess-dark-sucess-50-dark, #70C29B);
  background: var(--q-success-0, #EBFFF5);
}
.card-student .card-student-right .card-student-groups[data-v-96aded3c] {
  color: var(--q-text-secondary, #666);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: -0.25px;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow-y: hidden;
}
@keyframes wipe-in-down-96aded3c {
from {
    clip-path: inset(0 0 100% 0);
}
to {
    clip-path: inset(0 0 0 0);
}
}
.wipe-down-enter-active[data-v-96aded3c] {
  animation: wipe-in-down-96aded3c 0.6s cubic-bezier(0.25, 1, 0.3, 1) both;
}
@keyframes wipe-out-up-96aded3c {
from {
    clip-path: inset(0 0 0 0);
}
to {
    clip-path: inset(0 0 100% 0);
}
}
.wipe-down-leave-active[data-v-96aded3c] {
  animation: wipe-out-up-96aded3c 0.6s cubic-bezier(0.25, 1, 0.3, 1) both;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/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-cli-plugin-quasar/lib/loader.scss.js!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/modules/knowledge/views/classes/workshop/ListStudents/Students.vue?vue&type=style&index=0&id=bb0b1888&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-students[data-v-bb0b1888] {
  width: 100%;
  min-height: 55vh;
}
.container-students .header-students[data-v-bb0b1888] {
  display: flex;
  align-items: center;
  height: 40px;
  background: var(--q-neutral-20, #F2F2F2);
}
.container-students .header-students[data-v-bb0b1888] .q-checkbox__label {
  color: var(--q-neutral-80, #404040);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.25px;
}
@media (max-width: 500px) {
.container-students[data-v-bb0b1888] {
    min-height: 459px;
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/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-cli-plugin-quasar/lib/loader.scss.js!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/modules/knowledge/components/cards/workshop/CardWorkshopWithToken.vue?vue&type=style&index=0&id=dc2182de&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.card-workshop[data-v-dc2182de] {
  display: flex;
  flex-direction: column;
  padding: 16px;
  width: 100%;
  background: var(--q-neutral-0, #FFF);
  border-radius: 16px;
  border: 1px solid var(--q-neutral-30, #E5E5E5);
  gap: 24px;
}
.content-first[data-v-dc2182de] {
  display: flex;
}
.content-first .bg-icon[data-v-dc2182de] {
  display: flex;
  padding: 12px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: var(--q-personal-0, #FFF5F6);
}
.content-first .card-type[data-v-dc2182de] {
  color: var(--q-neutral-100, #000);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: -0.25px;
}
.content-first .workshop-title[data-v-dc2182de] {
  color: var(--q-text-secondary, #666);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: -0.25px;
}
.container-address[data-v-dc2182de] {
  display: flex;
  justify-content: baseline;
  gap: 8px;
}
.send-to-address[data-v-dc2182de] {
  color: var(--q-personal-70, #FE4E64);
  text-align: center;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: -0.25px;
}
.workshop-description[data-v-dc2182de] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.workshop-description-item[data-v-dc2182de] {
  display: flex;
  gap: 4px;
  align-items: center;
}
.workshop-description-item .bg-icon[data-v-dc2182de] {
  width: 33px;
  height: 33px;
}
.workshop-description-item[data-v-dc2182de] :is(strong, time, address) {
  color: var(--q-neutral-60, #808080);
  font-family: Montserrat;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.25px;
}
.card-token[data-v-dc2182de] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: -moz-fit-content;
  width: fit-content;
}
.card-token-title[data-v-dc2182de] {
  color: var(--q-text-secondary, #666);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.25px;
}
.card-token-code[data-v-dc2182de] {
  color: var(--q-neutral-80, #404040);
  font-family: Montserrat;
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -0.5px;
}
.card-token-description[data-v-dc2182de] {
  color: var(--q-text-secondary, #666);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.25px;
}
.line[data-v-dc2182de] {
  height: 1px;
  width: 100%;
  border: 1px solid var(--q-neutral-30, #E5E5E5);
}
@media (min-width: 980px) {
.line[data-v-dc2182de] {
    height: 100%;
    width: 1px;
}
.content-first[data-v-dc2182de] {
    flex: 55%;
}
.card-token[data-v-dc2182de] {
    flex: 45%;
}
.card-workshop[data-v-dc2182de] {
    width: 60vw;
    flex-direction: row;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/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-cli-plugin-quasar/lib/loader.scss.js!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/modules/knowledge/views/classes/workshop/ListStudents/ListStudents.vue?vue&type=style&index=0&id=c16f4430&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.section[data-v-c16f4430] {
  margin: 0 24px 40px 24px;
}
.warning-alert[data-v-c16f4430] {
  margin: 12px 0 16px;
}
.container[data-v-c16f4430] {
  padding-bottom: 24px;
  height: 85vh;
  overflow-y: auto;
}
.header[data-v-c16f4430] {
  display: flex;
  margin: 24px 16px 24px 0;
  justify-content: space-between;
}
.header .go-back[data-v-c16f4430] {
  color: var(--q-text-secondary);
}
.header .primary-content[data-v-c16f4430] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header .secondary-content[data-v-c16f4430] {
  display: flex;
  gap: 24px;
}
.header .secondary-content .menu.q-btn[data-v-c16f4430] {
  align-self: center;
}
.header-title[data-v-c16f4430] {
  color: var(--q-text-primary);
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  /* 133.333% */
  letter-spacing: -0.5px;
}
.workshop-details[data-v-c16f4430] {
  display: flex;
  gap: 24px;
  margin-top: 24px;
  flex-wrap: wrap;
}
.loading-more[data-v-c16f4430] {
  display: flex;
  justify-content: center;
  padding: 16px 0;
}
.workshop-students[data-v-c16f4430] {
  margin-top: 24px;
}
.workshop-students .workshop-students-header[data-v-c16f4430] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.workshop-students .workshop-students-header-title[data-v-c16f4430] {
  color: var(--q-neutral-80, #404040);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
  letter-spacing: -0.25px;
}
.workshop-students .warning[data-v-c16f4430] {
  margin: 32px 0 16px;
  display: flex;
  align-items: center;
  background: var(--q-warning-0, #fff5e6);
  padding: 8px;
  border-radius: 8px;
  border: 0.5px solid var(--q-secondary-80, #cf5717);
  box-shadow: 0px 0px 4px 0px var(--q-shadow-primary);
  color: var(--q-neutral-80, #404040);
  font-family: Montserrat;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: -0.25px;
}
.options-course[data-v-c16f4430] {
  height: 38px;
  padding: 0 20px;
  border-radius: 56px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--q-neutral-0);
  background-color: var(--q-primary);
}
@media (max-width: 500px) {
.secondary-content[data-v-c16f4430] {
    display: flex;
    flex-direction: column;
}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/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-cli-plugin-quasar/lib/loader.scss.js!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/modules/knowledge/components/cards/workshop/CardWorkshopCheckIn.vue?vue&type=style&index=0&id=04cabfe5&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.card-workshop[data-v-04cabfe5] {
  margin-top: 60px;
}
.line[data-v-04cabfe5] {
  height: 1px;
  width: 100%;
  border: 1px solid var(--q-neutral-30, #E5E5E5);
}
.card-workshop[data-v-04cabfe5] {
  width: 500px;
  height: 500px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  align-items: center;
  gap: 24px;
  border-radius: 16px;
  border: 1px solid var(--Grayscale-Grayscale-30, #E5E5E5);
  background: var(--Grayscale-Grayscale-0, #FFF);
}
.bg-icon[data-v-04cabfe5] {
  display: flex;
  padding: 12px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: var(--q-personal-0, #FFF5F6);
}
.card-type[data-v-04cabfe5] {
  color: var(--q-neutral-100, #000);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: -0.25px;
}
.workshop-title[data-v-04cabfe5] {
  color: var(--q-text-secondary, #666);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: -0.25px;
}
.container-address[data-v-04cabfe5] {
  display: flex;
  justify-content: baseline;
  gap: 8px;
}
.send-to-address[data-v-04cabfe5] {
  color: var(--q-personal-70, #FE4E64);
  text-align: center;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: -0.25px;
}
.workshop-description[data-v-04cabfe5] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.workshop-description-item[data-v-04cabfe5] {
  display: flex;
  gap: 4px;
  align-items: center;
}
.workshop-description-item .bg-icon[data-v-04cabfe5] {
  width: 33px;
  height: 33px;
}
.workshop-description-item[data-v-04cabfe5] :is(strong, time, address) {
  color: var(--q-neutral-60, #808080);
  font-family: Montserrat;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.25px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/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-cli-plugin-quasar/lib/loader.scss.js!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/modules/knowledge/views/classes/workshop/CheckIn/CheckIn.vue?vue&type=style&index=0&id=4d836208&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bg-icon[data-v-4d836208] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: var(--personal-light-personal-0-light, #FFF5F6);
}
.check-in[data-v-4d836208] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.check-in-info .check-in-title[data-v-4d836208] {
  color: var(--q-secondary-10, #262626);
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: -0.25px;
}
.check-in-info .check-in-warning[data-v-4d836208] {
  color: var(--Grayscale-Grayscale-60, #808080);
  text-align: center;
  font-family: Montserrat;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.25px;
}
.check-in-request[data-v-4d836208] {
  width: 100%;
  margin-bottom: 50px;
}
.check-in-confirmed[data-v-4d836208] {
  color: var(--q-text-secondary, #666);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.25px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/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-cli-plugin-quasar/lib/loader.scss.js!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/modules/knowledge/components/cards/workshop/CardMaterial.vue?vue&type=style&index=0&id=b776d75a&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.card-material[data-v-b776d75a] {
  display: flex;
  padding: 16px 16px 0 16px;
  gap: 16px;
  background: var(--q-neutral-0, #FFF);
  height: 72px;
  box-shadow: 0px 0px 4px var(--q-shadow-primary);
}
.card-material[data-v-b776d75a]:first-child {
  border-radius: 8px 8px 0 0;
}
.card-material[data-v-b776d75a]:last-child {
  border-radius: 0 0 8px 8px;
}
.card-material + .card-material[data-v-b776d75a] {
  border-top: 1px solid #ccc;
}
.card-material .card-info[data-v-b776d75a] {
  flex: 1;
}
.card-material .card-info-title[data-v-b776d75a] {
  color: var(--q-neutral-100, #000);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.25px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow-y: hidden;
}
.card-material .card-info-description[data-v-b776d75a] {
  color: var(--q-text-secondary, #666);
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: -0.25px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/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-cli-plugin-quasar/lib/loader.scss.js!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/modules/knowledge/views/classes/workshop/CheckIn/Materials.vue?vue&type=style&index=0&id=2a23b7b4&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-materials[data-v-2a23b7b4] {
  width: 100%;
  overflow-y: auto;
  margin-top: 16px;
  padding-bottom: 165px;
}
.container-materials .support-materials[data-v-2a23b7b4] {
  margin-bottom: 40px;
}
.container-materials .support-materials-title[data-v-2a23b7b4] {
  color: var(--Grayscale-Grayscale-70, #666);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.25px;
}
.container-materials .support-materials .container-cards[data-v-2a23b7b4] {
  width: 100%;
  margin-top: 16px;
  height: 252px;
  overflow-y: scroll;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/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-cli-plugin-quasar/lib/loader.scss.js!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/modules/knowledge/components/cards/workshop/CheckInCode.vue?vue&type=style&index=0&id=088aeea0&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-check-in[data-v-088aeea0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.container-check-in .bg-icon[data-v-088aeea0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: var(--personal-light-personal-0-light, #FFF5F6);
}
.container-check-in .check-in[data-v-088aeea0] {
  margin-bottom: 24px;
}
.container-check-in .check-in-title[data-v-088aeea0] {
  color: var(--Grayscale-Grayscale-85, #262626);
  text-align: center;
  font-family: Montserrat;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.25px;
}
.container-check-in .check-in-description[data-v-088aeea0] {
  color: var(--Grayscale-Grayscale-60, #808080);
  text-align: center;
  font-family: Montserrat;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.25px;
}
.container-check-in .code[data-v-088aeea0] {
  display: flex;
  gap: 8px;
}
.container-check-in .code-input[data-v-088aeea0] {
  text-transform: uppercase;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  outline: none;
  width: 48px;
  height: 48px;
  border-radius: 4px;
  border-color: transparent;
  background: var(--Grayscale-Grayscale-20, #F2F2F2);
  text-align: center;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/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-cli-plugin-quasar/lib/loader.scss.js!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/modules/knowledge/components/cards/workshop/CheckInCongratulation.vue?vue&type=style&index=0&id=7a9d1dfe&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.check-in-congratulations[data-v-7a9d1dfe] {
  margin-top: 60px;
  width: 500px;
  height: 500px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  align-items: center;
  gap: 24px;
  border-radius: 16px;
  border: 1px solid var(--Grayscale-Grayscale-30, #E5E5E5);
  background: var(--Grayscale-Grayscale-0, #FFF);
}
.congratulations[data-v-7a9d1dfe] {
  text-align: center;
}
.congratulations-title[data-v-7a9d1dfe] {
  color: var(--Grayscale-Grayscale-80, #2E2E2E);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: -0.25px;
  margin-bottom: 8px;
}
.congratulations-description[data-v-7a9d1dfe] {
  color: var(--Grayscale-Grayscale-75, #404040);
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.25px;
  margin-bottom: 8px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/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-cli-plugin-quasar/lib/loader.scss.js!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/modules/knowledge/components/cards/workshop/WorkshopConcluded.vue?vue&type=style&index=0&id=017a6d02&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.workshop-concluded[data-v-017a6d02] {
  margin-top: 60px;
  width: 500px;
  height: 500px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  align-items: center;
  gap: 24px;
  border-radius: 16px;
  border: 1px solid var(--Grayscale-Grayscale-30, #E5E5E5);
  background: var(--Grayscale-Grayscale-0, #FFF);
}
[data-v-017a6d02] .action {
  margin-top: 24px;
}
.certificate[data-v-017a6d02] {
  height: 286px;
  text-align: center;
}
.certificate-title[data-v-017a6d02] {
  color: var(--Grayscale-Grayscale-85, #262626);
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}
.certificate-description[data-v-017a6d02] {
  color: var(--Grayscale-Grayscale-70, #666);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.25px;
  margin-bottom: 16px;
}
.certificate-description .certificate-workshop-name[data-v-017a6d02] {
  color: var(--personal-light-personal-70-light-primria, #FE4E64);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.25px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.certificate .rewards[data-v-017a6d02] {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 40px;
}
.certificate .rewards .reward[data-v-017a6d02] {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border: 3px solid transparent;
  border-radius: 999px;
  background-image: linear-gradient(white, white), linear-gradient(270deg, var(--q-gradient-0) 0%, var(--q-gradient-1) 33.33%, var(--q-gradient-2) 67.71%, var(--q-gradient-3) 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.certificate .rewards .reward-label[data-v-017a6d02] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  color: var(--Grayscale-Grayscale-75, #404040);
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.25px;
}
.certificate .rewards .reward-value[data-v-017a6d02] {
  margin-left: 19px;
  background: var(--gradiente-light, linear-gradient(270deg, #FF0488 0%, #FE5268 33%, #FA6B1F 68%, #FC9C49 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.25px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/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-cli-plugin-quasar/lib/loader.scss.js!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/modules/knowledge/views/classes/workshop/CheckIn/ManageCheckIn.vue?vue&type=style&index=0&id=662fdc77&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.section[data-v-662fdc77] {
  margin: 0 24px 40px 24px;
}
.header[data-v-662fdc77] {
  display: flex;
  margin: 24px 16px;
  justify-content: space-between;
}
.header .go-back[data-v-662fdc77] {
  color: var(--q-text-secondary);
}
.header .primary-content[data-v-662fdc77] {
  display: flex;
  align-items: center;
}
.header-title[data-v-662fdc77] {
  color: var(--q-text-primary);
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  /* 133.333% */
  letter-spacing: -0.5px;
}
.main[data-v-662fdc77] {
  height: 100vh;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.main .check-in[data-v-662fdc77] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main[data-v-662fdc77] :is(.check-in, .materials) {
  width: 100%;
}
.main.error[data-v-662fdc77] {
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0px;
}
.main.error .error-title[data-v-662fdc77] {
  color: var(--q-neutral-100, #000);
  text-align: center;
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
  margin-bottom: 16px;
}
.main.error .error-description-container[data-v-662fdc77] {
  margin-bottom: 24px;
}
.main.error .error-description[data-v-662fdc77] {
  text-align: center;
  color: var(--q-neutral-70, #262626);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.25px;
  margin-bottom: 0;
}
.main.error .second[data-v-662fdc77] {
  margin-bottom: 24;
}
.main.error .error-img[data-v-662fdc77] {
  margin-bottom: 24px;
}
.line[data-v-662fdc77] {
  width: 100%;
  border: 1px solid #ccc;
}
.support-materials[data-v-662fdc77] {
  height: 40dvh;
  background-color: tomato;
}
@media (min-width: 1400px) {
.main[data-v-662fdc77] {
    flex-direction: row;
}
:is(.check-in[data-v-662fdc77], .materials[data-v-662fdc77]) {
    width: 50%;
}
.line[data-v-662fdc77] {
    height: 100vh;
    width: 1px;
    border: 1px solid #ccc;
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/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-cli-plugin-quasar/lib/loader.scss.js!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/modules/links/components/dialog/DialogForManageLinks.vue?vue&type=style&index=0&id=6a68c3bd&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dialog[data-v-6a68c3bd] {
  width: 625px;
}
.dialog .form[data-v-6a68c3bd] {
  height: 500px;
  overflow-y: scroll;
}
.dialog-title[data-v-6a68c3bd] {
  color: var(--q-text-primary);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.25px;
}
.dialog .label[data-v-6a68c3bd] {
  color: var(--q-text-secondary, #666);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.25px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/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-cli-plugin-quasar/lib/loader.scss.js!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/modules/links/pages/Links.vue?vue&type=style&index=0&id=5022278c&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.filter-spacing[data-v-5022278c] {
  padding: 24px 24px 0 24px;
}
.header[data-v-5022278c] {
  align-items: center;
  margin: 16px 24px 29px 24px;
  display: flex;
}
.header button[data-v-5022278c] {
  color: var(--q-text-primary);
}
.header-title[data-v-5022278c] {
  color: var(--q-text-primary);
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}
.header-subtitle[data-v-5022278c] {
  color: var(--q-text-secondary);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.25px;
}
.header .first-item[data-v-5022278c] {
  flex: 1;
}
.links-content[data-v-5022278c] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  overflow-y: auto;
  max-height: calc(100vh - 180px);
}
.links-category__header[data-v-5022278c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.links-category__name[data-v-5022278c] {
  font-family: Montserrat;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: var(--q-neutral-80);
}
.links-category__ver-mais[data-v-5022278c] {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--q-primary);
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.25px;
  padding: 0;
}
.links-cards[data-v-5022278c] {
  display: flex;
  flex-direction: column;
  background-color: var(--q-bg-elevation);
  border: 1px solid var(--q-border-primary);
  border-radius: 12px;
  overflow: hidden;
}
.link-card[data-v-5022278c] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
}
.link-card + .link-card[data-v-5022278c] {
  border-top: 1px solid var(--q-border-primary);
}
.link-card__icon[data-v-5022278c] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background-color: var(--q-bg-personal);
  border-radius: 100%;
}
.link-card__content[data-v-5022278c] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.link-card__name[data-v-5022278c] {
  color: var(--q-content-info);
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.25px;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-card__name[data-v-5022278c]:hover {
  text-decoration: underline;
}
.link-card__shared[data-v-5022278c] {
  font-family: Montserrat;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.25px;
  color: var(--q-text-secondary);
}
.link-card__actions[data-v-5022278c] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}
.title-success[data-v-5022278c] {
  color: var(--q-text-primary);
}
.container-empty[data-v-5022278c] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 50vh;
}
.empty-title[data-v-5022278c] {
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: center;
  color: var(--q-text-primary);
  margin: 24px 0;
}
.empty-info[data-v-5022278c] {
  font-family: "Montserrat";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
  color: var(--q-text-secondary);
  margin-bottom: 24px;
}