/* 
This is a helper CSS file that defines a custom property --favicon
which contains the flower icon as a base64 Data URI.
This ensures maximum compatibility with all browsers.
*/

:root {
  --favicon-svg: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgogIDxjaXJjbGUgY3g9IjE2IiBjeT0iMTYiIHI9IjUiIGZpbGw9IiNmZmFjOGUiLz4KICA8Y2lyY2xlIGN4PSIxNiIgY3k9IjciIHI9IjUiIGZpbGw9IiNmZDc3OTIiLz4KICA8Y2lyY2xlIGN4PSIxNiIgY3k9IjI1IiByPSI1IiBmaWxsPSIjZmQ3NzkyIi8+CiAgPGNpcmNsZSBjeD0iNyIgY3k9IjE2IiByPSI1IiBmaWxsPSIjZmQ3NzkyIi8+CiAgPGNpcmNsZSBjeD0iMjUiIGN5PSIxNiIgcj0iNSIgZmlsbD0iI2ZkNzc5MiIvPgogIDxjaXJjbGUgY3g9IjkiIGN5PSI5IiByPSI0IiBmaWxsPSIjZmQ3NzkyIi8+CiAgPGNpcmNsZSBjeD0iMjMiIGN5PSI5IiByPSI0IiBmaWxsPSIjZmQ3NzkyIi8+CiAgPGNpcmNsZSBjeD0iOSIgY3k9IjIzIiByPSI0IiBmaWxsPSIjZmQ3NzkyIi8+CiAgPGNpcmNsZSBjeD0iMjMiIGN5PSIyMyIgcj0iNCIgZmlsbD0iI2ZkNzc5MiIvPgo8L3N2Zz4=');
}

/* An example of how to use this as a background image if needed */
.favicon-element {
  background-image: var(--favicon-svg);
  width: 32px;
  height: 32px;
  display: inline-block;
  background-size: contain;
}