@charset "UTF-8";.dcd-bottom-sheet{pointer-events:none;visibility:hidden;overflow:hidden;display:none;position:fixed;top:0;left:0;height:100vh;width:100%;z-index:1100;transition:opacity,visibility .25s;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dcd-bottom-sheet.active{visibility:visible;pointer-events:unset}.dcd-bottom-sheet__backdop{opacity:0;display:block;position:absolute;height:100vh;width:100vw;background-color:#0000004d;transition:opacity .3s;top:0}.active .dcd-bottom-sheet__backdop{opacity:1}.dcd-bottom-sheet__sheet{z-index:1101;display:inline-block;position:absolute;left:0;bottom:-100px;width:100%;min-height:385px;max-height:100vh;overflow-y:scroll;touch-action:none;background:#fff;box-shadow:-2px -4px 12px #3333331a;border-radius:16px 16px 0 0;transition:transform .25s cubic-bezier(.4,0,.2,1);transform:translateY(100%)}.active .dcd-bottom-sheet__sheet{transform:translateY(0)}.dcd-bottom-sheet__sheet.active{transform:var(--translateY)}.dcd-bottom-sheet__handle{display:flex;flex-direction:column;align-items:center;padding-top:14px;padding-bottom:14px;cursor:pointer;width:100%;position:sticky;background:#fff;top:0;left:0;right:0;z-index:2}.dcd-bottom-sheet__handle>span{background-color:#d4d4d8;border:3px solid #D4D4D8;display:block;width:55px;margin-bottom:2px;border-radius:50px}.dcd-bottom-sheet__content{padding:0 20px 1rem;overflow-y:scroll;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dcd-bottom-sheet__content:after{height:85px;content:"";display:block}@media screen and (min-width: 768px){.dcd-bottom-sheet{display:none}}.learning-path-course__name{margin-bottom:1rem;font-size:1rem;font-weight:700!important}.learning-path-course__step,.learning-path-course__rating,.learning-path-course__difficulties,.learning-path-course__meta{display:flex;align-items:center;font-size:.75rem;font-weight:700}.learning-path-course__step,.learning-path-course__rating{margin-bottom:.5rem}.learning-path-course__icon{width:16px;height:16px;margin-right:.5rem}.learning-path-course__link .next-path-course>i{display:inline-block;padding-left:8px;-webkit-transition:transform .3s ease-out;-moz-transition:transform .3s ease-out;-ms-transition:transform .3s ease-out;-o-transition:transform .3s ease-out;transition:transform .3s ease-out}.learning-path-course__link .previous-path-course>i{display:inline-block;padding-right:8px;-webkit-transition:transform .3s ease-in;-moz-transition:transform .3s ease-in;-ms-transition:transform .3s ease-in;-o-transition:transform .3s ease-in;transition:transform .3s ease-in}.learning-path-course__link:hover h5,.learning-path-course__link:hover .next-path-course,.learning-path-course__link:hover .previous-path-course{text-decoration:underline}.learning-path-course__link:hover .next-path-course>i{-webkit-transform:translateX(4px);-moz-transform:translateX(4px);-ms-transform:translateX(4px);-o-transform:translateX(4px);transform:translate(4px)}.learning-path-course__link:hover .previous-path-course>i{-webkit-transform:translateX(-4px);-moz-transform:translateX(-4px);-ms-transform:translateX(-4px);-o-transform:translateX(-4px);transform:translate(-4px)}html{scroll-behavior:smooth}a{color:#007bff}a:hover{color:#007bff;text-decoration:underline}.course-header{padding:5rem 0;background-image:url(https://dicoding-web-img.sgp1.cdn.digitaloceanspaces.com/original/commons/course-header-accent.png),linear-gradient(180deg,#f4f4f5,#f4f4f5);background-repeat:no-repeat;background-position:center bottom}.highlighted-level{border:1px solid #D4D4D8;border-radius:4px}.badge-outline-turquoise-800{background-color:#f4f4f5;border-color:#055472;color:#055472}.popover--course-level{max-width:416px}.popover--course-level.bs-popover-auto[x-placement^=right],.popover--course-level.bs-popover-right{margin-left:0}.free-ribbon-wrapper{position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.free-ribbon-wrapper .turquoise-ribbon{position:relative;font-family:Quicksand,sans-serif!important;color:#fff;font-size:16px;font-weight:600;line-height:16px;text-align:center;padding:4px 12px;background-color:#08768f;border:2px solid #F4F4F5;border-radius:32px}.course-facilities{padding:50px 0 100px}@media screen and (min-width: 1000px){.course-facilities-swiper{margin-left:-80px!important;margin-right:-80px!important}.course-facilities-slide.margin-left{margin-left:75px}.course-facilities-slide.margin-right{margin-right:155px!important}}.swiper-button-disabled svg circle,.swiper-button-disabled svg path{stroke:#85898e}.swiper-blur{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;z-index:2}.swiper-blur__left{background-image:linear-gradient(90deg,#fff 35%,#fff0 115%);background-repeat:repeat-x;left:-5%}.swiper-blur__right{right:-5%;left:auto;background-image:linear-gradient(-90deg,#fff 35%,#fff0 115%)}.course-information__navbar{border-top:1px solid #D4D4D8;border-bottom:1px solid #D4D4D8;padding:25px 0}.course-information__navbar.fixed-top{border-bottom:none}.course-information__navbar.fixed-top a[href="#course-syllabus-section"],.course-information__navbar.fixed-top #learn-now-button{visibility:visible;opacity:1;transition:all .5s ease-in}.course-information__navbar.fixed-top .nav-pills .nav-item .nav-link{animation-duration:.27s;animation-name:slidein}@keyframes slidein{0%{padding-top:0;opacity:0}75%{padding-top:4px;opacity:.5}to{padding-top:8px;opacity:1}}.course-information__navbar a[href="#course-syllabus-section"],.course-information__navbar #learn-now-button{visibility:hidden;opacity:0;transition:all .5s ease-out}.course-information__nav{position:relative;display:flex;align-items:center}.course-information__nav .nav-pills .nav-item .nav-link{font-size:16px;font-weight:500;line-height:24px;padding:.5rem 1rem}.course-information__nav .nav-pills .nav-item .nav-link:hover{text-decoration:none;position:relative}.course-information__nav .nav-pills .nav-item .nav-link:hover:after{backface-visibility:hidden;-ms-transition:-webkit-transform .3s ease-out,border-color .3s ease-out;-webkit-transition:-webkit-transform .3s ease-out,border-color .3s ease-out;transition:transform .3s ease-out,border-color .3s ease-out;-ms-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1)}.course-information__nav .nav-pills .nav-item .nav-link:after{-ms-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);position:absolute;display:block;bottom:0;left:0;right:0;margin-left:auto;margin-right:auto;height:4px;width:20px;border-radius:1px;content:"";background-color:#3f3f46}.course-information__nav .nav-pills .nav-item .nav-link.active{color:#3f3f46;position:relative;background:transparent}.course-information__nav .nav-pills .nav-item .nav-link.active:after{backface-visibility:hidden;-ms-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1)}.course-action__nav{width:100%}.course-action__navbar{background:#fff;z-index:2147483610;position:fixed!important;bottom:0;right:0;left:0;box-shadow:0 -1px 5px #2432421a;border-bottom:1px solid #D4D4D8;padding:25px 0}.course-description{color:#3f3f46;max-height:500px;position:relative;overflow:hidden}.course-description strong{font-weight:700!important}.course-description p,.course-description li{font-weight:400;line-height:30px}.course-description .box-list{border:1px solid #E4E4E7;border-radius:8px;padding:1rem 1rem 0;margin-bottom:1rem}.course-description .blurry-effect{position:absolute;width:100%;bottom:0}.course-description .blurry-effect .gradient{background:linear-gradient(180deg,#ffffff40,#fff);height:150px;width:100%}.course-description__read-more a:hover{color:#1a5ace}div.teaching-methods-display{position:relative}div.teaching-methods-display ol,div.teaching-methods-display ul,div.teaching-methods-display p{padding-left:16px;font-size:14px;line-height:32px;font-weight:500;color:#71717a}div.teaching-methods-display.with-min-height{max-height:104px;overflow:hidden}div.teaching-methods-display.with-min-height h6{font-size:90%;line-height:16px}div.teaching-methods-display .faded-up{position:absolute;width:100%;bottom:0}div.teaching-methods-display .faded-up .gradient{background:linear-gradient(180deg,#ffffff40 0,#fff);height:50px;width:100%}.reviewer-avatar_container{width:51px;height:51px;position:relative}.reviewer-avatar_overlay{cursor:pointer;border:3px solid transparent;width:51px;height:51px;background:#0000004d;position:absolute;top:0;left:0}.reviewer-avatar_overlay:hover{border:3px solid #11C5C6;border-radius:100%;background:#0000}div[data-profile^=reviewer-]{display:none}.popover--course-avatar-profile{min-width:350px}.popover--course-avatar-profile .reviewer-profile{max-height:400px;overflow-y:auto}.syllabus-category{overflow:hidden;margin-bottom:1.5rem;border:1px solid #E4E4E7;border-radius:8px;transition:all .15s ease-in-out}.syllabus-category:hover{border-color:#d4d4d8}.syllabus-category__header{padding:1.5rem}.syllabus-category__header:hover{cursor:pointer}.syllabus-category__collapse-indicator{color:#a1a1aa}.syllabus-category__header[aria-expanded=true] .syllabus-category__collapse-indicator{transform:rotate(180deg)}.syllabus-category__title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1.125rem}.syllabus-category__info{display:flex;align-items:center}.syllabus-category__module-composition{display:flex;margin:0;padding:.5rem;list-style:none;border:1px solid #D4D4D8;border-radius:4px;font-size:.875rem;font-weight:500;line-height:16px}.syllabus-category__module-composition-item{display:inline-flex;align-items:center}.syllabus-category__module-composition-item:after{content:"";display:inline-block;height:.5rem;width:1px;margin:0 .5rem;border-right:1px solid #D4D4D8}.syllabus-category__module-composition-item:last-child:after{display:none}.syllabus-category__module-type-icon{margin-right:.5rem;color:#71717a}.syllabus-category__module-type-name{display:none}@media (min-width: 992px){.syllabus-category__module-type-name{display:inline;margin-left:.25rem}}.syllabus-category__learning-time{display:flex;align-items:center;margin-left:1rem;font-weight:500;font-size:.875rem;line-height:16px;color:#a1a1aa}.syllabus-module-list{margin:0;padding:1.5rem;list-style:none}.syllabus-module-list li{padding:.75rem 0}.syllabus-module-list li:first-child{padding-top:0}.syllabus-module-list li:last-child{padding-bottom:0}.syllabus-module-list--categorized{border-top:1px solid #E4E4E7;background:#fafafa}.syllabus-module-list__type-icon{color:#71717a}.syllabus-module-list__paid-module{margin-left:10px}.syllabus-module-list__free-module{margin-left:30px}.syllabus-module-list__free-module:after{content:"›";display:inline-block;margin-left:.5rem;color:inherit;text-decoration:none}.syllabus-module-list__link{color:#3f3f46}.syllabus-module-list__link:hover{color:inherit}@media screen and (max-width: 768px){.course-syllabus-section{margin-bottom:100px}}#course-faq:before,#course-testimony:before{content:"";display:block;height:75px;margin-top:-75px;visibility:hidden}#course-description-target:before{content:"";display:block;height:60px;margin-top:-80px;visibility:hidden}#dcd_fc_button{position:relative}#dcd_fc_notify{content:" ";position:absolute;width:10px;height:10px;top:7px;right:11px;border-radius:50%;border:2px solid #fff;background-color:#f43f5e}.course-testimony-wrapper{max-height:60vh;overflow-y:scroll}.featured-testimony__avatar{border:3px solid #11c5c6!important;border-radius:100%;height:48px;padding:1px;width:48px}@media screen and (max-width: 768px){div.teaching-methods-display ol,div.teaching-methods-display ul,div.teaching-methods-display p{padding-left:0}.reviewer-avatar{cursor:pointer}.course-facilities{padding:30px 0 80px}}.overflow-x-scroll{overflow-x:scroll!important}.pre-class{margin-bottom:8px!important}@media screen and (max-width: 768px){footer{margin-bottom:80px}}.dcd-btn-followed{background:#a7f3d0;padding:12px}@media screen and (max-width: 768px){.dcd-btn-followed{padding:auto}}.dcd-btn-followed p{margin:0 auto}@media screen and (max-width: 768px){.dcd-btn-followed p{font-size:9px}}.swiper-button-disabled svg circle,.swiper-button-disabled svg path{stroke:#e4e4e7}.swiper-button-disabled svg path{fill:#d4d4d8}.dcd-navbar-bottom{position:fixed;bottom:0;left:0;width:100%;z-index:10}.dcd-navbar-bottom__content{z-index:11;display:inline-block;position:absolute;left:0;bottom:0;width:100%;min-height:55px;touch-action:none;background:#fff;box-shadow:-2px -4px 12px #3333331a}@media screen and (min-width: 768px){.dcd-navbar-bottom{display:none}}.row.full{margin-right:-35px}.loading-spin{animation:spin 4s linear infinite!important}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}