.class-block{gap:var(--size-2);display:flex}.class-block .class-block-body{flex-direction:column;justify-content:center;gap:0;display:flex}@media (width>=640px){.class-block .class-block-body{gap:var(--size-0-5)}}.class-block .class-block-title{color:inherit;text-decoration:none}.class-block .class-block-title .heading{line-height:var(--line-height-tightest)}.class-block a.class-block-title:hover{text-decoration:underline}.class-block .class-block-title:focus-visible .heading{outline-width:var(--a11y-outline-width);outline-color:var(--a11y-outline-color);outline-style:solid}.class-block .class-block-artwork{flex:0 0 var(--size-12);position:relative}@media (prefers-reduced-motion:no-preference){.class-block .class-block-artwork{transition:flex var(--duration-normal) var(--ease-in-out)}}@media (width>=640px){.class-block .class-block-artwork{flex-basis:var(--size-20)}}.class-block .class-block-artwork-image{aspect-ratio:1;width:100%}.class-block .class-block-artwork-tag{visibility:hidden;opacity:0;position:absolute;inset-block-start:var(--size-1-5);inset-inline-start:var(--size-1-5)}@media (prefers-reduced-motion:no-preference){.class-block .class-block-artwork-tag{transition:opacity var(--duration-normal), visibility var(--duration-normal)}}@media (width>=640px){.class-block .class-block-artwork-tag{visibility:visible;opacity:1}}.class-block .class-block-description{content-visibility:hidden}@media (width>=640px){.class-block .class-block-description{content-visibility:visible}}.class-block .class-block-progress-bar{width:var(--size-8)}.class-block .class-block-deck{justify-content:center;gap:var(--size-0-5);flex-direction:column;width:100%;display:flex}@media (width>=640px){.class-block .class-block-deck{gap:var(--size-1)}}.class-block .class-block-alert{background-color:var(--color-surface-positive);border-radius:var(--border-radius-s);padding:var(--size-0-5) var(--size-1);align-self:flex-start}.class-block[data-variant=stacked]{gap:var(--size-1);flex-direction:column;flex:1;min-inline-size:0}.class-block[data-variant=stacked] .class-block-artwork{flex:none}.class-block[data-variant=stacked] .class-block-artwork-image{aspect-ratio:1;width:100%}.class-block[data-variant=stacked] .class-block-deck,.class-block[data-variant=stacked] .class-block-body{gap:var(--size-0-25)}.class-block[data-variant=stacked] .class-block-title .heading{font-size:var(--font-size-s);letter-spacing:var(--letter-spacing-normal);text-wrap:wrap}