main.svelte-pwtn6z{width:100%;max-width:1150px;margin:0 auto;padding:25px;display:flex;flex-direction:column;gap:20px;background:#e6e6e6;box-shadow:0 0 0 100vmax #e6e6e6;clip-path:inset(0 -100vmax)}.container.svelte-pwtn6z{display:flex}.container.svelte-pwtn6z .selector:where(.svelte-pwtn6z){padding:10px;width:250px}.container.svelte-pwtn6z .selector:where(.svelte-pwtn6z) h1:where(.svelte-pwtn6z){font-size:1.3em;margin-bottom:10px;font-weight:400}.container.svelte-pwtn6z .selector:where(.svelte-pwtn6z) ul:where(.svelte-pwtn6z){list-style:none;display:flex;flex-direction:column;gap:5px}.container.svelte-pwtn6z .selector:where(.svelte-pwtn6z) ul:where(.svelte-pwtn6z) li.active:where(.svelte-pwtn6z){list-style:initial;color:red}.container.svelte-pwtn6z .lessons-container:where(.svelte-pwtn6z){width:-moz-available;width:-webkit-fill-available;width:stretch}.container.svelte-pwtn6z .lessons-wrapper:where(.svelte-pwtn6z){display:grid;grid-template-columns:repeat(auto-fit,275px);width:100%;gap:10px;justify-content:center;margin-bottom:20px}.container.svelte-pwtn6z .end-reached:where(.svelte-pwtn6z){display:flex;justify-content:center;align-items:center}.container.svelte-pwtn6z .end-reached:where(.svelte-pwtn6z) p:where(.svelte-pwtn6z){text-align:center;color:#b4b4b4}.container.svelte-pwtn6z .end-reached:where(.svelte-pwtn6z) button:where(.svelte-pwtn6z){padding:10px 15px;cursor:pointer;border:none;background:#ff4141;color:#fff;font-size:1em;border-radius:5px}@media (width <= 850px){main.svelte-pwtn6z>.container:where(.svelte-pwtn6z){flex-direction:column;align-items:center}main.svelte-pwtn6z>.container:where(.svelte-pwtn6z) .selector:where(.svelte-pwtn6z){width:auto}main.svelte-pwtn6z>.container:where(.svelte-pwtn6z) .selector:where(.svelte-pwtn6z) h1:where(.svelte-pwtn6z){text-align:center;font-size:2.6em}main.svelte-pwtn6z>.container:where(.svelte-pwtn6z) .selector:where(.svelte-pwtn6z) ul:where(.svelte-pwtn6z){flex-direction:row;flex-wrap:wrap;justify-content:center}main.svelte-pwtn6z>.container:where(.svelte-pwtn6z) .selector:where(.svelte-pwtn6z) ul:where(.svelte-pwtn6z) li:where(.svelte-pwtn6z){padding:10px}main.svelte-pwtn6z>.container:where(.svelte-pwtn6z) .selector:where(.svelte-pwtn6z) ul:where(.svelte-pwtn6z) li.active:where(.svelte-pwtn6z){list-style:none;border:1px solid red}}
