$attributes['backgroundColor'] ?? null,
'--alert-background' => $attributes['alertBackgroundColor'] ?? null,
'--alert-text' => $attributes['alertTextColor'] ?? null,
'--in-person' => $attributes['inPersonBadgeColor'] ?? null,
'--inactive' => $attributes['inactiveBadgeColor'] ?? null,
'--link' => $attributes['linkColor'] ?? null,
'--online' => $attributes['onlineBadgeColor'] ?? null,
'--text' => $attributes['textColor'] ?? null,
'--focus' => $attributes['focusColor'] ?? null,
'--border-radius' => isset($attributes['borderRadius']) ? $attributes['borderRadius'].'px' : null,
'--font-family' => isset($attributes['fontFamily']) ? 'var(--wp--preset--font-family--'.$attributes['fontFamily'].')' : null,
'--online-background-image' => isset($attributes['onlineBackgroundImage']) ? 'url('.$attributes['onlineBackgroundImage'].')' : null,
"--font-size" => $size ?? null,
];
/** Load TSML assets */
tsml_assets();
/** Loop through styles & output inline ';
?>
>