.podcast__wrapper[data-v-094e294c]{min-width:256px;padding:.5rem;width:100%}.podcast__wrapper.prakerja[data-v-094e294c]{min-width:304px}.podcast__title[data-v-094e294c]{color:var(--q-color-gray800-white200);transition:var(--transition)}.podcast__tag[data-v-094e294c]{display:flex}.podcast__tag__topic[data-v-094e294c]{background-color:var(--q-color-gray800-black900);color:var(--q-color-white100);transition:var(--transition)}.podcast__tag__format[data-v-094e294c]{background-color:var(--q-color-gray000-gray1000);color:var(--q-color-gray800-white200);transition:var(--transition)}.podcast__voucher[data-v-094e294c]{border:1px solid var(--q-color-green700-green400)}.podcast__voucher__label[data-v-094e294c]{background-color:var(--q-color-green700-green400);color:var(--q-color-gray800-white200)}.podcast__voucher__icon[data-v-094e294c]{border-color:var(--q-color-green700-green400)}.podcast__voucher__price[data-v-094e294c]{color:var(--q-color-gray800-white200)}.podcast__wrapper:hover .podcast__title[data-v-094e294c]{color:var(--q-color-green700-green400)}.podcast__wrapper:hover .podcast__tag__topic[data-v-094e294c]{background-color:var(--q-color-green700-green400)}section[name=body][data-v-094e294c],section[name=detail][data-v-094e294c]{background-color:var(--q-color-white100-black700)}section[name=detail][data-v-094e294c]{min-height:90px}@media (min-width:992px){.podcast__wrapper[data-v-094e294c]{min-width:200px}}#main-dialog .q-card[data-v-ff9f2464]{box-shadow:unset}#main-dialog .q-toolbar[data-v-ff9f2464]{padding:1rem}#main-dialog .q-toolbar__title .image__logo[data-v-ff9f2464]{margin:auto;width:50%}div[data-v-d11d130a]{background:var(--q-color-gray800-green400);padding:6px 8px;width:-webkit-max-content;width:max-content}div p[data-v-d11d130a]{color:var(--q-color-white200);font:var(--text-tag);text-transform:uppercase}.q-card{background:var(--q-color-white100-black700);box-shadow:unset;margin:8px 0}.q-card .q-img{height:auto;width:144px}.q-card .tutor__name{color:var(--q-color-gray800-white200);font:var(--text-title-card);margin-bottom:1rem}.q-card .tutor__tag{background-color:var(--q-color-gray800-black900);color:var(--q-color-gray800-white200)}.q-card .tutor__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--q-color-gray800-white200);display:-webkit-box;font-size:1.2em;height:52px;line-height:1.4;margin-top:.5rem;overflow:hidden}.q-card :hover .tutor__name{color:var(--q-color-green700-green400)}.q-card :hover .tutor__tag{background-color:var(--q-color-green700-green400)}.select__label[data-v-31ba406d]{color:var(--q-color-gray800-white200);display:block;font-size:.9em;font-weight:500}.select__container[data-v-31ba406d]{position:relative}.select__container select[data-v-31ba406d]{background-color:initial;border:none;border-bottom:1px solid var(--q-color-gray800-white200);color:var(--q-color-gray800-white200);padding:1rem 0 .75rem;width:100%}.select[aria-focus=true] .select__label[data-v-31ba406d]{color:var(--q-color-green700-green400)}.select[aria-focus=true] .select__container select[data-v-31ba406d]{border-color:var(--q-color-green700-green400)}.select[aria-invalid=true] .select__label[data-v-31ba406d]{color:var(--q-color-red)}.select[aria-invalid=true] .select__container select[data-v-31ba406d]{border-color:var(--q-color-red)}.select__error[data-v-31ba406d]{color:var(--q-color-red)}.card[data-type=list][data-v-7e4de214],.select option[data-v-31ba406d]{background-color:var(--q-color-white100-black700)}.card[data-type=list] .kategori__title[data-v-7e4de214]{font-size:1.2em;font-weight:500;padding:0 1rem}.card[data-type=list] .kategori__list[data-v-7e4de214]{height:calc(100vh - 150px)}.card[data-type=list] ul li[data-v-7e4de214]{align-items:center;cursor:pointer;display:flex;list-style:none;padding:16px;transition:.2s ease-in-out}.card[data-type=list] ul li div[data-v-7e4de214]{border-radius:50%;height:12px;position:relative;width:12px}.card[data-type=list] ul li p[data-v-7e4de214]{margin-left:8px}.card[data-type=list] ul li[data-v-7e4de214]:hover{background:var(--q-color-blue200-green100)}.card[data-type=list] ul li[aria-selected=true][data-v-7e4de214]{background:var(--q-color-green700-green400)}.card[data-type=list] ul li[aria-selected=true] div[data-v-7e4de214]{background:var(--q-color-white100)}.card[data-type=list] ul li[aria-selected=true] div[data-v-7e4de214]:before{border:2px solid var(--q-color-green700-green400);border-radius:50%;content:"";display:block;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.card[data-v-52fa9b64]{display:flex;flex-direction:row-reverse;justify-content:space-between;min-width:328px;padding:.5rem}.card__image[data-v-52fa9b64]{border-radius:4px 4px 0 0;height:auto;max-width:144px;min-width:144px;position:relative;width:100%}.card__body[data-v-52fa9b64]{background-color:var(--q-color-white100-black700);border-radius:0 0 4px 4px;flex-grow:1;padding:1rem}.card .tag__topik[data-v-52fa9b64]{background-color:var(--q-color-gray800-black900);color:var(--q-color-white200);font-size:.75em;padding:.5rem;text-transform:uppercase;transition:var(--transition);width:-webkit-max-content;width:max-content}.card .body__title[data-v-52fa9b64]{-webkit-line-clamp:3;font-size:1.2em;font-weight:700;height:80px}.card .body__description[data-v-52fa9b64],.card .body__title[data-v-52fa9b64]{-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4em;margin-bottom:1.5rem;overflow:hidden}.card .body__description[data-v-52fa9b64]{-webkit-line-clamp:2;display:none;font-size:.85em;height:40px}.card .body__stats[data-v-52fa9b64]{align-items:center;display:flex;justify-self:flex-end;margin-left:-.25rem;margin-right:-.25rem}.card .body__stats .stats[data-v-52fa9b64]{align-items:center;display:flex;margin:0 .25rem}.card .body__stats .stats__text[data-v-52fa9b64]{padding-left:.25rem}.card[data-v-52fa9b64]:hover{cursor:pointer}.card:hover .tag__topik[data-v-52fa9b64]{background-color:var(--q-color-green600-green300)}.card:hover .body__title[data-v-52fa9b64]{color:var(--q-color-green600-green300)}@media only screen and (min-width:992px){.card[data-v-52fa9b64]{min-width:256px}.card .body__title[data-v-52fa9b64]{-webkit-line-clamp:2;font-size:1.5em;height:64px}.card .body__description[data-v-52fa9b64]{display:block}}.input__label[data-v-65998229]{color:var(--q-color-gray800-white200);display:block;font-size:.9em;font-weight:500}.input__container[data-v-65998229]{position:relative}.input__container input[data-v-65998229]{background-color:initial;border:none;color:var(--q-color-gray800-white200);padding:1rem 0 .75rem;width:100%}.input__detail[data-v-65998229]{color:var(--q-color-green700-green400)}.input__description[data-v-65998229]{color:var(--q-color-gray800-gray600);font-size:13px}.input__field[data-v-65998229]{border-bottom:1px solid var(--q-color-gray800-white200)}.input .icon[data-v-65998229],.input[aria-focus=true] .input__label[data-v-65998229]{color:var(--q-color-green700-green400)}.input[aria-focus=true] .input__field[data-v-65998229]{border-color:var(--q-color-green700-green400)}.input[aria-invalid=true] .input__label[data-v-65998229]{color:var(--q-color-red)}.input[aria-invalid=true] .input__field[data-v-65998229]{border-color:var(--q-color-red)}.input__error[data-v-65998229]{color:var(--q-color-red)}.checkbox-fake[data-v-011a9f44]{align-items:center;border:2px solid var(--q-color-green700-green400);border-radius:4px;cursor:pointer;display:flex;height:18px;justify-content:center;width:18px}.checkbox-fake svg[data-v-011a9f44]{fill:var(--q-color-white100-black700)}.checkbox-box[data-v-011a9f44]{display:none}.checkbox-box:checked~.checkbox-fake svg[data-v-011a9f44]{fill:var(--q-color-green700-green400)}.user__data[data-v-072c524c]{position:relative}.user__data__camera[data-v-072c524c]{margin-bottom:1rem;position:absolute;top:-50px}.hero__banner[data-v-072c524c]{background-color:var(--q-color-white600-black700)}.hero__user[data-v-072c524c]{background-color:var(--q-color-white200-black800);padding-left:1rem;padding-right:1rem}@media (min-width:992px){.hero__user[data-v-072c524c]{padding-left:2rem;padding-right:2rem}}.kelas__wrapper a[data-v-1546b46e]{background-color:var(--q-color-white100-black700);display:flex;flex-direction:row}.kelas__image[data-v-1546b46e]{height:100%;max-width:114px;width:114px}.kelas__image__prakerja[data-v-1546b46e]{width:56px}.kelas__tag__format[data-v-1546b46e]{background-color:var(--q-color-gray000-gray1000);color:var(--q-color-gray800-white200);transition:var(--transition)}.kelas__title[data-v-1546b46e]{line-clamp:2;color:var(--q-color-gray700-gray600);height:64px}.kelas__body[data-v-1546b46e]{flex:1 0}.body__status[data-v-1546b46e]{border:1px solid var(--q-color-green700-green400);border-radius:4px;display:flex;font-weight:500}.body__status__label[data-v-1546b46e]{background-color:var(--q-color-green700-green400);flex-grow:0;padding:0 1rem}.body__status__value[data-v-1546b46e]{color:var(--q-color-gray800-white400);flex-grow:1;padding:0 1rem}@media only screen and (min-width:992px){.kelas__wrapper a[data-v-1546b46e]{flex-direction:column}.kelas__image[data-v-1546b46e]{height:144px;max-width:unset;width:auto}.kelas__image.prakerja[data-v-1546b46e]{height:192px}.kelas__image__prakerja[data-v-1546b46e]{width:unset}.kelas__title[data-v-1546b46e]{line-clamp:4;height:124px}}.list[data-v-7eb38e65]{align-items:center;display:flex;height:18px;margin-left:-2px;margin-right:-2px}.list .stats[data-v-7eb38e65]{align-items:center;display:flex;margin-left:2px;margin-right:2px}.list .stats__text[data-v-7eb38e65]{--tw-text-opacity:1;color:rgba(109,110,113,var(--tw-text-opacity));padding-left:4px}ul[data-v-268a2cd6]{list-style:inherit;padding:.5rem 1rem .5rem 1.5rem}ul li[data-v-268a2cd6]{text-align:justify}.main-dialog .q-card{box-shadow:unset}.main-dialog .q-toolbar{padding:1rem}.main-dialog .q-toolbar__title .image__logo{margin:auto;width:50%}.main-dialog .dialog__title{text-align:center}.main-dialog .dialog__title h2{font-size:1.5em;font-weight:500}.card[data-type=list][data-v-6122005e]{padding:.5rem}.history__list[data-v-6122005e]{align-items:center;color:var(--q-color-gray700-gray600);cursor:pointer;justify-content:space-between;padding:4px}.history__list[data-v-6122005e]:hover{background-color:var(--q-color-blue200-green100)}.kelas__label[data-v-6122005e]{color:var(--q-color-gray800-white200);font-size:18px;font-weight:500}.kelas__label span[data-v-6122005e]{color:var(--q-color-green500-green400)}.kelas__item[data-v-6122005e]{display:flex;gap:.5rem;padding:.5rem 0}.kelas__image[data-v-6122005e]{height:96px;max-width:96px;width:256px}.kelas__image .q-img[data-v-6122005e]{height:96px;min-height:96px}.kelas__body[data-v-6122005e]{align-self:center;flex-grow:1}.kelas__tag[data-v-6122005e]{background-color:var(--q-color-gray800-gray1000);color:var(--q-color-white100);display:inline;font-size:12px;padding:.2rem .5rem}.kelas__title[data-v-6122005e]{-webkit-line-clamp:2;font-size:18px;font-weight:500;height:45px;line-height:1.2em;padding-bottom:4px}.kelas__content[data-v-6122005e]{color:var(--q-color-gray700-gray600);display:flex;font-size:12px;justify-content:space-between}.kelas__view[data-v-6122005e]{display:flex;gap:.2rem}.switch[data-v-77e96714]{border-radius:50px;display:inline-block;height:20px;overflow:hidden;position:relative;width:45px}.switch input[data-v-77e96714]{height:0;opacity:0;width:0}.switch input:checked+.slider[data-v-77e96714]{background-color:var(--q-color-gray1000)}.switch input:checked+.slider[data-v-77e96714]:before{transform:translateX(23px)}.switch input:focus .slider[data-v-77e96714]{box-shadow:0 0 1px #2196f3}.switch .slider[data-v-77e96714]{background-color:var(--q-color-green700);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.switch .slider[data-v-77e96714]:before{background-color:var(--q-color-white100-black700);border-radius:50%;bottom:2.2px;content:"";height:16px;left:3px;position:absolute;transition:.4s;width:16px;z-index:2}.icon[data-v-77e96714]{position:absolute;top:2.5px;z-index:1}.icon[data-type=light][data-v-77e96714]{left:4px;top:3.7px}.icon[data-type=dark][data-v-77e96714]{right:3px}#the-header.q-header{left:0;position:fixed;right:0;top:0}#the-header.q-header [data-type=mobile-header-toolbar] .toggler{align-items:center;display:flex;justify-content:center}#the-header.q-header [data-type=mobile-header-toolbar] .logo{flex-grow:1}#the-header.q-header [data-type=mobile-header-toolbar] .daftar button{background-color:var(--q-color-green500-green300);border:2px solid var(--q-color-green500-green300);color:#373f41}#the-header.q-header [data-type=mobile-header-toolbar] .daftar button:hover{background-color:var(--q-color-green700-green200);border:2px solid var(--q-color-green700-green200);color:var(--q-color-white200-gray800)}#the-header.q-header [data-type=desktop-header-toolbar]{margin:0 auto;max-width:1140px}#the-header.q-header [data-type=desktop-header-toolbar] .toggler{align-items:center;display:flex;justify-content:center}#the-header.q-header [data-type=desktop-header-toolbar] .toggler p{color:var(--q-color-gray800-white200);font-weight:700;text-transform:uppercase}#the-header.q-header [data-type=desktop-header-toolbar] .toggler span{color:var(--q-color-gray800-white200)}#the-header.q-header [data-type=desktop-header-toolbar] .toggler:hover p,#the-header.q-header [data-type=desktop-header-toolbar] .toggler:hover span{color:var(--q-color-green700-green400)}#the-header.q-header [data-type=desktop-header-toolbar] .search{flex-grow:1}#the-header.q-header [data-type=desktop-header-toolbar] .search .q-field{width:100%}#the-header.q-header [data-type=desktop-header-toolbar] .auth{align-items:center;display:flex;margin-left:16px;padding-left:0;padding-right:0;width:174px}#the-header.q-header [data-type=desktop-header-toolbar] .auth .profile{width:100%}#the-header.q-header [data-type=desktop-header-toolbar] .auth .profile .q-avatar{float:right}#the-header.q-header [data-type=desktop-header-toolbar] .auth .sign{align-items:center;display:flex;width:100%}#the-header.q-header [data-type=desktop-header-toolbar] .auth .sign button{font-size:.9em;padding:.75rem 0;text-transform:capitalize}#the-header.q-header [data-type=desktop-header-toolbar] .auth .sign .masuk{color:var(--q-color-green800-green400);padding:0;transition:var(--transition)}#the-header.q-header [data-type=desktop-header-toolbar] .auth .sign .masuk:hover{color:var(--q-color-green500-green400)}#the-header.q-header [data-type=desktop-header-toolbar] .auth .sign .daftar{display:block;margin-left:8px;padding:0;width:100%}#the-header.q-header [data-type=desktop-header-toolbar] .auth .sign .daftar button{background-color:var(--q-color-green500-green300);border:2px solid var(--q-color-green500-green300);border-radius:6px;color:#373f41;padding:8px 12px;transition:var(--transition);width:100%}#the-header.q-header [data-type=desktop-header-toolbar] .auth .sign .daftar button:hover{background-color:var(--q-color-green700-green200);border:2px solid var(--q-color-green700-green200);color:var(--q-color-white200-gray800)}.q-dialog[data-type=mobile-search-dialog] .q-card{background:var(--q-color-white200-black800)}.q-dialog[data-type=mobile-search-dialog] .q-card .q-field,.q-dialog[data-type=mobile-search-dialog] .q-card .q-item{width:100%}.q-dialog[data-type=mobile-search-dialog] .q-card .q-field__append,.q-dialog[data-type=mobile-search-dialog] .q-card .q-item__append{background:var()}.q-dialog[data-type=desktop-search-dialog] .q-dialog__backdrop,.q-dialog[data-type=desktop-search-dialog] .q-dialog__inner{top:72px}#the-header .q-drawer,.q-dialog[data-type=desktop-search-dialog] .q-card{background:var(--q-color-white200-black800)}#the-header .q-drawer{color:var(--q-color-black700-white100)}#the-header .q-drawer [data-type=drawer-logo]{display:block;margin:1rem 0 1.5rem}#the-header .q-drawer [data-type=drawer-nav]{display:flex}#the-header .q-drawer [data-type=drawer-nav] .q-icon{color:var(--q-color-gray800-white200)}#the-header .q-drawer [data-type=drawer-nav] p{color:var(--q-color-gray800-white200);font-weight:500;position:relative}#the-header .q-drawer [data-type=drawer-nav]:hover{background:var(--q-color-green500-green400)}#the-header .q-drawer [data-type=drawer-nav]:hover .q-icon,#the-header .q-drawer [data-type=drawer-nav]:hover p{color:var(--q-color-gray800)}#the-header .q-drawer [data-type=drawer-nav]:hover p:after{background-color:var(--q-color-gray800);border-radius:2px;bottom:-16px;content:"";display:block;min-height:2px;position:absolute;width:30px}#the-header .q-drawer [data-type=drawer-auth]{padding:1.5rem 0}#the-header .q-drawer [data-type=drawer-auth] button{border-radius:6px;font-size:.9em;font-weight:500;padding:.75rem 1rem;text-transform:capitalize;width:100%}#the-header .q-drawer [data-type=drawer-auth] button[data-type=daftar]{background-color:var(--q-color-green500-green300);border:2px solid var(--q-color-green500-green300);color:#373f41}#the-header .q-drawer [data-type=drawer-auth] button[data-type=daftar]:hover{background-color:var(--q-color-green700-green200);border:2px solid var(--q-color-green700-green200);color:var(--q-color-white200-gray800)}#the-header .q-drawer [data-type=drawer-auth] button[data-type=masuk]{background-color:initial;border:2px solid var(--q-color-green800-green400);color:var(--q-color-green800-green400)}#the-header .q-drawer [data-type=drawer-auth] button[data-type=masuk]:hover{background-color:var(--q-color-blue200-green100);border:2px solid var(--q-color-blue200-green100);color:#1f1f20}#the-header .q-drawer [data-type=drawer-download]{padding:1rem 0}#the-header .q-drawer [data-type=drawer-download] .q-item{display:flex;flex-wrap:wrap}#the-header .q-drawer [data-type=drawer-download] .q-item p{color:var(--q-color-gray800-white200);flex-grow:1;font-size:1em;font-weight:500;margin-bottom:1rem}#the-header .q-drawer [data-type=drawer-download] .q-item a{flex:0 0 50%;padding:.5rem}#the-header .q-drawer [data-type=drawer-download] .q-item a button{align-items:center;background-color:var(--q-color-gray800-gray1000);border-radius:4px;display:flex;justify-content:center;margin:0 -.25rem;padding:.75rem 0;width:100%}#the-header .q-drawer [data-type=drawer-about]{margin:1rem 0}#the-header .q-drawer [data-type=drawer-about] .q-item{color:var(--q-color-gray800-white200);font-size:.8em;margin:.25rem 0;min-height:unset}#the-header .q-drawer [data-type=drawer-about] .q-item p{position:relative}#the-header .q-drawer [data-type=drawer-about] .q-item:hover{background:var(--q-color-green500-green400);color:var(--q-color-gray800)}#the-header .q-drawer [data-type=drawer-about] .q-item:hover p:after{background-color:var(--q-color-gray800);border-radius:2px;bottom:-8px;content:"";display:block;min-height:2px;position:absolute;width:30px}#the-header .q-drawer [data-type=drawer-keluar] button{background-color:initial;border:2px solid var(--q-color-green800-green400);color:var(--q-color-green800-green400);width:100%}#the-header .q-drawer [data-type=drawer-keluar] button:hover{background-color:var(--q-color-blue200-green100);border:2px solid var(--q-color-blue200-green100);color:#1f1f20}#the-header .q-drawer [data-type=drawer-sosmed]{margin-top:2rem}#the-header .q-drawer [data-type=drawer-sosmed] .q-item{display:flex;flex-wrap:wrap}#the-header .q-drawer [data-type=drawer-sosmed] .q-item p{color:var(--q-color-gray800-white200);font-size:.9em;font-weight:700;padding-bottom:1rem;width:100%}#the-header .q-drawer [data-type=drawer-sosmed] .q-item a{align-items:center;background-color:var(--q-color-gray500-transparent);border:2px solid var(--q-color-transparent-white200);border-radius:50%;display:flex;height:30px;justify-content:center;margin:0 .25rem;transition:var(--transition);width:30px}#the-header .q-drawer [data-type=drawer-sosmed] .q-item a svg{fill:#fff;transition:var(--transition)}#the-header .q-drawer [data-type=drawer-sosmed] .q-item a:hover{background-color:var(--q-color-green700-transparent);border:2px solid var(--q-color-transparent-green400)}#the-header .q-drawer [data-type=drawer-sosmed] .q-item a:hover>svg{fill:var(--q-color-white200-green400)}.q-layout__section--marginal{background-color:var(--q-color-white200-black800)}.profile__menu{background:var(--q-color-white300-black700)}#dialog-referral .referral__wrapper{padding:1.5rem}#dialog-referral .referral__hint>span{color:var(--q-color-green500-green300)}#dialog-referral .referral__label{font-weight:400;padding-top:2rem}#dialog-referral .referral__code{border-color:var(--q-color-gray500-gray800)}#dialog-referral .referral__socmed{padding:1rem 0}#search-list{max-height:calc(100vh - 100px);position:absolute;top:65px;width:100%}#search-list-mobile .q-card{height:100vh}.main-logo svg>path{fill:var(--q-color-blue500-green200)}.main-logo:hover svg>path{fill:var(--q-color-green700-green400)}@media (max-width:410px){.q-item{padding-left:.5rem;padding-right:.5rem}}.about[data-v-5bdf104c]{position:relative}.about .wrapper[data-v-5bdf104c]{align-items:center;display:flex;flex-wrap:wrap;justify-content:unset;margin:0 auto;max-width:1140px;padding:0 1rem}.about__header[data-v-5bdf104c]{border-bottom:1px solid var(--q-color-gray300-gray800);border-top:1px solid var(--q-color-gray300-gray800);cursor:pointer;padding:1rem 0}.about__body[data-v-5bdf104c]{background-color:var(--q-color-white200-gray800);border-bottom:1px solid var(--q-color-gray300-gray800);height:0;left:0;opacity:0;position:absolute;right:0;transition:all .2s ease-in-out}.about__body .wrapper[data-v-5bdf104c]{display:block;padding-left:1rem}.about[data-isvisible=false] .about__body[data-v-5bdf104c]{display:none}.about[data-isvisible=true] .about__body[data-v-5bdf104c]{height:130px;opacity:1}.about[data-isvisible=true] .header__icon[data-v-5bdf104c]{transform:rotate(45deg)}.body__item[data-v-5bdf104c]{border-radius:4px;color:var(--q-color-gray800-green400);display:block;padding:.5rem 1rem;transition:all .1s ease}.body__item[data-v-5bdf104c]:hover{background-color:var(--q-color-blue200-green100)}.header__icon[data-v-5bdf104c]{transition:var(--transition)}.header__title[data-v-5bdf104c]{color:var(--q-color-gray800-white200);font-size:1.5em;font-weight:700;padding-left:1rem}.item__link[data-v-5bdf104c]{display:block;padding:.5rem}.contact .wrapper[data-v-5bdf104c]{display:block;margin:1rem auto;max-width:1140px;padding-left:3rem}.contact__title[data-v-5bdf104c]{font-size:1.5em;font-weight:700;padding:.5rem 0}.contact__name[data-v-5bdf104c],.contact__title[data-v-5bdf104c]{color:var(--q-color-gray800-white200);margin-bottom:.5rem}.contact__list .list__item[data-v-5bdf104c]{display:grid;grid-template-columns:35px 321px;padding:.5rem 0}.contact__list .list__item .item__text[data-v-5bdf104c]{color:var(--q-color-gray800-white200);cursor:pointer;line-height:1.3}.socialmedia .wrapper[data-v-5bdf104c]{display:block;margin:1rem auto;max-width:1140px;padding-left:2rem}.socialmedia__title[data-v-5bdf104c]{color:var(--q-color-gray800-white200);font-size:1.5em;font-weight:700;margin-bottom:.5rem;padding:.5rem 0}.socialmedia__list[data-v-5bdf104c]{display:grid;gap:1rem;grid-template-columns:repeat(5,30px)}.socialmedia__list .list__link[data-v-5bdf104c]{align-items:center;background-color:var(--q-color-gray500-transparent);border:2px solid var(--q-color-transparent-white200);border-radius:50%;display:flex;height:30px;justify-content:center;transition:var(--transition);width:30px}.socialmedia__list .list__link svg[data-v-5bdf104c]{fill:#fff;transition:var(--transition)}.socialmedia__list .list__link[data-v-5bdf104c]:hover{background-color:var(--q-color-green700-transparent);border:2px solid var(--q-color-transparent-green400)}.socialmedia__list .list__link:hover>svg[data-v-5bdf104c]{fill:var(--q-color-white200-green400)}.footer__bar[data-v-b12555a8]{background-color:#00374f;padding:1rem}.footer__bar .wrapper[data-v-b12555a8]{margin:0 auto;max-width:1140px;padding:0 1rem;position:relative}.footer__bar .bar__button[data-v-b12555a8]{align-items:center;background-color:#b4ff33;border:none;border-radius:50%;display:flex;height:48px;justify-content:center;margin-top:-50px;position:fixed;right:3rem;top:95vh;transition:var(--transition);width:48px;z-index:10}.footer__bar .bar__button[data-v-b12555a8]:hover{background-color:var(--q-color-green700-green400);cursor:pointer}
/*! tailwindcss v2.2.17 | MIT License | https://tailwindcss.com *//*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */html{-webkit-text-size-adjust:100%;line-height:1.15;tab-size:4}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;margin:0}hr{color:inherit;height:0}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:initial;background-image:none}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{border:0 solid;box-sizing:border-box}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a1a1aa;opacity:1}[role=button],button{cursor:pointer}:-moz-focusring{outline:auto}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{color:inherit;line-height:inherit;padding:0}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;border-color:currentColor}.tw-fixed{position:fixed!important}.tw-absolute{position:absolute!important}.tw-relative{position:relative!important}.tw-top-0{top:0!important}.tw-bottom-0{bottom:0!important}.tw-right-0{right:0!important}.tw-bottom-2{bottom:8px!important}.tw-top-1{top:4px!important}.tw-left-2{left:8px!important}.tw-right-2{right:8px!important}.tw-left-0{left:0!important}.tw-top-4{top:16px!important}.tw-top-\[72px\]{top:72px!important}.tw-top-3{top:12px!important}.tw-right-5{right:20px!important}.tw-z-10{z-index:10!important}.tw-order-2{order:2!important}.tw-order-1{order:1!important}.tw-m-0{margin:0!important}.tw-m-2{margin:8px!important}.tw-mx-auto{margin-left:auto!important;margin-right:auto!important}.tw-my-2{margin-bottom:8px!important;margin-top:8px!important}.tw-mx-2{margin-left:8px!important;margin-right:8px!important}.tw--mx-2{margin-left:-8px!important;margin-right:-8px!important}.tw-my-1{margin-bottom:4px!important;margin-top:4px!important}.tw-mx-0\.5{margin-left:2px!important;margin-right:2px!important}.tw-mx-0{margin-left:0!important;margin-right:0!important}.tw--mx-4{margin-left:-16px!important;margin-right:-16px!important}.tw-mx-xl{margin-left:16px!important}.tw-mr-4,.tw-mx-xl{margin-right:16px!important}.tw-mb-1{margin-bottom:4px!important}.tw--ml-2{margin-left:-8px!important}.tw-mt-2{margin-top:8px!important}.tw-ml-\[76px\]{margin-left:76px!important}.tw-mb-2{margin-bottom:8px!important}.tw-mb-3{margin-bottom:12px!important}.tw-mb-8{margin-bottom:32px!important}.tw-mr-1{margin-right:4px!important}.tw-mt-0\.5{margin-top:2px!important}.tw-mr-0\.5{margin-right:2px!important}.tw-mt-0{margin-top:0!important}.tw-mr-0{margin-right:0!important}.tw--mt-2{margin-top:-8px!important}.tw-ml-16{margin-left:64px!important}.tw-mr-md{margin-right:8px!important}.tw-mt-3{margin-top:12px!important}.tw-mb-6{margin-bottom:24px!important}.tw-mt-4{margin-top:16px!important}.tw-mt-32{margin-top:128px!important}.tw-ml-20{margin-left:80px!important}.tw-mt-\[60px\]{margin-top:60px!important}.tw-mb-4{margin-bottom:16px!important}.tw--mt-4{margin-top:-16px!important}.tw-mt-\[62px\]{margin-top:62px!important}.tw--mt-28{margin-top:-112px!important}.tw-block{display:block!important}.tw-flex{display:flex!important}.tw-grid{display:grid!important}.tw-h-36{height:144px!important}.tw-h-24{height:96px!important}.tw-h-5{height:20px!important}.tw-h-6{height:24px!important}.tw-h-3{height:12px!important}.tw-h-8{height:32px!important}.tw-h-\[172px\]{height:172px!important}.tw-h-48{height:192px!important}.tw-h-\[125px\]{height:125px!important}.tw-h-12{height:48px!important}.tw-h-2{height:8px!important}.tw-h-14{height:56px!important}.tw-h-full{height:100%!important}.tw-h-40{height:160px!important}.tw-h-20{height:80px!important}.tw-max-h-0{max-height:0!important}.tw-max-h-96{max-height:384px!important}.tw-max-h-\[172px\]{max-height:172px!important}.tw-max-h-\[112px\]{max-height:112px!important}.tw-max-h-36{max-height:144px!important}.tw-max-h-\[240px\]{max-height:240px!important}.tw-w-full{width:100%!important}.tw-w-max{width:-webkit-max-content!important;width:max-content!important}.tw-w-36{width:144px!important}.tw-w-1\/2{width:50%!important}.tw-w-14{width:56px!important}.tw-w-10{width:40px!important}.tw-w-1{width:4px!important}.tw-w-\[50px\]{width:50px!important}.tw-w-32{width:128px!important}.tw-w-\[380px\]{width:380px!important}.tw-w-8{width:32px!important}.tw-min-w-\[103px\]{min-width:103px!important}.tw-max-w-1140{max-width:1140px!important}.tw-max-w-\[50px\]{max-width:50px!important}.tw-max-w-730{max-width:730px!important}.tw-max-w-\[356px\]{max-width:356px!important}.tw-flex-1{flex:1 1 0%!important}.tw-flex-\[50px\]{flex:50px!important}.tw-flex-grow{flex-grow:1!important}.tw-rotate-180{--tw-rotate:180deg!important}.tw-rotate-0,.tw-rotate-180{transform:var(--tw-transform)!important}.tw-rotate-0{--tw-rotate:0deg!important}.tw-scale-90{--tw-scale-x:.9!important;--tw-scale-y:.9!important}.tw-scale-90,.tw-transform{transform:var(--tw-transform)!important}.tw-cursor-pointer{cursor:pointer!important}.tw-resize-none{resize:none!important}.tw-list-disc{list-style-type:disc!important}.tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tw-grid-cols-\[auto\,1fr\]{grid-template-columns:auto 1fr!important}.tw-grid-cols-\[32px\,auto\]{grid-template-columns:32px auto!important}.tw-grid-cols-\[auto\,32px\]{grid-template-columns:auto 32px!important}.tw-grid-cols-\[68px\,1fr\,40px\]{grid-template-columns:68px 1fr 40px!important}.tw-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.tw-grid-cols-\[30px\,1fr\]{grid-template-columns:30px 1fr!important}.tw-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tw-flex-col{flex-direction:column!important}.tw-items-center{align-items:center!important}.tw-justify-end{justify-content:flex-end!important}.tw-justify-center{justify-content:center!important}.tw-justify-between{justify-content:space-between!important}.tw-gap-3{gap:12px!important}.tw-gap-8{gap:32px!important}.tw-gap-2{gap:8px!important}.tw-gap-4{gap:16px!important}.tw-overflow-auto{overflow:auto!important}.tw-overflow-hidden{overflow:hidden!important}.tw-whitespace-nowrap{white-space:nowrap!important}.tw-rounded{border-radius:.25rem!important}.tw-rounded-md{border-radius:.375rem!important}.tw-rounded-full{border-radius:9999px!important}.tw-rounded-none{border-radius:0!important}.tw-rounded-xl{border-radius:.75rem!important}.tw-rounded-lg{border-radius:.5rem!important}.tw-rounded-br-lg{border-bottom-right-radius:.5rem!important}.tw-rounded-br-xl{border-bottom-right-radius:.75rem!important}.tw-rounded-tr{border-top-right-radius:.25rem!important}.tw-rounded-br{border-bottom-right-radius:.25rem!important}.tw-border{border-width:1px!important}.tw-border-2{border-width:2px!important}.tw-border-b{border-bottom-width:1px!important}.tw-border-r{border-right-width:1px!important}.tw-border-t-1\/2{border-top-width:.5px!important}.tw-border-l{border-left-width:1px!important}.tw-border-t{border-top-width:1px!important}.tw-border-solid{border-style:solid!important}.tw-border-gray-500{--tw-border-opacity:1!important;border-color:rgba(174,174,174,var(--tw-border-opacity))!important}.tw-border-gray-700{--tw-border-opacity:1!important;border-color:rgba(109,110,113,var(--tw-border-opacity))!important}.tw-border-gray-100{--tw-border-opacity:1!important;border-color:rgba(223,223,223,var(--tw-border-opacity))!important}.tw-border-green-700{--tw-border-opacity:1!important;border-color:rgba(5,190,112,var(--tw-border-opacity))!important}.tw-border-gray-600{--tw-border-opacity:1!important;border-color:rgba(138,138,142,var(--tw-border-opacity))!important}.tw-border-gray-800{--tw-border-opacity:1!important;border-color:rgba(55,63,65,var(--tw-border-opacity))!important}.tw-border-b-gray-700{--tw-border-opacity:1!important;border-bottom-color:rgba(109,110,113,var(--tw-border-opacity))!important}.tw-bg-green-500{--tw-bg-opacity:1!important;background-color:rgba(50,252,167,var(--tw-bg-opacity))!important}.tw-bg-gray-300{--tw-bg-opacity:1!important;background-color:rgba(213,213,213,var(--tw-bg-opacity))!important}.tw-bg-transparent{background-color:initial!important}.tw-bg-gray-100{--tw-bg-opacity:1!important;background-color:rgba(223,223,223,var(--tw-bg-opacity))!important}.tw-bg-white-100{--tw-bg-opacity:1!important;background-color:rgba(255,255,255,var(--tw-bg-opacity))!important}.tw-bg-gray-800{--tw-bg-opacity:1!important;background-color:rgba(55,63,65,var(--tw-bg-opacity))!important}.tw-bg-gray-600{--tw-bg-opacity:1!important;background-color:rgba(138,138,142,var(--tw-bg-opacity))!important}.tw-bg-gray-500{--tw-bg-opacity:1!important;background-color:rgba(174,174,174,var(--tw-bg-opacity))!important}.tw-bg-gray-700{--tw-bg-opacity:1!important;background-color:rgba(109,110,113,var(--tw-bg-opacity))!important}.tw-bg-green-700{--tw-bg-opacity:1!important;background-color:rgba(5,190,112,var(--tw-bg-opacity))!important}.tw-bg-white-500{--tw-bg-opacity:1!important;background-color:rgba(236,236,236,var(--tw-bg-opacity))!important}.tw-bg-gray-0{--tw-bg-opacity:1!important;background-color:rgba(234,234,234,var(--tw-bg-opacity))!important}.tw-bg-white-200{--tw-bg-opacity:1!important;background-color:rgba(250,250,250,var(--tw-bg-opacity))!important}.tw-object-cover{object-fit:cover!important}.tw-object-center{object-position:center!important}.tw-p-2{padding:8px!important}.tw-p-4{padding:16px!important}.tw-p-1{padding:4px!important}.tw-p-xl{padding:16px!important}.tw-p-5{padding:20px!important}.tw-p-3{padding:12px!important}.tw-px-2{padding-left:8px!important;padding-right:8px!important}.tw-py-0\.5{padding-bottom:2px!important;padding-top:2px!important}.tw-py-0{padding-bottom:0!important;padding-top:0!important}.tw-py-2{padding-bottom:8px!important;padding-top:8px!important}.tw-py-1{padding-bottom:4px!important;padding-top:4px!important}.tw-px-4{padding-left:16px!important;padding-right:16px!important}.tw-py-4,.tw-py-xl{padding-bottom:16px!important;padding-top:16px!important}.tw-py-lg{padding-bottom:12px!important;padding-top:12px!important}.tw-px-8{padding-left:32px!important;padding-right:32px!important}.tw-pt-6{padding-top:24px!important}.tw-pl-2{padding-left:8px!important}.tw-pl-5{padding-left:20px!important}.tw-pl-1{padding-left:4px!important}.tw-pb-4{padding-bottom:16px!important}.tw-pb-2{padding-bottom:8px!important}.tw-pb-\[48px\]{padding-bottom:48px!important}.tw-pt-2{padding-top:8px!important}.tw-text-left{text-align:left!important}.tw-text-center{text-align:center!important}.tw-text-right{text-align:right!important}.tw-text-sm{font-size:14px!important}.tw-text-xs{font-size:12px!important}.tw-text-3xl{font-size:30px!important}.tw-text-13{font-size:13px!important}.tw-text-2xl{font-size:24px!important}.tw-text-11{font-size:11px!important}.tw-text-lg{font-size:18px!important}.tw-text-base{font-size:16px!important}.tw-text-21{font-size:21px!important}.tw-text-xl{font-size:20px!important}.tw-text-26{font-size:26px!important}.tw-text-7xl{font-size:72px!important}.tw-font-medium{font-weight:500!important}.tw-font-bold{font-weight:700!important}.tw-uppercase{text-transform:uppercase!important}.tw-capitalize{text-transform:capitalize!important}.tw-leading-6{line-height:24px!important}.tw-leading-8{line-height:32px!important}.tw-leading-4{line-height:16px!important}.tw-text-gray-800{--tw-text-opacity:1!important;color:rgba(55,63,65,var(--tw-text-opacity))!important}.tw-text-gray-700{--tw-text-opacity:1!important;color:rgba(109,110,113,var(--tw-text-opacity))!important}.tw-text-green-700{--tw-text-opacity:1!important;color:rgba(5,190,112,var(--tw-text-opacity))!important}.tw-text-gray-500{--tw-text-opacity:1!important;color:rgba(174,174,174,var(--tw-text-opacity))!important}.tw-text-red-primary{--tw-text-opacity:1!important;color:rgba(242,78,78,var(--tw-text-opacity))!important}.tw-text-white-100{--tw-text-opacity:1!important;color:rgba(255,255,255,var(--tw-text-opacity))!important}.tw-text-gray-100{--tw-text-opacity:1!important;color:rgba(223,223,223,var(--tw-text-opacity))!important}.tw-text-gray-600{--tw-text-opacity:1!important;color:rgba(138,138,142,var(--tw-text-opacity))!important}.tw-text-black-800{--tw-text-opacity:1!important;color:rgba(16,16,16,var(--tw-text-opacity))!important}.tw-text-green-600{--tw-text-opacity:1!important;color:rgba(8,213,127,var(--tw-text-opacity))!important}.tw-text-green-800{--tw-text-opacity:1!important;color:rgba(4,154,91,var(--tw-text-opacity))!important}.tw-underline{text-decoration:underline!important}.tw-shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.tw-duration-200{transition-duration:.2s!important}.tw-ease-linear{transition-timing-function:linear!important}.tw-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.tw-line-clamp-2{-webkit-line-clamp:2!important}.tw-line-clamp-2,.tw-line-clamp-4{-webkit-box-orient:vertical!important;display:-webkit-box!important;overflow:hidden!important}.tw-line-clamp-4{-webkit-line-clamp:4!important}.tw-line-clamp-3{-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;display:-webkit-box!important;overflow:hidden!important}.after\:tw-absolute:after{content:""!important;position:absolute!important}.after\:tw-block:after{content:""!important;display:block!important}.after\:tw-h-1:after{content:""!important;height:4px!important}.after\:tw-rounded-md:after{border-radius:.375rem!important;content:""!important}.after\:tw-bg-green-700:after{--tw-bg-opacity:1!important;background-color:rgba(5,190,112,var(--tw-bg-opacity))!important;content:""!important}.after\:tw-content-none:after{content:none!important}.hover\:tw-bg-green-700:hover{--tw-bg-opacity:1!important;background-color:rgba(5,190,112,var(--tw-bg-opacity))!important}.hover\:tw-text-green-600:hover{--tw-text-opacity:1!important;color:rgba(8,213,127,var(--tw-text-opacity))!important}.hover\:tw-text-gray-700:hover{--tw-text-opacity:1!important;color:rgba(109,110,113,var(--tw-text-opacity))!important}.hover\:tw-text-red-darker:hover{--tw-text-opacity:1!important;color:rgba(121,27,21,var(--tw-text-opacity))!important}.tw-group:hover .group-hover\:tw-bg-green-700{--tw-bg-opacity:1!important;background-color:rgba(5,190,112,var(--tw-bg-opacity))!important}.tw-group:hover .group-hover\:tw-text-white-100{--tw-text-opacity:1!important;color:rgba(255,255,255,var(--tw-text-opacity))!important}@media (min-width:1024px){.lg\:tw-mt-\[72px\]{margin-top:72px!important}}.price__old[data-v-01a3884a]{color:var(--q-color-gray800-gray600)}.star__icon[data-v-05d9b944]{font-size:16px}@media screen and (max-width:992px){.star__icon[data-v-05d9b944]{font-size:13px}}.kelas__wrapper{min-width:256px;padding:.5rem;width:100%}.kelas__wrapper.prakerja{min-width:304px}.kelas__title{color:var(--q-color-gray800-white200);transition:var(--transition)}.kelas__tag{display:flex}.kelas__tag__topic{background-color:var(--q-color-gray800-black900);color:var(--q-color-white100);transition:var(--transition)}.kelas__tag__format{background-color:var(--q-color-gray000-gray1000);color:var(--q-color-gray800-white200);transition:var(--transition)}.kelas__voucher{border:1px solid var(--q-color-green700-green400)}.kelas__voucher__label{background-color:var(--q-color-green700-green400);color:var(--q-color-gray800-white200)}.kelas__voucher__icon{border-color:var(--q-color-green700-green400)}.kelas__voucher__price{color:var(--q-color-gray800-white200)}.kelas__wrapper:hover .kelas__title{color:var(--q-color-green700-green400)}.kelas__wrapper:hover .kelas__tag__topic{background-color:var(--q-color-green700-green400)}section[name=body],section[name=detail]{background-color:var(--q-color-white100-black700)}section[name=detail]{min-height:90px}@media (min-width:992px){.kelas__wrapper{min-width:200px}}#loading-circullar{text-align:center}#loading-circullar .text-custom,#loading-circullar p{color:var(--q-color-green700-green300)}.kelas__image[data-v-22672b2d]{height:172px;max-height:172px;max-width:144px;width:144px}.kelas__body__title[data-v-22672b2d]{color:var(--q-color-gray800-white200);font-size:1.2em;height:56px}.kelas__body__tag[data-v-22672b2d]{max-width:100%;overflow:auto}.kelas__body__topic[data-v-22672b2d]{background-color:var(--q-color-gray800-black900)}.kelas__body__format[data-v-22672b2d]{background-color:var(--q-color-gray000-gray1000);color:var(--q-color-gray800-white200);transition:var(--transition)}.kelas__body__mentor[data-v-22672b2d]{font-size:16px}.kelas__body__review[data-v-22672b2d],.kelas__body__review__sm[data-v-22672b2d]{display:none;font-size:16px}.kelas__body__review__sm[data-v-22672b2d],.kelas__body__review__sm__sm[data-v-22672b2d]{display:block}.kelas__wrapper>a[data-v-22672b2d]{background-color:var(--q-color-white100-black700)}.kelas__wrapper:hover .kelas__body__title[data-v-22672b2d]{color:var(--q-color-green700-green400)}.kelas__wrapper:hover .kelas__body__topic[data-v-22672b2d]{background-color:var(--q-color-green700-green400)}@media screen and (min-width:400px){.kelas__body__review[data-v-22672b2d],.kelas__body__review__sm[data-v-22672b2d]{display:block}.kelas__body__review__sm[data-v-22672b2d],.kelas__body__review__sm__sm[data-v-22672b2d]{display:none}}@media screen and (min-width:992px){.kelas__image[data-v-22672b2d]{height:172px;max-height:172px;max-width:141px;width:141px}.kelas__body__title[data-v-22672b2d]{font-size:1.5em;height:64px;line-height:32px}.kelas__body__mentor[data-v-22672b2d]{font-size:16px}.kelas__body__review[data-v-22672b2d],.kelas__body__review__sm[data-v-22672b2d]{display:block;font-size:16px}.kelas__body__review__sm[data-v-22672b2d],.kelas__body__review__sm__sm[data-v-22672b2d]{display:none}}.dialog__success__icon[data-v-c0d93d38]{padding:0 0 2rem;text-align:center}.dialog__success__title[data-v-c0d93d38]{font-size:1.5em;font-weight:500;line-height:1.75em;text-align:center}.dialog__success__caption[data-v-c0d93d38]{font-size:1em;text-align:center}.dialog__success__cta[data-v-c0d93d38]{padding:2rem 1rem 1rem}.dialog__success__cta .q-btn[data-v-c0d93d38]{justify-content:center;transition:var(--transition);width:100%}.card[data-v-7d4fc9ee]{max-width:328px;min-width:328px;padding:.5rem}.card__header[data-v-7d4fc9ee]{border-radius:4px 4px 0 0;height:132px;overflow:hidden;position:relative}.card__body[data-v-7d4fc9ee]{background-color:var(--q-color-white100-black700);border-radius:0 0 4px 4px;padding:1rem}.card .header__tag[data-v-7d4fc9ee]{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.card .header__image[data-v-7d4fc9ee]{height:auto;object-position:center;width:100%}.card .header__shadow[data-v-7d4fc9ee]{background:var(--q-color-white200-black700-shadow);bottom:0;left:0;position:absolute;right:0;top:20px;z-index:0}.card .tag__topik[data-v-7d4fc9ee]{background-color:var(--q-color-gray800-black900);bottom:.5rem;color:#fff;font-size:.85em;left:.5rem;padding:.75rem;position:absolute;text-transform:uppercase;transition:var(--transition);width:-webkit-max-content;width:max-content}.card .body__title[data-v-7d4fc9ee]{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;font-size:1.5em;font-weight:700;height:132px;line-height:1.4em;margin-bottom:1.5rem;overflow:hidden}.card .body__stats[data-v-7d4fc9ee]{align-items:center;display:flex;justify-self:flex-end;margin-left:-.25rem;margin-right:-.25rem}.card .body__stats .stats[data-v-7d4fc9ee]{align-items:center;display:flex;margin:0 .25rem}.card .body__stats .stats__text[data-v-7d4fc9ee]{color:var(--q-color-gray700-gray600);padding-left:.25rem}.card[data-v-7d4fc9ee]:hover{cursor:pointer}.card:hover .tag__topik[data-v-7d4fc9ee]{background-color:var(--q-color-green700-black900)}.card:hover .body__title[data-v-7d4fc9ee]{color:var(--q-color-green800-green400)}@media only screen and (min-width:992px){.card[data-v-7d4fc9ee]{min-width:256px}.card .header__image[data-v-7d4fc9ee]{height:auto;width:100%}}.dialog__confirm__title[data-v-712177c8]{font-size:1.5em;font-weight:500;line-height:1.75em;margin-top:2rem;text-align:center}.dialog__confirm__caption[data-v-712177c8]{font-size:1em;margin-bottom:2rem;text-align:center}.dialog__confirm__cta[data-v-712177c8]{display:flex;gap:.5rem;padding:2rem 1rem 1rem}.dialog__confirm__cta .q-btn[data-v-712177c8]{justify-content:center;transition:var(--transition);width:100%}#main-dialog .q-card[data-v-a931fb28]{box-shadow:unset}#main-dialog .q-toolbar[data-v-a931fb28]{padding:1rem}#main-dialog .q-toolbar__title .image__logo[data-v-a931fb28]{margin:auto;width:50%}#dialog-certificate .certificate__action__tool[data-v-316ebd79]{justify-content:end}#dialog-certificate .certificate__image[data-v-316ebd79]{display:flex;justify-content:center;margin:2rem}#dialog-certificate .certificate__image img[data-v-316ebd79]{height:auto;max-width:800px;width:100%}#dialog-certificate .certificate__close[data-v-316ebd79]{margin:.5rem 2rem;text-align:right}