.fade-enter-active[data-v-47990bc3]{transition:opacity .2s ease-out}.fade-leave-active[data-v-47990bc3]{transition:opacity .3s ease-out}.fade-enter[data-v-47990bc3],.fade-leave-to[data-v-47990bc3]{opacity:0}.progress-wrapper[data-v-47990bc3]{width:100%;height:25px;display:flex;align-items:center;padding:0 4px}.progress-wrapper .progress[data-v-47990bc3]{width:100%;height:10px;position:relative;background:#bac1ca;border-radius:100px}.progress-wrapper .progress__bar[data-v-47990bc3]{width:var(--percent);height:10px;position:absolute;left:0;top:0;z-index:2;background:#122546;position:relative;border-radius:100px}.progress-wrapper .progress__bar--point[data-v-47990bc3]{position:absolute;width:19.2px;height:19.2px;right:0;top:0;transform:translate(50%,-25%)}.progress-wrapper .percentage[data-v-47990bc3]{font-family:DM Sans,sans-serif;font-size:14px;color:#122546;font-weight:400;line-height:18px;width:35px;margin-left:3px}.fade-enter-active[data-v-0dc5153f]{transition:opacity .2s ease-out}.fade-leave-active[data-v-0dc5153f]{transition:opacity .3s ease-out}.fade-enter[data-v-0dc5153f],.fade-leave-to[data-v-0dc5153f]{opacity:0}.live[data-v-0dc5153f]{width:9px;height:9px;border-radius:40px;background:#e60000}.lesson-card[data-v-0dc5153f]{display:flex;flex-direction:column;padding:20px;border:1px solid rgba(186,193,202,.5019607843);border-radius:4px;justify-content:space-between}.lesson-card.locked[data-v-0dc5153f]{opacity:1%;pointer-events:none;cursor:not-allowed}.lesson-card.locked .lesson-card__btn[data-v-0dc5153f]{background:#5e6571}.lesson-card__body[data-v-0dc5153f]{display:flex;gap:16px}.lesson-card__body--icon[data-v-0dc5153f]{width:50px;min-width:50px;height:100%;max-height:60px;display:flex;align-items:center;justify-content:center;background-color:#122546;border-radius:2px}.lesson-card__body--icon.completed[data-v-0dc5153f]{background-color:#32a03d}.lesson-card__body--icon--item[data-v-0dc5153f]{width:36px;height:36px}.lesson-card__body--text[data-v-0dc5153f]{display:flex;flex-direction:column;gap:10px}.lesson-card__body--text-title[data-v-0dc5153f]{font-family:DM Sans,sans-serif;font-size:18px;color:#122546;font-weight:500;line-height:23px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;word-break:break-word}.lesson-card__body--text-subtitle[data-v-0dc5153f]{display:flex;align-items:center;gap:4px;padding:4px 0;background:#fafbfb;font-family:DM Sans,sans-serif;font-size:14px;color:#122546;font-weight:500;line-height:18px}.lesson-card__body--text-subtitle[data-v-0dc5153f]:not(.activities){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;word-break:break-word}.lesson-card__btn[data-v-0dc5153f]{font-family:DM Sans,sans-serif!important;font-size:18px!important;color:#fff!important;font-weight:500!important;line-height:23px!important;padding:6px 20px!important;border-radius:4px!important;outline:inherit!important;background:#122546!important;border:none!important;width:100%!important;margin-top:12px!important}.lesson-card__btn.completed[data-v-0dc5153f]{background:#5e6571!important;opacity:.75!important}.lesson-card__btn.active[data-v-0dc5153f]{background-color:#c91919!important}.fade-enter-active[data-v-08547704]{transition:opacity .2s ease-out}.fade-leave-active[data-v-08547704]{transition:opacity .3s ease-out}.fade-enter[data-v-08547704],.fade-leave-to[data-v-08547704]{opacity:0}.slide-enter-active[data-v-08547704],.slide-leave-active[data-v-08547704]{transition:all .3s ease}.slide-enter[data-v-08547704],.slide-leave-to[data-v-08547704]{max-height:0;opacity:0;padding:0}.slide-enter-to[data-v-08547704],.slide-leave[data-v-08547704]{max-height:1000px;opacity:1}.lesson-card[data-v-08547704]{display:flex;flex-direction:column;background-color:#fafaf9;padding:12px;border-radius:4px;border:1px solid rgba(186,192,202,.5019607843)}.lesson-card__head[data-v-08547704]{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.lesson-card__head--text[data-v-08547704]{display:flex;flex-direction:column;gap:4px}.lesson-card__head--text-number[data-v-08547704]{font-family:DM Sans,sans-serif;font-size:12px;color:#3f4a58;font-weight:500;line-height:15px}.lesson-card__head--text-title[data-v-08547704]{font-family:DM Sans,sans-serif;font-size:18px;color:#122546;font-weight:500;line-height:23px}.lesson-card__head--contoller[data-v-08547704]{width:24px;height:24px;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out;transform:rotate(180deg)}.lesson-card__head--contoller.inactive[data-v-08547704]{transform:rotate(0deg)}.lesson-card__body[data-v-08547704]{display:flex;flex-direction:column;gap:6px;margin-top:16px;margin-bottom:16px;overflow:hidden}.lesson-card__body--description[data-v-08547704],.lesson-card__body[data-v-08547704]{font-family:DM Sans,sans-serif;font-size:16px;color:#3f4a58;font-weight:400;line-height:20px}.lesson-card__body--labels[data-v-08547704]{font-family:DM Sans,sans-serif;font-size:14px;color:rgba(7,25,61,.6);font-weight:400;line-height:18px;background:#f4f5f5;padding:12px;gap:9px;display:flex;flex-wrap:wrap}.lesson-card__body--labels-wrapper[data-v-08547704]{display:flex;gap:9px}.lesson-card__body--labels-item[data-v-08547704]{display:flex;align-items:center;gap:4px}.lesson-card__body--labels-item svg[data-v-08547704]{display:flex;align-items:center;justify-content:center;width:17px;height:17px}.lesson-card__body--labels-separator[data-v-08547704]{display:flex;align-self:center;width:5px;height:5px;background:#bac1ca;border-radius:100px}.fade-enter-active[data-v-18dc845a]{transition:opacity .2s ease-out}.fade-leave-active[data-v-18dc845a]{transition:opacity .3s ease-out}.fade-enter[data-v-18dc845a],.fade-leave-to[data-v-18dc845a]{opacity:0}.course__header[data-v-18dc845a]{margin-top:24px;background:#fff;padding:20px;border-radius:4px}.course__header .main[data-v-18dc845a]{display:flex;flex-direction:column;gap:8px}.course__header .side[data-v-18dc845a]{display:flex;align-items:center;justify-content:center}.course__header--info[data-v-18dc845a]{display:flex;gap:6px;margin-bottom:8px}.course__header--info .tag[data-v-18dc845a]{background:#f0f1f2}.course__header--title[data-v-18dc845a]{font-family:DM Sans,sans-serif;font-size:28px;color:#07193d;font-weight:500;line-height:36px}.course__header--subtitle[data-v-18dc845a]{font-family:DM Sans,sans-serif;font-size:18px;color:#07193d;font-weight:400;line-height:23px}.course__header--description[data-v-18dc845a]{margin-top:8px;display:flex;flex-direction:column;gap:6px;font-family:DM Sans,sans-serif;font-size:16px;color:#07193d;font-weight:400;line-height:20px}.course__header--description[data-v-18dc845a] [data-element=introduction]{font-size:1.125rem;line-height:1.5}.course__header--description[data-v-18dc845a] [data-element=introduction] p{margin-bottom:.6em}.course__header--description[data-v-18dc845a] [data-element=introduction] img{display:block;margin-bottom:.6em}.course__header--description[data-v-18dc845a] [data-element=introduction] img:last-child{margin-bottom:0}.course__header--description[data-v-18dc845a] [data-element=introduction] ol,.course__header--description[data-v-18dc845a] [data-element=introduction] ul{list-style-position:outside;padding-left:1.2em;margin-bottom:.6em}.course__header--description[data-v-18dc845a] [data-element=introduction] ol:last-child,.course__header--description[data-v-18dc845a] [data-element=introduction] ul:last-child{margin-bottom:0}.course__header--description[data-v-18dc845a] [data-element=introduction] ul{list-style:disc}.course__header--description[data-v-18dc845a] [data-element=introduction] :last-child{margin-bottom:0!important}.course__header--description[data-v-18dc845a] [data-element=introduction] a{text-decoration:underline;font-weight:700;color:#000f76}.course__header--description[data-v-18dc845a] [data-element=introduction] [data-element=suit-symbol] span{font-family:Noto Sans TC,sans-serif}.course__header--description[data-v-18dc845a] [data-element=introduction] [data-element=suit-symbol][data-colour=red] span{color:#c91919}.course__header--description[data-v-18dc845a] [data-element=introduction] [data-element=suit-symbol][data-colour=black] span{color:#000}.course__header--description-item[data-v-18dc845a]{display:flex;align-items:center}.course__header--description-item .icon[data-v-18dc845a]{display:flex;align-items:center;justify-content:center;width:13.5px;height:13.5px;margin-right:5.5px}.course__header--description-item .bold[data-v-18dc845a]{font-weight:700}.course__header--controls[data-v-18dc845a]{display:flex;align-items:center;margin-top:8px;gap:16px}.course__header--controls .btn[data-v-18dc845a]{width:auto}.course__header--controls__price[data-v-18dc845a]{font-family:DM Sans,sans-serif;font-size:20px;color:#122546;font-weight:500;line-height:26px}.course__header--controls__price.discount[data-v-18dc845a]{text-decoration:line-through;opacity:.5}.course__header--controls .progress-wrapper[data-v-18dc845a]{width:105px}.course__header--img[data-v-18dc845a]{width:277px;height:174px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.course__body--info[data-v-18dc845a]{display:flex;flex-direction:column}.course__body--info-title[data-v-18dc845a]{display:flex;align-items:center;padding:7.5px 0;margin-bottom:12px;gap:10px;font-family:DM Sans,sans-serif;font-size:18px;color:#07193d;font-weight:700;line-height:23px}.course__body--info-labels[data-v-18dc845a]{margin-bottom:36px;display:flex;flex-wrap:wrap;gap:9px}.course__body--info-labels .tag[data-v-18dc845a]{background:#f0f1f2}.course__body--info-teacher[data-v-18dc845a]{display:flex;padding:12px;border:1px solid rgba(186,193,202,.5019607843);gap:12px;cursor:pointer}.course__body--info-teacher .teacher__avatar[data-v-18dc845a]{width:45px;height:45px;-o-object-fit:cover;object-fit:cover;border-radius:2px}.course__body--info-teacher .teacher__text[data-v-18dc845a]{display:flex;flex-direction:column;gap:4px}.course__body--info-teacher .teacher__text--title[data-v-18dc845a]{font-family:DM Sans,sans-serif;font-size:18px;color:#122546;font-weight:500;line-height:23px}.course__body--info-teacher .teacher__text--subtitle[data-v-18dc845a]{font-family:DM Sans,sans-serif;font-size:14px;color:#3f4a58;font-weight:700;line-height:18px}.course__body--info-teacher .teacher__text--subtitle[data-v-18dc845a] [data-element=introduction]{font-size:1.125rem;line-height:1.5}.course__body--info-teacher .teacher__text--subtitle[data-v-18dc845a] [data-element=introduction] p{margin-bottom:.6em}.course__body--info-teacher .teacher__text--subtitle[data-v-18dc845a] [data-element=introduction] img{display:block;margin-bottom:.6em}.course__body--info-teacher .teacher__text--subtitle[data-v-18dc845a] [data-element=introduction] img:last-child{margin-bottom:0}.course__body--info-teacher .teacher__text--subtitle[data-v-18dc845a] [data-element=introduction] ol,.course__body--info-teacher .teacher__text--subtitle[data-v-18dc845a] [data-element=introduction] ul{list-style-position:outside;padding-left:1.2em;margin-bottom:.6em}.course__body--info-teacher .teacher__text--subtitle[data-v-18dc845a] [data-element=introduction] ol:last-child,.course__body--info-teacher .teacher__text--subtitle[data-v-18dc845a] [data-element=introduction] ul:last-child{margin-bottom:0}.course__body--info-teacher .teacher__text--subtitle[data-v-18dc845a] [data-element=introduction] ul{list-style:disc}.course__body--info-teacher .teacher__text--subtitle[data-v-18dc845a] [data-element=introduction] :last-child{margin-bottom:0!important}.course__body--info-teacher .teacher__text--subtitle[data-v-18dc845a] [data-element=introduction] a{text-decoration:underline;font-weight:700;color:#000f76}.course__body--info-teacher .teacher__text--subtitle[data-v-18dc845a] [data-element=introduction] [data-element=suit-symbol] span{font-family:Noto Sans TC,sans-serif}.course__body--info-teacher .teacher__text--subtitle[data-v-18dc845a] [data-element=introduction] [data-element=suit-symbol][data-colour=red] span{color:#c91919}.course__body--info-teacher .teacher__text--subtitle[data-v-18dc845a] [data-element=introduction] [data-element=suit-symbol][data-colour=black] span{color:#000}.course__body--title[data-v-18dc845a]{font-family:DM Sans,sans-serif;font-size:24px;color:#07193d;font-weight:500;line-height:31px;margin-bottom:36px}.course__body--lessons[data-v-18dc845a]{margin-bottom:36px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.course__body--lessons-full[data-v-18dc845a]{display:flex;flex-direction:column;gap:12px;width:100%}