.checkable-accordion.svelte-1aq6k5b{--summary-bg: var(--color-background);--label-line-height: calc(var(--font-size-3) * 1.5);display:grid;grid-template-columns:auto 1fr;width:100%;border-top:1px solid var(--color-surface03);border-bottom:1px solid var(--color-surface03)}.checkable-accordion.svelte-1aq6k5b+.checkable-accordion{border-top:none}.checkable-accordion.svelte-1aq6k5b:last-child{border-bottom:none}.checkable-accordion.svelte-1aq6k5b.checked{--summary-bg: var(--color-primary02)}.checkable-accordion.svelte-1aq6k5b.open>.checkbox-wrapper:where(.svelte-1aq6k5b){border-bottom:1px solid var(--color-surface03)}.checkable-accordion.svelte-1aq6k5b .checkbox-wrapper:where(.svelte-1aq6k5b){padding:var(--space-unit)}.checkable-accordion.svelte-1aq6k5b details:where(.svelte-1aq6k5b){display:grid;grid-template-rows:subgrid;grid-row:span 2;width:100%}.checkable-accordion.svelte-1aq6k5b details:where(.svelte-1aq6k5b)[open] summary:where(.svelte-1aq6k5b){border-bottom:1px solid var(--color-surface03)}.checkable-accordion.svelte-1aq6k5b details:where(.svelte-1aq6k5b) summary:where(.svelte-1aq6k5b){position:relative;display:flex;align-items:flex-start;gap:var(--grid-gutter);width:100%;padding:var(--space-unit);padding-right:calc(var(--space-unit) * 2);cursor:pointer}.checkable-accordion.svelte-1aq6k5b details:where(.svelte-1aq6k5b) summary:where(.svelte-1aq6k5b)::-webkit-details-marker{display:none}.checkable-accordion.svelte-1aq6k5b details:where(.svelte-1aq6k5b) summary:where(.svelte-1aq6k5b):focus-visible{z-index:1}.checkable-accordion.svelte-1aq6k5b details:where(.svelte-1aq6k5b) summary:where(.svelte-1aq6k5b) .label:where(.svelte-1aq6k5b){font-size:var(--font-size-3);line-height:1.5}.checkable-accordion.svelte-1aq6k5b details:where(.svelte-1aq6k5b) summary:where(.svelte-1aq6k5b) .tags:where(.svelte-1aq6k5b){display:flex;gap:var(--space-unit);align-items:center;flex-wrap:wrap;height:var(--label-line-height);margin-left:auto}.checkable-accordion.svelte-1aq6k5b details:where(.svelte-1aq6k5b) summary:where(.svelte-1aq6k5b) .chevron:where(.svelte-1aq6k5b){justify-self:flex-end;font-size:var(--font-size-3);line-height:1.5}.checkable-accordion.svelte-1aq6k5b details:where(.svelte-1aq6k5b) .content:where(.svelte-1aq6k5b){padding:var(--space-unit) calc(var(--space-unit) * 2) var(--space-unit) var(--space-unit)}.checkable-accordion.svelte-1aq6k5b details:where(.svelte-1aq6k5b) .content:where(.svelte-1aq6k5b) ul{padding-left:0;list-style-position:inside}.checkable-accordion.svelte-1aq6k5b details:where(.svelte-1aq6k5b) .content:where(.svelte-1aq6k5b) p{margin:var(--space-unit) 0}.checkable-accordion.svelte-1aq6k5b details:where(.svelte-1aq6k5b) .content:where(.svelte-1aq6k5b) z-icon{--z-icon-width: calc(var(--space-unit) * 2.25);--z-icon-height: calc(var(--space-unit) * 2.25);display:inline-flex;margin-right:var(--space-unit)}.checkable-accordion.svelte-1aq6k5b .checkbox-wrapper:where(.svelte-1aq6k5b),.checkable-accordion.svelte-1aq6k5b summary:where(.svelte-1aq6k5b){background-color:var(--summary-bg)}.checkable-accordion.svelte-1aq6k5b .align-first-line:where(.svelte-1aq6k5b){display:flex;align-items:center;height:var(--label-line-height)}.lesson-accordion--ghost-loading.svelte-1h3lgmt{display:block;height:calc(var(--space-unit) * 5.5);margin-bottom:calc(var(--space-unit) * 1.5)}.lesson-header.svelte-1h3lgmt{margin-bottom:calc(var(--space-unit) * 5)}.lesson-header.svelte-1h3lgmt .tags-container:where(.svelte-1h3lgmt){display:flex;gap:var(--space-unit);align-items:center;padding-bottom:var(--space-unit)}.lesson-header.svelte-1h3lgmt .lesson-title:where(.svelte-1h3lgmt){margin-top:0;margin-bottom:calc(var(--space-unit) * 2)}.lesson-header.svelte-1h3lgmt .progress-container:where(.svelte-1h3lgmt) progress:where(.svelte-1h3lgmt){display:block;width:100%;height:var(--border-size-large);border:none;background-color:var(--color-disabled01);-webkit-appearance:none;-moz-appearance:none;appearance:none}.lesson-header.svelte-1h3lgmt .progress-container:where(.svelte-1h3lgmt) progress:where(.svelte-1h3lgmt)::-webkit-progress-bar{background-color:var(--color-disabled01);border-radius:var(--border-radius)}.lesson-header.svelte-1h3lgmt .progress-container:where(.svelte-1h3lgmt) progress:where(.svelte-1h3lgmt)::-webkit-progress-value,.lesson-header.svelte-1h3lgmt .progress-container:where(.svelte-1h3lgmt) progress:where(.svelte-1h3lgmt)::-moz-progress-bar{background-color:var(--color-primary01);border-radius:var(--border-radius)}.lesson-header.svelte-1h3lgmt .progress-container:where(.svelte-1h3lgmt) .progress-info:where(.svelte-1h3lgmt){display:flex;justify-content:space-between;margin-top:calc(var(--space-unit) / 2)}.lesson-contents.svelte-1h3lgmt{list-style:none;padding:0;margin:0}.lesson-contents.svelte-1h3lgmt>li:where(.svelte-1h3lgmt):not(:first-child){margin-top:calc(var(--space-unit) * 1.5)}.lesson-contents.svelte-1h3lgmt li:where(.svelte-1h3lgmt)>z-accordion:where(.svelte-1h3lgmt){--z-accordion-highlight-color: var(--color-primary01)}.lesson-contents.svelte-1h3lgmt li:where(.svelte-1h3lgmt)>z-accordion:where(.svelte-1h3lgmt)::part(content){padding:0;padding-left:var(--space-unit);border-bottom-right-radius:calc(var(--border-radius) - var(--border-size-small));border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small))}.lesson-contents.svelte-1h3lgmt li:where(.svelte-1h3lgmt)>z-accordion:where(.svelte-1h3lgmt) .checkable-accordion:last-child:not(.open) :is(details,summary),.lesson-contents.svelte-1h3lgmt li:where(.svelte-1h3lgmt)>z-accordion:where(.svelte-1h3lgmt) .checkable-accordion.open:last-child article{border-bottom-right-radius:calc(var(--border-radius) - var(--border-size-small))}.lesson-contents.svelte-1h3lgmt .content-header:where(.svelte-1h3lgmt){position:relative;display:flex;align-items:center;min-height:calc(var(--space-unit) * 5.5);padding:var(--space-unit) calc(var(--space-unit) * 2);margin-bottom:calc(var(--space-unit) * 1.5);border-radius:var(--border-radius);border:var(--border-size-small) solid var(--color-surface03);text-transform:uppercase}.lesson-contents.svelte-1h3lgmt .content-header:where(.svelte-1h3lgmt):before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--space-unit);border-top-left-radius:calc(var(--border-radius) - var(--border-size-small));border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small));background-color:var(--color-primary01)}.lesson-contents.svelte-1h3lgmt .content-description ul{margin:var(--grid-gutter) 0;padding-left:calc(var(--space-unit) * 4);list-style:disc}.lesson-contents.svelte-1h3lgmt .content-description ul:first-child{margin-top:0}.lesson-contents.svelte-1h3lgmt .content-description ul:last-child{margin-bottom:0}.lesson-contents.svelte-1h3lgmt .content-description p{margin:calc(var(--space-unit) * 1.5) 0}.lesson-contents.svelte-1h3lgmt .content-description p:first-child{margin-top:0}.lesson-contents.svelte-1h3lgmt .content-description p:last-child{margin-bottom:0}.lesson-contents.svelte-1h3lgmt .content-description strong{font-weight:var(--font-sb)}.lesson-contents.svelte-1h3lgmt .content-description z-icon{--z-icon-width: calc(var(--space-unit) * 2.25);--z-icon-height: calc(var(--space-unit) * 2.25);display:inline-flex;margin-right:var(--space-unit)}.lesson-contents.svelte-1h3lgmt .single-content:where(.svelte-1h3lgmt) .content-description:where(.svelte-1h3lgmt){padding-bottom:calc(var(--space-unit) * 2.5)}.lesson-contents.svelte-1h3lgmt .single-content:where(.svelte-1h3lgmt) .content-description:where(.svelte-1h3lgmt) a:last-child{display:inline-flex;align-items:center;justify-content:center;column-gap:var(--space-unit);min-width:36px;height:36px;padding:0 calc(var(--space-unit) * 2);background-color:var(--color-button-secondary);border:var(--border-size-medium) solid var(--color-primary01);border-radius:var(--border-radius);box-shadow:var(--shadow-2);color:var(--color-primary01);cursor:pointer;fill:currentcolor;font-size:14px;font-weight:var(--font-sb);letter-spacing:.3px;line-height:1;outline:none;text-decoration:none;text-transform:uppercase;white-space:nowrap}.lesson-contents.svelte-1h3lgmt .single-content:where(.svelte-1h3lgmt) .content-description:where(.svelte-1h3lgmt) a:last-child:hover{border-color:var(--color-hover-primary);background-color:var(--color-button-secondary);color:var(--color-hover-primary)}.lesson-contents.svelte-1h3lgmt .single-content:where(.svelte-1h3lgmt) .content-description:where(.svelte-1h3lgmt) a:last-child:active{border-color:var(--color-pressed-primary);background-color:var(--color-button-secondary);color:var(--color-pressed-primary)}