@import "https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;700&display=swap";.grid-container.svelte-o4vgng{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5em;padding:1.5em;display:grid}.empty-state.svelte-o4vgng{text-align:center;color:#444;grid-column:1/-1;padding:3em 1em}.card-slot.svelte-o4vgng{aspect-ratio:16/9;z-index:1;position:relative}.card-slot.svelte-o4vgng:hover{z-index:30}.card.svelte-o4vgng{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);--origin-x:50%;--origin-y:50%;--row-lift:0%;transform-origin:var(--origin-x) var(--origin-y);will-change:transform;color:inherit;background-color:#ffffff8c;border-radius:1em;flex-direction:column;text-decoration:none;transition:transform .28s cubic-bezier(.25,.8,.25,1),box-shadow .28s;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden;box-shadow:0 .35em 1.2em #0000001a}.card-link.svelte-o4vgng{z-index:1;position:absolute;inset:0}.card-slot.svelte-o4vgng:hover .card:where(.svelte-o4vgng){transform:scale(1.25) translateY(var(--row-lift));box-shadow:0 1.5em 3em #00000059}.card-slot.first-col .card.svelte-o4vgng{--origin-x:0%}.card-slot.last-col .card.svelte-o4vgng{--origin-x:100%}.card-slot.last-row .card.svelte-o4vgng{--origin-y:100%;--row-lift:-15%}.thumb-wrapper.svelte-o4vgng{aspect-ratio:16/9;background:#e5e5e5;flex-shrink:0;width:100%;position:relative;overflow:hidden}.thumb-wrapper.svelte-o4vgng img:where(.svelte-o4vgng){object-fit:cover;width:100%;height:100%;display:block}.thumb-wrapper.svelte-o4vgng .device-collection{padding:.6em;position:absolute;inset:0}.thumb-title.svelte-o4vgng{text-align:center;text-shadow:0 .1em .3em #fffefe66;justify-content:center;align-items:center;padding:.6em .8em;font-size:1.1em;font-weight:700;display:flex;position:absolute;inset:auto 0 0}.arrow-button.svelte-o4vgng{z-index:2;color:#333;border-radius:.6em;flex-shrink:0;justify-content:center;align-items:center;width:1.75em;height:1.75em;transition:transform .15s;display:inline-flex;position:relative}.arrow-button.svelte-o4vgng:hover{transform:translateY(-.1em)}.card-body.svelte-o4vgng{opacity:0;flex-direction:column;max-height:0;padding:0 1.2em;transition:max-height .32s,opacity .22s,padding .32s;display:flex;overflow:hidden}.footer-row.svelte-o4vgng{justify-content:space-between;align-items:center;margin-top:.3em;display:flex}.card-slot.svelte-o4vgng:hover .card-body:where(.svelte-o4vgng){opacity:1;max-height:320px;padding:1em 1.2em 1.2em;transition-delay:50ms}.card-body.svelte-o4vgng h3:where(.svelte-o4vgng){color:var(--color-text);margin:0 0 .3em;font-size:1.15em;font-weight:700}.card-body.svelte-o4vgng p:where(.svelte-o4vgng){color:var(--color-text);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.92em;line-height:1.4em;display:-webkit-box;overflow:hidden}@media (hover:none),(pointer:coarse){.card-slot.svelte-o4vgng:hover{z-index:1}.card.svelte-o4vgng{position:static;transform:none!important;box-shadow:0 .35em 1.2em #0000001a!important}.card-slot.svelte-o4vgng{aspect-ratio:auto}.card-body.svelte-o4vgng{opacity:1;max-height:none;padding:1em 1.2em 1.2em}}.button-content.svelte-1t5156{justify-content:center;align-items:center;gap:8px;width:75px;margin-left:8px;margin-right:8px;display:flex}.left-column.svelte-1t5156{flex-direction:column;justify-content:center;align-items:end;display:flex}.if.svelte-1t5156{font-size:24px;line-height:1}.teacher.svelte-1t5156{font-size:14px;line-height:.9}.course-id.svelte-1t5156{opacity:.8;align-items:center;font-size:51px;font-weight:700;line-height:1;display:flex}button.svelte-1t5156:hover .course-id:where(.svelte-1t5156),.course-id[data-active=true].svelte-1t5156{color:var(--color-theme-1);opacity:.8;transition:color .3s,opacity .3s}button.svelte-1t5156:hover:not(.active) .course-id:where(.svelte-1t5156){color:var(--color-theme-1);opacity:.7;transition:color .3s,opacity .3s}button.svelte-1t5156:hover:not(.active){opacity:.8;transition:opacity .3s}.active.svelte-1t5156{opacity:1}.inactive.svelte-1t5156{opacity:.7}@keyframes svelte-1t5156-slideLeftOut{0%{opacity:.5;transform:translate(0)}to{opacity:1;transform:translate(-.625em)}}@keyframes svelte-1t5156-slideLeftIn{0%{transform:translate(-.625em)}to{transform:translate(0)}}@keyframes svelte-1t5156-slideRightOut{0%{transform:translate(0)}to{transform:translate(.625em)}}@keyframes svelte-1t5156-slideRightIn{0%{transform:translate(.625em)}to{transform:translate(0)}}.leftBracket.svelte-1t5156,.rightBracket.svelte-1t5156{opacity:50;transform:translate(0)}button.svelte-1t5156:hover:not(.active) .leftBracket:where(.svelte-1t5156){opacity:75;animation:.3s forwards svelte-1t5156-slideLeftOut}button.svelte-1t5156:hover:not(.active) .rightBracket:where(.svelte-1t5156){animation:.3s forwards svelte-1t5156-slideRightOut}button.active.svelte-1t5156 .leftBracket:where(.svelte-1t5156){opacity:1;transform:translate(-.625em)}button.active.svelte-1t5156 .rightBracket:where(.svelte-1t5156){opacity:1;animation:none;transform:translate(.625em)}button.svelte-1t5156:not(:hover):not(.active) .leftBracket:where(.svelte-1t5156){animation:.2s forwards svelte-1t5156-slideLeftIn}button.svelte-1t5156:not(:hover):not(.active) .rightBracket:where(.svelte-1t5156){animation:.2s forwards svelte-1t5156-slideRightIn}button.justActivated.svelte-1t5156 .leftBracket:where(.svelte-1t5156){animation:.3s forwards svelte-1t5156-slideLeftOut}button.justActivated.svelte-1t5156 .rightBracket:where(.svelte-1t5156){animation:.3s forwards svelte-1t5156-slideRightOut}button.smallButtons.svelte-1t5156 .button-content:where(.svelte-1t5156){gap:4px;width:60px;margin-left:0;margin-right:0}button.smallButtons.svelte-1t5156 .teacher:where(.svelte-1t5156){display:none}button.smallButtons.svelte-1t5156 .course-id:where(.svelte-1t5156){font-size:32px}button.smallButtons.svelte-1t5156 .leftBracket:where(.svelte-1t5156),button.smallButtons.svelte-1t5156 .rightBracket:where(.svelte-1t5156){width:10px;height:10px}@media (width<=420px){button.smallButtons.svelte-1t5156 .leftBracket:where(.svelte-1t5156),button.smallButtons.svelte-1t5156 .rightBracket:where(.svelte-1t5156){display:none}}@keyframes svelte-1t5156-slideLeftOutSmall{0%{opacity:.5;transform:translate(0)}to{opacity:1;transform:translate(-.4em)}}@keyframes svelte-1t5156-slideLeftInSmall{0%{transform:translate(-.3em)}to{transform:translate(0)}}@keyframes svelte-1t5156-slideRightOutSmall{0%{transform:translate(0)}to{transform:translate(.3em)}}@keyframes svelte-1t5156-slideRightInSmall{0%{transform:translate(.3em)}to{transform:translate(0)}}button.smallButtons.svelte-1t5156:hover:not(.active) .leftBracket:where(.svelte-1t5156){animation:.3s forwards svelte-1t5156-slideLeftOutSmall}button.smallButtons.svelte-1t5156:hover:not(.active) .rightBracket:where(.svelte-1t5156){animation:.3s forwards svelte-1t5156-slideRightOutSmall}button.smallButtons.svelte-1t5156:not(:hover):not(.active) .leftBracket:where(.svelte-1t5156){animation:.2s forwards svelte-1t5156-slideLeftInSmall}button.smallButtons.svelte-1t5156:not(:hover):not(.active) .rightBracket:where(.svelte-1t5156){animation:.2s forwards svelte-1t5156-slideRightInSmall}button.smallButtons.justActivated.svelte-1t5156 .leftBracket:where(.svelte-1t5156){animation:.3s forwards svelte-1t5156-slideLeftOutSmall}button.smallButtons.justActivated.svelte-1t5156 .rightBracket:where(.svelte-1t5156){animation:.3s forwards svelte-1t5156-slideRightOutSmall}button.smallButtons.active.svelte-1t5156 .leftBracket:where(.svelte-1t5156){transform:translate(-.3em)}button.smallButtons.active.svelte-1t5156 .rightBracket:where(.svelte-1t5156){transform:translate(.3em)}.tab-controls.svelte-155i21k:before{content:"";-webkit-backdrop-filter:blur(50px);pointer-events:none;z-index:-1;height:5em;position:absolute;top:0;left:-4em;right:-4em;-webkit-mask-image:linear-gradient(#000 80%,#0000 100%);mask-image:linear-gradient(#000 80%,#0000 100%)}.tab-controls.svelte-155i21k{overflow-x:hidden}.sticky-blur-overlay.svelte-155i21k{-webkit-backdrop-filter:blur(30px);z-index:10;width:100%;height:8em;position:fixed;top:0;left:0;-webkit-mask-image:linear-gradient(#000 80%,#0000 100%);mask-image:linear-gradient(#000 80%,#0000 100%)}section.svelte-65z8kn{flex-direction:column;flex:.6;justify-content:center;align-items:center;display:flex}.content.svelte-65z8kn{flex-flow:wrap;justify-content:space-between;align-items:flex-start;gap:2em;width:100%;margin:0 auto;display:flex}.description.svelte-65z8kn{text-align:justify;flex:50%;margin-top:1em}.info.svelte-65z8kn{flex:40%}@media (width<=1060px){.content.svelte-65z8kn{padding:1em}}@media (width<=914px){.content.svelte-65z8kn{flex-direction:column;align-items:center;gap:.5em}.info.svelte-65z8kn{width:80%;max-width:80%}}@media (width<=914px) and (width>=600px){.content.svelte-65z8kn{align-items:center;padding:1em}}@media (width<=599px){.content.svelte-65z8kn{align-items:center;padding:0}.info.svelte-65z8kn{width:90%;max-width:90%}}