/* Supplied 100-unit drawings retain their own fills/strokes inside the 24-unit icon. */
.v22-icon .guest-icon-art{color:inherit}
.v22-icon .guest-icon-art .stroke-a{stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}
.v22-icon .guest-icon-art .stroke-a2{stroke:currentColor;stroke-opacity:.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.v22-icon .guest-icon-art .fill-a{fill:currentColor;stroke:none}
.v22-icon .guest-icon-art .fill-a2{fill:currentColor;fill-opacity:.5;stroke:none}
.v22-icon .guest-icon-art .fill-bg{fill:var(--panel);stroke:none}
.v22-icon:has(.guest-icon-art)>.v22-echo,.v22-icon:has(.guest-icon-art)>.v22-whorl{display:none}

/* The final user-selected pack is wrapped separately.  Do not flatten these
   drawings to a black/white silhouette: fill-a2/stroke-a2 and the SVG's own
   opacity attributes are intentional grey-value layers. */
.v22-icon .v22-selected-icon-art{color:inherit}
.v22-icon .v22-selected-icon-art :is(.stroke-a,.stroke-a2){fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.v22-icon .v22-selected-icon-art .stroke-a2{stroke-opacity:.5}
.v22-icon .v22-selected-icon-art .fill-a{fill:currentColor;stroke:none}
.v22-icon .v22-selected-icon-art .fill-a2{fill:currentColor;fill-opacity:.5;stroke:none}
.v22-icon .v22-selected-icon-art .stroke-bg{fill:none;stroke:var(--panel)}
.v22-icon .v22-selected-icon-art .fill-bg{fill:var(--panel);stroke:none}
.v22-icon .v22-selected-icon-art [fill="currentColor"]{fill:currentColor}
.v22-icon .v22-selected-icon-art [fill="none"]{fill:none}
.v22-icon .v22-selected-icon-art [stroke="currentColor"]{stroke:currentColor}