/* Canonical MicroLink icon primitives. Geometry lives in App\Core\Icons / micro-icons.js. */
.ml-icon{
  display:inline-block;
  width:var(--ml-icon-md,18px);
  height:var(--ml-icon-md,18px);
  flex:0 0 auto;
  vertical-align:-.15em;
  color:inherit;
  pointer-events:none;
}
.ml-icon-outline{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.ml-icon-fill{fill:currentColor;stroke:none;}
.ml-icon--xs{width:var(--ml-icon-xs,14px);height:var(--ml-icon-xs,14px);}
.ml-icon--sm{width:var(--ml-icon-sm,16px);height:var(--ml-icon-sm,16px);}
.ml-icon--md{width:var(--ml-icon-md,18px);height:var(--ml-icon-md,18px);}
.ml-icon--lg{width:var(--ml-icon-lg,20px);height:var(--ml-icon-lg,20px);}
.ml-icon--xl{width:var(--ml-icon-xl,24px);height:var(--ml-icon-xl,24px);}
.ml-icon--2xl{width:var(--ml-icon-2xl,32px);height:var(--ml-icon-2xl,32px);}
.ml-icon-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:var(--ml-control-min,40px);
  min-height:var(--ml-control-min,40px);
  padding:0;
}
.ml-icon-button>.ml-icon{width:var(--ml-icon-lg,20px);height:var(--ml-icon-lg,20px);}
@media (pointer:coarse){.ml-icon-button{min-width:var(--ml-control-touch,44px);min-height:var(--ml-control-touch,44px);}}