@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .logo-icon {
    width: 40px;
    height: 40px;
    background-image: url('data:image/svg+xml;utf8,<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><circle cx="20" cy="20" r="20" fill="%23D4EEE8"/><circle cx="20" cy="20" r="7.5" fill="%23118A71"/><line x1="20" y1="20" x2="34.14" y2="5.86" stroke="%23118A71" stroke-width="1"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
  }
}