.like-dislike-root .button-wrapper{border:1px solid var(--color-secondary-400);border-radius:10px;flex-direction:row;justify-content:center;align-items:stretch;display:flex;overflow:hidden}.like-dislike-root .button-wrapper button{background-color:var(--color-secondary-100);cursor:pointer;border:none;min-height:37px;padding:6px 12px}.like-dislike-root .button-wrapper button:hover{background-color:var(--color-secondary-200)}.like-dislike-root .like-button{flex-direction:row;justify-content:center;align-items:center;gap:8px;display:flex}.like-dislike-root .like-button .likes-count{color:var(--color-neutral-200);font-size:16px;font-weight:600}.like-dislike-root .like-button .likes-count.is-liked{color:var(--color-primary-200)!important}.like-dislike-root .dislike-button{transform:rotate(180deg)}
.content-action-btn-wrapper{align-items:center;gap:12px;display:flex}.content-action-btn-wrapper .share-btn-popup{position:relative}.content-action-btn-wrapper .share-button,.content-action-btn-wrapper .download-transcript-btn{background-color:var(--color-secondary-100);border:1px solid var(--color-secondary-400);cursor:pointer;border-radius:10px;align-items:center;padding:8px 10px;display:inline-flex}.content-action-btn-wrapper .share-button:hover,.content-action-btn-wrapper .download-transcript-btn:hover{background-color:var(--color-secondary-200)}.content-action-btn-wrapper .like-dislike-and-continue-wrapper{align-items:center;gap:12px;display:flex}
.content-lock-root{background-color:var(--color-secondary-300);border-radius:10px;place-items:center;padding:40px;display:grid}.content-lock-root .content-lock-content{flex-direction:column;align-items:center;gap:16px;display:flex}.content-lock-root .cta-text{color:var(--color-neutral-400);font-size:20px;font-weight:600}
.file-content-wrapper-root .header-wrapper{color:var(--color-neutral-100);background-color:var(--color-secondary-200);flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.file-content-wrapper-root .header-wrapper .title{font-size:24px;font-weight:600}.file-content-wrapper-root .likes-and-download{flex-direction:row;justify-content:flex-end;align-items:center;gap:12px;display:flex}.file-content-wrapper-root .likes-and-download .fullscreen-btn,.file-content-wrapper-root .likes-and-download .download-btn{background-color:var(--color-secondary-100);border:1px solid var(--color-secondary-400);cursor:pointer;border-radius:10px;padding:8px 10px}.file-content-wrapper-root .likes-and-download .fullscreen-btn:hover,.file-content-wrapper-root .likes-and-download .download-btn:hover{background-color:var(--color-secondary-200)}.file-content-wrapper-root .content-wrapper{background-color:var(--color-secondary-300);border-radius:8px;height:100%;max-height:520px;padding:10px 20px;position:relative;overflow-y:auto}.file-content-wrapper-root .content-wrapper .pdf-wrapper,.file-content-wrapper-root .content-wrapper img{width:100%}.file-content-wrapper-root .content-wrapper .pdf-frame{border:0;width:100%;height:480px}.file-content-wrapper-root.fullscreen{z-index:1000;background-color:var(--color-secondary-200);width:100vw;height:100vh;position:fixed;inset:0}.file-content-wrapper-root.fullscreen .header-wrapper{padding:20px}.file-content-wrapper-root.fullscreen .content-wrapper{width:100%;max-height:none;padding-bottom:100px}.file-content-wrapper-root.fullscreen .content-wrapper .pdf-frame{height:calc(100vh - 160px)}
.quiz-loading{text-align:center;color:var(--color-neutral-300);flex-direction:column;align-items:center;gap:12px;margin:40px 0 16px;display:flex}.quiz-spinner{border:2px solid #ffffff4d;border-top-color:var(--color-primary-400);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite quiz-spin}@keyframes quiz-spin{to{transform:rotate(360deg)}}
.choice-option-root .option{background-color:var(--color-secondary-100);cursor:pointer;border:1px solid var(--color-secondary-300);border-radius:8px;flex-direction:row;align-items:center;gap:16px;width:100%;margin-top:12px;padding:18px 24px;transition:background-color .2s;display:flex}.choice-option-root .option:hover{background-color:var(--color-secondary-200)}.choice-option-root .option input{width:20px;height:20px;accent-color:var(--color-primary-400);flex-shrink:0}.choice-option-root .option p{color:var(--color-neutral-100);font-size:14px}.choice-option-root .option .correct-pill{margin-left:auto}
.quiz-completed-root{margin-top:16px;padding:0 16px}.quiz-completed-header{justify-content:space-between;align-items:flex-start;display:flex}.quiz-completed-root .quiz-name{color:var(--color-neutral-100);font-size:24px;font-weight:600}.quiz-result-icon{text-align:center;margin:24px 0 8px;font-size:40px}.quiz-scores-wrapper{text-align:center}.quiz-scores-wrapper .title{color:var(--color-neutral-100);font-size:18px;font-weight:600}.quiz-scores-wrapper .your-score{color:var(--color-neutral-100);font-size:32px;font-weight:700}.quiz-scores-wrapper .passing-score{color:var(--color-neutral-400);font-size:14px}.quiz-actions{justify-content:center;gap:8px;margin-top:24px;display:flex}.quiz-report{max-width:32rem;margin:32px auto 0}.quiz-report h2{text-align:left;color:var(--color-neutral-400);margin-bottom:16px}.quiz-report .report-item{color:var(--color-neutral-200);align-items:flex-start;gap:10px;margin:16px 0;font-size:14px;display:flex}.quiz-report .report-icon{flex-shrink:0;width:24px}
.quiz-signin-popup{background-color:var(--color-secondary-200);text-align:center;border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;gap:20px;max-width:400px;padding:40px;display:flex}.quiz-signin-popup h5{color:var(--color-neutral-100);font-size:18px;font-weight:600}.quiz-signin-btn{background-color:var(--color-primary-400);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-weight:600}
.quiz-content-wrapper-root .quiz-head{padding:0 16px}.quiz-content-wrapper-root .quiz-meta{justify-content:space-between;align-items:center;display:flex}.quiz-content-wrapper-root .quiz-question-count-text{color:var(--color-neutral-200);font-weight:600}.quiz-content-wrapper-root .passing-score-text{color:var(--color-neutral-400);font-size:14px}.quiz-content-wrapper-root .progress-bar-wrapper{background-color:var(--color-secondary-300);border-radius:6px;width:100%;height:8px;margin:8px 0}.quiz-content-wrapper-root .progress-bar-fill{background-color:var(--color-primary-400);border-radius:6px;height:8px;transition:width .5s ease-in-out}.quiz-content-wrapper-root .quiz-name{color:var(--color-neutral-100);margin-top:16px;font-size:24px;font-weight:600}.quiz-content-wrapper-root .quiz-body{flex-direction:column;align-items:center;padding:20px 16px;display:flex}.quiz-content-wrapper-root .quiz-question-block,.quiz-content-wrapper-root .quiz-options{width:100%;max-width:28rem}.quiz-content-wrapper-root .question-type-text{text-align:left;color:var(--color-neutral-400);font-size:13px}.quiz-content-wrapper-root .question{color:var(--color-neutral-100);margin-top:6px;font-size:18px;font-weight:600}.quiz-content-wrapper-root .quiz-image{border-radius:8px;width:100%;margin:12px 0}.quiz-content-wrapper-root .explanation{color:var(--color-neutral-200);background-color:var(--color-secondary-100);border:1px solid var(--color-secondary-400);border-radius:8px;margin:8px 0;padding:10px 12px;font-size:14px}.quiz-content-wrapper-root .explanation.correct{border-color:var(--color-success-400)}.quiz-content-wrapper-root .explanation.incorrect{border-color:var(--color-error-200)}.quiz-content-wrapper-root .quiz-nav{justify-content:space-between;width:100%;max-width:28rem;margin-top:32px;display:flex}
.design-content-wrapper-root{background-color:var(--color-secondary-200);margin-bottom:30px}.design-content-wrapper-root header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.design-content-wrapper-root header .title{color:var(--color-neutral-100);font-size:24px;font-weight:600}.design-content-wrapper-root .design-practice-placeholder{border:1px dashed var(--color-secondary-400);min-height:50vh;color:var(--color-neutral-400);text-align:center;border-radius:10px;align-content:center;place-items:center;gap:8px;padding:24px;display:grid}.design-content-wrapper-root .design-practice-placeholder-title{color:var(--color-neutral-100);font-size:20px;font-weight:600}@media (max-width:768px){.design-content-wrapper-root header{margin-bottom:0;padding:10px 0}.design-content-wrapper-root header .title{font-size:20px}}
.design-practice-iframe{border:0;width:100%;height:500px}.design-practice-iframe.fullscreen{z-index:999;width:100vw;height:100svh;position:fixed;top:0;left:0}.design-practice-error{color:#666;justify-content:center;align-items:center;min-height:300px;font-size:16px;display:flex}.design-practice-how-to-play{background-color:#fff;border-radius:10px;width:50vw;padding:35px;overflow:hidden}.design-practice-how-to-play-title{color:#000;font-size:20px;font-weight:600}.design-practice-how-to-play-video{border:1px solid #e5e5e5;border-radius:16px;width:100%;margin-top:15px;overflow:hidden}.design-practice-how-to-play-video iframe{aspect-ratio:16/9;border:0;width:100%;display:block}.design-practice-fullscreen-popup{z-index:9999;background-color:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100vw;height:100svh;display:flex;position:fixed;top:0;left:0}.design-practice-fullscreen-popup button{cursor:pointer;color:#fff;background:0 0;border:1px solid #fff;border-radius:6px;align-items:center;gap:5px;padding:7px 10px;font-size:14px;display:inline-flex}.design-practice-fullscreen-popup button:hover{color:#333;background:#fff}.design-practice-fullscreen-popup button:hover svg{fill:#333}.design-practice-fullscreen-popup .design-practice-exit-btn{color:#e05151;border-color:#e05151}.design-practice-fullscreen-popup .design-practice-exit-btn:hover{color:#fff;background:#e05151}@media screen and (max-width:1000px){.design-practice-how-to-play{width:65vw}}@media screen and (max-width:640px){.design-practice-how-to-play{width:90vw}.design-practice-how-to-play-title{font-size:16px}.design-practice-how-to-play-video{border-radius:8px}}
.resources-article{overflow-wrap:break-word;margin-top:24px}.resources-article *{color:var(--color-neutral-200)}.resources-article a{color:var(--color-warning-400)}