.metroIcon{--back:none;--visib:none;width:20px;height:20px;border-radius:4px;background-color:var(--back);display:inline-block;padding:0;vertical-align:middle;box-sizing:border-box}.metroIcon svg{width:100%;height:100%;padding:4px 3px;box-sizing:border-box}.metroIcon img{display:var(--visib)}.metroIcon--none{--back:#adb0bb;--visib:block}.metroIcon--blue{--back:#1a9edc;--visib:block}.metroIcon--orange{--back:#f9a941;--visib:block}.metroIcon--purple{--back:#b4258d;--visib:block}.metroIcon--red{--back:#ec222e;--visib:block}.metroIcon--green{--back:#b2d345;--visib:block}