/* =====================================================
KOS — SVG ikonski set (v1.2.0)
Ikone so CSS maske v barvi currentColor: v vsebini uporabi
ali inline
===================================================== */
.ico{color:var(--blue-dark)}
html[data-theme="dark"] .ico{color:var(--blue)}
.card.top-orange .ico,.ico.o{color:var(--orange)}
.ico[class*="i-"]::before{
content:"";display:block;width:28px;height:28px;background:currentColor;
-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;
}
.ic{
display:inline-block;width:1.06em;height:1.06em;vertical-align:-.15em;background:currentColor;
-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;
}
.i-cap{--i:url("data:image/svg+xml,")}
.i-users{--i:url("data:image/svg+xml,")}
.i-lifebuoy{--i:url("data:image/svg+xml,")}
.i-steps{--i:url("data:image/svg+xml,")}
.i-play{--i:url("data:image/svg+xml,")}
.i-heart{--i:url("data:image/svg+xml,")}
.i-target{--i:url("data:image/svg+xml,")}
.i-shield{--i:url("data:image/svg+xml,")}
.i-care{--i:url("data:image/svg+xml,")}
.i-smile{--i:url("data:image/svg+xml,")}
.i-seedling{--i:url("data:image/svg+xml,")}
.i-swimmer{--i:url("data:image/svg+xml,")}
.i-drops{--i:url("data:image/svg+xml,")}
.i-wave{--i:url("data:image/svg+xml,")}
.i-frog{--i:url("data:image/svg+xml,")}
.i-zap{--i:url("data:image/svg+xml,")}
.i-rotate{--i:url("data:image/svg+xml,")}
.i-dolphin{--i:url("data:image/svg+xml,")}
.i-goggles{--i:url("data:image/svg+xml,")}
.i-backpack{--i:url("data:image/svg+xml,")}
.i-pin{--i:url("data:image/svg+xml,")}
.i-phone{--i:url("data:image/svg+xml,")}
.i-mail{--i:url("data:image/svg+xml,")}
.i-person{--i:url("data:image/svg+xml,")}
.i-sun{--i:url("data:image/svg+xml,")}
.i-moon{--i:url("data:image/svg+xml,")}
.i-up{--i:url("data:image/svg+xml,")}