:root {
  --as-navy: #0B2B5B;
  --as-blue: #2563EB;
  --as-cyan: #38BDF8;
  --as-success: #168A5B;
  --as-warning: #B7791F;
  --as-danger: #D92D20;
}

.as-icon { width:24px; height:24px; display:inline-block; background:currentColor; -webkit-mask-size:contain; mask-size:contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; }

.as-icon--strategy-alignment { -webkit-mask-image:url("./strategy-alignment.svg"); mask-image:url("./strategy-alignment.svg"); }
.as-icon--objectives-kpis { -webkit-mask-image:url("./objectives-kpis.svg"); mask-image:url("./objectives-kpis.svg"); }
.as-icon--performance-monitoring { -webkit-mask-image:url("./performance-monitoring.svg"); mask-image:url("./performance-monitoring.svg"); }
.as-icon--appraisal-review { -webkit-mask-image:url("./appraisal-review.svg"); mask-image:url("./appraisal-review.svg"); }
.as-icon--people-organisation { -webkit-mask-image:url("./people-organisation.svg"); mask-image:url("./people-organisation.svg"); }
.as-icon--reports-analytics { -webkit-mask-image:url("./reports-analytics.svg"); mask-image:url("./reports-analytics.svg"); }
.as-icon--andyai { -webkit-mask-image:url("./andyai.svg"); mask-image:url("./andyai.svg"); }
.as-icon--workflow-conversations { -webkit-mask-image:url("./workflow-conversations.svg"); mask-image:url("./workflow-conversations.svg"); }
.as-icon--my-actions { -webkit-mask-image:url("./my-actions.svg"); mask-image:url("./my-actions.svg"); }
.as-icon--notifications { -webkit-mask-image:url("./notifications.svg"); mask-image:url("./notifications.svg"); }
.as-icon--drilldown { -webkit-mask-image:url("./drilldown.svg"); mask-image:url("./drilldown.svg"); }
.as-icon--target { -webkit-mask-image:url("./target.svg"); mask-image:url("./target.svg"); }
.as-icon--progress { -webkit-mask-image:url("./progress.svg"); mask-image:url("./progress.svg"); }
.as-icon--evidence { -webkit-mask-image:url("./evidence.svg"); mask-image:url("./evidence.svg"); }
.as-icon--review-score { -webkit-mask-image:url("./review-score.svg"); mask-image:url("./review-score.svg"); }
.as-icon--employee { -webkit-mask-image:url("./employee.svg"); mask-image:url("./employee.svg"); }
.as-icon--manager { -webkit-mask-image:url("./manager.svg"); mask-image:url("./manager.svg"); }
.as-icon--leadership { -webkit-mask-image:url("./leadership.svg"); mask-image:url("./leadership.svg"); }
.as-icon--admin { -webkit-mask-image:url("./admin.svg"); mask-image:url("./admin.svg"); }
.as-icon--check { -webkit-mask-image:url("./check.svg"); mask-image:url("./check.svg"); }
.as-icon--warning { -webkit-mask-image:url("./warning.svg"); mask-image:url("./warning.svg"); }
.as-icon--risk { -webkit-mask-image:url("./risk.svg"); mask-image:url("./risk.svg"); }
.as-icon--arrow-right { -webkit-mask-image:url("./arrow-right.svg"); mask-image:url("./arrow-right.svg"); }
.as-icon--arrow-down { -webkit-mask-image:url("./arrow-down.svg"); mask-image:url("./arrow-down.svg"); }
.as-icon--play { -webkit-mask-image:url("./play.svg"); mask-image:url("./play.svg"); }
.as-icon--search { -webkit-mask-image:url("./search.svg"); mask-image:url("./search.svg"); }
.as-icon--menu { -webkit-mask-image:url("./menu.svg"); mask-image:url("./menu.svg"); }
.as-icon--close { -webkit-mask-image:url("./close.svg"); mask-image:url("./close.svg"); }
.as-icon--chevron-down { -webkit-mask-image:url("./chevron-down.svg"); mask-image:url("./chevron-down.svg"); }
.as-icon--external-link { -webkit-mask-image:url("./external-link.svg"); mask-image:url("./external-link.svg"); }
.as-icon--shield-check { -webkit-mask-image:url("./shield-check.svg"); mask-image:url("./shield-check.svg"); }
.as-icon--lock { -webkit-mask-image:url("./lock.svg"); mask-image:url("./lock.svg"); }
.as-icon--source-data { -webkit-mask-image:url("./source-data.svg"); mask-image:url("./source-data.svg"); }
.as-icon--human-control { -webkit-mask-image:url("./human-control.svg"); mask-image:url("./human-control.svg"); }
.as-icon--free-plan { -webkit-mask-image:url("./free-plan.svg"); mask-image:url("./free-plan.svg"); }
.as-icon--essential-plan { -webkit-mask-image:url("./essential-plan.svg"); mask-image:url("./essential-plan.svg"); }
.as-icon--professional-plan { -webkit-mask-image:url("./professional-plan.svg"); mask-image:url("./professional-plan.svg"); }
.as-icon--enterprise-plan { -webkit-mask-image:url("./enterprise-plan.svg"); mask-image:url("./enterprise-plan.svg"); }