.metro-icon{display:inline-block;width:var(--text-xl);height:var(--text-xl);flex:0 0 var(--text-xl);background-color:var(--color-red);mask:url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2416_32300)'%3e%3cpath%20d='M9.68513%206.9125L8.23788%203.26083L7.01755%205.39583L5.79721%203.26083L4.34996%206.91367H3.93171V7.46258H6.11105V6.91367H5.78846L6.1023%206.00658L7.01755%207.50575L7.9328%206.00658L8.24663%206.91367H7.92405V7.46258H10.1121V6.91367L9.68513%206.9125ZM12.7972%205.79717C12.7976%205.03576%2012.6479%204.28175%2012.3567%203.57823C12.0655%202.87472%2011.6385%202.23549%2011.1001%201.6971C10.5617%201.1587%209.9225%200.731702%209.21898%200.440503C8.51546%200.149304%207.76145%20-0.000382631%207.00005%207.34522e-07C3.80105%207.34522e-07%201.20288%202.59758%201.20288%205.79717C1.20288%207.40133%201.8568%208.848%202.90271%209.89392C2.96821%209.95999%203.05188%2010.0051%203.14307%2010.0235C3.23427%2010.0419%203.32888%2010.0327%203.41486%209.99721C3.50085%209.96169%203.57433%209.9014%203.62595%209.82401C3.67758%209.74662%203.70503%209.65562%203.7048%209.56258C3.705%209.43544%203.65487%209.31339%203.56538%209.22308C2.65934%208.31336%202.15158%207.08111%202.15371%205.79717C2.15371%203.12083%204.32371%200.941501%207.00005%200.941501C9.67638%200.941501%2011.8557%203.12083%2011.8557%205.79717C11.8571%206.4351%2011.7323%207.06702%2011.4884%207.6565C11.2446%208.24598%2010.8864%208.78138%2010.4347%209.23183L6.33738%2013.3286L7.00005%2014L11.1061%209.89392C11.6441%209.35623%2012.0705%208.71747%2012.3607%208.01439C12.6509%207.31131%2012.7993%206.55779%2012.7972%205.79717Z'%20fill='%23E41B47'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2416_32300'%3e%3crect%20width='14'%20height='14'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2416_32300)'%3e%3cpath%20d='M9.68513%206.9125L8.23788%203.26083L7.01755%205.39583L5.79721%203.26083L4.34996%206.91367H3.93171V7.46258H6.11105V6.91367H5.78846L6.1023%206.00658L7.01755%207.50575L7.9328%206.00658L8.24663%206.91367H7.92405V7.46258H10.1121V6.91367L9.68513%206.9125ZM12.7972%205.79717C12.7976%205.03576%2012.6479%204.28175%2012.3567%203.57823C12.0655%202.87472%2011.6385%202.23549%2011.1001%201.6971C10.5617%201.1587%209.9225%200.731702%209.21898%200.440503C8.51546%200.149304%207.76145%20-0.000382631%207.00005%207.34522e-07C3.80105%207.34522e-07%201.20288%202.59758%201.20288%205.79717C1.20288%207.40133%201.8568%208.848%202.90271%209.89392C2.96821%209.95999%203.05188%2010.0051%203.14307%2010.0235C3.23427%2010.0419%203.32888%2010.0327%203.41486%209.99721C3.50085%209.96169%203.57433%209.9014%203.62595%209.82401C3.67758%209.74662%203.70503%209.65562%203.7048%209.56258C3.705%209.43544%203.65487%209.31339%203.56538%209.22308C2.65934%208.31336%202.15158%207.08111%202.15371%205.79717C2.15371%203.12083%204.32371%200.941501%207.00005%200.941501C9.67638%200.941501%2011.8557%203.12083%2011.8557%205.79717C11.8571%206.4351%2011.7323%207.06702%2011.4884%207.6565C11.2446%208.24598%2010.8864%208.78138%2010.4347%209.23183L6.33738%2013.3286L7.00005%2014L11.1061%209.89392C11.6441%209.35623%2012.0705%208.71747%2012.3607%208.01439C12.6509%207.31131%2012.7993%206.55779%2012.7972%205.79717Z'%20fill='%23E41B47'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2416_32300'%3e%3crect%20width='14'%20height='14'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") center/contain no-repeat}.metro-icon--blue{background-color:var(--color-metro-blue)}.metro-icon--green{background-color:var(--color-metro-green)}.metro-icon--orange{background-color:var(--color-metro-orange)}.metro-icon--purple{background-color:var(--color-metro-purple)}