@media only screen and (max-width:1501px){.root-div[data-v-11056f20]{margin-left:4%}}@media only screen and (max-width:1440px){.root-div[data-v-11056f20]{margin-left:6%}}@media only screen and (max-width:1361px){.root-div[data-v-11056f20]{margin-left:10%}}@media only screen and (max-width:1321px){.root-div[data-v-11056f20]{margin-right:3%}}@media only screen and (max-width:1301px){.root-div[data-v-11056f20]{margin-left:12%}}@media only screen and (max-width:1261px){.root-div[data-v-11056f20]{margin-right:7%}}@media only screen and (max-width:1251px){.root-div[data-v-11056f20]{margin-left:15%}}@media only screen and (max-width:1199px){.root-div[data-v-11056f20]{margin-left:10%;margin-right:3%}}@media only screen and (max-width:1131px){.root-div[data-v-11056f20]{margin-left:13%}}@media only screen and (max-width:1091px){.root-div[data-v-11056f20]{margin-left:16%;margin-right:6%}}@media only screen and (max-width:1021px){.root-div[data-v-11056f20]{margin-left:19%;margin-right:10%}}@media only screen and (max-width:991px){.root-div[data-v-11056f20]{margin-left:0;margin-right:0}}.disable-box[data-v-11056f20]{pointer-events:none;opacity:.5}.btn-upgrade[data-v-11056f20]{background:#ff0063;border-radius:8px;font-family:Proxima Nova Bold!important;color:#fff;font-size:20px;margin-right:1rem;padding-left:44px;padding-right:44px;margin-left:.5rem;position:relative;top:-60px;left:-70px}.skeleton[data-v-11056f20]{width:100%}.profil-saya[data-v-11056f20]{margin-top:118px;margin-left:90px;color:#fff}@media only screen and (max-width:991px){.profil-saya[data-v-11056f20]{margin-left:auto}}.lengkapi-profil[data-v-11056f20]{height:auto;width:100%;background:rgba(74,81,255,.3);border:2px solid rgba(74,81,255,.5);border-radius:10px;text-align:center;margin:10px auto 30px 90px;font-weight:700;padding:10px 30px}@media only screen and (max-width:991px){.lengkapi-profil[data-v-11056f20]{margin-left:auto}}.lengkapi-profil h5[data-v-11056f20]{font-family:DMSans,sans-serif;font-size:16px;color:#fff;text-align:left}@media only screen and (max-width:400px){.lengkapi-profil h5[data-v-11056f20]{font-size:17px}}.lengkapi-profil .img-lengkapi[data-v-11056f20]{text-align:left}.lengkapi-profil .progress-group[data-v-11056f20]{text-align:left;line-height:.7;height:8px;margin-top:6px}.lengkapi-profil .progress-group .bar-style[data-v-11056f20]{height:.5rem;border-radius:1.5rem}.lengkapi-profil .progress-group .progress[data-v-11056f20]{background-color:var(--dark-white-20)}.lengkapi-profil span[data-v-11056f20]{color:#fff}.profile-mobile[data-v-11056f20]{background:var(--bg-card);text-align:center;border-radius:10px;padding-top:20px;padding-bottom:20px}@media only screen and (min-width:991px){.profile-mobile[data-v-11056f20]{display:none}}.profile-mobile img[data-v-11056f20]{border-radius:50px;height:100px;width:100px;margin-bottom:20px}.profile-mobile h5[data-v-11056f20]{color:#fff;font-family:DMSans Bold}.profile-mobile h6[data-v-11056f20]{color:var(--dark-white-80)}.profile-mobile>div.change-image-mobile[data-v-11056f20]{position:relative}.profile-mobile>div.change-image-mobile img[data-v-11056f20]{cursor:pointer}.profile-mobile>div.change-image-mobile .edit-image[data-v-11056f20]{background:var(--purple-100);color:#fff;position:relative;border-radius:50px;width:30px;height:30px;line-height:30px;right:-57%;top:-50px}.profile-mobile>div.change-image-mobile .edit-image .input-file[data-v-11056f20]{cursor:pointer;position:absolute;right:0;top:0;opacity:0}.menu-mobile[data-v-11056f20]{margin-top:20px;margin-bottom:20px}.ant-menu-dark[data-v-11056f20]{font-family:DMSans Bold!important;background:transparent}.ant-menu-dark .ant-menu-dark.ant-menu-sub[data-v-11056f20]{background:var(--bg-card)!important;box-shadow:0!important}.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected[data-v-11056f20],.ant-menu.ant-menu-dark .ant-menu-item-selected[data-v-11056f20]{background:var(--purple-100)!important;border-radius:8px}.ant-menu-dark.ant-menu-inline .ant-menu-item[data-v-11056f20],.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title[data-v-11056f20],.ant-menu-inline .ant-menu-submenu[data-v-11056f20],.ant-menu-vertical-left .ant-menu-submenu[data-v-11056f20],.ant-menu-vertical-right .ant-menu-submenu[data-v-11056f20],.ant-menu-vertical .ant-menu-submenu[data-v-11056f20]{width:85%;margin-left:auto;margin-right:auto}.profile-option[data-v-11056f20]{border-radius:10px;padding:12px 15px 15px;margin-bottom:20px;margin-left:90px;width:100%;background:var(--bg-card)}@media only screen and (max-width:991px){.profile-option[data-v-11056f20]{margin-left:auto;margin-bottom:100px}}.profile-option .profile-image[data-v-11056f20]{border-radius:50px;height:75px;width:75px;float:none;margin:0 auto}.profile-option .profile-name[data-v-11056f20]{text-align:center}.profile-option .profile-email[data-v-11056f20]{font-size:18px;text-align:center;line-height:0}.profile-option .validity[data-v-11056f20]{display:inline-flex;height:auto;width:100%;background:#f0f0f0;border-radius:10px;text-align:center;margin:0 auto;font-size:16px;font-weight:700;padding:10px;margin-top:10px;margin-bottom:20px}.profile-option .validity .package[data-v-11056f20]{max-width:50%;flex:0 0 50%;position:relative}.profile-option .validity .remaining[data-v-11056f20]{margin-top:12px;display:contents;max-width:50%;flex:0 0 50%;position:relative;font-size:15px}.profile-option .validity .package[data-v-11056f20]:after{border:1px solid rgba(33,54,77,.1);content:" ";height:50px;position:absolute;right:0;top:1%}.profile-option .btn-simpan[data-v-11056f20]{background:var(--purple-100);color:#fff;padding:10px;font-style:normal;font-weight:700;font-size:16px;line-height:19px;border-radius:8px;display:block;width:auto;text-align:right;margin-left:auto;margin-bottom:.5rem}.profile-option .project-image[data-v-11056f20]{margin:15px 15px;width:-moz-min-content;width:min-content;border-radius:10px;position:relative}.profile-option .project-image img[data-v-11056f20]{border-radius:10px;width:100px;height:100px}.profile-option .project-image .ganti-foto[data-v-11056f20]{position:absolute;font-size:50px;left:20%;top:17%;color:#fff;display:none}.profile-option .project-image .ganti-foto span[data-v-11056f20]{font-size:17px;margin-left:-12px}.profile-option .change-image[data-v-11056f20]{margin-top:15px;width:-moz-min-content;width:min-content;border-radius:10px;position:relative}.profile-option .change-image img[data-v-11056f20]{border-radius:10px;height:100px;width:100px}.profile-option .change-image .ganti-foto[data-v-11056f20]{position:absolute;font-size:50px;left:20%;top:17%;color:#fff;display:none}.profile-option .change-image .ganti-foto span[data-v-11056f20]{font-size:17px;margin-left:-12px}.profile-option .change-image[data-v-11056f20]:hover{background:#000;overflow:hidden;cursor:pointer;position:relative}.profile-option .change-image:hover img[data-v-11056f20]{-o-object-fit:cover;object-fit:cover;opacity:.4}.profile-option .change-image:hover .ganti-foto[data-v-11056f20]{position:absolute;font-size:50px;left:20%;top:17%;color:#fff;display:grid}.profile-option .change-image:hover .ganti-foto span[data-v-11056f20]{font-size:17px;margin-left:-12px}.profile-option .project-image[data-v-11056f20]:hover{background:#000;overflow:hidden;cursor:pointer;position:relative}.profile-option .project-image:hover img[data-v-11056f20]{-o-object-fit:cover;object-fit:cover;opacity:.4}.profile-option .project-image:hover .ganti-foto[data-v-11056f20]{position:absolute;font-size:50px;left:20%;top:17%;color:#fff;display:grid}.profile-option .project-image:hover .ganti-foto span[data-v-11056f20]{font-size:16px;margin-left:-14px}.profile-option .label[data-v-11056f20]{font-family:DMSans-Medium,sans-serif;font-size:14px;font-weight:500;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;color:#fff}.profile-option .form-control[data-v-11056f20],.profile-option select[data-v-11056f20]{background:var(--bg-input);border-color:transparent;border-radius:12px;font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal}.profile-option .form-control[data-v-11056f20] ::-moz-placeholder,.profile-option select[data-v-11056f20] ::-moz-placeholder{color:#fff;opacity:1}.profile-option .form-control[data-v-11056f20] ::placeholder,.profile-option select[data-v-11056f20] ::placeholder{color:#fff;opacity:1}.profile-option .form-control[data-v-11056f20] :-ms-input-placeholder,.profile-option select[data-v-11056f20] :-ms-input-placeholder{color:#fff}.profile-option .form-control[data-v-11056f20] ::-ms-input-placeholder,.profile-option select[data-v-11056f20] ::-ms-input-placeholder{color:#fff}.profile-option .form-control[data-v-11056f20] :focus,.profile-option select[data-v-11056f20] :focus{box-shadow:none}.profile-option select[data-v-11056f20]{background:var(--bg-input) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 320 512'%3E%3Cpath fill='%23fff' d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px}.profile-option input[data-v-11056f20],.profile-option select[data-v-11056f20],.profile-option textarea[data-v-11056f20]{color:#fff}.profile-option .uneditable-input[data-v-11056f20]:focus,.profile-option input[data-v-11056f20]:focus,.profile-option select[data-v-11056f20]:focus,.profile-option textarea[data-v-11056f20]:focus{border-color:var(--purple-100);border-width:3px;color:#fff}.profile-option input[disabled][data-v-11056f20]{cursor:not-allowed;color:var(--dark-white-60)}.profile-buttons button[data-v-11056f20]{background:transparent;border:1px solid rgba(33,54,77,.51);padding:10px;font-style:normal;font-weight:700;font-size:16px;line-height:19px;border-radius:8px;display:block;width:100%;margin-bottom:20px}.profile-buttons .active[data-v-11056f20]{border-color:var(--purple-100);color:var(--purple-100)}.courses[data-v-11056f20]{margin-top:1rem;padding-left:12.5px}.courses>div[data-v-11056f20]{flex:0 0 20%;padding:7.5px}@media only screen and (max-width:991px){.courses>div[data-v-11056f20]{flex:0 0 32%}}@media only screen and (max-width:767px){.courses>div[data-v-11056f20]{flex:0 0 49%}}.courses>div .course[data-v-11056f20]{border-radius:12px;border:1px solid rgba(33,54,77,.51);position:relative}.courses>div .course .title[data-v-11056f20]{height:auto;width:200px;padding-left:10px}.courses>div .course .title .header[data-v-11056f20]{display:flex;justify-content:space-between;align-items:center}.courses>div .course .title .header .combined[data-v-11056f20]{margin-right:-14px}.courses>div .course .title h5[data-v-11056f20]{font-size:18px;font-weight:700;margin-top:1.2rem}.courses>div .course .download[data-v-11056f20]{position:absolute;background:#fff;padding:10px;font-style:normal;font-weight:700;font-size:16px;line-height:10px;border-radius:15px;display:block;margin-bottom:20px;left:44%;bottom:-3%}.courses>div .course .icon[data-v-11056f20]{width:100%;margin-top:-1px;height:auto;padding:0 10px 10px;border-radius:20px}.warning[data-v-11056f20]{text-align:center;padding:10px 10px 0;background:#f5f5f5;color:rgba(33,54,77,.68);font-family:DMSans;font-style:normal;font-weight:800;font-size:13px;border-radius:12px}.banner[data-v-11056f20]{background-image:url(../img/banner-upgrade.9e428f65.png);background-size:cover;background-repeat:no-repeat;height:90px;display:flex;justify-content:space-between;padding-right:2rem;margin-bottom:20px;border-radius:5px}@media only screen and (max-width:520px){.banner[data-v-11056f20]{height:80px}}@media only screen and (max-width:415px){.banner[data-v-11056f20]{height:100px}}.banner img[data-v-11056f20]{height:93%}@media only screen and (max-width:1199px){.banner img[data-v-11056f20]{height:86%}}@media only screen and (max-width:465px){.banner img[data-v-11056f20]{height:70%;margin-top:10px}}@media only screen and (max-width:415px){.banner img[data-v-11056f20]{height:60%;margin-top:20px}}.banner p[data-v-11056f20]{color:#fff;margin-bottom:0;font-family:DMSans}@media only screen and (max-width:767px){.banner p[data-v-11056f20]{font-size:12px}}@media only screen and (max-width:505px){.banner p[data-v-11056f20]{font-size:11px}}@media only screen and (max-width:415px){.banner p[data-v-11056f20]{font-size:10px}}