/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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=46559b75&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.line[data-v-46559b75] {
  margin: 40px 0;
}
.form[data-v-46559b75] {
  height: 80vh;
  overflow-y: scroll;
  margin-top: 24px;
}
.form-input + .form-input[data-v-46559b75] {
  margin-top: 28px;
}
.form .label-input[data-v-46559b75] {
  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-46559b75] {
  margin-left: -10px;
}
.form .checkbox-label[data-v-46559b75] {
  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-46559b75] {
  margin: 28px 0;
}
.form .rewards .form-group[data-v-46559b75] {
  display: flex;
  gap: 16px;
}
.form .rewards .form-input[data-v-46559b75] {
  margin-top: 0;
}
.form .form-group-three[data-v-46559b75] {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}
.form .form-group-three .form-input[data-v-46559b75] {
  margin-top: 0;
  flex: 1 0 296px;
}
.form .config-check-in .scheduling-inputs[data-v-46559b75] {
  display: flex;
  gap: 16px;
}
.form .config-check-in .scheduling-inputs .scheduling-input[data-v-46559b75] {
  width: 165px;
}
.form .check-in-method[data-v-46559b75] {
  margin: 40px 0;
}
.form .check-in-method-info[data-v-46559b75] {
  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-46559b75] {
  margin-bottom: 16px;
}
.form .check-in-method .warning-strong[data-v-46559b75] {
  font-weight: 600;
}
.form .radios .radio-label[data-v-46559b75] {
  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-46559b75],
.fade-leave-active[data-v-46559b75] {
  transition: opacity 0.5s ease;
}
.fade-enter-from[data-v-46559b75],
.fade-leave-to[data-v-46559b75] {
  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=cb8832d0&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.section[data-v-cb8832d0] {
  margin: 0 24px;
}
.header[data-v-cb8832d0] {
  display: flex;
  margin: 24px 8px;
  justify-content: space-between;
}
.header .go-back[data-v-cb8832d0] {
  color: var(--q-text-secondary);
}
.header .primary-content[data-v-cb8832d0] {
  display: flex;
  align-items: center;
}
.header .secondary-content[data-v-cb8832d0] {
  display: flex;
  gap: 22px;
}
.header .secondary-content .label-item[data-v-cb8832d0] {
  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-cb8832d0] {
  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-cb8832d0] {
  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/views/classes/workshop/ListStudents/Students.vue?vue&type=style&index=0&id=2cf739cd&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-students[data-v-2cf739cd] {
  width: 100%;
  height: 55vh;
}
.container-students .header-students[data-v-2cf739cd] {
  height: 40px;
  background: var(--q-neutral-20, #F2F2F2);
}
@media (max-width: 500px) {
.container-students[data-v-2cf739cd] {
    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/views/classes/workshop/ListStudents/ListStudents.vue?vue&type=style&index=0&id=aaa29320&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.section[data-v-aaa29320] {
  margin: 0 24px 40px 24px;
}
.warning-alert[data-v-aaa29320] {
  margin: 32px 0 16px;
}
.container[data-v-aaa29320] {
  padding-bottom: 24px;
  height: 85vh;
  overflow-y: auto;
}
.header[data-v-aaa29320] {
  display: flex;
  margin: 24px 16px;
  justify-content: space-between;
}
.header .go-back[data-v-aaa29320] {
  color: var(--q-text-secondary);
}
.header .primary-content[data-v-aaa29320] {
  display: flex;
  align-items: center;
}
.header .secondary-content[data-v-aaa29320] {
  display: flex;
  gap: 24px;
}
.header-title[data-v-aaa29320] {
  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-aaa29320] {
  display: flex;
  gap: 24px;
  margin-top: 24px;
  flex-wrap: wrap;
}
.workshop-students[data-v-aaa29320] {
  margin-top: 24px;
}
.workshop-students .workshop-students-header[data-v-aaa29320] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.workshop-students .workshop-students-header-title[data-v-aaa29320] {
  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-aaa29320] {
  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-aaa29320] {
  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-aaa29320] {
    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/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/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=126e1c29&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dialog[data-v-126e1c29] {
  width: 625px;
}
.dialog .form[data-v-126e1c29] {
  height: 500px;
  overflow-y: scroll;
}
.dialog-title[data-v-126e1c29] {
  color: var(--q-text-primary);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
  letter-spacing: -0.25px;
}
.dialog .label[data-v-126e1c29] {
  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;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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=1706d66b&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header[data-v-1706d66b] {
  align-items: center;
  margin: 16px 24px 29px 24px;
  display: flex;
}
.header button[data-v-1706d66b] {
  color: var(--q-text-primary);
}
.header-title[data-v-1706d66b] {
  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-1706d66b] {
  color: var(--q-text-secondary);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: -0.25px;
}
.header .first-item[data-v-1706d66b] {
  flex: 1;
}
.filter-container[data-v-1706d66b] {
  display: flex;
  gap: 8px;
}
.filter-item.input[data-v-1706d66b] {
  width: 300px;
}
.my-link[data-v-1706d66b] {
  color: var(--q-content-info);
}
.title-success[data-v-1706d66b] {
  color: var(--q-text-primary);
}