@import url("./hln.css");

body,
:root,
:host,
:host * {

    --styling-id: 'hln-showbizz';
	
}

/** In app, the accent color does not change and remains HLN red. */
body,
:root,
:host(:not(.is-app)),
:host(:not(.is-app)) *{

	--accent: rgb(236, 0, 140);
    --accent-pixel: url('data:image/svg+xml;charset=utf8,<svg viewBox="0 0 1 1" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><rect x="0" y="0" width="1" height="1" fill="rgb(236, 0, 140)" /></svg>');
	--app-accent-pixel: url('data:image/svg+xml;charset=utf8,<svg viewBox="0 0 1 1" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><rect x="0" y="0" width="1" height="1" fill="rgb(236, 0, 140)" /></svg>');
	--accent-circle: url('data:image/svg+xml;charset=utf8,<svg viewBox="0 0 1 1" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><circle cx=".5" cy=".5" r=".5" fill="rgb(236, 0, 140)" /></svg>');
    
}