.NotebookView{--tab-separator-gutter: 0;overflow:hidden;transition-property:opacity;transition-duration:var(--duration-normal);background-color:var(--page-background-color);display:grid;grid-template-rows:auto 1fr auto;min-height:100svh}[data-context=mobile-native] .NotebookView{--tab-separator-color: transparent;background-color:var(--color-black)}.NotebookView[data-loading=true]{opacity:var(--opacity-50)}.NotebookViewBody{--navbar-shadow: none;--navbar-background-color: transparent;box-sizing:border-box;width:calc(100dvw - var(--page-gutter));margin-inline:auto;margin-block-end:var(--page-gutter)}[data-context=mobile-native] .NotebookViewBody{--navbar-background-color: unset;width:100%}[data-context=mobile-native] .NotebookViewBody:not(:has(.NotebookViewMainTabs)){--navbar-shadow: unset}@media (min-width: 1024px){.NotebookViewBody{display:grid;grid-template-areas:"masthead masthead" "sidebar main";grid-template-rows:auto 1fr;grid-template-columns:minmax(var(--size-30),25%) 1fr;column-gap:var(--size-4);max-width:var(--page-max-width);margin-inline:auto;padding-inline:var(--page-gutter);align-items:start}}.NotebookViewMasthead{grid-area:masthead;padding:var(--size-2) var(--size-1)}.NotebookViewSidebar{--block-shadow: var(--shadow-md);grid-area:sidebar}.NotebookViewMain{grid-area:main;display:flex;flex-direction:column;overflow:auto;background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}[data-context=mobile-native] .NotebookViewMain{position:fixed;top:0;right:0;bottom:0;left:0;box-shadow:none;border-radius:unset}@media (min-width: 1024px){.NotebookViewMain{--navbar-padding: var(--size-2) var(--size-1) 0 var(--size-2);min-height:unset;overflow:hidden}[data-context=mobile-native] .NotebookViewMain{--navbar-padding: unset}}.NotebookViewMainHeader{position:sticky;top:0;z-index:var(--z-70)}.NotebookViewMainTabs{margin-inline:auto;width:calc(100% - var(--size-4))}[data-context=mobile-native] .NotebookViewMainTabs{box-shadow:var(--shadow-md);padding-inline:var(--size-2);box-sizing:border-box;width:100%;position:relative;z-index:var(--z-10)}.NotebookViewMainBody{padding-inline:var(--size-2);padding-block:var(--size-2);overflow-y:auto}[data-context=mobile-native] .NotebookViewMainBody{padding-block-end:calc(max(var(--safe-area-inset-bottom),var(--size-2)) + var(--size-2))}.ClassCard{--artwork-color: var(--card-artwork-color, var(--color-neutral-70));--artwork-width: var(--size-9);display:grid;grid-template-columns:var(--artwork-width) 1fr;grid-template-rows:1fr auto;column-gap:var(--size-1-5);position:relative;max-width:var(--page-prose-max-width)}@media (min-width: 768px){.ClassCard{--tag-background: var(--color-white);display:block}}.ClassCard-artwork{width:var(--artwork-width);aspect-ratio:9 / 16;overflow:hidden;position:relative;border-radius:var(--radius-md);grid-row-start:1;grid-row-end:3}.ClassCard-artwork>img{object-fit:cover;object-position:center;position:absolute;width:100%;height:100%;top:0;left:0;z-index:var(--z-0)}@media (min-width: 768px){.ClassCard-artwork{width:100%;aspect-ratio:3 / 2}}.ClassCard-body{display:flex;flex-direction:column;row-gap:calc(var(--size-0-5) / 2);margin-block-start:var(--size-0)}.ClassCard-tags{margin-block-end:var(--size-0-5)}@media (min-width: 768px){.ClassCard-body{margin-block-start:var(--size-1)}.ClassCard-tags{position:absolute;inset-inline-start:var(--size-1-5);inset-block-start:var(--size-1-5)}}.ClassCard-title{-webkit-text-decoration:none;text-decoration:none}.ClassCard-title:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.ClassCard-progress:not(:empty){margin-block-start:auto;padding-block-start:var(--size-0-5);display:flex;justify-content:space-between;align-items:center;min-height:var(--size-4);position:relative}.ClassCard-actions{position:absolute;justify-self:flex-end;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;color:var(--color-black);display:flex;align-items:center;inset-block-start:-2px;inset-inline-end:0}.ClassCard-actions:after{content:"";position:absolute;top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%);height:var(--size-6);width:var(--size-6)}@media (min-width: 768px){:root{--page-gutter: var(--size-4)}}