/*  How big an icon is.
 *
 *  These ride with the sprite (`templates/_wil_icons.html` links this file),
 *  not with the design tokens: the public site, the kiosks and the sign-in
 *  screen all draw icons and none of them loads wil-tokens.css. Without the
 *  rules an inline <svg> falls back to its default 300x150.
 *
 *  Sized in `em`, so an icon is as tall as the text beside it, and coloured
 *  by `currentColor` from the sprite itself.
 */

.wil-ic { width: 1em; height: 1em; flex: 0 0 auto; vertical-align: -0.125em; }
.wil-ic-lg { width: 1.33em; height: 1.33em; }
.wil-ic-2x { width: 2em; height: 2em; }
.wil-ic-3x { width: 3em; height: 3em; }
.wil-ic-fw { width: 1.25em; }
.wil-ic-spin { animation: wil-ic-spin 1.1s linear infinite; }

@keyframes wil-ic-spin { to { transform: rotate(360deg); } }