.sp-materi-page{max-width:1400px;margin-inline:auto;padding-inline:1.5rem;width:100%}.sp-materi-page .sp-materi-card{border:1px solid var(--bs-border-color);overflow:hidden;transition:box-shadow .2s ease}.sp-materi-page .sp-materi-card:hover{box-shadow:0 4px 16px rgba(var(--bs-body-color-rgb),.08)}.sp-materi-page .sp-materi-card-thumb{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--bs-gray-100)}.sp-materi-page .sp-materi-card-thumb img{width:100%;height:100%;object-fit:cover}.sp-materi-page .sp-materi-video{max-height:420px;background:#000}.sp-materi-page .sp-materi-detail-hero-btn{position:relative;display:block;cursor:zoom-in;overflow:hidden}.sp-materi-page .sp-materi-detail-hero-btn:hover .sp-materi-detail-hero-zoom,.sp-materi-page .sp-materi-detail-hero-btn:focus-visible .sp-materi-detail-hero-zoom{opacity:1}.sp-materi-page .sp-materi-detail-hero-img{display:block;width:100%;transition:transform .25s ease}.sp-materi-page .sp-materi-detail-hero-btn:hover .sp-materi-detail-hero-img,.sp-materi-page .sp-materi-detail-hero-btn:focus-visible .sp-materi-detail-hero-img{transform:scale(1.02)}.sp-materi-page .sp-materi-detail-hero-zoom{position:absolute;right:.75rem;bottom:.75rem;width:2.25rem;height:2.25rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;opacity:.85;transition:opacity .2s ease;pointer-events:none}.sp-materi-page .sp-materi-detail-hero-zoom i{font-size:1.125rem}.sp-materi-page .sp-materi-lightbox-thumb{cursor:zoom-in;transition:opacity .2s ease,box-shadow .2s ease}.sp-materi-page .sp-materi-lightbox-thumb:hover{opacity:.92;box-shadow:0 4px 16px rgba(var(--bs-body-color-rgb),.12)}.sp-materi-page .sp-materi-video-wrap{position:relative;background:var(--bs-paper-bg, #fff);border:1px solid var(--bs-border-color);border-radius:.75rem;overflow:hidden}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-player{position:relative;z-index:1}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i{position:absolute;color:rgba(var(--bs-primary-rgb),.11);line-height:1}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(1){top:6%;left:4%;font-size:1.15rem;transform:rotate(-12deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(2){top:12%;left:18%;font-size:.95rem;transform:rotate(8deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(3){top:4%;left:34%;font-size:1.25rem;transform:rotate(-6deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(4){top:18%;left:52%;font-size:1rem;transform:rotate(14deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(5){top:8%;left:72%;font-size:1.1rem;transform:rotate(-18deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(6){top:22%;left:88%;font-size:.9rem;transform:rotate(6deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(7){top:28%;left:8%;font-size:1.05rem;transform:rotate(10deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(8){top:34%;left:26%;font-size:1.2rem;transform:rotate(-8deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(9){top:30%;left:44%;font-size:.85rem;transform:rotate(16deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(10){top:38%;left:63%;font-size:1rem;transform:rotate(-14deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(11){top:26%;left:80%;font-size:1.15rem;transform:rotate(4deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(12){top:44%;left:92%;font-size:.95rem;transform:rotate(-10deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(13){top:48%;left:6%;font-size:1rem;transform:rotate(12deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(14){top:52%;left:22%;font-size:1.25rem;transform:rotate(-4deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(15){top:56%;left:40%;font-size:.9rem;transform:rotate(18deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(16){top:50%;left:58%;font-size:1.1rem;transform:rotate(-16deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(17){top:58%;left:74%;font-size:1rem;transform:rotate(7deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(18){top:46%;left:86%;font-size:.88rem;transform:rotate(-11deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(19){top:66%;left:12%;font-size:1.05rem;transform:rotate(-7deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(20){top:70%;left:30%;font-size:1.15rem;transform:rotate(9deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(21){top:64%;left:48%;font-size:.92rem;transform:rotate(-13deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(22){top:72%;left:66%;font-size:1.2rem;transform:rotate(5deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(23){top:68%;left:84%;font-size:1rem;transform:rotate(-9deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(24){top:78%;left:4%;font-size:.95rem;transform:rotate(11deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(25){top:82%;left:20%;font-size:1.1rem;transform:rotate(-15deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(26){top:86%;left:38%;font-size:.88rem;transform:rotate(13deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(27){top:80%;left:54%;font-size:1.05rem;transform:rotate(-5deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(28){top:88%;left:70%;font-size:1.15rem;transform:rotate(8deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(29){top:84%;left:88%;font-size:.9rem;transform:rotate(-12deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(30){top:14%;left:62%;font-size:.82rem;transform:rotate(15deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(31){top:36%;left:14%;font-size:.8rem;transform:rotate(-17deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(32){top:60%;left:34%;font-size:.86rem;transform:rotate(6deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(33){top:74%;left:52%;font-size:.84rem;transform:rotate(-8deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(34){top:40%;left:76%;font-size:.9rem;transform:rotate(10deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(35){top:92%;left:42%;font-size:.78rem;transform:rotate(-6deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-pattern i:nth-child(36){top:2%;left:90%;font-size:.88rem;transform:rotate(12deg)}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-ratio{background:transparent}.sp-materi-page .sp-materi-video-wrap--portrait{display:flex;justify-content:center;padding:.75rem}.sp-materi-page .sp-materi-video-wrap--portrait .sp-materi-video-player{width:100%;max-width:min(360px,100%)}.sp-materi-page .sp-materi-video-wrap--portrait .ratio-9x16{--bs-aspect-ratio: 177.7778%;min-height:0}.sp-materi-page .sp-materi-video-wrap--landscape{padding:.75rem}.sp-materi-page .sp-materi-video-wrap--landscape .ratio-16x9{min-height:220px}.sp-materi-page .sp-materi-video-wrap iframe,.sp-materi-page .sp-materi-video-wrap .sp-materi-video-el{display:block;width:100%;border:0;background:#000}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-ratio iframe,.sp-materi-page .sp-materi-video-wrap .sp-materi-video-ratio .sp-materi-video-el{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;object-fit:contain}.sp-materi-page .sp-materi-video-wrap .sp-materi-video-el{aspect-ratio:16/9;max-height:480px;object-fit:contain;border-radius:.5rem}.sp-materi-page .sp-materi-video-wrap--portrait .sp-materi-video-ratio .sp-materi-video-el{aspect-ratio:unset;max-height:none;border-radius:.35rem}.sp-materi-page .sp-quiz-timer-sticky{position:sticky;top:5.5rem;z-index:20;display:inline-flex;align-items:center;justify-content:center;min-width:5.5rem;padding:.5rem .875rem;margin-bottom:1rem;margin-left:auto;border-radius:999px;background:var(--bs-primary);color:#fff;font-size:1.125rem;font-weight:700;font-variant-numeric:tabular-nums;box-shadow:0 4px 16px rgba(var(--bs-primary-rgb),.35);float:right}.sp-materi-page .sp-quiz-timer-sticky.is-warning{background:var(--bs-danger);animation:spQuizTimerPulse 1s ease-in-out infinite}.sp-materi-page .sp-quiz-question-image-wrap{max-width:100%;background:rgba(var(--bs-body-color-rgb),.04);border:1px solid var(--bs-border-color);border-radius:.75rem;padding:.75rem}.sp-materi-page .sp-quiz-question-image{display:block;width:100%;max-height:360px;object-fit:contain;margin-inline:auto}.sp-materi-page .sp-quiz-result-modal{border-radius:1rem;overflow:hidden}.sp-materi-page .sp-quiz-result-loader{padding:1rem 0 .5rem}.sp-materi-page .sp-quiz-loader{width:3rem;height:3rem;margin-inline:auto;border:4px solid rgba(var(--bs-primary-rgb),.15);border-top-color:var(--bs-primary);border-radius:50%;animation:spQuizSpin .8s linear infinite}.sp-materi-page .sp-quiz-result-icon{width:4.5rem;height:4.5rem;margin-inline:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.25rem}.sp-materi-page #quizResultContent.is-pass .sp-quiz-result-icon{background:rgba(var(--bs-success-rgb),.12);color:var(--bs-success)}.sp-materi-page #quizResultContent.is-fail .sp-quiz-result-icon{background:rgba(var(--bs-warning-rgb),.12);color:var(--bs-warning)}.sp-materi-page #quizResultContent.is-pass .sp-quiz-score-hero-value{color:var(--bs-success)}.sp-materi-page #quizResultContent.is-fail .sp-quiz-score-hero-value{color:var(--bs-danger)}.sp-materi-page .sp-quiz-score-hero{text-align:center}.sp-materi-page .sp-quiz-score-hero-value{font-size:3.5rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}.sp-materi-page .sp-quiz-score-hero-summary{margin-top:.5rem;font-size:1.0625rem;font-weight:600;color:var(--bs-heading-color)}.sp-materi-page .sp-quiz-stats-row{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.sp-materi-page .sp-quiz-stat{flex:1;min-width:5.5rem;max-width:7rem;padding:.75rem .5rem;border:1px solid var(--bs-border-color);border-radius:.75rem;background:rgba(var(--bs-body-color-rgb),.03)}.sp-materi-page .sp-quiz-stat-label{display:block;font-size:.75rem;color:var(--bs-secondary-color);margin-bottom:.25rem}.sp-materi-page .sp-quiz-stat-value{font-size:1.25rem;line-height:1.2}.sp-materi-page .sp-quiz-score-card .sp-quiz-score-box{padding:.875rem;border:1px solid var(--bs-border-color);border-radius:.75rem;background:rgba(var(--bs-body-color-rgb),.03)}.sp-materi-page .sp-quiz-score-card .sp-quiz-score-value,.sp-materi-page .sp-quiz-score-card .sp-quiz-score-passing{font-size:1.5rem;line-height:1.2}@keyframes spQuizSpin{to{transform:rotate(360deg)}}@keyframes spQuizTimerPulse{50%{transform:scale(1.04)}}.sp-materi-page .sp-materi-description{color:var(--bs-body-color);line-height:1.7;font-size:1rem}.sp-materi-page .sp-materi-description img{max-width:100%;height:auto}.sp-materi-page .sp-materi-description p,.sp-materi-page .sp-materi-description li{font-size:.9375rem;line-height:1.7;margin-bottom:.75rem}.sp-materi-page .sp-materi-description h1{font-size:1.5rem;margin-top:1.25rem;margin-bottom:.65rem}.sp-materi-page .sp-materi-description h2{font-size:1.35rem;margin-top:1.15rem;margin-bottom:.6rem}.sp-materi-page .sp-materi-description h3{font-size:1.2rem;margin-top:1rem;margin-bottom:.55rem}.sp-materi-page .sp-materi-description h4{font-size:1.1rem;margin-top:.85rem;margin-bottom:.5rem}.sp-materi-page .sp-materi-description ol,.sp-materi-page .sp-materi-description ul{padding-left:1.25rem;margin-bottom:1rem}.sp-materi-page .sp-materi-description li{margin-bottom:.35rem}.sp-materi-page .sp-materi-description strong{font-weight:600}.sp-materi-page .sp-materi-curriculum-card{border:1px solid var(--bs-border-color)}.sp-materi-page .sp-materi-sidebar-sticky{position:sticky;top:6rem}.sp-materi-page .sp-materi-start-btn{font-size:1.0625rem;font-weight:600;box-shadow:0 4px 14px rgba(var(--bs-primary-rgb),.25)}.sp-materi-page .sp-materi-start-mobile-bar{display:none}.sp-materi-page .sp-materi-pagination-wrap{margin-top:.5rem}.sp-materi-page .sp-materi-filter-form .sp-materi-filter-row{margin-inline:0}.sp-materi-page .sp-materi-page-section h4{font-size:1.125rem;font-weight:700}.sp-materi-page .sp-materi-all-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}.sp-materi-page .sp-materi-all-grid__item{min-width:0}.sp-materi-page .sp-materi-card-meta{display:flex;flex-wrap:wrap;gap:.5rem .75rem;color:var(--bs-secondary-color)}.sp-materi-page .sp-materi-page-recommended .sp-materi-wrap{min-width:0}.sp-materi-page .sp-materi-page-recommended .sp-materi-viewport{position:relative;min-width:0;overflow:hidden}.sp-materi-page .sp-materi-page-recommended .sp-materi-viewport.is-draggable{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.sp-materi-page .sp-materi-page-recommended .sp-materi-viewport.is-dragging{cursor:grabbing}.sp-materi-page .sp-materi-page-recommended .sp-materi-grid{display:flex;gap:.875rem}.sp-materi-page .sp-materi-page-recommended .sp-materi-wrap:not(.has-nav) .sp-materi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.sp-materi-page .sp-materi-page-recommended .sp-materi-wrap.has-nav .sp-materi-grid{flex-wrap:nowrap;transition:transform .3s ease;will-change:transform}.sp-materi-page .sp-materi-page-recommended .sp-materi-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:32px;height:32px;border:1px solid var(--bs-border-color);border-radius:50%;background:var(--bs-paper-bg);color:var(--bs-heading-color);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000014}.sp-materi-page .sp-materi-page-recommended .sp-materi-nav.sp-materi-nav-prev{left:4px}.sp-materi-page .sp-materi-page-recommended .sp-materi-nav.sp-materi-nav-next{right:4px}.sp-materi-page .sp-materi-page-recommended .sp-materi-nav:disabled{opacity:.35;cursor:default}.sp-materi-page .sp-materi-page-recommended .sp-materi-nav[hidden]{display:none!important}.sp-materi-page .sp-materi-page-recommended .sp-materi-card{min-width:0;background:var(--bs-paper-bg);border:1px solid var(--bs-border-color);border-radius:14px;overflow:hidden;box-shadow:0 2px 10px #00000014;text-decoration:none;color:inherit;transition:transform .15s}.sp-materi-page .sp-materi-page-recommended .sp-materi-card:hover{transform:translateY(-2px);color:inherit}.sp-materi-page .sp-materi-page-recommended .sp-materi-thumb{height:120px;position:relative;overflow:hidden}@media (min-width: 1000px){.sp-materi-page .sp-materi-page-recommended .sp-materi-thumb{height:auto;aspect-ratio:16/10}}.sp-materi-page .sp-materi-page-recommended .sp-badge-type{position:absolute;top:8px;left:8px;z-index:2;border-radius:5px;font-size:.6875rem;font-weight:700;padding:2px 8px;color:var(--bs-white)}.sp-materi-page .sp-materi-page-recommended .sp-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:36px;height:36px;border-radius:50%;background:#ffffffd9;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--bs-primary)}.sp-materi-page .sp-materi-page-recommended .sp-materi-info{padding:.625rem .75rem}.sp-materi-page .sp-materi-page-recommended .sp-materi-info h4{font-size:.78125rem;font-weight:700;color:var(--bs-heading-color);line-height:1.4;margin-bottom:.375rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.sp-materi-page .sp-materi-page-recommended .sp-materi-meta{display:flex;gap:.625rem;flex-wrap:wrap}.sp-materi-page .sp-materi-page-recommended .sp-materi-meta span{font-size:.6875rem;color:var(--bs-secondary-color);display:flex;align-items:center;gap:3px}.sp-materi-page .sp-materi-page-recommended .sp-thumb-video{background:linear-gradient(135deg,#607d8b,#90a4ae)}.sp-materi-page .sp-materi-page-recommended .sp-thumb-artikel{background:linear-gradient(135deg,#81c784,#a5d6a7)}.sp-materi-page .sp-materi-page-recommended .sp-thumb-infografik{background:linear-gradient(135deg,#f48fb1,#fce4ec)}.sp-materi-page .sp-materi-page-recommended .sp-thumb-kuis{background:linear-gradient(135deg,#80cbc4,#b2dfdb)}@media (max-width: 999.98px){.sp-materi-page .sp-materi-page-recommended .sp-materi-wrap:not(.has-nav) .sp-materi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 499.98px){.sp-materi-page .sp-materi-filter-form .card-body{padding:.75rem}.sp-materi-page .sp-materi-filter-form .sp-materi-filter-row{display:flex;flex-wrap:nowrap;gap:.5rem;align-items:stretch}.sp-materi-page .sp-materi-filter-form .sp-materi-filter-search,.sp-materi-page .sp-materi-filter-form .sp-materi-filter-tag,.sp-materi-page .sp-materi-filter-form .sp-materi-filter-submit{width:auto;max-width:none;padding:0}.sp-materi-page .sp-materi-filter-form .sp-materi-filter-search{flex:1 1 0;min-width:0}.sp-materi-page .sp-materi-filter-form .sp-materi-filter-tag{flex:0 0 38%;min-width:0}.sp-materi-page .sp-materi-filter-form .sp-materi-filter-submit{flex:0 0 auto}.sp-materi-page .sp-materi-filter-form .form-label{display:none}.sp-materi-page .sp-materi-filter-form .sp-materi-filter-submit .btn{width:auto;min-width:3.25rem;height:100%;padding-inline:.75rem;white-space:nowrap}.sp-materi-page .sp-materi-filter-form .form-control,.sp-materi-page .sp-materi-filter-form .form-select{font-size:.8125rem;padding-inline:.625rem}.sp-materi-page .sp-materi-all-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.sp-materi-page .sp-materi-all-grid .sp-materi-card .card-body{padding:.75rem}.sp-materi-page .sp-materi-all-grid .sp-materi-card h5{font-size:.9375rem}}.sp-materi-page .sp-materi-pagination .pagination{gap:.375rem;flex-wrap:wrap}.sp-materi-page .sp-materi-pagination .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;min-height:2.5rem;padding:.375rem .625rem;border-radius:.5rem!important;line-height:1}.sp-materi-page .sp-materi-pagination .page-link i{font-size:1.25rem;line-height:1}.sp-materi-page #quizTimer.is-warning{background:rgba(var(--bs-warning-rgb),.12);border-color:rgba(var(--bs-warning-rgb),.35);color:var(--bs-warning-text-emphasis, var(--bs-warning))}.sp-materi-page #quizTimer.is-warning #quizTimerDisplay{color:var(--bs-danger)}@media (max-width: 499.98px){.sp-materi-page{padding-bottom:5.5rem}.sp-materi-page .sp-quiz-timer-sticky{top:4.5rem;float:none;margin-left:0;display:flex;width:fit-content;margin-inline-start:auto}.sp-materi-page .sp-materi-sidebar-sticky{position:static;top:auto}.sp-materi-page .sp-materi-start-btn--desktop{display:none!important}.sp-materi-page .sp-materi-start-btn--anchor{display:inline-flex!important}.sp-materi-page .sp-materi-start-mobile-bar{display:block;position:fixed;left:12px;right:12px;bottom:calc(12px + 4.5rem);z-index:1075;padding:.5rem;background:var(--bs-paper-bg);border:1px solid var(--bs-border-color);border-radius:14px;box-shadow:0 -4px 24px #0000001a}}.sp-materi-page .sp-materi-lesson-content .ratio iframe{border:0;border-radius:.5rem}.sp-materi-page .sp-materi-action-bar .btn{min-width:10rem}.sp-materi-page .accordion-button:not(.collapsed){background:rgba(var(--bs-primary-rgb),.08);color:var(--bs-heading-color)}.sp-materi-page .sp-curriculum-link{text-decoration:none;padding-left:1rem;padding-right:1rem}.sp-materi-page .sp-curriculum-link:hover{background:rgba(var(--bs-primary-rgb),.04)}.sp-materi-page .sp-curriculum-link.is-active{background:rgba(var(--bs-primary-rgb),.08)}.sp-materi-page .sp-curriculum-link--static{cursor:default;opacity:.85}.sp-materi-page .sp-materi-info-grid .sp-materi-info-tile{display:flex;align-items:flex-start;gap:.75rem;height:100%;padding:1rem;border:1px solid var(--bs-border-color);border-radius:.75rem;background:var(--bs-paper-bg)}.sp-materi-page .sp-materi-info-grid .sp-materi-info-tile__icon{width:2.5rem;height:2.5rem;border-radius:.65rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sp-materi-page .sp-materi-info-grid .sp-materi-info-tile__icon i{font-size:1.125rem}.sp-materi-page .sp-materi-detail-section{padding:1.25rem;border:1px solid var(--bs-border-color);border-radius:.75rem;background:rgba(var(--bs-primary-rgb),.03)}.sp-materi-page .sp-materi-detail-section__head{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.sp-materi-page .sp-materi-detail-section__badge{width:2.25rem;height:2.25rem;border-radius:.65rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sp-materi-page .sp-materi-detail-section__badge i{font-size:1.125rem}.sp-materi-page .sp-materi-detail-list{list-style:none;padding:0;margin:0;display:grid;gap:.65rem}.sp-materi-page .sp-materi-detail-list li{display:flex;align-items:flex-start;gap:.5rem}.sp-materi-page .sp-materi-detail-list li i{margin-top:.15rem;flex-shrink:0}.sp-materi-page .sp-materi-detail-note{padding:.875rem 1rem;border-radius:.65rem;background:var(--bs-paper-bg);border:1px dashed var(--bs-border-color)}.sp-materi-page .sp-materi-finished-banner{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;border-radius:.75rem;border:1px solid rgba(var(--bs-success-rgb),.35);background:linear-gradient(135deg,rgba(var(--bs-success-rgb),.12),rgba(var(--bs-success-rgb),.04))}.sp-materi-page .sp-materi-finished-banner__icon{width:2.75rem;height:2.75rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(var(--bs-success-rgb),.18);color:var(--bs-success)}.sp-materi-page .sp-materi-finished-banner__icon i{font-size:1.35rem}.sp-materi-page .sp-materi-completion-card{border:1px solid rgba(var(--bs-success-rgb),.35);background:var(--bs-paper-bg);position:relative}.sp-materi-page .sp-materi-completion-card__bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.08;background:radial-gradient(circle at top right,rgba(var(--bs-success-rgb),.65),transparent 55%),radial-gradient(circle at bottom left,rgba(var(--bs-primary-rgb),.45),transparent 50%);pointer-events:none}.sp-materi-page .sp-materi-completion-card .sp-materi-completion-icon{width:4rem;height:4rem;margin-inline:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(var(--bs-success-rgb),.15);color:var(--bs-success);box-shadow:0 8px 24px rgba(var(--bs-success-rgb),.15)}.sp-materi-page .sp-materi-completion-card .sp-materi-completion-icon i{font-size:2rem}.sp-materi-page .sp-materi-completion-card .sp-materi-completion-stat{display:flex;align-items:flex-start;gap:.75rem;height:100%;padding:.875rem;border:1px solid var(--bs-border-color);border-radius:.65rem;background:rgba(var(--bs-paper-bg-rgb, 255, 255, 255),.85)}.sp-materi-page .sp-materi-completion-card .sp-materi-completion-stat--compact{flex-direction:column;align-items:center;text-align:center;padding:.75rem .5rem;gap:.5rem}.sp-materi-page .sp-materi-completion-card .sp-materi-completion-stat--compact .sp-materi-completion-stat__icon{width:2rem;height:2rem}.sp-materi-page .sp-materi-completion-card .sp-materi-completion-stat--compact strong{font-size:1.125rem}.sp-materi-page .sp-materi-completion-card .sp-materi-completion-stat__sub{font-size:.75rem;margin-top:.15rem}.sp-materi-page .sp-materi-completion-card .sp-materi-completion-stat__icon{width:2.25rem;height:2.25rem;border-radius:.6rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}[data-bs-theme=dark] .sp-materi-page .sp-materi-card-thumb{background:rgba(var(--bs-body-color-rgb),.08)}.sp-materi-assessment-page .sp-materi-assessment-shell{max-width:720px;margin-inline:auto}.sp-materi-assessment-page .sp-materi-assessment-score{font-size:3rem;font-weight:800;color:var(--bs-primary);line-height:1}.sp-materi-assessment-page .sp-materi-assessment-qnum{font-size:.8125rem;font-weight:600;color:var(--bs-primary);margin-bottom:.5rem}.sp-materi-assessment-page .sp-materi-assessment-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.125rem;border:2px solid var(--bs-border-color);border-radius:12px;cursor:pointer;font-size:1rem;line-height:1.5;transition:border-color .2s,background .2s}.sp-materi-assessment-page .sp-materi-assessment-option input{margin-top:.25rem;flex-shrink:0}.sp-materi-assessment-page .sp-materi-assessment-option:has(input:checked){border-color:var(--bs-primary);background:rgba(var(--bs-primary-rgb),.06)}body.sp-assessment-result-mode{overflow:hidden}body.sp-assessment-result-mode .layout-navbar,body.sp-assessment-result-mode .layout-footer,body.sp-assessment-result-mode .content-footer,body.sp-assessment-result-mode .landing-footer,body.sp-assessment-result-mode .sp-mobile-bottom-nav,body.sp-assessment-result-mode .sp-impersonation-banner,body.sp-materi-focus-mode .layout-navbar,body.sp-materi-focus-mode .layout-footer,body.sp-materi-focus-mode .content-footer,body.sp-materi-focus-mode .landing-footer,body.sp-materi-focus-mode .sp-mobile-bottom-nav,body.sp-materi-focus-mode .sp-impersonation-banner{display:none!important}body.sp-materi-focus-mode .sp-front-page{padding-block-start:2rem;padding-block-end:2.5rem}body.sp-materi-focus-mode .sp-page.sp-front-page,.sp-materi-page--focus{max-width:1000px;margin-inline:auto;width:100%}.sp-materi-focus-bar{position:sticky;top:0;z-index:1080;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 0;margin-bottom:1rem;background:var(--bs-paper-bg);border-bottom:1px solid var(--bs-border-color)}.sp-materi-focus-progress{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.sp-materi-focus-alert{max-width:1000px;margin-bottom:1rem}.sp-materi-list-offcanvas{width:min(100vw,420px)}.sp-materi-focus-layout{margin-top:0}.sp-materi-focus-layout .card{border:0;box-shadow:none;background:transparent}.sp-materi-focus-layout .card-body{padding:0}.sp-materi-progress-timeline{margin-bottom:1.25rem}.sp-materi-progress-track-wrap{overflow-x:auto;padding-bottom:.35rem;-webkit-overflow-scrolling:touch}.sp-materi-progress-track{display:flex;align-items:flex-start;min-width:max-content;padding:.25rem 0}.sp-materi-progress-node{display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:4.5rem;max-width:6.5rem;text-decoration:none;color:inherit;flex-shrink:0}.sp-materi-progress-node:hover{color:var(--bs-primary)}.sp-materi-progress-dot{width:.85rem;height:.85rem;border-radius:50%;border:2px solid var(--bs-border-color);background:var(--bs-paper-bg);flex-shrink:0}.sp-materi-progress-label{font-size:.6875rem;line-height:1.25;text-align:center;color:var(--bs-secondary-color);word-break:break-word}.sp-materi-progress-line{flex:1;min-width:1.5rem;height:2px;background:var(--bs-border-color);margin-top:.4rem;align-self:flex-start}.sp-materi-progress-line.is-done{background:var(--bs-primary)}.sp-materi-progress-node.is-done .sp-materi-progress-dot{border-color:var(--bs-primary);background:var(--bs-primary)}.sp-materi-progress-node.is-done .sp-materi-progress-label{color:var(--bs-body-color)}.sp-materi-progress-node.is-active .sp-materi-progress-dot{border-color:var(--bs-primary);background:var(--bs-primary);box-shadow:0 0 0 4px rgba(var(--bs-primary-rgb),.2)}.sp-materi-progress-node.is-active .sp-materi-progress-label{color:var(--bs-primary);font-weight:600}.sp-materi-lesson-actions{margin-top:2.5rem;padding-top:1.5rem;gap:.75rem!important}.sp-assessment-result-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1090;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--bs-body-bg)}.sp-assessment-result-inner{width:min(100%,420px)}.sp-assessment-result-score{font-size:clamp(4rem,16vw,6.5rem);font-weight:800;line-height:1;color:var(--bs-primary);letter-spacing:-.04em}.sp-assessment-result-percent{font-size:.55em;font-weight:700}.sp-assessment-result-title{font-size:clamp(1.35rem,4vw,1.75rem);font-weight:700}.sp-assessment-result-subtitle{font-size:1.0625rem;color:var(--bs-secondary-color);margin-bottom:0}.sp-assessment-result-continue{min-width:220px;font-weight:600;box-shadow:0 8px 24px rgba(var(--bs-primary-rgb),.28)}.sp-materi-steps{display:flex;flex-wrap:wrap;gap:.75rem}.sp-materi-step{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:999px;border:1px solid var(--bs-border-color);font-size:.875rem;color:var(--bs-secondary-color);background:var(--bs-paper-bg)}.sp-materi-step.is-active{border-color:var(--bs-primary);color:var(--bs-primary);background:rgba(var(--bs-primary-rgb),.08);font-weight:600}.sp-materi-step.is-done{border-color:rgba(var(--bs-success-rgb),.35);color:var(--bs-success);background:rgba(var(--bs-success-rgb),.08)}.sp-materi-step-num{width:1.5rem;height:1.5rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;background:rgba(var(--bs-primary-rgb),.12)}body.sp-materi-lightbox-open{overflow:hidden}.sp-materi-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:1rem}.sp-materi-lightbox[hidden]{display:none!important}.sp-materi-lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d1;cursor:zoom-out}.sp-materi-lightbox__dialog{position:relative;z-index:1;max-width:min(100%,960px);max-height:calc(100vh - 2rem);display:flex;align-items:center;justify-content:center}.sp-materi-lightbox__img{display:block;max-width:100%;max-height:calc(100vh - 2rem);width:auto;height:auto;border-radius:.5rem;box-shadow:0 12px 40px #00000059;object-fit:contain}.sp-materi-lightbox__close{position:absolute;top:-.25rem;right:-.25rem;z-index:2;width:2.5rem;height:2.5rem;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--bs-paper-bg);color:var(--bs-body-color);box-shadow:0 4px 16px #0003;cursor:pointer}.sp-materi-lightbox__close i{font-size:1.25rem}@media (max-width: 575.98px){.sp-materi-lightbox{padding:.75rem}.sp-materi-lightbox__close{top:.25rem;right:.25rem}.sp-materi-lightbox__img{max-height:calc(100vh - 1.5rem)}}