.board-ref{cursor:pointer;white-space:nowrap;color:#4338ca;-webkit-tap-highlight-color:transparent;background-color:#6366f117;border-radius:.3em;margin:0 -.04em;padding:.05em .22em;transition:background-color .12s,box-shadow .12s;box-shadow:inset 0 -1px #6366f159}.board-ref:hover,.board-ref.is-active{background-color:#6366f142;box-shadow:inset 0 -1px #6366f1b3}.board-ref.is-pinned{box-shadow:0 0 0 1.5px #6366f1bf}.dark .board-ref{color:#c7d2fe;background-color:#818cf829;box-shadow:inset 0 -1px #818cf873}.dark .board-ref:hover,.dark .board-ref.is-active{background-color:#818cf861;box-shadow:inset 0 -1px #a5b4fccc}.dark .board-ref.is-pinned{box-shadow:0 0 0 1.5px #a5b4fccc}#lesson-status .board-ref{color:inherit;background-color:color-mix(in srgb, currentColor 11%, transparent);box-shadow:inset 0 -1px 0 color-mix(in srgb, currentColor 40%, transparent)}#lesson-status .board-ref:hover,#lesson-status .board-ref.is-active{background-color:color-mix(in srgb, currentColor 26%, transparent);box-shadow:inset 0 -1px 0 color-mix(in srgb, currentColor 75%, transparent)}#lesson-status .board-ref.is-pinned{box-shadow:0 0 0 1.5px color-mix(in srgb, currentColor 70%, transparent)}.cg-wrap cg-board square.ref-mark{background-color:#6366f18c;box-shadow:inset 0 0 0 3px #4338cae6}@media (width<=1023px) and (height>=560px){.lesson-board-card{z-index:20;max-width:min(100%,46vh);margin-inline:auto;position:sticky;top:4.5rem}}