.clip-sort{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));border-radius:.5rem;padding:.125rem;display:inline-flex}.clip-sort:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.clip-sort__tab{cursor:pointer;border-radius:.375rem;padding:.25rem .625rem;font-size:11px;font-weight:700;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.clip-sort__tab--on{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-pink-600) / var(--tw-text-opacity,1))}.clip-sort__tab--on:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-pink-300) / var(--tw-text-opacity,1))}.clip-sort__tab--off{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.clip-sort__tab--off:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}
.mastery-svg{width:100%;height:auto}.mastery-svg__grid-line{stroke:rgb(var(--palette-slate-200) / 1)}.mastery-svg__grid-line:is(.dark *){stroke:rgb(var(--palette-slate-800) / 1)}.mastery-svg__bar,.mastery-svg__bar:is(.dark *){fill:rgb(var(--palette-pink-500) / 1)}.mastery-svg__count{fill:rgb(var(--palette-slate-500) / 1);font-weight:700}.mastery-svg__count:is(.dark *),.mastery-svg__level{fill:rgb(var(--palette-slate-400) / 1)}.mastery-svg__level:is(.dark *){fill:rgb(var(--palette-slate-500) / 1)}.mastery-svg__line,.mastery-svg__line:is(.dark *){stroke:rgb(var(--palette-pink-500) / 1)}.mastery-svg__dot,.mastery-svg__dot:is(.dark *){fill:rgb(var(--palette-pink-500) / 1)}