.lesson-teaser.svelte-jd1jrk{text-align:left;background:none;border:none;color:inherit;display:grid;grid-template-columns:calc(9.125 * var(--size)) 1fr;grid-template-rows:min-content 1fr min-content;grid-template-areas:"img title" "img footer" "big big";gap:0 calc(.625 * var(--size));justify-items:start;align-items:start;width:100%}.lesson-teaser.is-link.svelte-jd1jrk{text-decoration:none}@media(min-width:1500px){.lesson-teaser.svelte-jd1jrk:not(.in-lesson){gap:0 calc(1.875 * var(--size));grid-template-columns:calc(19.25 * var(--size)) 1fr}}@media(min-width:1500px){.lesson-teaser.svelte-jd1jrk:not(.in-lesson) .duration:where(.svelte-jd1jrk){font-size:calc(1.125 * var(--size));padding:calc(.3125 * var(--size)) calc(.75 * var(--size))}}@media(min-width:1500px){.lesson-teaser.svelte-jd1jrk:not(.in-lesson) .title:where(.svelte-jd1jrk){padding-bottom:calc(.875 * var(--size))}}@media(min-width:1500px){.lesson-teaser.svelte-jd1jrk:not(.in-lesson) .ma:where(.svelte-jd1jrk){font-size:calc(1.8125 * var(--size))}}@media(min-width:1500px){.lesson-teaser.svelte-jd1jrk:not(.in-lesson) .index:where(.svelte-jd1jrk){font-size:calc(1.5 * var(--size))}}@media(min-width:1500px){.lesson-teaser.svelte-jd1jrk:not(.in-lesson) .description-wrapper:where(.svelte-jd1jrk){grid-area:footer}}@media(min-width:1500px){.lesson-teaser.svelte-jd1jrk:not(.in-lesson) .description:where(.svelte-jd1jrk){grid-area:footer}}.thumbnail.svelte-jd1jrk{width:100%;aspect-ratio:16/9;position:relative;background-color:var(--color-background-dark);overflow:hidden;grid-area:img}.thumbnail-img.svelte-jd1jrk{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.duration.svelte-jd1jrk{position:absolute;bottom:calc(.25 * var(--size));right:calc(.25 * var(--size));background-color:#000000b3;color:#fff;font-size:calc(.75 * var(--size));padding:calc(.125 * var(--size)) calc(.375 * var(--size));border-radius:calc(.125 * var(--size));font-weight:500;z-index:2}.progress.svelte-jd1jrk{position:absolute;left:0;right:0;bottom:0;height:calc(.25 * var(--size));background:transparent;z-index:1}.progress-bar.svelte-jd1jrk{height:100%;background-color:#c12424;width:0%}.content.svelte-jd1jrk{position:relative;padding-bottom:0;grid-area:title}.title.svelte-jd1jrk{font-size:calc(1 * var(--size));font-weight:400;line-height:1;color:var(--color-text-primary);margin:0;padding-bottom:calc(.625 * var(--size))}.title-link.svelte-jd1jrk{color:inherit;text-decoration:none}.thumbnail-link.svelte-jd1jrk{display:block}.index.svelte-jd1jrk{margin-right:0}.ma.svelte-jd1jrk{font-size:calc(1.125 * var(--size));display:block;font-weight:700;margin-top:calc(.5 * var(--size))}.description.svelte-jd1jrk{font-size:calc(1.125 * var(--size));line-height:1.2;color:var(--color-text-light);grid-area:big;margin:0;padding-top:calc(1 * var(--size))}.trigger.svelte-jd1jrk{display:flex;align-items:center;gap:calc(.5 * var(--size));cursor:pointer;font-size:calc(1 * var(--size));opacity:.8;transition:opacity .2s;color:var(--color-text-secondary)}.trigger.svelte-jd1jrk:hover{opacity:1}.trigger.svelte-jd1jrk .arrow:where(.svelte-jd1jrk){display:flex;align-items:center;transition:transform .3s ease}.trigger.svelte-jd1jrk .arrow.open:where(.svelte-jd1jrk){transform:rotate(180deg)}.trigger.trigger-static.svelte-jd1jrk{cursor:default;font-weight:400;opacity:1;pointer-events:none;color:var(--color-text-primary)}.description-wrapper.svelte-jd1jrk{overflow:hidden;grid-area:big;align-self:start}