.tutorial-badge-artwork[data-v-20b1e058]{--badge-medal:var(--fs-color-primary);align-items:center;color:var(--badge-medal);display:grid;flex-shrink:0;height:5.8rem;justify-items:center;place-items:center;position:relative;width:5.6rem}.tutorial-badge-artwork[data-family=practice][data-v-20b1e058]{--badge-medal:var(--fs-color-success)}.tutorial-badge-artwork[data-family=milestone][data-v-20b1e058]{--badge-medal:var(--fs-color-warning)}.tutorial-badge-artwork__face[data-v-20b1e058]{background:linear-gradient(145deg,color-mix(in srgb,var(--badge-medal) 58%,var(--fs-color-bg-surface)),var(--badge-medal) 65%);bottom:.2rem;box-shadow:inset 0 0 1rem color-mix(in srgb,var(--fs-color-bg-surface) 25%,transparent);clip-path:polygon(50% 0,61% 5%,74% 6%,81% 16%,93% 23%,94% 36%,100% 48%,95% 61%,94% 74%,82% 82%,74% 93%,61% 95%,50% 100%,37% 95%,25% 94%,17% 83%,6% 75%,5% 62%,0 50%,5% 37%,6% 24%,17% 17%,24% 6%,37% 5%);left:0;position:absolute;right:0;top:0}.tutorial-badge-artwork__face[data-v-20b1e058]:after{background:var(--fs-color-bg-surface);border:1px solid color-mix(in srgb,var(--fs-color-bg-surface) 60%,transparent);border-radius:50%;box-shadow:inset 0 0 0 .22rem color-mix(in srgb,var(--badge-medal) 12%,var(--fs-color-bg-surface));content:"";inset:.5rem;position:absolute}.tutorial-badge-artwork__symbol[data-v-20b1e058]{height:2.6rem;position:relative;width:2.6rem;z-index:1}.tutorial-badge-artwork__mark[data-v-20b1e058]{align-items:center;background:var(--fs-color-success);border:2px solid var(--fs-color-bg-surface);border-radius:50%;bottom:.2rem;box-sizing:border-box;color:var(--fs-color-on-success);display:grid;height:1.35rem;justify-items:center;place-items:center;position:absolute;right:0;width:1.35rem;z-index:2}.tutorial-badge-artwork__mark svg[data-v-20b1e058]{fill:none;height:.7rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:.7rem}.is-locked[data-v-20b1e058]{color:var(--fs-color-text-muted)}.is-locked .tutorial-badge-artwork__face[data-v-20b1e058]{background:color-mix(in srgb,var(--fs-color-text-muted) 23%,var(--fs-color-bg-surface))}.is-locked .tutorial-badge-artwork__face[data-v-20b1e058]:after{background:var(--fs-color-bg-surface-2);border:1px dashed color-mix(in srgb,var(--fs-color-text-muted) 50%,var(--fs-color-bg-surface));box-shadow:none}.is-locked .tutorial-badge-artwork__mark[data-v-20b1e058]{background:var(--fs-color-text-muted);color:var(--fs-color-bg-surface)}.tutorial-badge-artwork--large[data-v-20b1e058]{height:7.25rem;width:7rem}.tutorial-badge-artwork--large .tutorial-badge-artwork__symbol[data-v-20b1e058]{height:3.25rem;width:3.25rem}@media(max-width:768px){.tutorial-badge-artwork[data-v-20b1e058]:not(.tutorial-badge-artwork--large){height:5.2rem;width:5rem}.tutorial-badge-artwork:not(.tutorial-badge-artwork--large) .tutorial-badge-artwork__symbol[data-v-20b1e058]{height:2.4rem;width:2.4rem}}