.Tag{display:inline-flex;gap:var(--size-1);align-items:center;justify-content:center;vertical-align:middle;padding:var(--size-0-5);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-none);letter-spacing:var(--letter-spacing-wider);color:var(--tag-color, var(--color-neutral-60));border-radius:var(--radius-sm);position:relative;background-color:var(--tag-background, var(--color-neutral-10));text-transform:uppercase}.Tag--blend:before{content:"";position:absolute;z-index:var(--z-0);top:0;right:0;bottom:0;left:0;background-color:inherit;border-radius:inherit;mix-blend-mode:multiply}.Tag__icon{display:flex;align-items:center;position:relative;z-index:var(--z-10)}.Tag__text{position:relative;z-index:var(--z-10)}.TagList{display:flex;gap:var(--size-1)}.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)}}