meBlip

const blip= new meBlip({
  position: 'top-center',
  theme: 'dark',
  closeAnimation: true,
  typeColors: {
    premium: '#8b5cf6',
    light: '#facc15'
  },
  icons: {
    premium: '<svg ...>...</svg>',
    heart: '<svg ...>...</svg>'
  },
  overlayStyle: { blur: 4, contrast: 0.85, grayscale: 0.3 }
});

// Cambiar posición
blip.setPosition('top-center');
// Opciones: 'top-left', 'top-center', 'top-right',
//           'center', 'bottom-left', 'bottom-center', 'bottom-right'

// Cambiar tema
blip.setTheme('dark');
// Opciones: 'dark', 'light', 'system'

// Cambiar estilo de apilamiento
blip.setStackStyle('3d');
// Opciones: '3d', 'fan', 'counter'

// Cambiar ancho de la isla
blip.setIslandWidth('normal');
// Opciones: 'compact', 'normal', 'wide'

// Cambiar backdrop-filter del overlay bloqueante
blip.setOverlayStyle({ blur: 4, contrast: 0.85, grayscale: 0.3 });