/* Operation pictogram before an operation heading (kiosk-shared/operation-icons.js).
   Default = inline, sized in em so it follows the heading's font size (entry-view
   ribbon). An empty slot (a heading without a pictogram) collapses. */
.kiosk-op-icon {
  display: inline-block;
  width: 1.05em;
  height: 1.05em;
  margin-right: .3em;
  vertical-align: -.12em;
}
/* On a tile the pictogram leads on its own line: the narrow tile keeps its full
   width for the heading, and the layout is the same at every tile width. */
.kiosk-op-icon--lead {
  display: block;
  width: 1.35em;
  height: 1.35em;
  margin: 0 0 .25em;
}
.kiosk-op-icon:empty { display: none; }
.kiosk-op-icon svg { display: block; width: 100%; height: 100%; }