.page-module__JBI9RG__components{font-family:var(--font-heading);box-sizing:border-box;width:100%;max-width:var(--max-main-width);padding-bottom:var(--size-8);grid-template-columns:repeat(auto-fit,minmax(var(--size-13),1fr));gap:var(--size-6-5)0;margin:0 auto;display:grid}@media (max-width:1100px){.page-module__JBI9RG__components{place-content:center}}
.SlateComponent-module__6kF6Sa__container{gap:var(--size-4-5);padding-inline:var(--size-5);flex-direction:column;display:flex}.SlateComponent-module__6kF6Sa__line{padding:0 var(--size-4-5);box-sizing:border-box;justify-content:space-between;gap:var(--size-4);color:var(--fg-70);transition:color .3s;display:inline-flex}.SlateComponent-module__6kF6Sa__stack{gap:var(--size-3);display:flex;transform:translateY(2px)}.SlateComponent-module__6kF6Sa__title{font-weight:500;font-size:var(--size-4);white-space:nowrap;text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.SlateComponent-module__6kF6Sa__video{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.SlateComponent-module__6kF6Sa__component{aspect-ratio:16/10;background-color:var(--fg-5);border-radius:var(--size-6);user-select:none;width:100%;display:flex;position:relative;overflow:hidden}[data-theme=light] .SlateComponent-module__6kF6Sa__component{background-color:var(--fg-3)}.SlateComponent-module__6kF6Sa__overlay{opacity:0;box-sizing:border-box;padding:var(--size-5);pointer-events:none;justify-content:space-between;align-items:flex-end;transition:opacity .3s;display:flex;position:absolute;inset:0}.SlateComponent-module__6kF6Sa__eyebrow{font-size:var(--size-3-5);font-style:italic}.SlateComponent-module__6kF6Sa__inspiredBy{color:var(--fg-70);gap:var(--size-1-5);pointer-events:auto;flex-direction:column;display:flex}.SlateComponent-module__6kF6Sa__left{gap:var(--size-2-5);pointer-events:auto;align-items:center;display:flex}.SlateComponent-module__6kF6Sa__externalLink{all:unset;cursor:pointer;color:var(--fg-60);display:flex}.SlateComponent-module__6kF6Sa__tutorialPill{all:unset;cursor:pointer;box-sizing:border-box;gap:var(--size-1);padding:var(--size-1)var(--size-2-5);background-color:var(--fg-7);color:var(--anchor-unvisited);border-radius:var(--size-1);font-size:var(--size-3-5);align-items:center;font-weight:500;display:inline-flex}[data-theme=light] .SlateComponent-module__6kF6Sa__tutorialPill{background-color:var(--white)}.SlateComponent-module__6kF6Sa__container:hover .SlateComponent-module__6kF6Sa__line{color:var(--fg-90)}.SlateComponent-module__6kF6Sa__container:hover .SlateComponent-module__6kF6Sa__overlay{opacity:1}.SlateComponent-module__6kF6Sa__light{display:block}.SlateComponent-module__6kF6Sa__dark,[data-theme=dark] .SlateComponent-module__6kF6Sa__light{display:none}[data-theme=dark] .SlateComponent-module__6kF6Sa__dark{display:block}