.checkable-accordion.svelte-1aq6k5b{--summary-bg:var(--color-background);--label-line-height:calc(var(--font-size-3) * 1.5);border-top:1px solid var(--color-surface03);border-bottom:1px solid var(--color-surface03);grid-template-columns:auto 1fr;width:100%;display:grid}.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){grid-template-rows:subgrid;grid-row:span 2;width:100%;display:grid}.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){align-items:flex-start;gap:var(--grid-gutter);width:100%;padding:var(--space-unit);padding-right:calc(var(--space-unit) * 2);cursor:pointer;display:flex;position:relative}.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){gap:var(--space-unit);height:var(--label-line-height);flex-wrap:wrap;align-items:center;margin-left:auto;display:flex}.checkable-accordion.svelte-1aq6k5b details:where(.svelte-1aq6k5b) summary:where(.svelte-1aq6k5b) .chevron:where(.svelte-1aq6k5b){font-size:var(--font-size-3);justify-self:flex-end;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);margin-right:var(--space-unit);display:inline-flex}.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){height:var(--label-line-height);align-items:center;display:flex}.lesson-accordion--ghost-loading.svelte-1h3lgmt{height:calc(var(--space-unit) * 5.5);margin-bottom:calc(var(--space-unit) * 1.5);display:block}.lesson-header.svelte-1h3lgmt{margin-bottom:calc(var(--space-unit) * 5)}.lesson-header.svelte-1h3lgmt .tags-container:where(.svelte-1h3lgmt){gap:var(--space-unit);padding-bottom:var(--space-unit);align-items:center;display:flex}.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){width:100%;height:var(--border-size-large);background-color:var(--color-disabled01);appearance:none;border:none;display:block}.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{background-color:var(--color-primary01);border-radius:var(--border-radius)}.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){margin-top:calc(var(--space-unit) / 2);justify-content:space-between;display:flex}.lesson-contents.svelte-1h3lgmt{margin:0;padding:0;list-style:none}.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){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;align-items:center;display:flex;position:relative}.lesson-contents.svelte-1h3lgmt .content-header:where(.svelte-1h3lgmt):before{content:"";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);position:absolute;top:0;left:0}.lesson-contents.svelte-1h3lgmt .content-description ul{margin:var(--grid-gutter) 0;padding-left:calc(var(--space-unit) * 4);list-style:outside}.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);margin-right:var(--space-unit);display:inline-flex}.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{justify-content:center;align-items: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;text-transform:uppercase;white-space:nowrap;outline:none;line-height:1;text-decoration:none;display:inline-flex}.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)}