@keyframes rotate_icon{to{-webkit-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes rotate_icon{to{-webkit-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes fl-x{0%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fl-x{0%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@-webkit-keyframes fl-y{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fl-y{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}.animate-fl-x{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:fl-x;animation-name:fl-x;-webkit-animation-timing-function:linear;animation-timing-function:linear}.animate-fl-x,.animate-fl-y{-webkit-animation-duration:2s;animation-duration:2s}.animate-fl-y{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:fl-y;animation-name:fl-y;-webkit-animation-timing-function:linear;animation-timing-function:linear}@property --rotate{syntax:"<angle>";initial-value:132deg;inherits:false}@keyframes spin{0%{--rotate:0deg}to{--rotate:360deg}}#designbase_quiz_player{margin:0 auto;max-width:720px;width:100%}.designbase-lesson-quiz{background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-l);box-shadow:0 8px 32px rgba(15,23,42,.06);box-sizing:border-box;margin-top:var(--db-margin-m);padding:var(--db-padding-l)}.designbase-lesson-quiz__header{align-items:center;border-bottom:1px solid var(--db-border-primary);display:flex;justify-content:space-between;margin-bottom:var(--db-padding-m);padding-bottom:var(--db-padding-m)}.designbase-lesson-quiz__header .designbase-quiz-head-item{color:var(--db-text-secondary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium)}.designbase-lesson-quiz__header .designbase-quiz-head-item--time .designbase-quiz-timer{align-items:center;display:flex;gap:var(--db-margin-xs)}.designbase-lesson-quiz__header .designbase-quiz-head-item--time .designbase-quiz-timer #designbase_quiz_timer{background:var(--db-brand-primary);border-radius:var(--db-radius-s);color:var(--db-text-inverse);font-weight:var(--db-weight-bold);padding:4px 8px}.designbase-lesson-quiz__masthead{border-bottom:none;margin-bottom:var(--db-padding-m);padding-bottom:0}.designbase-quiz-player__heading{margin-bottom:var(--db-padding-m)}.designbase-quiz-player__kind{color:var(--db-brand-primary);font-size:var(--db-text-xs,12px);font-weight:var(--db-weight-semibold,600);letter-spacing:.04em;margin:0 0 4px}.designbase-quiz-player__title{color:var(--db-text-primary);font-size:clamp(1.125rem,2.2vw,1.375rem);font-weight:var(--db-weight-bold,700);letter-spacing:-.02em;line-height:var(--db-leading-tight,1.35);margin:0;word-break:keep-all}.designbase-quiz-head-item{color:var(--db-text-secondary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium)}.designbase-quiz-head-item--time .designbase-quiz-timer{align-items:center;display:flex;gap:var(--db-margin-xs)}.designbase-quiz-head-item--time .designbase-quiz-timer #designbase_quiz_timer{background:var(--db-brand-primary);border-radius:var(--db-radius-s);color:var(--db-text-inverse);font-variant-numeric:tabular-nums;font-weight:var(--db-weight-bold);padding:4px 10px}.designbase-quiz-head-item strong{color:var(--db-text-primary);font-weight:var(--db-weight-semibold)}.designbase-quiz-progress__label-row{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:var(--db-margin-s)}.designbase-quiz-progress__label{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-semibold)}.designbase-quiz-progress__label--anonymous{color:var(--db-text-secondary);font-weight:var(--db-weight-medium)}.designbase-quiz-progress__current{color:var(--db-brand-primary);font-weight:var(--db-weight-bold)}.designbase-quiz-progress__sep{color:var(--db-text-tertiary,var(--db-text-secondary));font-weight:var(--db-weight-medium);margin:0 2px}.designbase-quiz-progress__total{color:var(--db-text-secondary);font-variant-numeric:tabular-nums}.designbase-quiz-progress__bar-wrap{display:none}.designbase-quiz-progress__segments{display:flex;gap:6px;width:100%}.designbase-quiz-progress__segment{background:var(--db-bg-tertiary);border-radius:999px;flex:1;height:4px;min-width:0;transition:background .25s ease}.designbase-quiz-progress__segment.is-past{background:color-mix(in srgb,var(--db-brand-primary,#2563eb) 45%,var(--db-bg-secondary,#e2e8f0))}.designbase-quiz-progress__segment.is-current{background:var(--db-brand-primary,#2563eb)}.designbase-quiz-progress__segment.is-future{opacity:.7}.designbase-quiz-player__body{display:flex;flex:1;flex-direction:column;min-height:0}.designbase-quiz-player__questions{flex:1 1 auto;min-height:0}.designbase-quiz-player__footer{box-sizing:border-box;flex-shrink:0;margin-left:0;margin-right:auto;margin-top:auto;max-width:720px;padding-top:var(--db-padding-l);width:100%}.designbase-quiz-player__footer-meta{align-items:center;border-bottom:1px solid var(--db-border-primary);color:var(--db-text-secondary);display:flex;flex-wrap:wrap;font-size:var(--db-text-s);gap:var(--db-margin-s) var(--db-margin-m);justify-content:space-between;margin-bottom:var(--db-padding-m);padding-bottom:var(--db-padding-m)}.designbase-quiz-player__footer-meta:empty{border:none;display:none;margin:0;padding:0}.designbase-quiz-single-question__wrapper{margin-left:0;margin-right:auto;max-width:720px;width:100%}.designbase-quiz-question-header{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--db-margin-s);margin:var(--db-padding-l) 0;width:100%}.designbase-quiz-question-header__meta{align-items:center;display:inline-flex;flex-wrap:wrap;gap:6px}.designbase-quiz-question-header .designbase-quiz-question-type-badge{align-items:center;background:color-mix(in srgb,var(--db-brand-primary,#2563eb) 12%,var(--db-bg-primary));border:1px solid color-mix(in srgb,var(--db-brand-primary,#2563eb) 28%,var(--db-border-primary));border-radius:999px;color:var(--db-brand-primary);display:inline-flex;font-size:var(--db-text-xs,12px);font-weight:var(--db-weight-semibold,600);letter-spacing:-.01em;line-height:1.25;margin:0;padding:4px 10px}.designbase-quiz-question-header .designbase-quiz-question-type-badge--true-false{background:color-mix(in srgb,#0d9488 10%,var(--db-bg-primary));border-color:color-mix(in srgb,#0d9488 30%,var(--db-border-primary));color:#0f766e}.designbase-quiz-question-header .designbase-quiz-question-type-badge--short-answer{background:color-mix(in srgb,#7c3aed 10%,var(--db-bg-primary));border-color:color-mix(in srgb,#7c3aed 28%,var(--db-border-primary));color:#7c3aed}.designbase-quiz-question-header .designbase-quiz-question-type-badge--essay{background:color-mix(in srgb,#d97706 10%,var(--db-bg-primary));border-color:color-mix(in srgb,#d97706 28%,var(--db-border-primary));color:#b45309}.designbase-quiz-question-header .designbase-quiz-question-type-badge--image-answer{background:color-mix(in srgb,#ea580c 10%,var(--db-bg-primary));border-color:color-mix(in srgb,#ea580c 28%,var(--db-border-primary));color:#c2410c}.designbase-quiz-question-header .designbase-quiz-question-type-badge--fill-blanks{background:color-mix(in srgb,#2563eb 10%,var(--db-bg-primary));border-color:color-mix(in srgb,#2563eb 28%,var(--db-border-primary));color:#1d4ed8}.designbase-quiz-question-header .designbase-quiz-question-type-badge--default,.designbase-quiz-question-header .designbase-quiz-question-type-badge--multiple-choice,.designbase-quiz-question-header .designbase-quiz-question-type-badge--single-choice{background:color-mix(in srgb,var(--db-brand-primary,#2563eb) 12%,var(--db-bg-primary));border-color:color-mix(in srgb,var(--db-brand-primary,#2563eb) 28%,var(--db-border-primary));color:var(--db-brand-primary)}.designbase-quiz-question-header .designbase-quiz-question-number{color:var(--db-text-muted);font-size:var(--db-text-xs,12px);font-weight:var(--db-weight-semibold,600);letter-spacing:-.01em}.designbase-quiz-question-header .designbase-quiz-question-title{color:var(--db-text-primary);font-size:clamp(1.125rem,2.2vw,1.375rem);font-weight:var(--db-weight-bold,700);letter-spacing:-.02em;line-height:var(--db-leading-tight,1.35);margin:0;word-break:keep-all}.designbase-quiz-question-header .designbase-quiz-question-description{color:var(--db-text-secondary);font-size:var(--db-text-s);line-height:var(--db-leading-relaxed);margin:0;width:100%}.designbase-quiz-question-header .designbase-quiz-question-description p{font-size:inherit;margin:0 0 var(--db-margin-s)}.designbase-quiz-question-header .designbase-quiz-question-description p:last-child{margin-bottom:0}.designbase-quiz-question-header .designbase-quiz-question-description a{color:var(--db-brand-primary);text-decoration:underline}.designbase-lesson-quiz__inner{display:flex;flex-direction:column;min-height:0}.designbase-lesson-quiz__inner .designbase-quiz-feedback{margin-bottom:var(--db-padding-m)}.designbase-lesson-quiz__inner .designbase-quiz-title{color:var(--db-text-primary);font-size:var(--db-text-xl);font-weight:var(--db-weight-bold);line-height:var(--db-leading-tight);margin-bottom:var(--db-padding-m)}.designbase-lesson-quiz__inner .designbase-quiz-description{color:var(--db-text-secondary);font-size:var(--db-text-base);margin-bottom:var(--db-padding-l)}.designbase-lesson-quiz__inner .designbase-lesson-quiz__body{padding-bottom:var(--db-padding-s)}.designbase-lesson-quiz__inner .designbase-lesson-quiz__body>.designbase-lesson-quiz-answer,.designbase-lesson-quiz__inner .designbase-lesson-quiz__body>.designbase-quiz-short-answer-field{margin-top:0}.designbase-lesson-quiz__inner ul.designbase-quiz-options{display:flex;flex-direction:column;gap:var(--db-margin-s);list-style:none;margin:0;padding:0}.designbase-lesson-quiz__inner ul.designbase-quiz-options>li{margin:0}.designbase-lesson-quiz__footer{align-items:center;border-top:1px solid var(--db-border-primary);display:flex;justify-content:space-between;margin-top:var(--db-padding-l);padding-top:var(--db-padding-m)}.designbase-quiz-answer{align-items:center;background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-m);box-sizing:border-box;cursor:pointer;display:flex;gap:var(--db-margin-m);padding:var(--db-padding-m) var(--db-padding-m);text-align:left;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;width:100%}.designbase-quiz-answer:hover{background:var(--db-bg-secondary);border-color:color-mix(in srgb,var(--db-brand-primary) 35%,var(--db-border-primary))}.designbase-quiz-answer:has(input:checked){background:color-mix(in srgb,var(--db-brand-primary) 8%,var(--db-bg-primary));border-color:var(--db-brand-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--db-brand-primary) 20%,transparent)}.designbase-quiz-answer .designbase-lesson-quiz-answer-title{color:var(--db-text-primary);flex:1;font-size:var(--db-text-base);line-height:var(--db-leading-normal,1.5);min-width:0;word-break:keep-all}.designbase-quiz-answer .designbase-lesson-quiz-answer-image-input-wrapper,.designbase-quiz-answer .designbase-lesson-quiz-answer-input-wrapper{flex-shrink:0;height:20px;margin:0;position:relative;width:20px}.designbase-quiz-answer .designbase-lesson-quiz-answer-image-input-wrapper input[type=checkbox],.designbase-quiz-answer .designbase-lesson-quiz-answer-image-input-wrapper input[type=radio],.designbase-quiz-answer .designbase-lesson-quiz-answer-input-wrapper input[type=checkbox],.designbase-quiz-answer .designbase-lesson-quiz-answer-input-wrapper input[type=radio]{cursor:pointer;height:100%;inset:0;margin:0;opacity:0;position:absolute;width:100%;z-index:2}.designbase-quiz-answer .designbase-lesson-quiz-answer-image-input-wrapper:before,.designbase-quiz-answer .designbase-lesson-quiz-answer-input-wrapper:before{background:var(--db-bg-primary);border:2px solid var(--db-border-primary);box-sizing:border-box;content:"";inset:0;pointer-events:none;position:absolute;transition:border-color .2s ease,background-color .2s ease}.designbase-quiz-answer .designbase-lesson-quiz-answer-image-input-wrapper:after,.designbase-quiz-answer .designbase-lesson-quiz-answer-input-wrapper:after{content:"";opacity:0;pointer-events:none;position:absolute;transition:opacity .15s ease}.designbase-quiz-answer .designbase-lesson-quiz-answer-image-input-wrapper:before,.designbase-quiz-answer .designbase-lesson-quiz-answer-input-wrapper:before{border-radius:50%}.designbase-quiz-answer--single:has(input:checked) .designbase-lesson-quiz-answer-image-input-wrapper:before,.designbase-quiz-answer--single:has(input:checked) .designbase-lesson-quiz-answer-input-wrapper:before{background:var(--db-bg-primary);border-color:var(--db-brand-primary)}.designbase-quiz-answer--single:has(input:checked) .designbase-lesson-quiz-answer-image-input-wrapper:after,.designbase-quiz-answer--single:has(input:checked) .designbase-lesson-quiz-answer-input-wrapper:after{background:var(--db-brand-primary);border-radius:50%;height:10px;left:50%;margin:-5px 0 0 -5px;opacity:1;top:50%;width:10px}.designbase-quiz-answer--multiple .designbase-lesson-quiz-answer-image-input-wrapper:before,.designbase-quiz-answer--multiple .designbase-lesson-quiz-answer-input-wrapper:before{border-radius:5px}.designbase-quiz-answer--multiple:has(input:checked) .designbase-lesson-quiz-answer-image-input-wrapper:before,.designbase-quiz-answer--multiple:has(input:checked) .designbase-lesson-quiz-answer-input-wrapper:before{background:var(--db-brand-primary);border-color:var(--db-brand-primary)}.designbase-quiz-answer--multiple:has(input:checked) .designbase-lesson-quiz-answer-image-input-wrapper:after,.designbase-quiz-answer--multiple:has(input:checked) .designbase-lesson-quiz-answer-input-wrapper:after{border-width:medium;border-bottom:2px solid var(--db-text-inverse,#fff);border-left:0 solid var(--db-text-inverse,#fff);border-right:2px solid var(--db-text-inverse,#fff);border-top:0 solid var(--db-text-inverse,#fff);height:10px;left:7px;opacity:1;top:3px;transform:rotate(45deg);width:5px}.designbase-quiz-answer--image,.designbase-quiz-answer--textAndImage{align-items:stretch;flex-direction:column;padding:var(--db-padding-s)}.designbase-quiz-answer--image .designbase-quiz-answer-image,.designbase-quiz-answer--textAndImage .designbase-quiz-answer-image{margin-bottom:var(--db-margin-s);position:relative;width:100%}.designbase-quiz-answer--image .designbase-quiz-answer-image .designbase-image,.designbase-quiz-answer--textAndImage .designbase-quiz-answer-image .designbase-image{background-position:50%;background-size:cover;border-radius:var(--db-radius-s);min-height:120px;width:100%}.designbase-quiz-answer--image .designbase-quiz-answer-image .designbase-lesson-quiz-answer-image-input-wrapper,.designbase-quiz-answer--image .designbase-quiz-answer-image .designbase-lesson-quiz-answer-input-wrapper,.designbase-quiz-answer--textAndImage .designbase-quiz-answer-image .designbase-lesson-quiz-answer-image-input-wrapper,.designbase-quiz-answer--textAndImage .designbase-quiz-answer-image .designbase-lesson-quiz-answer-input-wrapper{left:var(--db-padding-s);position:absolute;top:var(--db-padding-s);z-index:1}.designbase-quiz-answer--image .designbase-lesson-quiz-answer-title,.designbase-quiz-answer--textAndImage .designbase-lesson-quiz-answer-title{padding:0 var(--db-padding-xs)}.designbase-quiz-answer--image-answer{align-items:stretch;flex-direction:column;height:100%;margin:0;padding:var(--db-padding-s)}.designbase-quiz-answer--image-answer .designbase-quiz-answer-image{flex:1;min-width:0;position:relative;width:100%}.designbase-quiz-answer--image-answer .designbase-quiz-answer-image .designbase-quiz-answer-image__frame{align-items:center;aspect-ratio:1;background:var(--db-bg-secondary,#f8fafc);border-radius:var(--db-radius-s);box-sizing:border-box;display:flex;justify-content:center;overflow:hidden;padding:var(--db-padding-m);width:100%}.designbase-quiz-answer--image-answer .designbase-quiz-answer-image .designbase-quiz-answer-image__img{display:block;height:auto;max-height:100%;object-fit:contain;object-position:center;width:100%}.designbase-quiz-answer--image-answer .designbase-quiz-answer-image .designbase-lesson-quiz-answer-image-input-wrapper,.designbase-quiz-answer--image-answer .designbase-quiz-answer-image .designbase-lesson-quiz-answer-input-wrapper{left:var(--db-padding-s);position:absolute;top:var(--db-padding-s);z-index:1}.designbase-quiz-answer--image-answer .designbase-lesson-quiz-answer-title{font-size:var(--db-text-s);margin-top:var(--db-margin-s);padding:0 var(--db-padding-xs);text-align:center}.designbase-lesson-quiz__body ul.designbase-quiz-options--image-grid{display:grid;gap:var(--db-margin-m);grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.designbase-lesson-quiz__body ul.designbase-quiz-options--image-grid>li{display:flex;margin:0;min-width:0}.designbase-lesson-quiz__body ul.designbase-quiz-options--image-grid .designbase-quiz-answer--image-answer{width:100%}.designbase-quiz-short-answer-field{margin-top:var(--db-padding-s);max-width:720px;width:100%}.designbase-quiz-short-answer-field .designbase-quiz-short-answer__label{color:var(--db-text-primary);display:block;font-size:var(--db-text-m);font-weight:var(--db-weight-bold)}.designbase-quiz-short-answer-field .designbase-quiz-short-answer__hint{color:var(--db-text-secondary);font-size:var(--db-text-xs);line-height:var(--db-leading-normal,1.5);margin:0 0 var(--db-padding-m)}.designbase-quiz-short-answer-field .designbase-quiz-short-answer__editor{position:relative}.designbase-quiz-short-answer-field .designbase-lesson-quiz-short-answer{background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-m);box-sizing:border-box;color:var(--db-text-primary);display:block;font-size:var(--db-text-base);line-height:var(--db-leading-relaxed,1.65);min-height:200px;padding:var(--db-padding-m);padding-bottom:calc(var(--db-padding-m) + 1.5rem);resize:vertical;width:100%}.designbase-quiz-short-answer-field .designbase-lesson-quiz-short-answer::placeholder{color:var(--db-text-muted)}.designbase-quiz-short-answer-field .designbase-lesson-quiz-short-answer:focus{border-color:var(--db-brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--db-brand-primary) 18%,transparent);outline:none}.designbase-quiz-short-answer-field.is-at-limit .designbase-quiz-short-answer__counter{color:var(--db-feedback-error-fg,#dc2626);font-weight:var(--db-weight-semibold,600)}.designbase-quiz-short-answer-field .designbase-quiz-short-answer__counter{bottom:var(--db-padding-m);color:var(--db-text-muted);font-size:var(--db-text-xs,12px);font-variant-numeric:tabular-nums;line-height:1;pointer-events:none;position:absolute;right:var(--db-padding-m)}.designbase-quiz-short-answer-field .designbase-quiz-short-answer__counter-sep{margin:0 2px;opacity:.7}.designbase-quiz-single-question__wrapper.designbase-quiz-question--unanswered .designbase-quiz-question-header{border-bottom-color:color-mix(in srgb,var(--db-feedback-danger-fg,#dc2626) 35%,var(--db-border-primary))}.designbase-quiz-buttons,.designbase-quiz-player__nav{align-items:stretch;border:none;box-sizing:border-box;display:grid;gap:var(--db-margin-s);grid-template-columns:1fr 1fr;margin:0;padding:0;width:100%}.designbase-quiz-buttons .button,.designbase-quiz-buttons .designbase-btn,.designbase-quiz-player__nav .button,.designbase-quiz-player__nav .designbase-btn{justify-content:center;min-width:0;width:100%}.designbase-quiz-buttons #designbase_quiz_question_prev_button,.designbase-quiz-player__nav #designbase_quiz_question_prev_button{grid-column:1;grid-row:1}.designbase-quiz-buttons #designbase_quiz_form_submit,.designbase-quiz-buttons #designbase_quiz_question_next_button,.designbase-quiz-player__nav #designbase_quiz_form_submit,.designbase-quiz-player__nav #designbase_quiz_question_next_button{grid-column:2;grid-row:1}.designbase-quiz-buttons #designbase_quiz_form_submit.designbase-btn--disabled,.designbase-quiz-buttons #designbase_quiz_form_submit:disabled,.designbase-quiz-buttons #designbase_quiz_question_next_button.designbase-btn--disabled,.designbase-quiz-buttons #designbase_quiz_question_next_button:disabled,.designbase-quiz-player__nav #designbase_quiz_form_submit.designbase-btn--disabled,.designbase-quiz-player__nav #designbase_quiz_form_submit:disabled,.designbase-quiz-player__nav #designbase_quiz_question_next_button.designbase-btn--disabled,.designbase-quiz-player__nav #designbase_quiz_question_next_button:disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.designbase-alert{border-radius:var(--db-radius-m);font-size:var(--db-text-s);margin-bottom:var(--db-margin-m);padding:var(--db-padding-m)}.designbase-alert-danger{background-color:var(--db-feedback-error-bg);border:1px solid var(--db-feedback-error-fg);color:var(--db-feedback-error-fg)}.designbase-alert-success{background-color:var(--db-feedback-success-bg);border:1px solid var(--db-feedback-success-fg);color:var(--db-feedback-success-fg)}.designbase-lesson-quiz-attempts{box-sizing:border-box;width:100%}.designbase-quiz-results-page{align-items:flex-start;display:flex;justify-content:center;min-height:min(560px,100dvh - var(--designbase-topbar-height,48px) - 160px);width:100%}@media(max-width:1023px){.designbase-quiz-results-page{align-items:flex-start;min-height:0}}.designbase-quiz-results-card{background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-l);box-shadow:0 8px 32px rgba(15,23,42,.06);max-width:720px;padding:var(--db-padding-l);width:100%}@media(max-width:767px){.designbase-quiz-results-card{padding:var(--db-padding-m)}}.designbase-quiz-results-card__header{align-items:flex-start;border-bottom:1px solid var(--db-border-primary);display:flex;gap:var(--db-margin-m);justify-content:space-between;margin-bottom:var(--db-padding-l);padding-bottom:var(--db-padding-m)}.designbase-quiz-results-card__header-main{flex:1;min-width:0}.designbase-quiz-results-card__page-label{background:var(--db-bg-secondary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-m);color:var(--db-text-secondary);flex-shrink:0;font-size:var(--db-text-xs,12px);font-weight:var(--db-weight-semibold,600);line-height:1.2;padding:6px 12px;white-space:nowrap}.designbase-quiz-results-card__kind{color:var(--db-brand-primary);font-size:var(--db-text-xs,12px);font-weight:var(--db-weight-semibold,600);letter-spacing:.04em;margin:0 0 6px}.designbase-quiz-results-card__title{color:var(--db-text-primary);font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:var(--db-weight-bold,700);letter-spacing:-.02em;line-height:var(--db-leading-tight,1.35);margin:0;word-break:keep-all}.designbase-quiz-results-hero{align-items:center;display:flex;flex-direction:column;padding:var(--db-padding-xl) var(--db-padding-m) var(--db-padding-l);text-align:center}.designbase-quiz-results-hero__icon{align-items:center;background:#fff8e7;border-radius:50%;color:#f59e0b;display:flex;font-size:48px;height:88px;justify-content:center;line-height:1;margin-bottom:var(--db-padding-l);width:88px}.designbase-quiz-results-hero__icon .icon{color:inherit}.designbase-quiz-results-hero__eyebrow{color:var(--db-brand-primary);font-size:var(--db-text-xs,12px);font-weight:var(--db-weight-semibold,600);letter-spacing:.06em;margin:0 0 var(--db-padding-s)}.designbase-quiz-results-hero__title{color:var(--db-text-primary);font-size:clamp(2rem,6vw,3rem);font-weight:var(--db-weight-bold,700);letter-spacing:-.06em;line-height:1.1;margin:0}.designbase-quiz-results-hero__quiz-title{color:var(--db-text-secondary);font-size:var(--db-text-s,14px);line-height:1.4;margin:var(--db-padding-m) 0 0}.designbase-quiz-results-hero__summary{color:var(--db-text-secondary);font-size:clamp(1.1rem,3vw,1.45rem);letter-spacing:-.03em;line-height:1.5;margin:var(--db-padding-l) 0 0;max-width:560px}.designbase-quiz-results-hero__summary strong{color:var(--db-brand-primary);font-weight:var(--db-weight-bold,700)}.designbase-quiz-results-hero__summary span{color:var(--db-text-muted);font-size:.9em}.designbase-quiz-results-hero__metrics{color:var(--db-text-muted);display:flex;flex-wrap:wrap;font-size:var(--db-text-xs,12px);gap:8px 16px;justify-content:center;margin-top:var(--db-padding-m)}.designbase-quiz-results-hero__metrics span+span{position:relative}.designbase-quiz-results-hero__metrics span+span:before{background:var(--db-border-primary);border-radius:50%;content:"";height:3px;left:-9px;position:absolute;top:50%;transform:translateY(-50%);width:3px}.designbase-quiz-results-hero__metrics strong{color:var(--db-text-primary);font-weight:var(--db-weight-semibold,600)}.designbase-quiz-results-hero__retry-form{margin:var(--db-padding-xl) 0 0;width:min(100%,420px)}.designbase-quiz-results-hero__retry{align-items:center;background:#0f172a;border-color:#0f172a;display:inline-flex;font-size:var(--db-text-m,15px);gap:10px;justify-content:center;min-height:56px;width:100%}.designbase-quiz-results-hero__retry:focus-visible,.designbase-quiz-results-hero__retry:hover{background:#1e293b;border-color:#1e293b}.designbase-quiz-results-hero__retry .icon{font-size:20px}@media(max-width:767px){.designbase-quiz-results-hero{padding:var(--db-padding-l) var(--db-padding-s) var(--db-padding-m)}.designbase-quiz-results-hero__icon{font-size:38px;height:72px;margin-bottom:var(--db-padding-m);width:72px}.designbase-quiz-results-hero__summary{margin-top:var(--db-padding-m)}.designbase-quiz-results-hero__retry-form{margin-top:var(--db-padding-l)}}.designbase-quiz-results-stats{display:grid;gap:var(--db-margin-s);grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:var(--db-padding-l)}@media(max-width:1023px){.designbase-quiz-results-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.designbase-quiz-results-stats{gap:var(--db-margin-s);grid-template-columns:repeat(2,minmax(0,1fr))}}.designbase-quiz-results-stat{background:var(--db-bg-secondary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-m);display:flex;flex-direction:column;gap:4px;min-width:0;padding:var(--db-padding-m)}.designbase-quiz-results-stat__label{color:var(--db-text-secondary);font-size:var(--db-text-xs,12px);font-weight:var(--db-weight-medium,500);line-height:1.3}.designbase-quiz-results-stat__value{color:var(--db-text-primary);font-size:var(--db-text-m,15px);font-variant-numeric:tabular-nums;font-weight:var(--db-weight-semibold,600);line-height:1.3}.designbase-quiz-results-stat__value--accent{color:var(--db-brand-primary)}.designbase-dashboard-pagination{display:flex;justify-content:center;margin-top:var(--db-margin-l,20px);width:100%}.designbase-dashboard-pagination ul.page-numbers{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;list-style:none;margin:0;padding:0}.designbase-dashboard-pagination li{list-style:none;margin:0;padding:0}.designbase-dashboard-pagination a.page-numbers,.designbase-dashboard-pagination span.page-numbers{align-items:center;background:var(--db-bg-primary,#fff);border:1px solid var(--db-border-primary,#e2e8f0);border-radius:var(--db-radius-m,8px);box-sizing:border-box;color:var(--db-text-secondary,#475569);display:inline-flex;font-size:var(--db-text-sm,13px);font-weight:600;height:36px;justify-content:center;line-height:1;min-width:36px;padding:0 10px;text-decoration:none;transition:border-color .15s ease,color .15s ease,background .15s ease}.designbase-dashboard-pagination a.page-numbers:focus-visible,.designbase-dashboard-pagination a.page-numbers:hover{border-color:var(--db-brand-primary,#2563eb);color:var(--db-brand-primary,#2563eb);outline:none}.designbase-dashboard-pagination span.page-numbers.current{background:var(--db-brand-primary,#2563eb);border-color:var(--db-brand-primary,#2563eb);color:#fff}.designbase-dashboard-pagination span.page-numbers.dots{background:transparent;border:none;color:var(--db-text-muted,#94a3b8);min-width:auto;padding:0 4px}.designbase-dashboard-pagination a.next.page-numbers,.designbase-dashboard-pagination a.prev.page-numbers{min-width:auto;padding:0 14px}.designbase-dashboard-pagination__nav-text{white-space:nowrap}.designbase-dashboard-list-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--db-margin-m,12px);justify-content:flex-end;margin-bottom:var(--db-margin-m,16px);width:100%}.designbase-dashboard-list-toolbar--topbar{margin-bottom:0;width:auto}.designbase-dashboard-list-toolbar__search-wrap{flex:1 1 200px;max-width:320px;min-width:0;position:relative}.designbase-dashboard-list-toolbar__search-icon{align-items:center;color:var(--db-text-muted,#9ca3af);display:flex;font-size:16px;height:22px;justify-content:center;left:12px;line-height:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:22px;z-index:2}.designbase-dashboard-list-toolbar__input{background:var(--db-bg-secondary,#f9fafb);border:1px solid var(--db-border-primary,#e5e7eb);border-radius:8px;box-sizing:border-box;color:var(--db-text-primary,#111827);display:block;font-size:14px;height:40px;line-height:1.25;margin:0;max-width:100%;min-width:0;padding:0 12px 0 42px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;width:100%}.designbase-dashboard-list-toolbar__input::placeholder{color:var(--db-text-muted,#9ca3af)}.designbase-dashboard-list-toolbar__input--with-icon{padding-left:42px}.designbase-dashboard-list-toolbar__input:hover{background:var(--db-bg-primary,#fff);border-color:var(--db-border-primary,#d1d5db)}.designbase-dashboard-list-toolbar__input:focus{background:var(--db-bg-primary,#fff);border-color:var(--db-brand-primary,#3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.designbase-dashboard-list-toolbar__input[type=search]{-webkit-appearance:none;appearance:none}.designbase-dashboard-list-toolbar__input[type=search]::-webkit-search-cancel-button,.designbase-dashboard-list-toolbar__input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}.designbase-dashboard-list-toolbar__select{appearance:none;-webkit-appearance:none;background-color:var(--db-bg-secondary,#f9fafb);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath stroke='%23475569' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--db-border-primary,#e5e7eb);border-radius:8px;box-sizing:border-box;color:var(--db-text-primary,#111827);cursor:pointer;flex:0 0 auto;font-size:14px;font-weight:500;height:40px;line-height:1.25;min-width:128px;padding:0 32px 0 14px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.designbase-dashboard-list-toolbar__select:hover{background-color:var(--db-bg-primary,#fff);border-color:var(--db-border-primary,#d1d5db)}.designbase-dashboard-list-toolbar__select:focus{background-color:var(--db-bg-primary,#fff);border-color:var(--db-brand-primary,#3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.designbase-quiz-results-table{border:1px solid var(--db-border-primary);border-radius:var(--db-radius-m);margin-bottom:var(--db-padding-l);overflow:hidden;width:100%}.designbase-quiz-results-table__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.designbase-quiz-results-table__head{background:var(--db-bg-secondary);border-bottom:1px solid var(--db-border-primary);min-width:440px}.designbase-quiz-results-table__body{min-width:440px}.designbase-quiz-results-table__row{align-items:center;box-sizing:border-box;display:grid;gap:var(--db-padding-s);grid-template-columns:88px minmax(240px,1fr) 72px;padding:var(--db-padding-s);width:100%}.designbase-quiz-results-table__head .designbase-quiz-results-table__row{padding:10px var(--db-padding-s)}.designbase-quiz-results-table__body .designbase-quiz-results-table__row{border-bottom:1px solid var(--db-border-primary);transition:background-color .15s ease}.designbase-quiz-results-table__body .designbase-quiz-results-table__row:hover{background:color-mix(in srgb,var(--db-brand-primary,#2563eb) 4%,var(--db-bg-primary))}.designbase-quiz-results-table__body .designbase-quiz-results-table__row:last-child{border-bottom:none}.designbase-quiz-results-table__row--clickable{color:inherit;cursor:pointer;text-decoration:none}.designbase-quiz-results-table__row--clickable:focus-visible{outline:2px solid var(--db-brand-primary,#2563eb);outline-offset:-2px}.designbase-quiz-results-table__row--clickable.is-selected{background:color-mix(in srgb,var(--db-brand-primary,#2563eb) 6%,var(--db-bg-primary));box-shadow:inset 3px 0 0 var(--db-brand-primary,#2563eb)}.designbase-quiz-results-table__cell{color:var(--db-text-primary);font-size:var(--db-text-xs,12px);min-width:0}.designbase-quiz-results-table__head .designbase-quiz-results-table__cell{color:var(--db-text-secondary);font-size:11px;font-weight:var(--db-weight-semibold,600);letter-spacing:.01em;text-transform:none;white-space:nowrap}.designbase-quiz-results-table__cell--date{display:flex;flex-direction:column;flex-shrink:0;gap:2px}.designbase-quiz-results-table__cell--stats{min-width:240px}.designbase-quiz-results-table .designbase-dashboard-pagination{border-top:1px solid var(--db-border-primary);margin-top:0;padding:var(--db-padding-m) var(--db-padding-s) var(--db-padding-s)}.designbase-quiz-results-history{border-top:1px solid var(--db-border-primary);margin-top:var(--db-padding-l);padding-top:var(--db-padding-l)}.designbase-quiz-results-history__header{align-items:flex-end;display:flex;gap:var(--db-padding-m);justify-content:space-between;margin-bottom:var(--db-padding-m)}.designbase-quiz-results-history__header h3{color:var(--db-text-primary);font-size:var(--db-text-l,18px);font-weight:var(--db-weight-bold,700);letter-spacing:-.03em;margin:0}.designbase-quiz-results-history__header p{color:var(--db-text-muted);font-size:var(--db-text-xs,12px);line-height:1.45;margin:0;max-width:280px;text-align:right}.designbase-quiz-results-history__eyebrow{color:var(--db-brand-primary)!important;font-size:11px!important;font-weight:var(--db-weight-semibold,600)!important;letter-spacing:.05em;margin:0 0 4px!important}.designbase-quiz-results-history .designbase-quiz-results-table{margin-bottom:0}@media(max-width:767px){.designbase-quiz-results-history__header{align-items:flex-start;flex-direction:column;gap:6px}.designbase-quiz-results-history__header p{max-width:none;text-align:left}}.designbase-quiz-results-date__main{color:var(--db-text-primary);display:block;font-size:var(--db-text-s,14px);font-variant-numeric:tabular-nums;font-weight:var(--db-weight-medium,500)}.designbase-quiz-results-date__sub{color:var(--db-text-muted);display:block;font-size:11px;font-variant-numeric:tabular-nums}.designbase-quiz-results-stats-group{align-items:stretch;display:flex;flex-wrap:nowrap;gap:8px}.designbase-quiz-results-stats-group--inline{margin-top:var(--db-padding-m)}.designbase-quiz-results-stats-chip{display:flex;flex:0 0 auto;flex:1;flex-direction:column;gap:2px;min-width:0}.designbase-quiz-results-stats-chip__label{color:var(--db-text-muted);font-size:12px;font-weight:var(--db-weight-medium,500);line-height:1.2;white-space:nowrap}.designbase-quiz-results-stats-chip__value{color:var(--db-text-primary);font-size:var(--db-text-s);font-variant-numeric:tabular-nums;font-weight:var(--db-weight-semibold,600);line-height:1.25;white-space:nowrap}.designbase-quiz-results-stats-chip--accent .designbase-quiz-results-stats-chip__value{color:var(--db-brand-primary)}.designbase-quiz-results-status{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:var(--db-weight-semibold,600);line-height:1.25;padding:3px 8px;white-space:nowrap}.designbase-quiz-results-status--passed{background:var(--db-feedback-success-bg);color:var(--db-feedback-success-fg)}.designbase-quiz-results-status--failed{background:var(--db-feedback-error-bg);color:var(--db-feedback-error-fg)}.designbase-quiz-results-status--pending{background:var(--db-feedback-warning-bg);color:var(--db-feedback-warning-fg)}.designbase-quiz-results-status--time-expired{background:var(--db-bg-tertiary);color:var(--db-text-secondary)}.designbase-quiz-results-empty{background:var(--db-bg-secondary);border-radius:var(--db-radius-m);color:var(--db-text-secondary);font-size:var(--db-text-s);margin:0 0 var(--db-padding-l);padding:var(--db-padding-xl);text-align:center}.designbase-quiz-results-actions{display:flex;justify-content:center}.designbase-quiz-results-actions .designbase-quiz-retry-form{margin:0}.designbase-quiz-results-detail{border-top:1px solid var(--db-border-primary);margin-top:var(--db-padding-xl);padding-top:var(--db-padding-xl);scroll-margin-top:var(--db-padding-l)}.designbase-quiz-results-detail__header{align-items:flex-start;display:flex;gap:var(--db-padding-m);justify-content:space-between;margin-bottom:var(--db-padding-l)}.designbase-quiz-results-detail__title{color:var(--db-text-primary);font-size:clamp(1.25rem,3vw,1.65rem);font-weight:var(--db-weight-bold,700);letter-spacing:-.03em;line-height:1.25;margin:0}.designbase-quiz-results-detail__content .designbase-quiz-attempt-answers,.designbase-quiz-results-detail__content .designbase-quiz-attempt-summary{margin:0}.designbase-quiz-results-detail__content .designbase-quiz-attempt-summary{border-bottom:1px solid var(--db-border-primary);padding:0 0 var(--db-padding-l)}.designbase-quiz-results-detail__content .designbase-quiz-attempt-answers{padding-top:0}@media(max-width:767px){.designbase-quiz-results-detail{margin-top:var(--db-padding-l);padding-top:var(--db-padding-l)}.designbase-quiz-results-detail__header{flex-direction:column;gap:var(--db-padding-s);margin-bottom:var(--db-padding-m)}}.designbase-failed,.designbase-passed,.designbase-pending{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:var(--db-weight-semibold,600);padding:3px 8px}.designbase-passed{background:var(--db-feedback-success-bg);color:var(--db-feedback-success-fg)}.designbase-failed{background:var(--db-feedback-error-bg);color:var(--db-feedback-error-fg)}.designbase-pending{background:var(--db-feedback-warning-bg);color:var(--db-feedback-warning-fg)}.designbase-text-link{color:var(--db-brand-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium);text-decoration:none}.designbase-text-link:hover{text-decoration:underline}.designbase-quiz-start-form{border-top:1px solid var(--db-border-primary);margin-top:var(--db-margin-l);padding-top:var(--db-padding-l);text-align:center}.designbase-quiz-start-form .button{min-width:150px}.designbase-quiz-attempt-summary{margin-bottom:var(--db-padding-l);padding:0}.designbase-quiz-attempt-summary__meta{align-items:center;display:flex;gap:var(--db-margin-s);justify-content:space-between;margin-bottom:var(--db-padding-m)}.designbase-quiz-attempt-summary__date{display:flex;flex-direction:column;gap:2px}.designbase-quiz-attempt-summary__date-main{color:var(--db-text-primary);font-size:var(--db-text-s,14px);font-variant-numeric:tabular-nums;font-weight:var(--db-weight-semibold,600)}.designbase-quiz-attempt-summary__date-sub{color:var(--db-text-muted);font-size:11px;font-variant-numeric:tabular-nums}.designbase-quiz-attempt-summary__stats{background:var(--db-border-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-m);display:grid;gap:1px;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;padding:0}@media(max-width:767px){.designbase-quiz-attempt-summary__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.designbase-quiz-attempt-summary__stat{background:var(--db-bg-primary);display:flex;flex-direction:column;gap:6px;min-width:0;padding:var(--db-padding-m)}.designbase-quiz-attempt-summary__stat-label{color:var(--db-text-muted);font-size:11px;font-weight:var(--db-weight-medium,500);line-height:1.2}.designbase-quiz-attempt-summary__stat-value{color:var(--db-text-primary);font-size:var(--db-text-m,15px);font-variant-numeric:tabular-nums;font-weight:var(--db-weight-semibold,600);line-height:1.25}.designbase-quiz-attempt-summary__stat--accent .designbase-quiz-attempt-summary__stat-value{color:var(--db-brand-primary)}.designbase-quiz-attempt-answers{padding:0}.designbase-quiz-attempt-answers__title{color:var(--db-text-primary);font-size:var(--db-text-m,15px);font-weight:var(--db-weight-semibold,600);margin:0 0 var(--db-padding-m)}.designbase-quiz-attempt-review-list{display:flex;flex-direction:column;gap:var(--db-padding-l)}.designbase-quiz-attempt-review-item{border-bottom:1px solid var(--db-border-primary);padding-bottom:var(--db-padding-l)}.designbase-quiz-attempt-review-item:last-child{border-bottom:none;padding-bottom:0}.designbase-quiz-attempt-review-item__body{padding:0}.designbase-quiz-attempt-review-item .designbase-quiz-question-header{margin-bottom:var(--db-padding-m)}.designbase-quiz-options--review{display:flex;flex-direction:column;gap:var(--db-margin-s);list-style:none;margin:0;padding:0}.designbase-quiz-options--review .designbase-quiz-options__item{margin:0;padding:0}.designbase-quiz-options--review .designbase-quiz-answer{width:100%}.designbase-quiz-options--review.designbase-quiz-options--image-grid{display:grid;gap:var(--db-margin-m);grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:767px){.designbase-quiz-options--review.designbase-quiz-options--image-grid{grid-template-columns:1fr}}.designbase-quiz-options--review.designbase-quiz-options--image-grid .designbase-quiz-options__item{display:flex;min-width:0}.designbase-quiz-options--review.designbase-quiz-options--image-grid .designbase-quiz-answer--image-answer{height:100%;width:100%}.designbase-quiz-answer--review{align-items:center;cursor:default;flex-wrap:wrap;pointer-events:none;position:relative}.designbase-quiz-answer--review:hover{background:var(--db-bg-primary);border-color:var(--db-border-primary);box-shadow:none}.designbase-quiz-answer--review.designbase-quiz-answer--image-answer{align-items:stretch;flex-direction:column;flex-wrap:nowrap}.designbase-quiz-answer--review.designbase-quiz-answer--image-answer .designbase-quiz-answer-review-tags--on-image{bottom:var(--db-padding-s,8px);margin:0;max-width:calc(100% - 24px);position:absolute;right:var(--db-padding-s,8px);z-index:2}.designbase-quiz-answer--review.designbase-quiz-answer--image-answer .designbase-lesson-quiz-answer-title{flex:none;overflow-wrap:anywhere;white-space:normal;width:100%;word-break:keep-all}.designbase-quiz-answer--review.designbase-quiz-answer--multiple.is-correct-answer .designbase-lesson-quiz-answer-image-input-wrapper:after,.designbase-quiz-answer--review.designbase-quiz-answer--multiple.is-correct-answer .designbase-lesson-quiz-answer-input-wrapper:after,.designbase-quiz-answer--review.designbase-quiz-answer--multiple.is-user-selected .designbase-lesson-quiz-answer-image-input-wrapper:after,.designbase-quiz-answer--review.designbase-quiz-answer--multiple.is-user-selected .designbase-lesson-quiz-answer-input-wrapper:after{background:transparent;border-width:medium;border-bottom:2px solid var(--db-text-inverse,#fff);border-left:0 solid var(--db-text-inverse,#fff);border-radius:0;border-right:2px solid var(--db-text-inverse,#fff);border-top:0 solid var(--db-text-inverse,#fff);height:10px;left:6px;margin:0;opacity:1;top:3px;transform:rotate(45deg);width:5px}.designbase-quiz-answer--review.is-correct-answer:not(.is-user-selected){background:color-mix(in srgb,var(--db-feedback-success-fg) 10%,var(--db-bg-primary));border-color:var(--db-feedback-success-fg);box-shadow:0 0 0 1px color-mix(in srgb,var(--db-feedback-success-fg) 28%,transparent)}.designbase-quiz-answer--review.is-correct-answer:not(.is-user-selected) .designbase-lesson-quiz-answer-image-input-wrapper:before,.designbase-quiz-answer--review.is-correct-answer:not(.is-user-selected) .designbase-lesson-quiz-answer-input-wrapper:before{background:var(--db-feedback-success-fg);border-color:var(--db-feedback-success-fg)}.designbase-quiz-answer--review.is-correct-answer:not(.is-user-selected).designbase-quiz-answer--single .designbase-lesson-quiz-answer-image-input-wrapper:after,.designbase-quiz-answer--review.is-correct-answer:not(.is-user-selected).designbase-quiz-answer--single .designbase-lesson-quiz-answer-input-wrapper:after{background:var(--db-text-inverse,#fff);border:none;border-radius:50%;height:10px;left:50%;margin:-5px 0 0 -5px;opacity:1;top:50%;transform:none;width:10px}.designbase-quiz-answer--review.is-user-selected.is-user-wrong{background:color-mix(in srgb,var(--db-feedback-error-fg) 10%,var(--db-bg-primary));border-color:var(--db-feedback-error-fg);box-shadow:0 0 0 1px color-mix(in srgb,var(--db-feedback-error-fg) 24%,transparent)}.designbase-quiz-answer--review.is-user-selected.is-user-wrong .designbase-lesson-quiz-answer-image-input-wrapper:before,.designbase-quiz-answer--review.is-user-selected.is-user-wrong .designbase-lesson-quiz-answer-input-wrapper:before{background:var(--db-feedback-error-fg);border-color:var(--db-feedback-error-fg)}.designbase-quiz-answer--review.is-user-selected.is-user-wrong.designbase-quiz-answer--single .designbase-lesson-quiz-answer-image-input-wrapper:after,.designbase-quiz-answer--review.is-user-selected.is-user-wrong.designbase-quiz-answer--single .designbase-lesson-quiz-answer-input-wrapper:after{background:var(--db-text-inverse,#fff);border:none;border-radius:50%;height:10px;left:50%;margin:-5px 0 0 -5px;opacity:1;top:50%;transform:none;width:10px}.designbase-quiz-answer--review.is-answer-match{background:color-mix(in srgb,var(--db-feedback-success-fg) 12%,var(--db-bg-primary));border-color:var(--db-feedback-success-fg);box-shadow:0 0 0 1px color-mix(in srgb,var(--db-feedback-success-fg) 28%,transparent)}.designbase-quiz-answer--review.is-answer-match .designbase-lesson-quiz-answer-image-input-wrapper:before,.designbase-quiz-answer--review.is-answer-match .designbase-lesson-quiz-answer-input-wrapper:before{background:var(--db-feedback-success-fg);border-color:var(--db-feedback-success-fg)}.designbase-quiz-answer--review.is-answer-match.designbase-quiz-answer--single .designbase-lesson-quiz-answer-image-input-wrapper:after,.designbase-quiz-answer--review.is-answer-match.designbase-quiz-answer--single .designbase-lesson-quiz-answer-input-wrapper:after{background:var(--db-text-inverse,#fff);border:none;border-radius:50%;height:10px;left:50%;margin:-5px 0 0 -5px;opacity:1;top:50%;transform:none;width:10px}.designbase-quiz-attempt-review-legend{background:transparent;border:none;color:var(--db-text-secondary);display:flex;flex-wrap:wrap;font-size:var(--db-text-xs,12px);gap:var(--db-margin-m,12px);line-height:1.4;margin:0 0 var(--db-padding-m);padding:0}.designbase-quiz-attempt-review-legend__item{align-items:center;display:inline-flex;gap:6px;min-width:0}.designbase-quiz-attempt-review-legend__item--user{color:var(--db-feedback-error-fg)}.designbase-quiz-attempt-review-legend__item--correct{color:var(--db-feedback-success-fg)}.designbase-quiz-attempt-review-legend__swatch{border-radius:3px;box-sizing:border-box;flex-shrink:0;height:12px;width:12px}.designbase-quiz-attempt-review-legend__swatch--user{background:var(--db-feedback-error-fg)}.designbase-quiz-attempt-review-legend__swatch--correct{background:var(--db-feedback-success-fg)}.designbase-quiz-answer-review-tags{display:inline-flex;flex-shrink:0;flex-wrap:wrap;gap:4px;margin-left:auto}.designbase-quiz-answer-review-tag{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:var(--db-weight-semibold,600);line-height:1.3;padding:3px 8px;white-space:nowrap}.designbase-quiz-answer-review-tag--user-wrong{background:color-mix(in srgb,var(--db-feedback-error-fg) 14%,var(--db-bg-primary));color:var(--db-feedback-error-fg)}.designbase-quiz-answer-review-tag--correct,.designbase-quiz-answer-review-tag--match{background:color-mix(in srgb,var(--db-feedback-success-fg) 14%,var(--db-bg-primary));color:var(--db-feedback-success-fg)}.designbase-quiz-attempt-review-text{display:flex;flex-direction:column;gap:var(--db-margin-s)}.designbase-quiz-attempt-review-text__field{display:flex;flex-direction:column;gap:6px}.designbase-quiz-attempt-review-text__label{color:var(--db-text-secondary);font-size:var(--db-text-xs,12px);font-weight:var(--db-weight-semibold,600)}.designbase-quiz-attempt-review-text__value{background:var(--db-bg-secondary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-m);color:var(--db-text-primary);font-size:var(--db-text-s,14px);line-height:1.5;padding:var(--db-padding-m);word-break:break-word}.designbase-quiz-attempt-review-text__field--correct .designbase-quiz-attempt-review-text__value{background:color-mix(in srgb,var(--db-feedback-success-fg) 8%,var(--db-bg-primary));border-color:var(--db-feedback-success-fg);color:var(--db-feedback-success-fg);font-weight:var(--db-weight-medium,500)}.designbase-quiz-attempt-review-result{background:var(--db-bg-secondary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-m);display:flex;flex-direction:column;gap:var(--db-padding-s,10px);margin-top:var(--db-padding-m);padding:var(--db-padding-m)}.designbase-quiz-attempt-review-result__status{align-items:center;display:flex;flex-wrap:wrap;gap:var(--db-margin-s);justify-content:space-between}.designbase-quiz-attempt-review-result.is-correct{background:color-mix(in srgb,var(--db-feedback-success-fg) 8%,var(--db-bg-primary));border-color:color-mix(in srgb,var(--db-feedback-success-fg) 30%,var(--db-border-primary))}.designbase-quiz-attempt-review-result.is-incorrect{background:color-mix(in srgb,var(--db-feedback-error-fg) 8%,var(--db-bg-primary));border-color:color-mix(in srgb,var(--db-feedback-error-fg) 30%,var(--db-border-primary))}.designbase-quiz-attempt-review-result.is-pending{background:color-mix(in srgb,var(--db-feedback-warning-fg) 8%,var(--db-bg-primary));border-color:color-mix(in srgb,var(--db-feedback-warning-fg) 30%,var(--db-border-primary))}.designbase-quiz-attempt-review-result__status-main{align-items:center;color:var(--db-text-primary);display:inline-flex;font-size:var(--db-text-s,14px);font-weight:var(--db-weight-semibold,600);gap:8px}.designbase-quiz-attempt-review-result__status-main .icon{font-size:18px}.designbase-quiz-attempt-review-result.is-correct .designbase-quiz-attempt-review-result__status-main{color:var(--db-feedback-success-fg)}.designbase-quiz-attempt-review-result.is-incorrect .designbase-quiz-attempt-review-result__status-main{color:var(--db-feedback-error-fg)}.designbase-quiz-attempt-review-result.is-pending .designbase-quiz-attempt-review-result__status-main{color:var(--db-feedback-warning-fg)}.designbase-quiz-attempt-review-result__status-label{color:inherit}.designbase-quiz-attempt-review-result__summary{color:var(--db-text-secondary);font-size:var(--db-text-xs,12px);line-height:1.45;margin:0}.designbase-quiz-attempt-review-result.is-correct .designbase-quiz-attempt-review-result__summary{color:var(--db-feedback-success-fg)}.designbase-quiz-attempt-review-result.is-incorrect .designbase-quiz-attempt-review-result__summary{color:var(--db-feedback-error-fg)}.designbase-quiz-attempt-review-result__explanation-label{color:var(--db-text-secondary);display:block;font-size:var(--db-text-xs,12px);font-weight:var(--db-weight-semibold,600);margin-bottom:6px}.designbase-quiz-attempt-review-result__explanation-body{background:var(--db-bg-secondary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-m);color:var(--db-text-primary);font-size:var(--db-text-s,14px);line-height:1.55;padding:var(--db-padding-m);word-break:break-word}.designbase-quiz-attempt-answer-empty{color:var(--db-text-muted)}.designbase-quiz-attempt-answers-table{border:1px solid var(--db-border-primary);border-radius:var(--db-radius-m);overflow:hidden;width:100%}.designbase-quiz-attempt-answers-table__row{align-items:start;box-sizing:border-box;display:grid;gap:var(--db-padding-s);grid-template-columns:36px 72px minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) 56px;padding:10px var(--db-padding-s);width:100%}@media(max-width:767px){.designbase-quiz-attempt-answers-table__row{gap:var(--db-margin-s);grid-template-columns:1fr 1fr}}.designbase-quiz-attempt-answers-table__head{background:var(--db-bg-secondary);border-bottom:1px solid var(--db-border-primary)}.designbase-quiz-attempt-answers-table__head .designbase-quiz-attempt-answers-table__row{padding:8px var(--db-padding-s)}.designbase-quiz-attempt-answers-table__body .designbase-quiz-attempt-answers-table__row{border-bottom:1px solid var(--db-border-primary)}.designbase-quiz-attempt-answers-table__body .designbase-quiz-attempt-answers-table__row:last-child{border-bottom:none}.designbase-quiz-attempt-answers-table__cell{color:var(--db-text-primary);font-size:11px;line-height:1.4;min-width:0;word-break:break-word}.designbase-quiz-attempt-answers-table__head .designbase-quiz-attempt-answers-table__cell{color:var(--db-text-secondary);font-weight:var(--db-weight-semibold,600)}.designbase-quiz-attempt-answers-table__cell--num,.designbase-quiz-attempt-answers-table__cell--result{text-align:center}.designbase-quiz-attempt-answers-table__media{margin-top:4px}.designbase-quiz-attempt-answers-table__media img{border:1px solid var(--db-border-primary);border-radius:var(--db-radius-s)}.designbase-quiz-attempt-feedback{background:var(--db-bg-secondary);border-radius:var(--db-radius-m);margin-top:var(--db-padding-l);padding:var(--db-padding-m)}.designbase-quiz-attempt-feedback__title{font-size:var(--db-text-s,14px);font-weight:var(--db-weight-semibold,600);margin:0 0 var(--db-padding-s)}.designbase-quiz-attempt-feedback__message{font-size:var(--db-text-s,14px);line-height:1.5}.designbase-quiz-attempt-content__wrapper .designbase-quiz-attempt-content__inner-wrapper{display:flex;flex-direction:column;gap:var(--db-margin-l)}.designbase-quiz-attempt-details{background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-l);box-sizing:border-box;padding:var(--db-padding-l);width:100%}.designbase-quiz-attempt-details .designbase-quiz-attempt-entry-title{border-bottom:1px solid var(--db-border-primary);color:var(--db-text-primary);font-size:var(--db-text-xl);font-weight:var(--db-weight-bold);margin:0 0 var(--db-margin-l);padding-bottom:var(--db-padding-m)}.designbase-quiz-attempt-details .designbase-dashboard__content,.designbase-quiz-attempt-details .designbase-list-wrap{max-width:100%!important;min-width:0;width:100%!important}.designbase-quiz-attempt-details .designbase-quiz-table-wrapper,.designbase-quiz-attempt-details .designbase-quiz-table-wrapper .designbase-table--quiz-result-overview,.designbase-quiz-attempt-details .designbase-quiz-table-wrapper .designbase-table--quiz-result-overview .designbase-table__container,.designbase-quiz-attempt-details .designbase-quiz-table-wrapper .designbase-table--quiz-result-overview .designbase-table__table{width:100%}.designbase-quiz-attempt-details .designbase-quiz-table-wrapper .designbase-table--quiz-result-overview .designbase-table__body-row,.designbase-quiz-attempt-details .designbase-quiz-table-wrapper .designbase-table--quiz-result-overview .designbase-table__head-row{align-items:center;display:grid;gap:var(--db-margin-m);grid-template-columns:1.5fr 1fr 1fr 1fr .8fr;width:100%}.designbase-quiz-attempt-details .designbase-quiz-table-wrapper .designbase-table--quiz-result-overview .designbase-table__head{background:var(--db-bg-secondary);border-radius:var(--db-radius-m) var(--db-radius-m) 0 0}.designbase-quiz-attempt-details .designbase-quiz-table-wrapper .designbase-table--quiz-result-overview .designbase-table__head-row{padding:var(--db-padding-m)}.designbase-quiz-attempt-details .designbase-quiz-table-wrapper .designbase-table--quiz-result-overview .designbase-table__header-row-cell{color:var(--db-text-secondary);font-size:var(--db-text-s);font-weight:var(--db-weight-semibold)}.designbase-quiz-attempt-details .designbase-quiz-table-wrapper .designbase-table--quiz-result-overview .designbase-table__body-row{background:var(--db-bg-primary);border-bottom:1px solid var(--db-border-primary);padding:var(--db-padding-m)}.designbase-quiz-attempt-details .designbase-quiz-table-wrapper .designbase-table--quiz-result-overview .designbase-table__row-cell{color:var(--db-text-primary);font-size:var(--db-text-s)}.designbase-quiz-attempt-details .designbase-quiz-table-wrapper .designbase-table--quiz-result-overview .designbase-items-column p{font-size:var(--db-text-s);margin:0 0 var(--db-margin-xs)}.designbase-quiz-attempt-details .designbase-quiz-table-wrapper .designbase-table--quiz-result-overview .designbase-items-column p:last-child{margin-bottom:0}.designbase-quiz-attempt-details .designbase-quiz-table-wrapper .designbase-table--quiz-result-overview .designbase-items-column p b{color:var(--db-text-secondary);font-weight:var(--db-weight-medium)}.designbase-quiz-attempt-answer-details{background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-l);box-sizing:border-box;padding:var(--db-padding-l);width:100%}.designbase-quiz-attempt-answer-details .designbase-quiz-attempt-entry-title-details{border-bottom:1px solid var(--db-border-primary);color:var(--db-text-primary);font-size:var(--db-text-xl);font-weight:var(--db-weight-bold);margin:0 0 var(--db-margin-l);padding-bottom:var(--db-padding-m)}.designbase-quiz-attempt-answer-details .designbase-dashboard__content,.designbase-quiz-attempt-answer-details .designbase-list-wrap{max-width:100%!important;min-width:0;width:100%!important}.designbase-quiz-attempt-answer-details .designbase-quiz-table-wrapper,.designbase-quiz-attempt-answer-details .designbase-table--quiz-result-answer-details,.designbase-quiz-attempt-answer-details .designbase-table--quiz-result-answer-details .designbase-table__container,.designbase-quiz-attempt-answer-details .designbase-table--quiz-result-answer-details .designbase-table__table{width:100%}.designbase-quiz-attempt-answer-details .designbase-table--quiz-result-answer-details .designbase-table__body-row,.designbase-quiz-attempt-answer-details .designbase-table--quiz-result-answer-details .designbase-table__head-row{align-items:center;display:grid;gap:var(--db-margin-m);grid-template-columns:.5fr 1fr 2fr 1.5fr 1.5fr .8fr;width:100%}.designbase-quiz-attempt-answer-details .designbase-table--quiz-result-answer-details .designbase-table__head{background:var(--db-bg-secondary);border-radius:var(--db-radius-m) var(--db-radius-m) 0 0}.designbase-quiz-attempt-answer-details .designbase-table--quiz-result-answer-details .designbase-table__head-row{padding:var(--db-padding-m)}.designbase-quiz-attempt-answer-details .designbase-table--quiz-result-answer-details .designbase-table__header-row-cell{color:var(--db-text-secondary);font-size:var(--db-text-s);font-weight:var(--db-weight-semibold)}.designbase-quiz-attempt-answer-details .designbase-table--quiz-result-answer-details .designbase-table__body-row{background:var(--db-bg-primary);border-bottom:1px solid var(--db-border-primary);padding:var(--db-padding-m);transition:background-color .2s}.designbase-quiz-attempt-answer-details .designbase-table--quiz-result-answer-details .designbase-table__body-row:hover{background:var(--db-bg-secondary)}.designbase-quiz-attempt-answer-details .designbase-table--quiz-result-answer-details .designbase-table__body-row:last-child{border-bottom:none}.designbase-quiz-attempt-answer-details .designbase-table--quiz-result-answer-details .designbase-table__row-cell{color:var(--db-text-primary);font-size:var(--db-text-s);word-break:break-word}.designbase-quiz-attempt-answer-details .designbase-table--quiz-result-answer-details .designbase-quiz-table-answers-item{margin-top:var(--db-margin-xs)}.designbase-quiz-attempt-answer-details .designbase-table--quiz-result-answer-details .designbase-quiz-table-answers-item img{border:1px solid var(--db-border-primary);border-radius:var(--db-radius-s)}.designbase-quiz-attempt-answer-details .designbase-failed,.designbase-quiz-attempt-answer-details .designbase-passed{border-radius:var(--db-radius-s);display:inline-block;font-size:var(--db-text-xs);font-weight:var(--db-weight-semibold);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-quiz-attempt-answer-details .designbase-passed{background:var(--db-feedback-success-bg);color:var(--db-feedback-success-fg)}.designbase-quiz-attempt-answer-details .designbase-failed{background:var(--db-feedback-error-bg);color:var(--db-feedback-error-fg)}.designbase-quiz-attempt-feedback{background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-l);margin-top:var(--db-margin-l);padding:var(--db-padding-l)}.designbase-quiz-attempt-feedback .designbase-quiz-attempt-entry-title{border-bottom:1px solid var(--db-border-primary);color:var(--db-text-primary);font-size:var(--db-text-l);font-weight:var(--db-weight-bold);margin:0 0 var(--db-margin-m);padding-bottom:var(--db-padding-s)}.designbase-quiz-attempt-feedback__message{color:var(--db-text-secondary);font-size:var(--db-text-base);line-height:var(--db-leading-relaxed);margin:0}.designbase-quiz-attempt-feedback__message:empty:before{color:var(--db-text-muted);content:"피드백이 없습니다.";font-style:italic}.designbase-quiz-attempt-actions{align-items:center;border-top:1px solid var(--db-border-primary);display:flex;gap:var(--db-margin-m);justify-content:center;margin-top:var(--db-margin-xl);padding-top:var(--db-padding-l)}.designbase-quiz-attempt-actions .designbase-quiz-retry-form{display:inline-block}.designbase-quiz-attempt-actions .designbase-btn{min-width:120px}.designbase-quiz-attempt-actions .designbase-btn.secondary{background:var(--db-bg-secondary);border:1px solid var(--db-border-primary);color:var(--db-text-primary)}.designbase-quiz-attempt-actions .designbase-btn.secondary:hover{background:var(--db-bg-tertiary)}.designbase-quiz-attempt-actions .designbase-btn.primary{background:var(--db-brand-primary);color:var(--db-text-inverse)}.designbase-quiz-attempt-actions .designbase-btn.primary:hover{opacity:.9}.designbase-lesson-quiz-start{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:600px;width:100%}.designbase-lesson-quiz-start .designbase-quiz-start-card{background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-xl);box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);max-width:600px;overflow:hidden;padding:var(--db-padding-l);width:100%}.designbase-lesson-quiz-start .designbase-quiz-start-card__header{text-align:center}.designbase-lesson-quiz-start .designbase-quiz-start-card__header-main{min-width:0}.designbase-lesson-quiz-start .designbase-quiz-start-card__kind{align-items:center;color:var(--db-brand-primary);display:inline-flex;font-size:var(--db-text-s);font-weight:var(--db-weight-bold);gap:4px;margin:0 0 var(--db-margin-s)}.designbase-lesson-quiz-start .designbase-quiz-start-card__kind .icon{color:var(--db-brand-primary);font-size:20px;line-height:1}.designbase-lesson-quiz-start .designbase-quiz-start-card__title{color:var(--db-text-primary);font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:var(--db-weight-bold,700);letter-spacing:-.02em;line-height:var(--db-leading-tight,1.35);margin:0;word-break:keep-all}.designbase-lesson-quiz-start .designbase-quiz-start-card__body{margin-top:var(--db-margin-l)}.designbase-lesson-quiz-start .designbase-quiz-stats{display:grid;gap:var(--db-margin-m);grid-template-columns:repeat(3,1fr);margin-bottom:var(--db-margin-l)}.designbase-lesson-quiz-start .designbase-quiz-stat-item{background-color:var(--db-bg-secondary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-m);display:flex;flex-direction:column;gap:var(--db-margin-xs);padding:var(--db-padding-m) var(--db-padding-s);text-align:center}.designbase-lesson-quiz-start .designbase-quiz-stat-label{color:var(--db-text-secondary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium)}.designbase-lesson-quiz-start .designbase-quiz-stat-value{color:var(--db-text-primary);font-size:var(--db-text-xl);font-weight:var(--db-weight-bold)}.designbase-lesson-quiz-start .designbase-quiz-stat-value.highlight{color:var(--db-brand-primary)}.designbase-lesson-quiz-start .designbase-quiz-start__buttons{display:flex;justify-content:center}.designbase-lesson-quiz-start .designbase-quiz-start__buttons .designbase-quiz-start-button{max-width:200px;width:100%}.designbase-lesson-quiz-start .designbase-quiz-start__buttons .designbase-quiz-start-button form{display:flex;justify-content:center}.designbase-lesson-quiz-start .designbase-quiz-start__buttons .designbase-quiz-start-button .button.large.primary{justify-content:center;width:100%}.designbase-lesson-topbar{--designbase-topbar-height:48px;align-items:center;background-color:var(--db-bg-primary);border-bottom:1px solid var(--db-border-primary);display:flex;height:var(--designbase-topbar-height);justify-content:space-between;padding:0 var(--db-padding-m);position:relative;z-index:100}.designbase-lesson-topbar__left{align-items:center;display:flex;gap:var(--db-padding-m)}.designbase-lesson-topbar__left .designbase-course-back{align-items:center;border-radius:var(--db-radius-s,8px);color:var(--db-text-primary);display:flex;gap:var(--db-margin-s);max-width:100%;min-width:0;padding:6px 8px;text-decoration:none;transition:background-color .2s ease}.designbase-lesson-topbar__left .designbase-course-back:focus-visible,.designbase-lesson-topbar__left .designbase-course-back:hover{background-color:var(--db-bg-secondary)}.designbase-lesson-topbar__left .designbase-course-back .icon{color:var(--db-text-secondary);flex-shrink:0;font-size:18px}.designbase-lesson-topbar__left .designbase-course-back__label{color:var(--db-text-primary);display:block;font-size:var(--db-text-base);font-weight:var(--db-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-lesson-topbar__left .topbar-hr{background-color:hsla(0,0%,100%,.2);border:none;height:24px;margin:0;width:1px}.designbase-lesson-topbar__right{align-items:center;display:flex;gap:var(--db-padding-l)}.designbase-lesson-topbar__right .designbase-course-progress{align-items:center;color:hsla(0,0%,100%,.8);cursor:default;display:flex;gap:var(--db-padding-s)}.designbase-lesson-topbar__right .designbase-course-progress .designbase-progressbar{align-items:center;display:flex;height:32px;justify-content:center;position:relative}.designbase-lesson-topbar__right .designbase-course-progress .designbase-progressbar__text{align-items:center;color:var(--db-text-secondary);display:flex;flex-shrink:0;font-size:10px;font-weight:700;justify-content:center}.designbase-lesson-topbar__right .designbase-course-progress__label{align-items:center;display:flex;font-size:var(--db-text-s);gap:4px}.designbase-lesson-topbar__right .designbase-course-progress__label p{margin:0}.designbase-lesson-topbar__right .designbase-course-progress__label .icon{font-size:12px}.designbase-lesson-topbar .designbase-course-sidebar-toggle{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-s,8px);color:hsla(0,0%,100%,.6);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;text-decoration:none;transition:color .2s,background-color .2s;width:32px}.designbase-lesson-topbar .designbase-course-sidebar-toggle:focus-visible,.designbase-lesson-topbar .designbase-course-sidebar-toggle:hover{background-color:var(--db-bg-secondary);color:var(--db-text-inverse)}@media(max-width:1023px){.designbase-lesson-topbar{border-bottom:0}}.designbase-course-curriculum-wrapper{--designbase-player-sidebar-width:340px;background-color:var(--db-bg-primary);display:grid;grid-template-columns:1fr var(--designbase-player-sidebar-width);height:calc(100vh - var(--designbase-topbar-height, 48px));margin-top:0;overflow:hidden;padding-top:0;position:relative;width:100%}@media(max-width:1023px){.designbase-course-curriculum-wrapper{display:block;height:calc(100vh - var(--designbase-topbar-height, 48px));overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;position:relative}.designbase-course-curriculum-wrapper::-webkit-scrollbar{display:none;height:0;width:0}.designbase-course-curriculum-wrapper .designbase-course-curriculum-contents{display:block;height:auto;min-height:100%;overflow:visible}.designbase-course-curriculum-wrapper .designbase-lessons-content-wrap{display:flex;flex-direction:column;height:calc(100vh - var(--designbase-topbar-height, 48px) - 1px);height:calc(100dvh - var(--designbase-topbar-height, 48px) - 1px);min-height:calc(100vh - var(--designbase-topbar-height, 48px) - 1px);min-height:calc(100dvh - var(--designbase-topbar-height, 48px) - 1px);overflow:hidden}.designbase-course-curriculum-wrapper .designbase-lessons-content{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column}.designbase-course-curriculum-wrapper .designbase-lessons-content::-webkit-scrollbar{display:none;height:0;width:0}.designbase-course-curriculum-wrapper .designbase-lessons-content:has(.designbase-lessons-content__quiz){overflow:hidden}.designbase-course-curriculum-wrapper .designbase-lesson-content-prev-next-btn{bottom:0;position:sticky}}.designbase-course-curriculum-wrapper.sidebar-closed{grid-template-columns:1fr}.designbase-course-curriculums-backdrop{display:none}@media(max-width:1023px){.designbase-course-curriculum-wrapper--sidebar-drawer-open .designbase-course-curriculums-backdrop{background:rgba(15,23,42,.5);bottom:0;cursor:pointer;display:block;left:0;position:fixed;right:0;top:calc(var(--designbase-topbar-height, 48px) - 1px);z-index:99;-webkit-tap-highlight-color:rgba(0,0,0,0)}}body.designbase-course-player-resizing{cursor:ew-resize;user-select:none}.designbase-lessons-content-wrap{display:flex;flex:1;flex-direction:column;height:100%;min-height:0}.designbase-lessons-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.designbase-lessons-content::-webkit-scrollbar{display:none;height:0;width:0}.designbase-course-curriculum-contents{background-color:var(--db-bg-primary);display:flex;flex:none;flex-direction:column;height:100%;min-height:0;overflow:hidden;position:relative;width:100%}.designbase-course-curriculum-contents .designbase-course-content{box-sizing:border-box;min-width:0;padding:var(--db-padding-m)}.designbase-course-curriculum-contents .designbase-lessons-content__text{margin:0 auto;max-width:720px;overflow-wrap:break-word;padding:var(--db-padding-xl) 0;width:100%;word-break:keep-all}.designbase-course-curriculum-contents .designbase-lessons-content__text>:first-child{margin-top:0}.designbase-course-curriculum-contents .designbase-lessons-content__text>:last-child{margin-bottom:0}.designbase-course-curriculum-contents .designbase-lessons-content__text p{color:var(--db-text-secondary);font-size:inherit;line-height:inherit;margin:0 0 1.25em}.designbase-course-curriculum-contents .designbase-lessons-content__text h1,.designbase-course-curriculum-contents .designbase-lessons-content__text h2,.designbase-course-curriculum-contents .designbase-lessons-content__text h3,.designbase-course-curriculum-contents .designbase-lessons-content__text h4,.designbase-course-curriculum-contents .designbase-lessons-content__text h5,.designbase-course-curriculum-contents .designbase-lessons-content__text h6{color:var(--db-text-primary);font-weight:var(--db-weight-semibold,600);line-height:var(--db-leading-tight,1.35);margin:1.75em 0 .65em;word-break:keep-all}.designbase-course-curriculum-contents .designbase-lessons-content__text h1:first-child,.designbase-course-curriculum-contents .designbase-lessons-content__text h2:first-child,.designbase-course-curriculum-contents .designbase-lessons-content__text h3:first-child,.designbase-course-curriculum-contents .designbase-lessons-content__text h4:first-child,.designbase-course-curriculum-contents .designbase-lessons-content__text h5:first-child,.designbase-course-curriculum-contents .designbase-lessons-content__text h6:first-child{margin-top:0}.designbase-course-curriculum-contents .designbase-lessons-content__text h2{font-size:clamp(1.375rem,2.5vw,1.625rem)}.designbase-course-curriculum-contents .designbase-lessons-content__text h3{font-size:clamp(1.2rem,2vw,1.375rem)}.designbase-course-curriculum-contents .designbase-lessons-content__text h4{font-size:1.125rem}.designbase-course-curriculum-contents .designbase-lessons-content__text ol,.designbase-course-curriculum-contents .designbase-lessons-content__text ul{color:var(--db-text-secondary);list-style-position:outside;margin:0 0 1.25em;padding-left:1.5em}.designbase-course-curriculum-contents .designbase-lessons-content__text ol li,.designbase-course-curriculum-contents .designbase-lessons-content__text ul li{line-height:inherit;margin-bottom:.45em}.designbase-course-curriculum-contents .designbase-lessons-content__text ol li:last-child,.designbase-course-curriculum-contents .designbase-lessons-content__text ul li:last-child{margin-bottom:0}.designbase-course-curriculum-contents .designbase-lessons-content__text ul{list-style-type:disc}.designbase-course-curriculum-contents .designbase-lessons-content__text ol{list-style-type:decimal}.designbase-course-curriculum-contents .designbase-lessons-content__text ul ul{list-style-type:circle;margin-top:.35em}.designbase-course-curriculum-contents .designbase-lessons-content__text ol ol{list-style-type:lower-alpha;margin-top:.35em}.designbase-course-curriculum-contents .designbase-lessons-content__text .wp-block-image,.designbase-course-curriculum-contents .designbase-lessons-content__text img{height:auto;max-width:100%}.designbase-course-curriculum-contents .designbase-lessons-content__text figure:not(.wp-block-embed){margin:1.5em 0;max-width:100%}.designbase-course-curriculum-contents .designbase-lessons-content__text figure:not(.wp-block-embed) img{height:auto;max-width:100%}.designbase-course-curriculum-contents .designbase-lessons-content__text .wp-block-embed,.designbase-course-curriculum-contents .designbase-lessons-content__text figure.wp-block-embed{margin:1.5em 0;max-width:100%}.designbase-course-curriculum-contents .designbase-lessons-content__text .wp-block-embed__wrapper{aspect-ratio:16/9;background:#000;border-radius:var(--db-radius-s,8px);overflow:hidden;position:relative;width:100%}.designbase-course-curriculum-contents .designbase-lessons-content__text .wp-block-embed__wrapper iframe,.designbase-course-curriculum-contents .designbase-lessons-content__text iframe[src*="youtu.be"],.designbase-course-curriculum-contents .designbase-lessons-content__text iframe[src*="youtube.com"]{aspect-ratio:16/9;background:#000;border:0;border-radius:var(--db-radius-s,8px);display:block;height:auto;max-width:100%;width:100%}.designbase-course-curriculum-contents .designbase-lessons-content__text .wp-block-embed__wrapper iframe{aspect-ratio:auto;border-radius:0;height:100%;left:0;position:absolute;top:0;width:100%}.designbase-course-curriculum-contents .designbase-lessons-content__text blockquote{border-left:3px solid var(--db-border-primary);color:var(--db-text-secondary);font-size:.95em;margin:1.5em 0;padding:.75em 0 .75em 1em}.designbase-course-curriculum-contents .designbase-lessons-content__text a{color:var(--db-brand-primary);text-decoration:underline;text-underline-offset:2px}.designbase-course-curriculum-contents .designbase-lessons-content__text a:hover{color:color-mix(in srgb,var(--db-brand-primary) 85%,var(--db-text-primary))}.designbase-course-curriculum-contents .designbase-lessons-content__text code,.designbase-course-curriculum-contents .designbase-lessons-content__text pre{font-size:.9em}.designbase-course-curriculum-contents .designbase-lessons-content__text pre{background:var(--db-bg-secondary);border-radius:var(--db-radius-m);margin:0 0 1.25em;overflow-x:auto;padding:var(--db-padding-m)}.designbase-course-curriculum-contents .designbase-lessons-content__text table{border-collapse:collapse;font-size:.9375rem;margin-bottom:1.25em;max-width:100%;width:100%}.designbase-course-curriculum-contents .designbase-lessons-content__text td,.designbase-course-curriculum-contents .designbase-lessons-content__text th{border:1px solid var(--db-border-primary);padding:.5em .75em}.designbase-course-curriculum-contents .designbase-lessons-content__attachments{margin-left:0;margin-right:auto;width:100%}.designbase-course-curriculum-contents .designbase-lesson-header-row{align-items:center;border-bottom:1px solid var(--db-border-primary);display:flex;gap:var(--db-margin-m);justify-content:space-between;margin-bottom:var(--db-margin-m);padding-bottom:var(--db-padding-m)}.designbase-course-curriculum-contents .designbase-lesson-header-row__title{flex:1;min-width:0}.designbase-course-curriculum-contents .designbase-lesson-header-row__actions{flex-shrink:0}.designbase-course-curriculum-contents .designbase-lesson-header-row .designbase-lesson-title{margin:0}.designbase-course-curriculum-contents .designbase-lesson-header-row .designbase-lesson-title-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:var(--db-margin-s)}@media(max-width:767px){.designbase-course-curriculum-contents .designbase-lesson-header-row{align-items:stretch;flex-direction:column}.designbase-course-curriculum-contents .designbase-lesson-header-row__actions{padding-top:0}.designbase-course-curriculum-contents .designbase-lesson-header-row__actions .button,.designbase-course-curriculum-contents .designbase-lesson-header-row__actions .save_mark_topic{width:100%}}.designbase-course-curriculum-contents .designbase-video-player-wrapper{aspect-ratio:16/9;background:#000;border-radius:0;overflow:hidden;position:relative;width:100%;z-index:20}.designbase-course-curriculum-contents .designbase-video-player-wrapper iframe,.designbase-course-curriculum-contents .designbase-video-player-wrapper video{border-radius:0!important;height:100%;object-fit:cover;width:100%}.designbase-lesson-content-prev-next-btn{align-items:center;background:var(--db-bg-primary);border-top:1px solid var(--db-border-primary);box-shadow:0 -4px 10px rgba(2,6,23,.06);box-sizing:border-box;display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--db-margin-m);justify-content:space-between;padding:var(--db-padding-m);position:relative;z-index:24}@media(max-width:767px){.designbase-lesson-content-prev-next-btn{padding:var(--db-padding-s) var(--db-padding-m) calc(var(--db-padding-s) + env(safe-area-inset-bottom, 0px))}}.designbase-lesson-content-prev-next-btn .designbase-btn{align-items:center;background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-m);color:var(--db-text-primary);display:inline-flex;font-weight:var(--db-weight-medium);gap:var(--db-margin-s);max-width:100%;padding:var(--db-padding-s);text-decoration:none;transition:all .2s ease}.designbase-lesson-content-prev-next-btn .designbase-btn:hover{background:var(--db-bg-secondary);border-color:var(--db-border-primary);box-shadow:0 4px 12px rgba(0,0,0,.05);color:var(--db-brand-primary)}.designbase-lesson-content-prev-next-btn .designbase-btn__label{font-size:var(--db-text-s);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:767px){.designbase-lesson-content-prev-next-btn .designbase-btn__label{font-size:12px;max-width:110px}}.designbase-lesson-content-prev-next-btn .designbase-btn__icon{align-items:center;color:var(--db-text-secondary);display:flex;font-size:1.1em;transition:color .2s}.designbase-lesson-content-prev-next-btn .designbase-btn:hover .designbase-btn__icon{color:var(--db-brand-primary)}.designbase-lesson-content-prev-next-btn .designbase-btn--previous-lesson{flex-direction:row-reverse;margin-right:auto;text-align:left}.designbase-lesson-content-prev-next-btn .designbase-btn--next-lesson{flex-direction:row-reverse;margin-left:auto;text-align:right}.designbase-lessons-content__quiz{align-items:stretch;background:var(--db-bg-secondary);box-sizing:border-box;display:flex;flex:1;flex-direction:column;height:100%;justify-content:flex-start;min-height:0;overflow-y:auto;padding:var(--db-padding-m);scrollbar-width:none;-ms-overflow-style:none}.designbase-lessons-content__quiz::-webkit-scrollbar{display:none;height:0;width:0}.designbase-lessons-content__quiz #designbase_quiz_player{display:flex;flex:1;flex-direction:column;margin:0 auto;max-width:720px;min-height:0;width:100%}.designbase-lessons-content__quiz .designbase-lesson-quiz{display:flex;flex:1;flex-direction:column;margin-top:0;min-height:0;width:100%}.designbase-lessons-content__quiz .designbase-lesson-quiz__inner{display:flex;flex:1;flex-direction:column;min-height:min(480px,100vh - var(--designbase-topbar-height,48px) - 120px)}.designbase-lessons-content__quiz .designbase-quiz-player__body{flex:1;min-height:0}.designbase-lessons-content__quiz .designbase-lesson-quiz-attempts{display:flex;flex:1;flex-direction:column;margin:0;max-width:none;min-height:min(480px,100dvh - var(--designbase-topbar-height,48px) - 140px);width:100%}@media(max-width:1023px){.designbase-lessons-content__quiz{overflow:hidden}.designbase-lessons-content__quiz .designbase-lesson-quiz-attempts{min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.designbase-lessons-content__quiz .designbase-lesson-quiz-attempts::-webkit-scrollbar{display:none;height:0;width:0}.designbase-lessons-content__quiz #designbase_quiz_player,.designbase-lessons-content__quiz .designbase-lesson-quiz,.designbase-lessons-content__quiz .designbase-lesson-quiz__inner{flex:1;height:100%;min-height:0}.designbase-lessons-content__quiz .designbase-quiz-player__body{display:flex;flex:1;flex-direction:column;min-height:0}.designbase-lessons-content__quiz .designbase-quiz-player__questions{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.designbase-lessons-content__quiz .designbase-quiz-player__questions::-webkit-scrollbar{display:none;height:0;width:0}.designbase-lessons-content__quiz .designbase-quiz-player__footer{flex-shrink:0;margin-top:auto}}.designbase-lessons-content__video{border-radius:0;position:relative;width:100%;z-index:20}.designbase-lessons-content__video>video{aspect-ratio:16/9;background:#000;border-radius:0;display:block;height:auto;width:100%}.designbase-lessons-content__video .designbase-embed-responsive,.designbase-lessons-content__video .plyr__video-embed{aspect-ratio:16/9;background:#000;border-radius:0;overflow:hidden;position:relative;width:100%}@supports not (aspect-ratio:16/9){.designbase-lessons-content__video .designbase-embed-responsive,.designbase-lessons-content__video .plyr__video-embed{height:0;padding-bottom:56.25%}}.designbase-lessons-content__video .designbase-embed-responsive iframe,.designbase-lessons-content__video .designbase-embed-responsive video,.designbase-lessons-content__video .plyr__video-embed iframe,.designbase-lessons-content__video .plyr__video-embed video{border:0;border-radius:0!important;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.designbase-next-lesson-overlay{align-items:center;animation:designbase-next-lesson-overlay-in .25s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(0,0,0,.78);display:flex;inset:0;justify-content:center;padding:var(--db-padding-m,16px);position:absolute;z-index:25}.designbase-next-lesson-overlay__inner{max-width:320px;text-align:center}.designbase-next-lesson-overlay__title{color:#fff;font-size:var(--db-text-m,15px);font-weight:600;margin:0 0 12px}.designbase-next-lesson-overlay__count{color:#fff;font-size:clamp(48px,12vw,72px);font-weight:700;letter-spacing:-.02em;line-height:1.1}.designbase-next-lesson-overlay__hint{color:hsla(0,0%,100%,.88);font-size:var(--db-text-s,14px);margin:12px 0 20px}.designbase-next-lesson-overlay__cancel{margin:0 auto}@keyframes designbase-next-lesson-overlay-in{0%{opacity:0}to{opacity:1}}.designbase-course-curriculums-container{border-left:1px solid var(--db-border-primary);height:100%;min-width:0;overflow:hidden;position:relative;transition:background-color .2s ease,border-color .2s ease,transform .3s ease;width:100%;z-index:10}.designbase-course-curriculums-container.closed{display:none;margin-right:calc(var(--designbase-player-sidebar-width, 340px)*-1)}.designbase-course-curriculums-container .designbase-course-curriculums-resize-handle{background:transparent;border:none;bottom:0;cursor:ew-resize;display:block;left:0;margin-left:-5px;padding:0;position:absolute;top:0;touch-action:none;width:10px;z-index:25}.designbase-course-curriculums-container .designbase-course-curriculums-resize-handle:after{background:transparent;border-radius:2px;bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);transition:background .15s ease;width:3px}.designbase-course-curriculums-container .designbase-course-curriculums-resize-handle:focus-visible:after,.designbase-course-curriculums-container .designbase-course-curriculums-resize-handle:hover:after{background:color-mix(in srgb,var(--db-brand-primary) 35%,transparent)}.designbase-course-curriculums-container .designbase-course-curriculums-resize-handle:focus{outline:none}.designbase-course-curriculums-container .designbase-course-curriculums-resize-handle:focus-visible{outline:2px solid var(--db-brand-primary);outline-offset:-2px}@media(max-width:1023px){.designbase-course-curriculums-container{border-left:1px solid var(--db-border-primary);bottom:0;height:auto;max-width:480px;position:fixed;right:0;top:var(--designbase-topbar-height,48px);transform:translateX(0);width:calc(100% - 60px);z-index:100}.designbase-course-curriculums-container .designbase-course-curriculums-resize-handle{display:none}.designbase-course-curriculums-container.closed,.designbase-course-curriculums-container[style*="display: none"]{display:none;transform:translateX(100%)}}.designbase-course-curriculums-container .designbase-course-learn-page-curriculums{display:flex;flex-direction:column;height:100%;overflow:hidden}.designbase-course-curriculums-container .designbase-course-learn-page-curriculums>[data-tabs=course-player-tabs]{display:flex;flex:1;flex-direction:column;height:100%;min-height:0}.designbase-course-curriculums-container .designbase-lesson-sidebar-content__title{align-items:center;background:var(--db-bg-primary);display:flex;display:none;flex-shrink:0;justify-content:space-between}.designbase-course-curriculums-container .designbase-lesson-sidebar-content__title h4{color:var(--db-text-primary);font-size:var(--db-text-l);font-weight:var(--db-weight-semibold);margin:0}.designbase-course-curriculums-container .designbase-tabs{display:flex;flex-shrink:0;overflow-x:auto;padding:var(--db-padding-xs);white-space:nowrap;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--db-border-primary);gap:0;scrollbar-width:none;-ms-overflow-style:none}.designbase-course-curriculums-container .designbase-tabs::-webkit-scrollbar{display:none;height:0;width:0}.designbase-course-curriculums-container .designbase-tabs .tab{align-items:center;border:1px solid transparent;border-radius:var(--db-radius-l);display:flex;flex:1;justify-content:center;text-align:center;transition:all .2s ease}.designbase-course-curriculums-container .designbase-tabs .tab:hover{background:var(--db-bg-tertiary)}.designbase-course-curriculums-container .designbase-tabs .tab.active{background:var(--db-bg-primary);border:1px solid var(--db-border-primary);box-shadow:0 4px 12px rgba(0,0,0,.05);color:var(--db-text-primary)}.designbase-course-curriculums-container .designbase-tabs__content{flex:1;height:100%;min-height:0;padding:0;position:relative}.designbase-course-curriculums-container .designbase-tabs__content .designbase-tabs__panel{display:none;height:100%;min-height:0}.designbase-course-curriculums-container .designbase-tabs__content .designbase-tabs__panel.active{display:flex;flex-direction:column;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.designbase-course-curriculums-container .designbase-tabs__content .designbase-tabs__panel.active::-webkit-scrollbar{display:none;height:0;width:0}.designbase-course-curriculums-container .designbase-tabs__content h3,.designbase-course-curriculums-container .designbase-tabs__content h4{color:var(--db-text-primary);font-size:var(--db-text-base);margin-bottom:var(--db-margin-s);margin-top:0}.designbase-course-curriculums-container .designbase-tabs__content .designbase-lesson-browseqa-wrap{padding:0}.designbase-course-curriculums-container .designbase-tabs__content .designbase-announcements-wrap{display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto;padding:var(--db-padding-m);scrollbar-width:none;-ms-overflow-style:none}.designbase-course-curriculums-container .designbase-tabs__content .designbase-announcements-wrap::-webkit-scrollbar{display:none;height:0;width:0}.designbase-course-curriculums-container .designbase-tabs__content .designbase-announcements-wrap--empty{align-items:stretch;justify-content:center;overflow:hidden}.designbase-course-curriculums-container{background:var(--db-bg-secondary)}.designbase-course-curriculum-wrapper .designbase-learn-page-topics-content,.designbase-course-curriculum-wrapper .designbase-learn-page-topics-wrap,.designbase-course-curriculum-wrapper .designbase-lessons-content__text pre{scrollbar-width:none;-ms-overflow-style:none}.designbase-course-curriculum-wrapper .designbase-learn-page-topics-content::-webkit-scrollbar,.designbase-course-curriculum-wrapper .designbase-learn-page-topics-wrap::-webkit-scrollbar,.designbase-course-curriculum-wrapper .designbase-lessons-content__text pre::-webkit-scrollbar{display:none;height:0;width:0}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics{background:var(--db-bg-primary);border-bottom:1px solid var(--db-border-primary)}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-title{align-items:center;background:var(--db-bg-primary);border:none;border-radius:var(--db-radius-s);color:var(--db-text-secondary);cursor:pointer;display:flex;font-size:var(--db-text-s);font-weight:var(--db-weight-semibold);gap:var(--db-margin-s);justify-content:space-between;padding:var(--db-padding-m);text-align:left;transition:background .2s;width:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-title:hover{background:var(--db-bg-secondary)}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-title__text{flex:1;min-width:0;text-align:left}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-title__chevron{align-items:center;color:var(--db-text-secondary);display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-title__chevron .icon{font-size:18px;transition:transform .25s cubic-bezier(.33,1,.32,1)}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics.active .designbase-learn-page-topics-title__chevron .icon{transform:rotate(180deg)}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items{padding-left:0}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-sub-topics{margin-top:var(--db-margin-s);padding-left:var(--db-padding-m)}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item__input,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item__input{align-items:center;display:flex}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item .designbase-sub-topics-lesson-item__btn,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item .designbase-topics-lesson-item__btn,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item .designbase-sub-topics-lesson-item__btn,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item .designbase-topics-lesson-item__btn{align-items:center;border-radius:var(--db-radius-s);color:var(--db-text-primary);display:flex;flex:1;font-size:var(--db-text-base);gap:var(--db-margin-s);justify-content:space-between;min-height:44px;min-width:0;padding:10px var(--db-padding-s);text-decoration:none;transition:background .2s ease}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item .designbase-sub-topics-lesson-item__btn:hover,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item .designbase-topics-lesson-item__btn:hover,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item .designbase-sub-topics-lesson-item__btn:hover,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item .designbase-topics-lesson-item__btn:hover{background:var(--db-bg-secondary)}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item .designbase-sub-topics-lesson-item__btn:focus-visible,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item .designbase-topics-lesson-item__btn:focus-visible,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item .designbase-sub-topics-lesson-item__btn:focus-visible,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item .designbase-topics-lesson-item__btn:focus-visible{outline:2px solid var(--db-brand-primary);outline-offset:-2px}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item .designbase-sub-topics-lesson-item__btn .designbase-entry-left,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item .designbase-topics-lesson-item__btn .designbase-entry-left,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item .designbase-sub-topics-lesson-item__btn .designbase-entry-left,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item .designbase-topics-lesson-item__btn .designbase-entry-left{align-items:center;display:flex;flex:1;gap:8px;min-width:0}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item .designbase-sub-topics-lesson-item__btn .designbase-entry-left i,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item .designbase-topics-lesson-item__btn .designbase-entry-left i,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item .designbase-sub-topics-lesson-item__btn .designbase-entry-left i,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item .designbase-topics-lesson-item__btn .designbase-entry-left i{color:var(--db-text-muted);font-size:20px;transition:color .2s ease}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item .designbase-sub-topics-lesson-item__btn .designbase-entry-left .designbase-learn-page-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item .designbase-sub-topics-lesson-item__btn .designbase-entry-left .designbase-sub-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item .designbase-topics-lesson-item__btn .designbase-entry-left .designbase-learn-page-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item .designbase-topics-lesson-item__btn .designbase-entry-left .designbase-sub-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item .designbase-sub-topics-lesson-item__btn .designbase-entry-left .designbase-learn-page-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item .designbase-sub-topics-lesson-item__btn .designbase-entry-left .designbase-sub-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item .designbase-topics-lesson-item__btn .designbase-entry-left .designbase-learn-page-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item .designbase-topics-lesson-item__btn .designbase-entry-left .designbase-sub-topics-lesson-item__text{display:-webkit-box;flex:1;min-width:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.35;overflow:hidden;word-break:break-word}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item.designbase-learn-page-topics-lesson-item--playing .designbase-sub-topics-lesson-item__btn,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item.designbase-learn-page-topics-lesson-item--playing .designbase-topics-lesson-item__btn,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item.designbase-sub-topics-lesson-item--playing .designbase-sub-topics-lesson-item__btn,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item.designbase-sub-topics-lesson-item--playing .designbase-topics-lesson-item__btn,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item.designbase-learn-page-topics-lesson-item--playing .designbase-sub-topics-lesson-item__btn,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item.designbase-learn-page-topics-lesson-item--playing .designbase-topics-lesson-item__btn,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item.designbase-sub-topics-lesson-item--playing .designbase-sub-topics-lesson-item__btn,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item.designbase-sub-topics-lesson-item--playing .designbase-topics-lesson-item__btn{background:#ebf5ff;color:var(--db-brand-primary);font-weight:var(--db-weight-medium)}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item.designbase-learn-page-topics-lesson-item--completed .designbase-sub-topics-lesson-item__btn .designbase-learn-page-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item.designbase-learn-page-topics-lesson-item--completed .designbase-sub-topics-lesson-item__btn .designbase-sub-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item.designbase-learn-page-topics-lesson-item--completed .designbase-topics-lesson-item__btn .designbase-learn-page-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item.designbase-learn-page-topics-lesson-item--completed .designbase-topics-lesson-item__btn .designbase-sub-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item.designbase-learn-page-topics-lesson-item--playing .designbase-sub-topics-lesson-item__btn i,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item.designbase-learn-page-topics-lesson-item--playing .designbase-topics-lesson-item__btn i,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item.designbase-sub-topics-lesson-item--completed .designbase-sub-topics-lesson-item__btn .designbase-learn-page-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item.designbase-sub-topics-lesson-item--completed .designbase-sub-topics-lesson-item__btn .designbase-sub-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item.designbase-sub-topics-lesson-item--completed .designbase-topics-lesson-item__btn .designbase-learn-page-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item.designbase-sub-topics-lesson-item--completed .designbase-topics-lesson-item__btn .designbase-sub-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item.designbase-sub-topics-lesson-item--playing .designbase-sub-topics-lesson-item__btn i,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item.designbase-sub-topics-lesson-item--playing .designbase-topics-lesson-item__btn i,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item.designbase-learn-page-topics-lesson-item--completed .designbase-sub-topics-lesson-item__btn .designbase-learn-page-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item.designbase-learn-page-topics-lesson-item--completed .designbase-sub-topics-lesson-item__btn .designbase-sub-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item.designbase-learn-page-topics-lesson-item--completed .designbase-topics-lesson-item__btn .designbase-learn-page-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item.designbase-learn-page-topics-lesson-item--completed .designbase-topics-lesson-item__btn .designbase-sub-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item.designbase-learn-page-topics-lesson-item--playing .designbase-sub-topics-lesson-item__btn i,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item.designbase-learn-page-topics-lesson-item--playing .designbase-topics-lesson-item__btn i,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item.designbase-sub-topics-lesson-item--completed .designbase-sub-topics-lesson-item__btn .designbase-learn-page-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item.designbase-sub-topics-lesson-item--completed .designbase-sub-topics-lesson-item__btn .designbase-sub-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item.designbase-sub-topics-lesson-item--completed .designbase-topics-lesson-item__btn .designbase-learn-page-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item.designbase-sub-topics-lesson-item--completed .designbase-topics-lesson-item__btn .designbase-sub-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item.designbase-sub-topics-lesson-item--playing .designbase-sub-topics-lesson-item__btn i,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item.designbase-sub-topics-lesson-item--playing .designbase-topics-lesson-item__btn i{color:var(--db-text-muted)}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item .designbase-learn-page-topics-lesson-item__text,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item .designbase-learn-page-topics-lesson-item__text{font-size:var(--db-text-s)}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item.designbase-learn-page-topics-lesson-item--coming-soon,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item.designbase-sub-topics-lesson-item--coming-soon,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item.designbase-learn-page-topics-lesson-item--coming-soon,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item.designbase-sub-topics-lesson-item--coming-soon{cursor:not-allowed;opacity:.7}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item.designbase-learn-page-topics-lesson-item--coming-soon .designbase-entry-left,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item.designbase-sub-topics-lesson-item--coming-soon .designbase-entry-left,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item.designbase-learn-page-topics-lesson-item--coming-soon .designbase-entry-left,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item.designbase-sub-topics-lesson-item--coming-soon .designbase-entry-left{color:var(--db-text-muted)}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item .designbase-entry-right,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item .designbase-entry-right{align-items:center;display:flex;flex-shrink:0;gap:var(--db-margin-xs);margin-left:auto}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item .designbase-topic-duration,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item .designbase-topic-duration{color:var(--db-text-muted);font-size:var(--db-text-xs);font-weight:var(--db-weight-medium);letter-spacing:.02em;line-height:1}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item .designbase-coming-soon-badge,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item .designbase-coming-soon-badge{align-items:center;background:color-mix(in srgb,var(--db-brand-primary) 12%,transparent);border-radius:999px;color:var(--db-brand-primary);display:inline-flex;font-size:var(--db-text-xs,12px);font-weight:600;padding:3px 7px;white-space:nowrap}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item .designbase-preview-icon,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item .designbase-preview-icon{align-items:center;color:var(--db-text-primary);display:flex;justify-content:center;transition:all .2s ease}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item .designbase-preview-icon i,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item .designbase-preview-icon i{font-size:20px}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item .designbase-preview-icon:hover,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item .designbase-preview-icon:hover{opacity:.75}.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-learn-page-topics-lesson-item .designbase-membership-only-badge,.designbase-lesson-sidebar-content--wrapper .designbase-learn-page-topics .designbase-learn-page-topics-lesson-items .designbase-sub-topics-lesson-item .designbase-membership-only-badge{align-items:center;background:color-mix(in srgb,#7c3aed 10%,transparent);border:1px solid color-mix(in srgb,#7c3aed 30%,transparent);border-radius:999px;color:#6d28d9;display:inline-flex;flex:0 0 auto;font-size:var(--db-text-xs,12px);font-weight:700;line-height:1.2;padding:3px 7px;white-space:nowrap}.designbase-expand-button-wrapper{display:none;position:absolute;right:20px;top:20px;z-index:50}.designbase-expand-button-wrapper .designbase-btn--lesson-expand{align-items:center;background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,.1);color:var(--db-text-primary);cursor:pointer;display:flex;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);gap:8px;padding:8px 16px;transition:all .2s}.designbase-expand-button-wrapper .designbase-btn--lesson-expand:hover{background:var(--db-bg-secondary);box-shadow:0 6px 16px rgba(0,0,0,.12);transform:translateY(-1px)}.designbase-expand-button-wrapper .designbase-btn--lesson-expand .icon{font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.designbase-lessons-content__attachments{margin-top:var(--db-margin-m)}.designbase-attachments-title{color:var(--db-text-primary,#17191a);font-size:var(--db-text-s);margin-bottom:var(--db-margin-m)}.designbase-attachments-list{display:flex;flex-direction:column;gap:12px}.designbase-attachment-item{align-items:center;background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-l);box-sizing:border-box;color:inherit;cursor:pointer;display:flex;font:inherit;padding:var(--db-padding-m);text-align:left;text-decoration:none;transition:all .2s ease;width:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.designbase-attachment-item:hover{background-color:var(--db-bg-secondary);border-color:var(--db-border-primary);box-shadow:0 4px 12px rgba(0,0,0,.05);text-decoration:none}.designbase-attachment-item:focus-visible{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-attachment-download-label{gap:4px;pointer-events:none}.designbase-attachment-download-icon{align-items:center;color:inherit;display:inline-flex;flex-shrink:0;justify-content:center}.designbase-attachment-download-icon svg{display:block}.designbase-lesson-material-refund-modal__text{color:var(--db-text-secondary);font-size:var(--db-text-base);line-height:1;margin:0}.designbase-course-completion-modal__content{text-align:center}.designbase-course-completion-modal__footer,.designbase-course-completion-modal__header{justify-content:center}.designbase-course-completion-modal__title{font-size:24px}.designbase-course-completion-modal__description{color:var(--db-text-secondary);font-size:16px;margin-bottom:20px}.designbase-attachment-icon-wrapper{align-items:center;background-color:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-m);color:var(--db-brand-primary);display:flex;flex-shrink:0;font-size:var(--db-text-m);height:40px;justify-content:center;margin-right:var(--db-margin-m);width:40px}.designbase-attachment-icon-wrapper .icon{font-size:1.25rem;line-height:1}.designbase-attachment-info{display:flex;flex-direction:column;flex-grow:1;gap:2px}.designbase-attachment-name{color:var(--db-text-primary,#17191a);font-size:14px;font-weight:600;line-height:1.4}.designbase-attachment-meta{color:var(--db-text-muted,#a4adb2);font-size:12px}.designbase-attachment-action .button,.designbase-attachment-action .designbase-attachment-download-label{align-items:center;display:inline-flex;justify-content:center;text-decoration:none;white-space:nowrap}.designbase-learn-page-topics-lesson-item .designbase-custom-checkbox,.designbase-sub-topics-lesson-item .designbase-custom-checkbox{align-items:center;cursor:default;display:flex;height:24px;justify-content:center;margin:0;pointer-events:none;position:relative;width:24px}.designbase-learn-page-topics-lesson-item .designbase-custom-checkbox input,.designbase-sub-topics-lesson-item .designbase-custom-checkbox input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.designbase-learn-page-topics-lesson-item .designbase-custom-checkbox input:checked~.designbase-custom-checkbox__visual,.designbase-sub-topics-lesson-item .designbase-custom-checkbox input:checked~.designbase-custom-checkbox__visual{background-color:var(--db-brand-primary);border-color:var(--db-brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--db-brand-primary) 18%,transparent)}.designbase-learn-page-topics-lesson-item .designbase-custom-checkbox input:checked~.designbase-custom-checkbox__visual:after,.designbase-sub-topics-lesson-item .designbase-custom-checkbox input:checked~.designbase-custom-checkbox__visual:after{opacity:1;transform:translate(-50%,-60%) rotate(45deg)}.designbase-learn-page-topics-lesson-item .designbase-custom-checkbox input:focus-visible~.designbase-custom-checkbox__visual,.designbase-sub-topics-lesson-item .designbase-custom-checkbox input:focus-visible~.designbase-custom-checkbox__visual{outline:2px solid var(--db-brand-primary);outline-offset:3px}.designbase-learn-page-topics-lesson-item .designbase-custom-checkbox__visual,.designbase-sub-topics-lesson-item .designbase-custom-checkbox__visual{background-color:transparent;border:2px solid var(--db-border-primary);border-radius:50%;display:block;height:20px;position:relative;transition:all .2s ease;width:20px}.designbase-learn-page-topics-lesson-item .designbase-custom-checkbox__visual:after,.designbase-sub-topics-lesson-item .designbase-custom-checkbox__visual:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-60%) rotate(45deg);transition:all .2s ease;width:6px}.designbase-learn-page-topics-lesson-item--completed .designbase-custom-checkbox__visual,.designbase-sub-topics-lesson-item--completed .designbase-custom-checkbox__visual{border-color:var(--db-brand-primary)}.designbase-course-tab__body,.designbase-lesson-tab__body{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.designbase-course-tab__body .designbase-announcement-item,.designbase-lesson-tab__body .designbase-announcement-item{background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-l);margin-bottom:var(--db-margin-m);overflow:hidden}.designbase-course-tab__body .designbase-announcement-item .designbase-announcement-header,.designbase-lesson-tab__body .designbase-announcement-item .designbase-announcement-header{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--db-margin-m);justify-content:space-between;margin:0;padding:var(--db-padding-m);text-align:left;transition:background .2s;width:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.designbase-course-tab__body .designbase-announcement-item .designbase-announcement-header:hover,.designbase-lesson-tab__body .designbase-announcement-item .designbase-announcement-header:hover{background:var(--db-bg-secondary)}.designbase-course-tab__body .designbase-announcement-item .designbase-announcement-header:focus,.designbase-lesson-tab__body .designbase-announcement-item .designbase-announcement-header:focus{outline:none}.designbase-course-tab__body .designbase-announcement-item .designbase-announcement-header:focus-visible,.designbase-lesson-tab__body .designbase-announcement-item .designbase-announcement-header:focus-visible{outline:2px solid var(--db-brand-primary);outline-offset:-2px}.designbase-course-tab__body .designbase-announcement-item .designbase-announcement-header__main,.designbase-lesson-tab__body .designbase-announcement-item .designbase-announcement-header__main{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:var(--db-margin-xs);min-width:0}.designbase-course-tab__body .designbase-announcement-item .designbase-announcement-header__aside,.designbase-lesson-tab__body .designbase-announcement-item .designbase-announcement-header__aside{align-items:center;display:flex;flex-shrink:0;gap:var(--db-margin-s)}.designbase-course-tab__body .designbase-announcement-item .designbase-announcement-date,.designbase-lesson-tab__body .designbase-announcement-item .designbase-announcement-date{color:var(--db-text-muted);font-size:var(--db-text-xs);line-height:1.2}.designbase-course-tab__body .designbase-announcement-item .designbase-announcement-heading,.designbase-lesson-tab__body .designbase-announcement-item .designbase-announcement-heading{color:var(--db-text-primary);display:block;font-size:var(--db-text-base);font-weight:var(--db-weight-semibold);line-height:1.35;width:100%}.designbase-course-tab__body .designbase-announcement-item .designbase-announcement-badge,.designbase-lesson-tab__body .designbase-announcement-item .designbase-announcement-badge{align-items:center;background:var(--db-brand-primary);border-radius:var(--db-radius-s,4px);color:var(--db-text-inverse,#fff);display:inline-flex;flex-shrink:0;font-size:10px;font-weight:var(--db-weight-bold,700);justify-content:center;letter-spacing:.06em;line-height:1.2;padding:2px 6px}.designbase-course-tab__body .designbase-announcement-item .designbase-announcement-chevron,.designbase-lesson-tab__body .designbase-announcement-item .designbase-announcement-chevron{align-items:center;color:var(--db-text-secondary);display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.designbase-course-tab__body .designbase-announcement-item .designbase-announcement-chevron .icon,.designbase-lesson-tab__body .designbase-announcement-item .designbase-announcement-chevron .icon{font-size:18px;transition:transform .28s cubic-bezier(.33,1,.32,1)}.designbase-course-tab__body .designbase-announcement-item.active .designbase-announcement-chevron .icon,.designbase-lesson-tab__body .designbase-announcement-item.active .designbase-announcement-chevron .icon{transform:rotate(180deg)}.designbase-course-tab__body .designbase-announcement-item .designbase-announcement-content,.designbase-lesson-tab__body .designbase-announcement-item .designbase-announcement-content{background:var(--db-bg-primary);display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.33,1,.32,1)}.designbase-course-tab__body .designbase-announcement-item.active .designbase-announcement-content,.designbase-lesson-tab__body .designbase-announcement-item.active .designbase-announcement-content{grid-template-rows:1fr}.designbase-course-tab__body .designbase-announcement-item .designbase-announcement-content-inner,.designbase-lesson-tab__body .designbase-announcement-item .designbase-announcement-content-inner{min-height:0;overflow:hidden}.designbase-course-tab__body .designbase-announcement-item .designbase-announcement-body,.designbase-lesson-tab__body .designbase-announcement-item .designbase-announcement-body{border-top:1px solid var(--db-border-primary);color:var(--db-text-secondary);font-size:var(--db-text-base);line-height:var(--db-leading-relaxed);padding:var(--db-padding-m)}.designbase-course-tab__body .designbase-announcement-item .designbase-announcement-body p:last-child,.designbase-lesson-tab__body .designbase-announcement-item .designbase-announcement-body p:last-child{margin-bottom:0}@media(prefers-reduced-motion:reduce){.designbase-course-tab__body .designbase-announcement-item .designbase-announcement-chevron .icon,.designbase-course-tab__body .designbase-announcement-item .designbase-announcement-content,.designbase-lesson-tab__body .designbase-announcement-item .designbase-announcement-chevron .icon,.designbase-lesson-tab__body .designbase-announcement-item .designbase-announcement-content{transition-duration:.01ms}}.designbase-lesson-browseqa-wrap{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.designbase-lesson-browseqa-wrap .designbase-question-lists{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;background:var(--db-bg-primary)}.designbase-lesson-browseqa-wrap .designbase-question-lists::-webkit-scrollbar{display:none;height:0;width:0}.designbase-lesson-browseqa-wrap .designbase-qa{height:100%;padding:var(--db-padding-m);transition:border-color .2s}.designbase-lesson-browseqa-wrap .designbase-qa__title-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--db-margin-s);margin-bottom:8px}.designbase-lesson-browseqa-wrap .designbase-qa__title-row .designbase-qa-title{flex:1;margin:0;min-width:0}.designbase-lesson-browseqa-wrap .designbase-qa .designbase-qa-privacy-badge{align-items:center;background:var(--db-bg-secondary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-s,4px);color:var(--db-text-secondary);display:inline-flex;flex-shrink:0;font-size:var(--db-text-xs);font-weight:var(--db-weight-semibold);line-height:1.25;padding:2px 8px}.designbase-lesson-browseqa-wrap .designbase-qa .designbase-qa-privacy-badge--muted{background:var(--db-bg-primary);color:var(--db-text-muted)}.designbase-lesson-browseqa-wrap .designbase-qa__body--locked{background:var(--db-bg-secondary);border:1px dashed var(--db-border-primary);border-radius:var(--db-radius-s);color:var(--db-text-muted);font-size:var(--db-text-base);line-height:var(--db-leading-relaxed);padding:var(--db-padding-m)}.designbase-lesson-browseqa-wrap .designbase-qa__body--locked .designbase-qa-privacy-badge{margin-bottom:var(--db-margin-s)}.designbase-lesson-browseqa-wrap .designbase-qa__body--locked .designbase-qa-locked-message{margin:0}.designbase-lesson-browseqa-wrap .designbase-qa__meta{align-items:center;display:flex;margin-bottom:var(--db-margin-s)}.designbase-lesson-browseqa-wrap .designbase-qa__meta .designbase-course__author-meta{margin-right:var(--db-margin-s)}.designbase-lesson-browseqa-wrap .designbase-qa__meta .designbase-course__author-meta img{border:1px solid var(--db-border-primary);border-radius:50%;height:28px;object-fit:cover;width:28px}.designbase-lesson-browseqa-wrap .designbase-qa__meta .designbase-qa-user-info .designbase-qa-username{align-items:center;color:var(--db-text-primary);display:inline-flex;flex-wrap:wrap;font-size:var(--db-text-base);font-weight:var(--db-weight-semibold);gap:6px;margin:0}.designbase-lesson-browseqa-wrap .designbase-qa__meta .designbase-qa-user-info .designbase-qa-time{color:var(--db-text-muted);font-size:11px;line-height:1.25;margin:0}.designbase-lesson-browseqa-wrap .designbase-qa__body{margin-bottom:var(--db-margin-m)}.designbase-lesson-browseqa-wrap .designbase-qa__body .designbase-qa-title{font-size:var(--db-text-base)}.designbase-lesson-browseqa-wrap .designbase-qa__body div{color:var(--db-text-secondary);font-size:var(--db-text-s)}.designbase-lesson-browseqa-wrap .designbase-qa__answer{background-color:var(--db-bg-secondary);border-radius:var(--db-radius-m);margin-top:var(--db-margin-m);padding:var(--db-padding-m)}.designbase-lesson-browseqa-wrap .designbase-qa__answer .designbase-qa{background:transparent;border:none;margin:0 0 20px;padding:0}.designbase-lesson-browseqa-wrap .designbase-qa__answer .designbase-qa:last-child{margin-bottom:0}.designbase-lesson-browseqa-wrap .designbase-qa-actions{bottom:var(--db-padding-l);display:flex;justify-content:center;margin:0;padding:var(--db-padding-m) 0 calc(var(--db-padding-m) + env(safe-area-inset-bottom, 0px));position:sticky;z-index:8}.designbase-lesson-browseqa-wrap .designbase-question-lists--empty{align-items:stretch;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.designbase-announcements-empty,.designbase-course-player-tab-empty,.designbase-lesson-body-empty,.designbase-qa-empty{align-items:center;box-sizing:border-box;display:flex;flex:1;justify-content:center;min-height:min(280px,45vh);padding:var(--db-padding-xl,32px) var(--db-padding-m,16px)}.designbase-lessons-content__video--empty{align-items:center;aspect-ratio:16/9;background:var(--db-bg-secondary);border-bottom:1px solid var(--db-border-primary);display:flex;justify-content:center;width:100%}.designbase-lessons-content__video--empty .designbase-course-player-tab-empty{flex:1;min-height:0;padding:var(--db-padding-m,16px);width:100%}.designbase-lessons-content__quiz .designbase-course-player-tab-empty{min-height:min(320px,50vh);width:100%}.designbase-course-player-empty-state{box-sizing:border-box;margin:0 auto;max-width:360px;text-align:center;width:100%}.designbase-course-player-empty-state__icon{align-items:center;background:var(--db-bg-secondary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-circle,50%);color:var(--db-brand-primary);display:inline-flex;font-size:1.75rem;height:56px;justify-content:center;line-height:1;margin:0 auto var(--db-margin-m,16px);width:56px}.designbase-course-player-empty-state__title{color:var(--db-text-primary);font-size:var(--db-text-m,15px);font-weight:var(--db-weight-semibold,600);letter-spacing:-.02em;line-height:1.35;margin:0 0 var(--db-margin-s,8px)}.designbase-course-player-empty-state__text{color:var(--db-text-secondary);font-size:var(--db-text-s,14px);line-height:1.5;margin:0 0 var(--db-margin-l,20px)}.designbase-course-player-empty-state .button{margin:0}.designbase-lessons-content--topic-error{align-items:center;background:var(--db-bg-primary);box-sizing:border-box;display:flex;justify-content:center;min-height:min(360px,55vh);width:100%}.designbase-lessons-content--topic-error.designbase-course-player-tab-empty{padding:var(--db-padding-xl,32px) var(--db-padding-m,16px)}body.designbase-dashboard-modal-open,body.designbase-modal-open{overflow:hidden;touch-action:none}.designbase-course-tab__body .designbase-qa-visibility-fieldset,.designbase-lesson-tab__body .designbase-qa-visibility-fieldset{border:0;display:block;margin:0 0 var(--db-margin-m);padding:0;width:100%}.designbase-course-tab__body .designbase-qa-visibility-fieldset .designbase-qa-visibility-fieldset__legend,.designbase-course-tab__body .designbase-qa-visibility-fieldset legend,.designbase-lesson-tab__body .designbase-qa-visibility-fieldset .designbase-qa-visibility-fieldset__legend,.designbase-lesson-tab__body .designbase-qa-visibility-fieldset legend{color:var(--db-text-primary);display:block;float:none;font-size:var(--db-text-s);font-weight:var(--db-weight-semibold);margin:0 0 var(--db-margin-s);padding:0;width:100%}.designbase-course-tab__body .designbase-qa-visibility-fieldset .designbase-qa-visibility-options,.designbase-lesson-tab__body .designbase-qa-visibility-fieldset .designbase-qa-visibility-options{display:flex;flex-direction:column;gap:var(--db-margin-m);width:100%}.designbase-course-tab__body .designbase-qa-visibility-fieldset .designbase-qa-visibility-option,.designbase-lesson-tab__body .designbase-qa-visibility-fieldset .designbase-qa-visibility-option{align-items:start;color:var(--db-text-secondary);column-gap:var(--db-margin-s);cursor:pointer;display:grid;font-size:var(--db-text-base);grid-template-columns:18px minmax(0,1fr);line-height:1.45;margin:0;row-gap:2px;width:100%}.designbase-course-tab__body .designbase-qa-visibility-fieldset .designbase-qa-visibility-option input[type=radio],.designbase-lesson-tab__body .designbase-qa-visibility-fieldset .designbase-qa-visibility-option input[type=radio]{accent-color:var(--db-brand-primary);appearance:auto!important;-webkit-appearance:radio!important;-moz-appearance:radio!important;display:inline-block;grid-row:1/span 2;height:16px;margin:3px 0 0;opacity:1;width:16px}.designbase-course-tab__body .designbase-qa-visibility-fieldset .designbase-qa-visibility-option>span:first-of-type,.designbase-lesson-tab__body .designbase-qa-visibility-fieldset .designbase-qa-visibility-option>span:first-of-type{color:var(--db-text-primary);font-weight:var(--db-weight-medium);word-break:keep-all}.designbase-course-tab__body .designbase-qa-visibility-fieldset .designbase-qa-visibility-option .designbase-qa-visibility-hint,.designbase-lesson-tab__body .designbase-qa-visibility-fieldset .designbase-qa-visibility-option .designbase-qa-visibility-hint{color:var(--db-text-muted);font-size:var(--db-text-xs);font-weight:var(--db-weight-regular);grid-column:2;margin:0;white-space:normal}.designbase-course-tab__body .designbase-qa-visibility-notice,.designbase-lesson-tab__body .designbase-qa-visibility-notice{background:var(--db-bg-secondary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-s);color:var(--db-text-secondary);display:none;font-size:var(--db-text-s);line-height:1.45;margin:0 0 var(--db-margin-m);padding:var(--db-padding-m)}.designbase-course-tab__body .designbase-qa-visibility-notice.is-visible,.designbase-lesson-tab__body .designbase-qa-visibility-notice.is-visible{display:block}#designbase-ask-question-modal .designbase-qa-visibility-fieldset,#designbase-submit-answer-modal .designbase-qa-visibility-fieldset{border:0;display:block;margin:0 0 var(--db-margin-m);padding:0;width:100%}#designbase-ask-question-modal .designbase-qa-visibility-fieldset .designbase-qa-visibility-fieldset__legend,#designbase-ask-question-modal .designbase-qa-visibility-fieldset legend,#designbase-submit-answer-modal .designbase-qa-visibility-fieldset .designbase-qa-visibility-fieldset__legend,#designbase-submit-answer-modal .designbase-qa-visibility-fieldset legend{color:var(--db-text-primary);display:block;float:none;font-size:var(--db-text-s);font-weight:var(--db-weight-semibold);margin:0 0 var(--db-margin-s);padding:0;width:100%}#designbase-ask-question-modal .designbase-qa-visibility-fieldset .designbase-qa-visibility-options,#designbase-submit-answer-modal .designbase-qa-visibility-fieldset .designbase-qa-visibility-options{display:flex;flex-direction:column;gap:var(--db-margin-m);width:100%}#designbase-ask-question-modal .designbase-qa-visibility-fieldset .designbase-qa-visibility-option,#designbase-submit-answer-modal .designbase-qa-visibility-fieldset .designbase-qa-visibility-option{align-items:start;color:var(--db-text-secondary);column-gap:var(--db-margin-s);cursor:pointer;display:grid;font-size:var(--db-text-base);grid-template-columns:18px minmax(0,1fr);line-height:1.45;margin:0;row-gap:2px;width:100%}#designbase-ask-question-modal .designbase-qa-visibility-fieldset .designbase-qa-visibility-option input[type=radio],#designbase-submit-answer-modal .designbase-qa-visibility-fieldset .designbase-qa-visibility-option input[type=radio]{accent-color:var(--db-brand-primary);appearance:auto!important;-webkit-appearance:radio!important;-moz-appearance:radio!important;display:inline-block;grid-row:1/span 2;height:16px;margin:3px 0 0;opacity:1;width:16px}#designbase-ask-question-modal .designbase-qa-visibility-fieldset .designbase-qa-visibility-option>span:first-of-type,#designbase-submit-answer-modal .designbase-qa-visibility-fieldset .designbase-qa-visibility-option>span:first-of-type{color:var(--db-text-primary);font-weight:var(--db-weight-medium);word-break:keep-all}#designbase-ask-question-modal .designbase-qa-visibility-fieldset .designbase-qa-visibility-option .designbase-qa-visibility-hint,#designbase-submit-answer-modal .designbase-qa-visibility-fieldset .designbase-qa-visibility-option .designbase-qa-visibility-hint{color:var(--db-text-muted);font-size:var(--db-text-xs);font-weight:var(--db-weight-regular);grid-column:2;margin:0;white-space:normal}#designbase-ask-question-modal .designbase-qa-visibility-notice,#designbase-submit-answer-modal .designbase-qa-visibility-notice{background:var(--db-bg-secondary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-s);color:var(--db-text-secondary);display:none;font-size:var(--db-text-s);line-height:1.45;margin:0 0 var(--db-margin-m);padding:var(--db-padding-m)}#designbase-ask-question-modal .designbase-qa-visibility-notice.is-visible,#designbase-submit-answer-modal .designbase-qa-visibility-notice.is-visible{display:block}#designbase-ask-question-modal .designbase-modal__body .designbase-anwser-form,#designbase-ask-question-modal .designbase-modal__body .designbase-question-form,#designbase-submit-answer-modal .designbase-modal__body .designbase-anwser-form,#designbase-submit-answer-modal .designbase-modal__body .designbase-question-form{display:flex;flex-direction:column;gap:0}#designbase-ask-question-modal .designbase-modal__body #designbase-submit-answer-form,#designbase-ask-question-modal .designbase-modal__body .designbase-question-form form,#designbase-submit-answer-modal .designbase-modal__body #designbase-submit-answer-form,#designbase-submit-answer-modal .designbase-modal__body .designbase-question-form form{display:flex;flex-direction:column;gap:var(--db-margin-m)}#designbase-ask-question-modal .designbase-modal__body .designbase-form-group,#designbase-submit-answer-modal .designbase-modal__body .designbase-form-group{margin:0}#designbase-ask-question-modal .designbase-modal__body .designbase-input,#designbase-ask-question-modal .designbase-modal__body .designbase-textarea,#designbase-submit-answer-modal .designbase-modal__body .designbase-input,#designbase-submit-answer-modal .designbase-modal__body .designbase-textarea{box-sizing:border-box;width:100%}#designbase-ask-question-modal .designbase-modal__body #designbase-submit-answer-form button[type=submit],#designbase-ask-question-modal .designbase-modal__body .designbase-question-form button[type=submit],#designbase-submit-answer-modal .designbase-modal__body #designbase-submit-answer-form button[type=submit],#designbase-submit-answer-modal .designbase-modal__body .designbase-question-form button[type=submit]{align-self:flex-start;margin-top:var(--db-margin-xs)}#designbase-ask-question-modal .designbase-modal__body .text-right,#designbase-submit-answer-modal .designbase-modal__body .text-right{display:flex;justify-content:flex-end;margin-top:0!important}.single-designbase_courses{background-color:var(--db-bg-secondary)}@media(max-width:767px){.single-designbase_courses{background-color:var(--db-bg-primary)}}body.designbase-single-course-page{background-color:var(--db-bg-secondary,#f1f5f9);background-image:linear-gradient(180deg,var(--db-bg-primary,#fff) 0,var(--db-bg-secondary,#f1f5f9) 100%);background-position:top;background-repeat:no-repeat;background-size:100% 150vh}@media(max-width:767px){body.designbase-single-course-page{background:var(--db-bg-primary,#fff)}}body.designbase-course-single-lessons section.designbase-lms{margin:0!important;min-height:100vh;padding:0!important}.designbase-single-course{isolation:isolate;position:relative}.designbase-single-course>.narrow-container{position:relative;z-index:1}.designbase-single-course--has-cover>.narrow-container{padding-top:clamp(40px,20vw,160px)}.designbase-single-course__wrapper{margin:0 auto;max-width:100%;width:100%}.designbase-single-course__cover-parallax{height:clamp(220px,38vw,420px);left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.designbase-single-course__cover-parallax:after{background:linear-gradient(180deg,rgba(15,23,42,.18),rgba(15,23,42,.5));content:"";inset:0;position:absolute}.designbase-single-course__cover-parallax-image{background-position:50%;background-repeat:no-repeat;background-size:cover;inset:-12% 0 0;position:absolute;transform:translate3d(0,var(--db-cover-parallax-y,0),0) scale(1.12);will-change:transform}.designbase-course-sections-tabs{align-items:flex-end;backdrop-filter:blur(6px);background:color-mix(in srgb,var(--db-bg-body) 96%,#fff);border-bottom:1px solid var(--db-border-primary);display:flex;gap:var(--db-margin-s);margin:var(--db-margin-l) 0 var(--db-margin-m);overflow-x:auto;overflow-y:hidden;padding:0 var(--db-padding-s);position:sticky;top:0;z-index:40;-webkit-overflow-scrolling:touch;scrollbar-width:none}.designbase-course-sections-tabs::-webkit-scrollbar{display:none}.designbase-course-sections-tabs__btn{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--db-text-secondary);cursor:pointer;flex:0 0 auto;font-size:var(--db-text-s);font-weight:var(--db-weight-semibold,600);line-height:1.2;padding:12px 4px 10px;transition:color .2s ease,border-color .2s ease;white-space:nowrap}.designbase-course-sections-tabs__btn:hover{border-bottom-color:var(--db-border-focus);color:var(--db-text-primary)}.designbase-course-sections-tabs__btn.is-active{background:transparent;border-bottom-color:var(--db-brand-primary);color:var(--db-brand-primary)}@media(max-width:767px){.designbase-course-sections-tabs{gap:var(--db-margin-xs);margin:var(--db-margin-m) 0 var(--db-margin-s);padding:0 var(--db-padding-xs)}.designbase-course-sections-tabs__btn{font-size:13px;padding:11px 4px 9px}}body.designbase-single-course-page #local-nav.fixed,body.designbase-single-course-page .local-nav.fixed,body.designbase-single-course-page nav#local-nav.fixed{display:none!important}@media(max-width:767px){body.designbase-single-course-page section.designbase-lms{padding-top:var(--designbase-sticky-header-height,48px)}}body.designbase-single-course-page.designbase-single-course-sticky-subnav-active{scroll-padding-top:calc(var(--designbase-sticky-header-height, 0px) + 52px)}@media(max-width:767px){body.designbase-single-course-page.designbase-single-course-sticky-subnav-active{scroll-padding-top:calc(var(--designbase-sticky-header-height, 0px) + 48px)}}.designbase-course-sticky-subnav{left:0;max-height:calc(100vh - var(--designbase-sticky-header-height, 0px));max-height:calc(100dvh - var(--designbase-sticky-header-height, 0px));overflow:hidden;pointer-events:none;position:fixed;right:0;top:var(--designbase-sticky-header-height,0);transition:visibility 0s linear .22s;visibility:hidden;z-index:90}.designbase-course-sticky-subnav.is-visible{pointer-events:auto;transition-delay:0s;visibility:visible}.designbase-course-sticky-subnav__shell{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:color-mix(in srgb,var(--db-bg-primary) 96%,transparent);border-bottom:1px solid var(--db-border-primary);box-shadow:0 4px 24px rgba(15,23,42,.08);transform:translateY(-100%);transition:transform .22s ease}.designbase-course-sticky-subnav.is-visible .designbase-course-sticky-subnav__shell{transform:translateY(0)}.designbase-course-sticky-subnav__bar{align-items:center;box-sizing:border-box;display:flex;gap:var(--db-margin-m,12px);justify-content:space-between;min-height:52px;overflow:hidden;padding:10px var(--db-padding-m,16px)}.designbase-course-sticky-subnav__title{color:var(--db-text-primary);flex:1;font-size:var(--db-text-m,15px);font-weight:var(--db-weight-semibold,600);line-height:1.25;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-course-sticky-subnav__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--db-margin-m,12px);min-width:0}.designbase-course-sticky-subnav__tabs{align-items:flex-end;display:flex;flex-shrink:1;gap:var(--db-margin-m,16px);min-width:0;overflow:hidden}.designbase-course-sticky-subnav__tab{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--db-text-secondary);cursor:pointer;flex:0 0 auto;font-size:var(--db-text-xs,13px);font-weight:var(--db-weight-regular,400);line-height:1.2;margin:0;padding:6px 2px 8px;transition:color .15s ease,border-color .15s ease;white-space:nowrap}.designbase-course-sticky-subnav__tab:hover{color:var(--db-text-primary)}.designbase-course-sticky-subnav__tab.is-active{border-bottom-color:var(--db-brand-primary);color:var(--db-text-primary);font-weight:var(--db-weight-semibold,600)}.designbase-course-sticky-subnav__menu-toggle{align-items:center;background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-m,8px);color:var(--db-brand-primary);cursor:pointer;display:none;flex-shrink:0;height:36px;justify-content:center;margin:0;padding:0;transition:border-color .15s ease,background .15s ease;width:36px}.designbase-course-sticky-subnav__menu-toggle .icon{font-size:18px;transition:transform .25s cubic-bezier(.33,1,.32,1)}.designbase-course-sticky-subnav__menu-toggle[aria-expanded=true] .icon{transform:rotate(180deg)}.designbase-course-sticky-subnav__menu{background:var(--db-bg-primary);border-top:0 solid var(--db-border-primary);display:none;overflow:hidden}.designbase-course-sticky-subnav__menu.is-open{border-top-width:1px;display:block}.designbase-course-sticky-subnav__menu[hidden]{display:none!important}.designbase-course-sticky-subnav__menu-inner{overflow:hidden}.designbase-course-sticky-subnav__menu-list{list-style:none;margin:0;padding:8px}.designbase-course-sticky-subnav__menu-item{margin:0}.designbase-course-sticky-subnav__menu-link{background:transparent;border:0;border-left:3px solid transparent;border-radius:0;color:var(--db-text-secondary);cursor:pointer;display:block;font-size:var(--db-text-s,14px);font-weight:var(--db-weight-regular,400);margin:0;padding:12px var(--db-padding-m,16px);text-align:left;transition:color .15s ease,border-color .15s ease,background .15s ease;width:100%}.designbase-course-sticky-subnav__menu-link:hover{background:var(--db-bg-secondary);color:var(--db-text-primary)}.designbase-course-sticky-subnav__menu-link.is-active{background:color-mix(in srgb,var(--db-brand-primary) 6%,transparent);border-left-color:var(--db-brand-primary);color:var(--db-text-primary);font-weight:var(--db-weight-semibold,600)}.designbase-course-sticky-subnav__cta-wrap{flex-shrink:0}.designbase-course-sticky-subnav__cta-wrap .button.designbase-course-sticky-subnav__cta{align-items:center;display:inline-flex;justify-content:center;margin:0;text-decoration:none;white-space:nowrap}.designbase-test-mode-cta-notice{font-size:12px;margin-bottom:10px;padding:9px 11px}.designbase-course-sticky-subnav .designbase-course-access-badge{font-size:var(--db-text-s,14px);font-weight:var(--db-weight-semibold,600);margin:0;white-space:nowrap}@media(max-width:767px){.designbase-course-sticky-subnav__bar{min-height:48px;padding:8px var(--db-padding-m,16px)}.designbase-course-sticky-subnav__title{font-size:var(--db-text-s,14px)}.designbase-course-sticky-subnav__actions{gap:6px}.designbase-course-sticky-subnav__tabs{border:0!important;display:none!important;height:0!important;margin:0!important;overflow:hidden!important;padding:0!important;visibility:hidden!important;width:0!important}.designbase-course-sticky-subnav__menu-toggle{display:inline-flex}.designbase-course-sticky-subnav__cta-wrap{max-width:min(42vw,140px)}.designbase-course-sticky-subnav__cta-wrap .button.designbase-course-sticky-subnav__cta{font-size:12px;min-width:0;padding-left:10px;padding-right:10px;width:100%}}.wp-block-columns,.wp-block-columns.is-style-designbaselms{display:flex!important;flex-direction:column!important;gap:0!important;max-width:100%!important;width:100%!important}.wp-block-columns .wp-block-column,.wp-block-columns.is-style-designbaselms .wp-block-column{flex:1 1 100%!important;flex-basis:100%!important;margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.wp-block-columns .wp-block-column[style*=flex-basis],.wp-block-columns.is-style-designbaselms .wp-block-column[style*=flex-basis]{flex-basis:100%!important;max-width:100%!important;width:100%!important}.wp-block-columns .wp-block-column.is-style-designbaselmssticky,.wp-block-columns .wp-block-column:nth-child(2),.wp-block-columns.is-style-designbaselms .wp-block-column.is-style-designbaselmssticky,.wp-block-columns.is-style-designbaselms .wp-block-column:nth-child(2){display:none!important;height:0!important;overflow:hidden!important;visibility:hidden!important}.designbase-col-lg-4,.designbase-col-md-4,.designbase-sidebar-wrapper,.designbase-single-course__sidebar{display:none!important}.designbase-col-lg-8{flex:1 1 100%!important;max-width:100%!important;width:100%!important}.designbase-single-course .designbase-row{display:flex!important;flex-direction:column!important}.designbase-single-course .designbase-row>*{flex:1 1 100%!important;max-width:100%!important;width:100%!important}.designbase-single-course__preview{aspect-ratio:40/21;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.designbase-single-course__preview .designbase-course__thumbnail-image{height:100%;object-fit:cover;width:100%}.designbase-single-course__preview .designbase-single-course__preview-fallback{background:#e5e7eb;height:100%;position:relative;width:100%}.designbase-single-course__preview .designbase-single-course__preview-fallback:after{background-image:var(--db-course-fallback-logo);background-position:50%;background-repeat:no-repeat;background-size:clamp(160px,28%,320px) auto;content:"";inset:0;opacity:.22;position:absolute}.designbase-single-course__preview .designbase-video-player{width:100%}.designbase-single-course__categroy{display:inline-block;margin-bottom:0;margin-right:.5rem;padding:0}.designbase-single-course__categroy a{color:var(--db-text-secondary);display:inline-block;font-size:var(--db-text-s,14px);font-weight:500;line-height:var(--db-leading-tight,1.25);text-decoration:none}.designbase-single-course__categroy a:hover{color:var(--db-text-primary)}.designbase-single-course__title-row{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:.75rem;justify-content:space-between;padding:var(--db-padding-s,8px) 0 var(--db-padding-l) 0}@media(max-width:767px){.designbase-single-course__title-row{gap:.5rem;padding:var(--db-padding-s,8px) 0 var(--db-padding-l) 0}}.designbase-single-course__title-row .designbase-single-course__title{color:var(--db-text-primary);font-size:2.5rem;font-weight:700;line-height:1.3;margin:0;padding:0}@media(max-width:767px){.designbase-single-course__title-row .designbase-single-course__title{font-size:1.75rem}}.designbase-single-course__title-row .designbase-widget-enroll__wishlist-and-share--title{align-self:flex-start;flex:0 0 auto;margin-left:auto}@media(max-width:767px){.designbase-single-course__title-row .designbase-widget-enroll__wishlist-and-share--title{margin-left:auto;padding:0}}.designbase-single-course__content-item{margin-bottom:var(--db-margin-xl)}.designbase-single-course__content-item--description .designbase-single-course__content-item--description-title{font-size:1.75rem;font-weight:600;margin-bottom:1.5rem}.designbase-single-course__content-item--description p{color:var(--db-text-secondary);font-size:1rem;line-height:1.7;margin-bottom:1rem}.designbase-single-course__content-item--description p:last-child{margin-bottom:0}.designbase-single-course__content-item--curriculum .designbase-curriculum-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.designbase-single-course__content-item--instructors .instructor-info{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.designbase-single-course__content-item--instructors .instructor-info__thumbnail{border-radius:50%;flex-shrink:0;height:60px;overflow:hidden;width:60px}.designbase-single-course__content-item--instructors .instructor-info__thumbnail img{height:100%;object-fit:cover;width:100%}.designbase-single-course__content-item--instructors .instructor-info__content{flex:1}.designbase-single-course__content-item--instructors .instructor-info__content .instructor-title{color:var(--db-text-secondary);display:block;font-size:.875rem;margin-bottom:.25rem}.designbase-single-course__content-item--instructors .instructor-info__content .instructor-name{font-size:1.25rem;font-weight:600;margin:0}.designbase-single-course__content-item--instructors .instructor-info__content .instructor-name a{color:var(--db-brand-primary);text-decoration:none}.designbase-single-course__content-item--instructors .instructor-info__content .instructor-name a:hover{text-decoration:underline}.designbase-single-course__content-item--instructors .instructor-review{align-items:center;display:flex;gap:1rem}.designbase-single-course__content-item--instructors .instructor-review__title{color:var(--db-text-secondary);font-size:.875rem}.designbase-single-course__content-item--instructors .instructor-review__rating{align-items:center;display:flex;gap:.5rem}.designbase-single-course__content-item--instructors .instructor-review__rating .icon{color:var(--db-feedback-warning-fg)}.designbase-single-course__content-item--instructors .instructor-review__rating-number{color:var(--db-text-muted);font-size:.875rem}.designbase-single-course__content-item--benefits .benefits-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.designbase-single-course__content-item--benefits .benefits-information-list{list-style:none;margin:0;padding:0}.designbase-single-course__content-item--benefits .benefits-information-list li{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:1rem}.designbase-single-course__content-item--benefits .benefits-information-list li:last-child{margin-bottom:0}.designbase-single-course__content-item--benefits .benefits-information-list li .icon{color:var(--db-feedback-success-fg);flex-shrink:0;margin-top:.125rem}.designbase-single-course__content-item--benefits .benefits-information-list li span{color:var(--db-text-secondary);font-size:1rem;line-height:1.6}.designbase-single-course__content-item--additional-info .designbase-tabs-nav{border-bottom:2px solid var(--db-border-primary);display:flex;flex-wrap:wrap;gap:0;list-style:none;margin:0 0 1.5rem;padding:0}.designbase-single-course__content-item--additional-info .designbase-tabs-nav li{margin:0}.designbase-single-course__content-item--additional-info .designbase-tabs-nav li a{border-bottom:2px solid transparent;color:var(--db-text-secondary);display:block;font-size:.9375rem;font-weight:500;margin-bottom:-2px;padding:.75rem 1.25rem;text-decoration:none;transition:color .2s,border-color .2s}.designbase-single-course__content-item--additional-info .designbase-tabs-nav li a:hover{color:var(--db-text-primary)}.designbase-single-course__content-item--additional-info .designbase-tabs-nav li.active a{border-bottom-color:var(--db-brand-primary);color:var(--db-brand-primary)}.designbase-single-course__content-item--additional-info .designbase-tabs-content>div{display:none}.designbase-single-course__content-item--additional-info .designbase-tabs-content>div.active{display:block}.designbase-single-course__content-item--additional-info .designbase-tabs-content .designbase-lists{list-style:none;margin:0;padding:0}.designbase-single-course__content-item--additional-info .designbase-tabs-content .designbase-lists li{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:1rem}.designbase-single-course__content-item--additional-info .designbase-tabs-content .designbase-lists li:last-child{margin-bottom:0}.designbase-single-course__content-item--additional-info .designbase-tabs-content .designbase-lists li .icon{color:var(--db-feedback-success-fg);flex-shrink:0;margin-top:.125rem}.designbase-single-course__content-item--additional-info .designbase-tabs-content .designbase-lists li span{color:var(--db-text-secondary);font-size:1rem;line-height:1.6}.designbase-section-wrapper--feedback{padding-bottom:var(--db-padding-2xl)}.designbase-section-wrapper--feedback .designbase-group-star--meter{display:inline-flex;line-height:1;position:relative;vertical-align:middle}.designbase-section-wrapper--feedback .designbase-group-star--meter .designbase-group-star__fill,.designbase-section-wrapper--feedback .designbase-group-star--meter .designbase-group-star__track{align-items:center;display:inline-flex;gap:2px}.designbase-section-wrapper--feedback .designbase-group-star--meter .designbase-group-star__track .icon{color:var(--db-bg-tertiary,#e2e8f0);font-size:1.25rem;line-height:1}.designbase-section-wrapper--feedback .designbase-group-star--meter .designbase-group-star__fill{box-sizing:border-box;left:0;max-width:100%;overflow:hidden;pointer-events:none;position:absolute;top:0;white-space:nowrap}.designbase-section-wrapper--feedback .designbase-group-star--meter .designbase-group-star__fill .icon{color:var(--db-color-primary,var(--db-brand-primary,#2563eb));font-size:1.25rem;line-height:1}.designbase-section-wrapper--feedback .designbase-course-review-item__rating .designbase-group-star:not(.designbase-group-star--meter){align-items:center;display:inline-flex;gap:2px}.designbase-section-wrapper--feedback .designbase-course-review-item__rating .designbase-group-star:not(.designbase-group-star--meter) .icon{color:var(--db-text-primary,#161c23);font-size:1rem;line-height:1}.designbase-section-wrapper--feedback .designbase-student-course-feedback-ratings .designbase-avg-rating{color:var(--db-brand-primary);font-size:24px;font-weight:700;margin:0 0 var(--db-margin-s);text-align:center}.designbase-section-wrapper--feedback .designbase-student-course-feedback-ratings .designbase-avg-rating-html{margin-bottom:var(--db-margin-s);text-align:center}.designbase-section-wrapper--feedback .designbase-student-course-feedback-ratings .designbase-avg-rating-total{color:var(--db-text-muted);font-size:.875rem;margin:0;text-align:center}.designbase-section-wrapper--feedback .designbase-student-course-feedback-ratings .designbase-avg-rating-total span{color:var(--db-text-primary);font-weight:600}.designbase-section-wrapper--feedback .designbase-student-course-feedback-ratings .designbase-course-feedback-overview{align-items:start;display:grid;gap:20px;grid-template-columns:260px minmax(0,1fr)}@media(max-width:1023px){.designbase-section-wrapper--feedback .designbase-student-course-feedback-ratings .designbase-course-feedback-overview{grid-template-columns:1fr}}.designbase-section-wrapper--feedback .designbase-student-course-feedback-ratings .designbase-course-feedback-overview__summary{background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-l);padding:20px;text-align:center}.designbase-section-wrapper--feedback .designbase-student-course-feedback-ratings .designbase-course-feedback-overview__avg{color:var(--db-text-primary);font-size:40px;font-weight:800;line-height:1;margin:0}.designbase-section-wrapper--feedback .designbase-student-course-feedback-ratings .designbase-course-feedback-overview__bars{min-width:0}.designbase-section-wrapper--feedback .designbase-student-course-feedback-ratings .designbase-ratings-list .designbase-ratings-list-item{align-items:center;display:flex;gap:var(--db-margin-s)}.designbase-section-wrapper--feedback .designbase-student-course-feedback-ratings .designbase-ratings-list .designbase-ratings-list-item:last-child{margin-bottom:0}.designbase-section-wrapper--feedback .designbase-student-course-feedback-ratings .designbase-ratings-list .designbase-ratings-list-item-col{color:var(--db-text-muted);font-size:16px;min-width:20px}.designbase-section-wrapper--feedback .designbase-student-course-feedback-ratings .designbase-ratings-list .designbase-ratings-list-item-col--star .icon{color:var(--db-bg-tertiary,#e8edf3);font-size:16px}.designbase-section-wrapper--feedback .designbase-student-course-feedback-ratings .designbase-ratings-list .designbase-ratings-list-item.is-active .designbase-ratings-list-item-col--star .icon{color:var(--db-color-primary,#2563eb)}.designbase-section-wrapper--feedback .designbase-student-course-feedback-ratings .designbase-ratings-list .designbase-ratings-list-item-fill{background:var(--db-bg-tertiary);border-radius:4px;flex:1;height:8px;overflow:hidden}.designbase-section-wrapper--feedback .designbase-student-course-feedback-ratings .designbase-ratings-list .designbase-ratings-list-item-fill-bar{background:var(--db-color-primary);height:100%;transition:width .3s ease}.designbase-section-wrapper--feedback .designbase-student-course-feedback-ratings .designbase-ratings-list .designbase-ratings-list-item-label{color:var(--db-text-muted);font-size:.875rem;min-width:80px;text-align:right}.designbase-section-wrapper--feedback .designbase-student-course-feedback-ratings .designbase-ratings-list .designbase-ratings-list-item-label span{color:var(--db-text-secondary)}.designbase-section-wrapper--feedback .designbase-course-review-list{display:grid;gap:14px;list-style:none;margin:24px 0 0;padding:0}.designbase-section-wrapper--feedback .designbase-course-review-item{background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-m,10px);display:flex;gap:12px;padding:14px}.designbase-section-wrapper--feedback .designbase-course-review-item__avatar{flex:0 0 auto}.designbase-section-wrapper--feedback .designbase-course-review-item__avatar img{border-radius:999px;height:48px;object-fit:cover;width:48px}.designbase-section-wrapper--feedback .designbase-course-review-item__main{flex:1 1 auto;min-width:0}.designbase-section-wrapper--feedback .designbase-course-review-item__meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:4px}.designbase-section-wrapper--feedback .designbase-course-review-item__name{color:var(--db-text-primary);font-size:16px;font-weight:700}.designbase-section-wrapper--feedback .designbase-course-review-item__date{color:var(--db-text-muted);font-size:13px}.designbase-section-wrapper--feedback .designbase-course-review-item__rating{align-items:center;display:flex;gap:8px;margin-bottom:8px}.designbase-section-wrapper--feedback .designbase-course-review-item__rating-value{color:var(--db-text-muted);font-size:13px}.designbase-section-wrapper--feedback .designbase-course-review-item__content p{color:var(--db-text-secondary);line-height:1.55;margin:0}.designbase-section-wrapper--feedback .designbase-course-review-more{display:flex;justify-content:center;margin-top:14px}.designbase-curriculum-header{align-items:flex-end;display:flex;gap:var(--db-margin-l,24px);justify-content:space-between;margin-bottom:var(--db-margin-l,24px)}.designbase-curriculum-header__copy{min-width:0}.designbase-curriculum-header__title{color:var(--db-text-primary);font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:700;line-height:1.25;margin:0}.designbase-curriculum-header__description{color:var(--db-text-secondary);font-size:.9rem;margin:8px 0 0}.designbase-curriculum-header__notice{align-items:center;background:color-mix(in srgb,var(--db-brand-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--db-brand-primary) 20%,transparent);border-radius:999px;color:var(--db-brand-primary);display:inline-flex;font-size:.78rem;font-weight:600;gap:6px;line-height:1.35;margin:10px 0 0;padding:6px 10px}.designbase-curriculum-header__notice .icon{font-size:.9rem}.designbase-curriculum-summary{align-items:center;color:var(--db-text-muted);display:flex;flex-shrink:0;flex-wrap:wrap;font-size:.8rem;gap:8px;justify-content:flex-end}.designbase-curriculum-summary__item{align-items:center;display:inline-flex;white-space:nowrap}.designbase-curriculum-summary__item strong{color:var(--db-text-primary);font-size:.8rem;font-weight:700}.designbase-accordion{list-style:none;margin:0;padding:0}.designbase-accordion>li{border:1px solid var(--db-border-primary);border-radius:8px;margin-bottom:.5rem;overflow:hidden}.designbase-accordion>li:last-child{margin-bottom:0}.designbase-accordion>li.active .designbase-accordion__title{background:var(--db-bg-primary);color:var(--db-text-primary)}.designbase-accordion>li.active .designbase-accordion__title .designbase-accordion__chevron .icon-chevron-down{transform:rotate(180deg)}.designbase-accordion__title{align-items:center;background:none;background:var(--db-bg-secondary);border:none;color:var(--db-text-primary);cursor:pointer;display:flex;font-family:inherit;font-weight:600;gap:var(--db-margin-m,16px);justify-content:space-between;padding:var(--db-padding-m);position:relative;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.designbase-accordion__title-text{flex:1;min-width:0}.designbase-accordion__title:focus,.designbase-accordion__title:hover{background:var(--db-bg-tertiary,rgba(0,0,0,.04));color:var(--db-text-primary);text-decoration:none}.designbase-accordion__title .designbase-accordion__chevron{align-items:center;color:var(--db-text-secondary);display:inline-flex;flex:0 0 32px;height:32px;justify-content:center;width:32px}.designbase-accordion__title .designbase-accordion__chevron .icon-chevron-down{font-size:14px;transition:transform .3s ease}.designbase-accordion__body{background:var(--db-bg-primary);border-top:1px solid var(--db-border-primary);display:none}li.active .designbase-accordion__body{display:block}@media(max-width:767px){.designbase-curriculum-header{align-items:flex-start;flex-direction:column;gap:var(--db-margin-m,16px);margin-bottom:var(--db-margin-m,16px)}.designbase-curriculum-summary{justify-content:flex-start}}.designbase-curriculum-empty-message{color:var(--db-text-secondary);font-size:.9375rem;line-height:1.5;margin:0;padding:var(--db-padding-m)}.designbase-lesson-list{list-style:none;margin:0;padding:4px}.designbase-lesson-list__item{padding:0;transition:all .3s ease}.designbase-lesson-list__item .designbase-lesson-list__link{align-items:center;border-radius:8px;color:inherit;display:flex;justify-content:space-between;min-width:0;padding:var(--db-padding-s);text-decoration:none;transition:background .2s ease;width:100%}.designbase-lesson-list__item .designbase-lesson-list__link:focus,.designbase-lesson-list__item .designbase-lesson-list__link:hover{background:var(--db-bg-secondary);text-decoration:none}.designbase-lesson-list__item .designbase-lesson-list__link:focus .designbase-entry-title,.designbase-lesson-list__item .designbase-lesson-list__link:hover .designbase-entry-title{text-decoration:none}.designbase-lesson-list__item .designbase-lesson-list__link.is-locked{cursor:default}.designbase-lesson-list__item .designbase-lesson-list__link.is-coming-soon{background:var(--db-bg-secondary);cursor:not-allowed;opacity:.78;pointer-events:none}.designbase-lesson-list__item .designbase-entry-content{align-items:center;display:flex;flex:1;gap:var(--db-padding-s);min-width:0}.designbase-lesson-list__item .designbase-entry-content .icon{color:var(--db-text-secondary);font-size:20px}.designbase-lesson-list__item .designbase-entry-content .designbase-entry-title{color:var(--db-text-primary);display:-webkit-box;flex:1;font-size:.9rem;font-weight:500;margin:0;min-width:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.35;overflow:hidden;word-break:break-word}.designbase-lesson-list__item .designbase-coming-soon-badge{align-items:center;background:color-mix(in srgb,var(--db-brand-primary) 12%,transparent);border-radius:999px;color:var(--db-brand-primary);display:inline-flex;font-size:var(--db-text-xs,12px);font-weight:600;padding:3px 8px;white-space:nowrap}.designbase-lesson-list__item .designbase-entry-control{align-items:center;display:flex;flex-shrink:0;gap:var(--db-padding-s);margin-left:var(--db-padding-s)}.designbase-lesson-list__item .designbase-entry-control .designbase-entry-time{color:var(--db-text-secondary);font-size:.875rem}.designbase-lesson-list__item .designbase-entry-control .designbase-preview-icon{align-items:center;color:var(--db-text-secondary);display:inline-flex;justify-content:center}.designbase-lesson-list__item .designbase-entry-control .designbase-preview-icon i{font-size:20px}.designbase-lesson-list__item .designbase-entry-control .designbase-btn-play{align-items:center;background:none;border:none;color:var(--db-text-muted);display:flex;height:auto;justify-content:center;padding:0;transition:all .3s ease;width:auto}.designbase-lesson-list__item .designbase-entry-control .designbase-btn-play:hover{transform:none}.designbase-lesson-list__item .designbase-entry-control .designbase-btn-play.designbase-btn-play-lock{cursor:pointer}.designbase-lesson-list__item .designbase-entry-control .designbase-btn-play.designbase-btn-play-lock:hover{transform:none}.designbase-lesson-list__item .designbase-entry-control .designbase-btn-play .icon{font-size:1rem}.designbase-sub-curriculum-accordion{margin-top:1rem}.designbase-sub-curriculum-accordion .designbase-sub-lesson-list__item{border-left:2px solid var(--db-border-primary);margin-left:1rem;padding-left:1rem}.designbase-widget-enroll{background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);overflow:hidden}.designbase-widget-enroll.designbase-sticky-widget.sticky{position:fixed;top:2rem;width:350px;z-index:100}@media(max-width:1023px){.designbase-widget-enroll.designbase-sticky-widget.sticky{position:static;width:100%}}.designbase-widget-enroll__head{background:linear-gradient(180deg,color-mix(in srgb,var(--db-brand-primary) 8%,#fff) 0,var(--db-bg-secondary) 100%);border-bottom:1px solid var(--db-border-primary);padding:1.5rem}.designbase-widget-enroll__head .designbase-course-price{align-items:center;background:color-mix(in srgb,var(--db-brand-primary) 12%,#fff);border:1px solid color-mix(in srgb,var(--db-brand-primary) 30%,#fff);border-radius:999px;color:var(--db-brand-primary);display:inline-flex;font-size:1.9rem;font-weight:700;margin:0;padding:4px 10px}.designbase-widget-enroll__head .designbase-course-type{background-color:color-mix(in srgb,var(--db-feedback-success-bg) 78%,#fff);border:1px solid color-mix(in srgb,var(--db-feedback-success-fg) 35%,#fff);border-radius:var(--db-radius-l);color:var(--db-feedback-success-fg);display:inline-block;font-size:var(--db-text-s,14px);font-weight:var(--db-weight-bold,700);letter-spacing:.01em;line-height:var(--db-leading-tight,1.25);padding:6px 12px}.designbase-widget-enroll__content{padding:1.5rem}.designbase-widget-enroll__content-lists{list-style:none;margin:0 0 1.5rem;padding:0}.designbase-widget-enroll__content-lists li{align-items:center;border-bottom:1px solid var(--db-border-primary);display:flex;justify-content:space-between;padding:.75rem 0}.designbase-widget-enroll__content-lists li:last-child{border-bottom:none}.designbase-widget-enroll__content-lists li .label{align-items:center;color:var(--db-text-muted);display:flex;font-weight:500;gap:.5rem}.designbase-widget-enroll__content-lists li .label .icon{color:var(--db-text-secondary)}.designbase-widget-enroll__content-lists li .data{color:var(--db-text-primary);font-size:1rem;font-weight:600}.designbase-widget-enroll__enrolled-info{background:var(--db-feedback-success-bg);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.designbase-widget-enroll__enrolled-info p{color:var(--db-feedback-success-fg);font-size:.875rem;margin:0}.designbase-widget-enroll__enrolled-info p span{font-weight:600}.designbase-widget-enroll__complete-form,.designbase-widget-enroll__enroll-form{margin-bottom:1rem}.designbase-widget-enroll__complete-form .designbase-btn,.designbase-widget-enroll__enroll-form .designbase-btn{justify-content:center;width:100%}.designbase-widget-enroll__continue{margin-bottom:1rem}.designbase-widget-enroll__continue .designbase-btn{justify-content:center;width:100%}.designbase-widget-enroll__add-to-cart{margin-bottom:1rem}.designbase-widget-enroll__add-to-cart .cart .designbase-btn{justify-content:center;width:100%}.designbase-widget-enroll__add-to-cart .designbase-alert{background:var(--db-feedback-warning-bg);border:1px solid var(--db-feedback-warning-fg);border-radius:8px;color:var(--db-feedback-warning-fg);margin-bottom:1rem;padding:1rem}.designbase-widget-enroll__notice{border-radius:8px;margin-bottom:1rem;padding:1rem;text-align:center}.designbase-widget-enroll__notice--pending{background:var(--db-feedback-warning-bg);color:var(--db-feedback-warning-fg)}.designbase-widget-enroll__notice--approved{background:var(--db-feedback-success-bg);color:var(--db-feedback-success-fg)}.designbase-widget-enroll__notice--rejected{background:var(--db-feedback-error-bg);color:var(--db-feedback-error-fg)}.designbase-widget-enroll__prerequisites{background:var(--db-bg-secondary);border-radius:8px;margin-bottom:1rem;padding:1rem}.designbase-widget-enroll__prerequisites .designbase-prerequisites-message{color:var(--db-text-muted);font-size:.875rem;margin:0}.designbase-widget-enroll__wishlist-and-share .designbase-share-wrap{display:none;position:relative}.designbase-widget-enroll__wishlist-and-share .designbase-share-wrap.active{display:flex;gap:.25rem}.designbase-widget-enroll__wishlist-and-share .designbase-share-wrap .designbase-social-share{align-items:center;background:none;background:var(--db-bg-secondary);border:none;border-radius:50%;color:var(--db-text-muted);display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.designbase-widget-enroll__wishlist-and-share .designbase-share-wrap .designbase-social-share:hover{background:var(--db-brand-primary);color:var(--db-text-inverse,#fff)}.designbase-widget-enroll__wishlist-and-share .designbase-share-wrap .designbase-social-share .icon{font-size:1rem}.designbase-review-form{background:var(--db-bg-secondary);border-radius:12px;display:none;margin-top:2rem;padding:2rem}.designbase-review-form.active{display:block}.designbase-review-form__add-review{margin-bottom:1.5rem;text-align:center}.designbase-review-form .designbase-review-form-rating{margin-bottom:1rem}.designbase-review-form .designbase-review-form-rating select{border:1px solid var(--db-border-primary);border-radius:6px;font-size:1rem;padding:.75rem;width:100%}.designbase-review-form .designbase-review-form-review{margin-bottom:1.5rem}.designbase-review-form .designbase-review-form-review textarea{border:1px solid var(--db-border-primary);border-radius:6px;font-size:1rem;min-height:120px;padding:.75rem;resize:vertical;width:100%}.designbase-review-form .designbase-review-form-author,.designbase-review-form .designbase-review-form-email{margin-bottom:1rem}.designbase-review-form .designbase-review-form-author label,.designbase-review-form .designbase-review-form-email label{color:var(--db-text-primary);display:block;font-weight:500;margin-bottom:.5rem}.designbase-review-form .designbase-review-form-author input,.designbase-review-form .designbase-review-form-email input{border:1px solid var(--db-border-primary);border-radius:6px;font-size:1rem;padding:.75rem;width:100%}.designbase-review-form .must-log-in{background:var(--db-feedback-info-bg);border:1px solid var(--db-feedback-info-fg);border-radius:8px;color:var(--db-feedback-info-fg);margin-bottom:1rem;padding:1rem;text-align:center}.designbase-password-form-container{background:var(--db-bg-primary);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);margin:4rem auto;max-width:500px;padding:2rem}.designbase-password-form-container .designbase-password-form__label{display:block;margin-bottom:2rem;text-align:center}.designbase-password-form-container .designbase-password-form__label .icon{color:var(--db-text-muted);display:block;font-size:3rem;margin-bottom:1rem}.designbase-password-form-container .designbase-password-form__label .designbase-password-form__heading{color:var(--db-text-primary);display:block;font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.designbase-password-form-container .designbase-password-form__label .designbase-password-form__sub-title{color:var(--db-text-muted);display:block;font-size:1rem}.designbase-password-form-container .designbase-password-form__wrapper .designbase-password-form__title{color:var(--db-text-primary);display:block;font-weight:500;margin-bottom:.5rem}.designbase-password-form-container .designbase-password-form__wrapper .designbase-password-form__input-wrapper{margin-bottom:1.5rem;position:relative}.designbase-password-form-container .designbase-password-form__wrapper .designbase-password-form__input-wrapper .designbase-password-form__input{border:1px solid var(--db-border-primary);border-radius:6px;font-size:1rem;padding:.75rem 3rem .75rem .75rem;width:100%}.designbase-password-form-container .designbase-password-form__wrapper .designbase-password-form__input-wrapper .toggle-password{color:var(--db-text-secondary);cursor:pointer;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .3s ease}.designbase-password-form-container .designbase-password-form__wrapper .designbase-password-form__input-wrapper .toggle-password:hover{color:var(--db-text-primary)}.designbase-password-form-container .designbase-password-form__wrapper .designbase-btn--password-submit{justify-content:center;margin-bottom:1rem;width:100%}.designbase-password-form-container .designbase-password-form__wrapper .designbase-btn--back-to-courses{width:100%}.designbase-password-form-container .designbase-password-form__wrapper .designbase-btn--back-to-courses a{background:var(--db-text-muted);border-radius:6px;box-sizing:border-box;color:#fff;display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-align:center;text-decoration:none;width:100%}.designbase-password-form-container .designbase-password-form__wrapper .designbase-btn--back-to-courses a:hover{filter:brightness(.9)}@media(max-width:767px){.designbase-single-course__content-wrapper{gap:1.5rem}.designbase-single-course__content-item{padding:1.5rem}.designbase-single-course__content-item h2,.designbase-single-course__content-item h3,.designbase-single-course__content-item h4{margin-bottom:1rem}.designbase-widget-enroll__content,.designbase-widget-enroll__head{padding:1rem}.designbase-widget-enroll__content-lists li{padding:.5rem 0}.designbase-accordion__title{padding:.75rem 1rem}.designbase-accordion__body{padding:0}.designbase-lesson-list__item{padding:.75rem}.designbase-lesson-list__item .designbase-entry-content{gap:.5rem}.designbase-lesson-list__item .designbase-entry-content .designbase-entry-title{font-size:.875rem}.designbase-lesson-list__item .designbase-entry-content .designbase-entry-time{font-size:.75rem}}.designbase-section-wrapper{background:var(--db-bg-primary);border-radius:var(--db-radius-xl);margin:var(--db-margin-2xl) 0;padding:var(--db-padding-l)}@media(max-width:767px){.designbase-section-wrapper{background-color:transparent;padding:0}}.designbase-section-title{font-size:20px}.designbase-section-wrapper--description .designbase-course-overview__content{color:var(--db-text-secondary);font-size:1rem;line-height:1.7}.designbase-section-wrapper--description .designbase-course-overview__content>:first-child{margin-top:0}.designbase-section-wrapper--description .designbase-course-overview__content>:last-child{margin-bottom:0}.designbase-section-wrapper--description .designbase-course-overview__block{border-top:1px solid var(--db-border-primary);margin-top:var(--db-margin-l,24px);padding-top:var(--db-padding-l,24px)}.designbase-section-wrapper--description .designbase-course-overview__block-title{color:var(--db-text-primary);font-size:1.125rem;font-weight:700;line-height:1.35;margin:0 0 var(--db-margin-m,16px)}.designbase-section-wrapper--description .designbase-course-overview__checklist{list-style:none;margin:0;padding:0}.designbase-section-wrapper--description .designbase-course-overview__checklist li{align-items:flex-start;display:flex;gap:var(--db-margin-s);margin-bottom:var(--db-margin-xs)}.designbase-section-wrapper--description .designbase-course-overview__checklist li:last-child{margin-bottom:0}.designbase-section-wrapper--description .designbase-course-overview__checklist li .icon,.designbase-section-wrapper--description .designbase-course-overview__checklist li i.icon{color:var(--db-brand-primary)!important;flex:0 0 1.125rem;font-size:1.125rem;height:1.125rem;line-height:1.125rem;margin-top:.2rem;width:1.125rem}.designbase-section-wrapper--description .designbase-course-overview__checklist li .icon:before,.designbase-section-wrapper--description .designbase-course-overview__checklist li i.icon:before{color:inherit;font-size:1.125rem;line-height:1.125rem}.designbase-section-wrapper--description .designbase-course-overview__checklist li span{color:var(--db-text-secondary);flex:1 1 auto;font-size:1rem;line-height:1.6;min-width:0}.designbase-section-wrapper--description .designbase-course-overview__materials-scroller{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.designbase-section-wrapper--description .designbase-course-overview__materials-list{display:flex;flex-wrap:nowrap;gap:var(--db-margin-l);list-style:none;margin:0;min-width:max-content;padding:0}.designbase-section-wrapper--description .designbase-course-overview__materials-card{align-items:center;display:flex;gap:var(--db-margin-s);max-width:300px}.designbase-section-wrapper--description .designbase-course-overview__materials-link{align-items:center;color:inherit;display:flex;gap:var(--db-margin-s);min-width:0;text-decoration:none}.designbase-section-wrapper--description .designbase-course-overview__materials-link:focus-visible,.designbase-section-wrapper--description .designbase-course-overview__materials-link:hover{text-decoration:none}.designbase-section-wrapper--description .designbase-course-overview__materials-link:focus-visible .designbase-course-overview__materials-name,.designbase-section-wrapper--description .designbase-course-overview__materials-link:hover .designbase-course-overview__materials-name{color:var(--db-brand-primary)}.designbase-section-wrapper--description .designbase-course-overview__materials-icon{align-items:center;background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-l);display:inline-flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.designbase-section-wrapper--description .designbase-course-overview__materials-icon .icon{font-size:1.125rem;line-height:1}.designbase-section-wrapper--description .designbase-course-overview__materials-meta{display:flex;flex-direction:column;min-width:0}.designbase-section-wrapper--description .designbase-course-overview__materials-name{color:var(--db-text-primary);display:block;font-size:.9375rem;font-weight:600;line-height:1.45;white-space:normal;word-break:keep-all}.designbase-section-wrapper--description .designbase-course-overview__materials-type{color:var(--db-text-muted);font-size:.75rem;letter-spacing:.02em;margin-top:.125rem}.designbase-section-wrapper--description .designbase-course-overview__preview-gallery-scroller{--designbase-preview-gallery-bleed:var(--db-padding-l,32px);cursor:grab;margin-right:calc(var(--designbase-preview-gallery-bleed)*-1);overflow:hidden;overscroll-behavior-x:contain;padding:2px 0 .5rem;scrollbar-width:none;touch-action:pan-y;width:calc(100% + var(--designbase-preview-gallery-bleed));-ms-overflow-style:none}@media(max-width:767px){.designbase-section-wrapper--description .designbase-course-overview__preview-gallery-scroller{--designbase-preview-gallery-bleed:0px}}.designbase-section-wrapper--description .designbase-course-overview__preview-gallery-scroller.is-dragging{cursor:grabbing;user-select:none}.designbase-section-wrapper--description .designbase-course-overview__preview-gallery-scroller:focus-visible{border-radius:var(--db-radius-s,8px);outline:2px solid var(--db-brand-primary);outline-offset:4px}.designbase-section-wrapper--description .designbase-course-overview__preview-gallery-list{box-sizing:content-box;display:flex;height:100%;list-style:none;margin:0;padding:0;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.designbase-section-wrapper--description .designbase-course-overview__preview-gallery-card{background:var(--db-bg-secondary);border:1px solid var(--db-border-primary);border-radius:var(--db-radius-m,10px);display:block;flex:0 0 clamp(220px,30vw,360px);height:100%;overflow:hidden;position:relative;transition-property:transform;width:100%}.designbase-section-wrapper--description .designbase-course-overview__preview-gallery-card a{display:block;line-height:0}.designbase-section-wrapper--description .designbase-course-overview__preview-gallery-card:hover .designbase-course-overview__preview-gallery-image{transform:scale(1.025)}.designbase-section-wrapper--description .designbase-course-overview__preview-gallery-image{aspect-ratio:16/10;display:block;object-fit:cover;transition:transform .25s ease;width:100%}.designbase-summary-item{align-items:center;display:flex;justify-content:space-between}.designbase-summary-item--badges{border-bottom:none;flex-wrap:wrap;gap:.5rem}.designbase-summary-item--rating .designbase-summary-item__value{align-items:center;display:flex;gap:.5rem}.designbase-summary-item__label{color:var(--db-text-secondary);font-size:.875rem;font-weight:500}.designbase-summary-item__value{color:var(--db-text-primary);font-size:1rem;font-weight:600}.designbase-summary-item__rating-text{color:var(--db-text-secondary);font-size:.875rem;font-weight:400}.designbase-summary-item__seats-unlimited{font-size:1.25rem;font-weight:600;line-height:1}.designbase-summary-meta--stack-end{align-items:flex-end;border:1px solid var(--db-border-primary);border-radius:var(--db-radius-xl);display:flex;flex-direction:row;gap:0;margin-bottom:var(--db-margin-l);padding:var(--db-padding-m);width:100%}.designbase-summary-meta--stack-end .designbase-summary-item{align-items:center;display:flex;flex:1;flex-direction:column;gap:4px;justify-content:center;max-width:100%;text-align:center;width:auto}.designbase-summary-meta--stack-end .designbase-summary-item--rating .designbase-summary-item__value{align-items:center;display:flex;flex-wrap:wrap;gap:var(--db-margin-s);justify-content:flex-end}.designbase-summary-meta--stack-end .designbase-summary-item--rating .designbase-summary-item__value .icon-star-filled{font-size:16px}.designbase-summary-meta--stack-end .designbase-summary-item__label{font-size:.8125rem}.designbase-summary-item--badges+.designbase-summary-meta--stack-end{margin-top:var(--db-margin-m,16px)}.designbase-section-wrapper--instructor .designbase-single-course-instructor__list{display:flex;flex-direction:column;gap:var(--db-margin-m,16px)}.designbase-course-action{align-items:center;display:flex;gap:16px;justify-content:space-between}.designbase-course-action-disabled{position:relative;width:100%}.designbase-course-action-disabled__tooltip{background:var(--db-bg-primary,#fff);border:1px solid var(--db-border-primary,#e2e8f0);border-radius:var(--db-radius-s,8px);color:var(--db-text-tertiary,#8b95a1);display:block;font-size:13px;font-weight:400;line-height:1.5;margin:0 0 var(--db-margin-s,8px);padding:10px 12px;text-align:center}.designbase-course-action-disabled .button[disabled]{cursor:not-allowed;opacity:.5}.designbase-update{align-items:center;color:var(--db-text-secondary);display:flex;font-size:14px;justify-content:center;margin-top:var(--db-margin-l)}.designbase-summary-item--badges .designbase-course-access{align-items:center;display:inline-flex;gap:6px}.designbase-summary-item--badges .designbase-course-access__tooltip-wrap{align-items:center;display:inline-flex;overflow:visible;position:relative}.designbase-course-access--summary,.designbase-summary-item--badges{overflow:visible}.designbase-summary-item--badges .designbase-course-access__tooltip-trigger{align-items:center;background:var(--db-bg-primary,#fff);border:1px solid var(--db-border-primary,#cfd8e3);border-radius:999px;color:var(--db-text-secondary,#5b6472);cursor:help;display:inline-flex;font-size:12px;font-weight:700;height:20px;justify-content:center;line-height:1;padding:0;width:20px}.designbase-summary-item--badges .designbase-course-access__tooltip{background:rgba(17,24,39,.92);border-radius:8px;bottom:calc(100% + 8px);box-sizing:border-box;color:#fff;font-size:12px;font-weight:500;left:50%;line-height:1.35;max-width:min(280px,100vw - 32px);min-width:140px;opacity:0;overflow-wrap:anywhere;padding:8px 10px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .15s ease;visibility:hidden;white-space:normal;width:max-content;word-break:keep-all;z-index:20}.designbase-summary-item--badges .designbase-course-access__tooltip:after{border:5px solid transparent;border-top-color:rgba(17,24,39,.92);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.designbase-summary-item--badges .designbase-course-access__tooltip-wrap:focus-within .designbase-course-access__tooltip,.designbase-summary-item--badges .designbase-course-access__tooltip-wrap:hover .designbase-course-access__tooltip{opacity:1;visibility:visible}.designbase-summary-item--badges .designbase-summary-price{display:flex;flex-direction:column;gap:6px}.designbase-summary-item--badges .designbase-summary-price__row{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px}.designbase-summary-item--badges .designbase-summary-price__sale{color:var(--db-text-primary,#161c23);font-size:36px;font-weight:800;letter-spacing:-.02em;line-height:1.15}.designbase-summary-item--badges .designbase-summary-price__regular{color:var(--db-text-muted,#6f7786);font-size:18px;line-height:1.3}.designbase-summary-item--badges .designbase-summary-price__discount{background:none;border-radius:0;color:var(--db-text-secondary,#4b5563);display:inline;font-size:13px;font-weight:var(--db-weight-semibold,600);line-height:var(--db-leading-snug,1.3);padding:0}.designbase-summary-item--badges .designbase-summary-price__period{color:var(--db-text-secondary,#4b5563);font-size:13px;line-height:1.4}.designbase-instructor-card{align-items:flex-start;display:flex;gap:1rem;width:100%}.designbase-instructor-card__avatar{border-radius:50%;flex-shrink:0;height:60px;overflow:hidden;width:60px}.designbase-instructor-card__avatar a{display:block;height:100%;line-height:0;width:100%}.designbase-instructor-card__avatar img{height:100%;object-fit:cover;width:100%}.designbase-instructor-card__info{flex:1;min-width:0}.designbase-instructor-card__name{color:var(--db-text-primary);font-size:var(--db-text-base);margin:0}.designbase-instructor-card__rating{align-items:center;display:flex;flex-wrap:wrap;gap:var(--db-margin-s);margin-top:.25rem}.designbase-instructor-card__rating .icon{color:var(--db-feedback-warning-fg)}.designbase-instructor-card__rating-text{color:var(--db-text-secondary);font-size:.875rem}.designbase-instructor-card__bio p{color:var(--db-text-secondary);font-size:var(--db-text-s);line-height:1.5;margin:0 0 var(--db-margin-s)}.designbase-instructor-card__bio p:last-child{margin-bottom:0}.designbase-instructor-card .designbase-author-info__social-links--embedded{justify-content:flex-start;margin-top:var(--db-margin-s)}.designbase-instructor-card .designbase-author-info__social-links-lists{justify-content:flex-start}.designbase-instructor-card__actions{align-self:flex-start;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-left:auto}.designbase-instructor-card__profile-btn{text-decoration:none;white-space:nowrap}@media(max-width:767px){.designbase-instructor-card{align-items:center;flex-direction:column;flex-wrap:wrap}.designbase-instructor-card__info{text-align:center}.designbase-instructor-card__actions{justify-content:center;width:100%}}.designbase-widget-enroll__wishlist-and-share{display:flex;gap:.75rem;margin:2rem 0;padding:0}@media(max-width:767px){.designbase-widget-enroll__wishlist-and-share{padding:0 1rem}}.designbase-widget-enroll__wishlist-and-share .designbase-btn{flex:1;justify-content:center}.designbase-widget-enroll__wishlist-and-share--icon-only .button.tertiary.medium,.designbase-widget-enroll__wishlist-and-share--icon-only .designbase-btn{align-items:center;aspect-ratio:1;box-sizing:border-box;display:inline-flex;flex:0 0 44px;height:44px;justify-content:center;line-height:1!important;max-height:44px;max-width:44px;min-height:44px;min-width:44px;padding:0!important;width:44px}.designbase-widget-enroll__wishlist-and-share--icon-only .button.tertiary.medium .icon,.designbase-widget-enroll__wishlist-and-share--icon-only .button.tertiary.medium i,.designbase-widget-enroll__wishlist-and-share--icon-only .button.tertiary.medium i.icon,.designbase-widget-enroll__wishlist-and-share--icon-only .designbase-btn .icon,.designbase-widget-enroll__wishlist-and-share--icon-only .designbase-btn i,.designbase-widget-enroll__wishlist-and-share--icon-only .designbase-btn i.icon{color:var(--db-text-primary);filter:none!important;font-size:1.125rem;line-height:1;margin:0;opacity:1}.designbase-widget-enroll__wishlist-and-share--icon-only:not(.designbase-widget-enroll__wishlist-and-share--title){justify-content:center}.designbase-widget-enroll__wishlist-and-share--title.designbase-widget-enroll__wishlist-and-share--icon-only{align-self:flex-start;gap:0;margin:0}@media(max-width:767px){.designbase-widget-enroll__wishlist-and-share--title.designbase-widget-enroll__wishlist-and-share--icon-only{padding:0}}.designbase-widget-enroll__wishlist-and-share--title.designbase-widget-enroll__wishlist-and-share--icon-only .button.tertiary.medium,.designbase-widget-enroll__wishlist-and-share--title.designbase-widget-enroll__wishlist-and-share--icon-only .designbase-btn{flex:0 0 36px;height:36px;max-height:36px;max-width:36px;min-height:36px;min-width:36px;width:36px}.designbase-widget-enroll__wishlist-and-share--title.designbase-widget-enroll__wishlist-and-share--icon-only .button.tertiary.medium .icon,.designbase-widget-enroll__wishlist-and-share--title.designbase-widget-enroll__wishlist-and-share--icon-only .button.tertiary.medium i,.designbase-widget-enroll__wishlist-and-share--title.designbase-widget-enroll__wishlist-and-share--icon-only .button.tertiary.medium i.icon,.designbase-widget-enroll__wishlist-and-share--title.designbase-widget-enroll__wishlist-and-share--icon-only .designbase-btn .icon,.designbase-widget-enroll__wishlist-and-share--title.designbase-widget-enroll__wishlist-and-share--icon-only .designbase-btn i,.designbase-widget-enroll__wishlist-and-share--title.designbase-widget-enroll__wishlist-and-share--icon-only .designbase-btn i.icon{font-size:1rem}.designbase-single-course__content-item{background:var(--db-bg-primary);border:1px solid var(--db-border-primary);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:3rem;padding:2rem}@media(max-width:767px){.designbase-single-course__content-item{margin-bottom:2rem;margin-left:1rem;margin-right:1rem;padding:1.5rem}}.designbase-single-course__content-item--reviews{border-radius:var(--db-radius-xl);box-shadow:none;margin:var(--db-margin-l) 0;padding:var(--db-padding-l)}.designbase-membership-success-msg{color:var(--db-feedback-success-fg,#2e7d32);font-size:.9em;font-weight:600;margin-bottom:.5rem}.designbase-membership-card{background:var(--db-bg-secondary);border-color:var(--db-border-primary);padding:var(--db-padding-m)}.designbase-membership-card__content{margin-bottom:.75rem}.designbase-membership-card__title{color:var(--db-text-primary);display:block;font-weight:600;margin-bottom:.25rem}.designbase-membership-card__desc{color:var(--db-text-secondary);display:block;font-size:.9em;line-height:1.4}.designbase-summary-item--action{align-items:center;display:flex;gap:0}.designbase-summary-action-buttons{flex:1;min-width:200px}.designbase-summary-action-buttons .button{justify-content:center;width:100%}.designbase-summary-action-buttons .button.button primary medium{background:var(--db-brand-primary)!important;border-color:var(--db-brand-primary)!important;color:var(--db-text-inverse,#fff)!important}.designbase-summary-action-buttons .button.button primary medium .button__label{color:var(--db-text-inverse,#fff)!important}.designbase-summary-item--action .designbase-course__wishlist{background:var(--db-bg-primary);border:1px solid var(--db-brand-primary);color:var(--db-brand-primary)}.designbase-summary-item--action .designbase-course__wishlist .icon,.designbase-summary-item--action .designbase-course__wishlist i{color:inherit}.designbase-summary-item--action .designbase-course__wishlist:hover{background:var(--db-brand-primary);border-color:var(--db-brand-primary);color:var(--db-text-inverse,#fff)}.designbase-summary-pending-banner{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin:0 0 12px;padding:12px 14px}.designbase-summary-pending-banner__title{color:#1d4ed8;display:block;font-size:13px;font-weight:700;margin-bottom:4px}.designbase-summary-pending-banner__text{color:#1e3a8a;font-size:13px;line-height:1.45;margin:0}