/* Winnidos ikoner. Grund: Phosphor Icons (MIT), tvåtonsvarianten: tunn kontur i textfärgen och en
   mjuk färgad yta (class="f"). Egenritade ikoner (class="s") har samma linjetjocklek, 1,5 px på 24.
   Färger per ställe: klasserna nedan, eller --ikon-fyll (ytan) och --ikon-linje (konturen). */
.ik { display: inline-block; width: 1.25em; height: 1.25em; vertical-align: -0.22em; flex: none; line-height: 0; color: var(--ikon-linje, currentColor); }
.ik svg { width: 100%; height: 100%; overflow: hidden; fill: currentColor; }
.ik svg .f { fill: var(--ikon-fyll, #f5b81f); opacity: var(--ikon-fyll-styrka, 0.55); stroke: none; }
.ik svg .s { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.ik svg .s .f { fill: var(--ikon-fyll, #f5b81f); }
.ik.utan-fyll svg .f { display: none; }
.ik.gul { --ikon-fyll: #f5b81f; }
.ik.orange { --ikon-fyll: #ff7a2f; }
.ik.gron { --ikon-fyll: #2fb36b; }
.ik.bla { --ikon-fyll: #3d7be0; }
.ik.lila { --ikon-fyll: #b65cf0; }
.ik.rosa { --ikon-fyll: #ff6fae; }
.ik.rod { --ikon-fyll: #e5484d; }