:root {
      --ds-icon-notification: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20class%3D%22ds-svg-icon%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M13.5%2018C13.3476%2018.3042%2013.1288%2018.5566%2012.8655%2018.7321C12.6023%2018.9076%2012.3038%2019%2012%2019C11.6962%2019%2011.3977%2018.9076%2011.1345%2018.7321C10.8712%2018.5566%2010.6524%2018.3042%2010.5%2018M16%209.4C16%208.23305%2015.5786%207.11389%2014.8284%206.28873C14.0783%205.46357%2013.0609%205%2012%205C10.9391%205%209.92172%205.46357%209.17157%206.28873C8.42143%207.11389%208%208.23305%208%209.4C8%2014.5333%206%2016%206%2016H18C18%2016%2016%2014.5333%2016%209.4Z%22%20stroke%3D%22hsl(186%2C100%25%2C33%25)%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A');
    }
    .ds-icon-icon-notification::before {
      background-image: var(--ds-icon-notification);
    }