/* Shared icon treatment. Transparent tool tile; colour belongs to the circular symbol. */
.smart-icon{--smart-accent:#7c3aed;--smart-edge:#6d28d9;--smart-pale:#f0e5ff}
#dynamic .smart-icon .smart-disc,.smart-icon .smart-disc{fill:var(--smart-pale);stroke:var(--smart-accent)}
#dynamic .smart-icon path,#dynamic .smart-icon circle:not(.smart-disc),.smart-icon path,.smart-icon circle:not(.smart-disc){stroke:var(--smart-accent);fill:white}
#dynamic[aria-pressed=true] .smart-icon .smart-disc,.smart-icon[aria-pressed=true] .smart-disc{fill:var(--smart-accent);stroke:var(--smart-edge)}
#dynamic[aria-pressed=true] .smart-icon path,#dynamic[aria-pressed=true] .smart-icon circle:not(.smart-disc),.smart-icon[aria-pressed=true] path,.smart-icon[aria-pressed=true] circle:not(.smart-disc){stroke:white;fill:var(--smart-accent)}
@media screen{
 body .workspace .course-tools #dynamic{background:transparent;color:#7c3aed}
 body .workspace .course-tools #dynamic:is(:hover,:focus-visible){box-shadow:inset 0 0 0 1px #7c3aed;outline-color:#7c3aed}
 body .workspace .course-tools #dynamic[aria-pressed=true]{box-shadow:inset 0 0 0 2px #7c3aed}
 body .workspace .course-tools #dynamic[aria-pressed=true]:hover{box-shadow:inset 0 0 0 3px #7c3aed}
}