> For the complete documentation index, see [llms.txt](https://docs.hello-lisa.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.hello-lisa.com/developers/guides/theming/theme-settings.md).

# Theme Settings

<table><thead><tr><th valign="top">Property Name</th><th valign="top">Property Description</th></tr></thead><tbody><tr><td valign="top">backdropBackgroundColor</td><td valign="top"><p>string</p><p>The default backdrop background color.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#0c1f2d33</code></p></td></tr><tr><td valign="top">backdropFilterRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The level of distortion applied to the backdrop of any LiSA widget that is rendered in an overlay.</p><p>Default value: <code>0</code></p></td></tr><tr><td valign="top">bodyFontScale</td><td valign="top"><p>number &#x3C;double> [ 0.1 .. 3 ]</p><p>LiSA widget measurements are relative to the root <code>html</code> element <code>rem</code>, assuming a root font size of <code>16px</code>.</p><p>If a customer changed their website's root font size, given the value of the opposite scale factor applied by the customer, <code>bodyFontScale</code> helps compensate the divergence when converting from <code>px</code> to <code>rem</code>.</p><p><strong>Example:</strong> Say, the root font size is set to <code>10px</code>. We need to compensate for that in our <code>rem</code>-based measurements — which are now based on 10px and no longer on 16px in root font size. The required <code>bodyFontScale</code> value is <code>16 / 10 = 1.6</code>.</p><p>Default value: <code>1</code></p></td></tr><tr><td valign="top">borderRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 24 ]</p><p>The shape of a component's corners or the degree of their rounding, represented in pixels.</p><p>Default value: <code>12</code></p></td></tr><tr><td valign="top">boxShadowBlurRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 24 ]</p><p>The blur-radius of a component's box shadow, represented in pixels.</p><p>Default value: <code>2</code></p></td></tr><tr><td valign="top">boxShadowColor</td><td valign="top"><p>string</p><p>The color of a component's box shadow.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#0c1f2d0f</code></p></td></tr><tr><td valign="top">boxShadowOffsetX</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The horizontal offset of a component's box shadow, represented in pixels.</p><p>Default value: <code>0</code></p></td></tr><tr><td valign="top">boxShadowOffsetY</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The vertical offset of a component's box shadow, represented in pixels.</p><p>Default value: <code>1</code></p></td></tr><tr><td valign="top">boxShadowSpreadRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 48 ]</p><p>The spread-radius of a component's box shadow, represented in pixels.</p><p>Default value: <code>0</code></p></td></tr><tr><td valign="top">gap</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 24 ]</p><p>The default gap between panels, rows, columns etc., represented in pixels.</p><p>Default value: <code>8</code></p></td></tr><tr><td valign="top">primaryColor</td><td valign="top"><p>string</p><p>The default font color.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#0c1f2d</code></p></td></tr><tr><td valign="top">primaryFontFamily</td><td valign="top"><p>string</p><p>The font-family of the primary font.</p><p>Default value: <code>sans-serif</code></p></td></tr><tr><td valign="top">primaryFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The primary font's default size as used in body copy components, represented in pixels.</p><p>Default value: <code>12</code></p></td></tr><tr><td valign="top">primaryLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 12 .. 32 ]</p><p>The primary font's default line-height as used in body copy components, represented in pixels.</p><p>Default value: <code>18</code></p></td></tr><tr><td valign="top">secondaryFontFamily</td><td valign="top"><p>string</p><p>The font-family of the secondary font.</p><p>Default value: <code>sans-serif</code></p></td></tr><tr><td valign="top">badgeAlignment</td><td valign="top"><p>stringEnum: "center" "flex-end" "flex-start"</p><p>The horizontal alignment of badges.</p><ul><li><code>center</code> — Align badges in the center of the host container</li><li><code>flex-end</code> — Align badges at the right edge of the host container</li><li><code>flex-start</code> — Align badges at the left edge of the host container</li></ul><p>Default value: <code>center</code></p></td></tr><tr><td valign="top">badgeAvatarBorderGap</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The gap between the badge avatar and the border, represented in pixels.</p><p>Default value: <code>3</code></p></td></tr><tr><td valign="top">badgeAvatarBorderRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 1 ]</p><p>The shape of the badge avatar corners or the degree of their rounding, represented in pixels.</p><p>Allowed values:</p><ul><li><code>0</code> — No border radius</li><li><code>1</code> — Circular badge avatar</li></ul><p>Default value: <code>1</code></p></td></tr><tr><td valign="top">badgeAvatarBorderWidth</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 3 ]</p><p>The width of the badge avatar border/ring, represented in pixels.</p><p>Default value: <code>3</code></p></td></tr><tr><td valign="top">badgeAvatarSize</td><td valign="top"><p>integer &#x3C;int32> [ 64 .. 128 ]</p><p>The size of the badge avatar image, represented in pixels.</p><p>Default value: <code>74</code></p></td></tr><tr><td valign="top">badgeCaptionFontFamily</td><td valign="top"><p>string</p><p>The font family applied to the badge caption.</p><p>If not explicitly specified, value is inherited value from the <code>primaryFontFamily</code> theming option.</p></td></tr><tr><td valign="top">badgeCaptionFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 8 .. 16 ]</p><p>The font size applied to the badge caption, represented in pixels.</p><p>Default value: <code>10</code></p></td></tr><tr><td valign="top">badgeCaptionFontWeight</td><td valign="top"><p>stringEnum: "100" "200" "300" "400" "500" "600" "700" "800" "900"</p><p>The font weight applied to the badge caption.</p><p><code>&#x3C;font-weight-absolute></code> numeric values [1,1000].</p><ul><li><code>100</code></li><li><code>200</code></li><li><code>300</code></li><li><code>400</code> — normal</li><li><code>500</code></li><li><code>600</code></li><li><code>700</code> — bold</li><li><code>800</code></li><li><code>900</code></li></ul><p>Default value: <code>600</code></p></td></tr><tr><td valign="top">badgeCaptionLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 12 .. 24 ]</p><p>The font line-height applied to the badge caption, represented in pixels.</p><p>Default value: <code>18</code></p></td></tr><tr><td valign="top">badgeGap</td><td valign="top"><p>integer &#x3C;int32> [ 8 .. 24 ]</p><p>The gap between badge components, represented in pixels.</p><p>Default value: <code>8</code></p></td></tr><tr><td valign="top">badgeIndicatorColor</td><td valign="top"><p>string</p><p>The color of the badge indicator (ring).</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#f95590</code></p></td></tr><tr><td valign="top">commentsAvatarBorderRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 1 ]</p><p>The shape of the comment avatar corners or the degree of their rounding, represented in pixels.</p><p>Allowed values:</p><ul><li><code>0</code> — No border radius</li><li><code>1</code> — Circular avatar</li></ul><p>Default value: <code>10</code></p></td></tr><tr><td valign="top">commentsBackgroundColor</td><td valign="top"><p>string</p><p>The background color of a comment.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#2b2b2b66</code></p></td></tr><tr><td valign="top">commentsBorderRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The shape of the comment corners or the degree of their rounding, represented in pixels.</p><p>Default value: <code>8</code></p></td></tr><tr><td valign="top">commentsColor</td><td valign="top"><p>string</p><p>The font color of a comment.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">commentsCtaBackgroundColor</td><td valign="top"><p>string</p><p>The background color applied to the comments CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlBackgroundColor</code> theming option.</p></td></tr><tr><td valign="top">commentsCtaBorderColor</td><td valign="top"><p>string</p><p>The border color applied to the comments CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlBorderColor</code> theming option.</p></td></tr><tr><td valign="top">commentsCtaIconColor</td><td valign="top"><p>string</p><p>The color of the comments CTA's icon.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlIconColor</code> theming option.</p></td></tr><tr><td valign="top">commentsCtaLabelColor</td><td valign="top"><p>string</p><p>The font color applied to the comments CTA's label.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlLabelColor</code> theming option.</p></td></tr><tr><td valign="top">commentsGap</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The gap between two comments, represented in pixels.</p><p>Default value: <code>6</code></p></td></tr><tr><td valign="top">commentsInputColor</td><td valign="top"><p>string</p><p>The font color of the comment input field.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">commentsInputFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The font size applied to the comment input field.</p><p>Default value: <code>14</code></p></td></tr><tr><td valign="top">commentsInputLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 12 .. 32 ]</p><p>The font line-height applied to the comment input field.</p><p>Default value: <code>20</code></p></td></tr><tr><td valign="top">commentsInputPlaceholderColor</td><td valign="top"><p>string</p><p>The font color of the comment input field placeholder.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff99</code></p></td></tr><tr><td valign="top">commentsLinkColor</td><td valign="top"><p>string</p><p>The font color of a link in a comment.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#d285f1</code></p></td></tr><tr><td valign="top">commentsModeratorBackgroundColor</td><td valign="top"><p>string</p><p>The background color of a comment written by a moderator.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#30083b99</code></p></td></tr><tr><td valign="top">commentsModeratorColor</td><td valign="top"><p>string</p><p>The font color of a comment written by a moderator.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">commentsPaddingHorizontal</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The horizontal padding of a comment, represented in pixels.</p><p>Default value: <code>8</code></p></td></tr><tr><td valign="top">commentsPaddingVertical</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The vertical padding of a comment, represented in pixels.</p><p>Default value: <code>4</code></p></td></tr><tr><td valign="top">commentsPinBackgroundColor</td><td valign="top"><p>string</p><p>The background color of a pinned comment.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#30083b99</code></p></td></tr><tr><td valign="top">commentsPinColor</td><td valign="top"><p>string</p><p>The font color of a pinned comment.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">commentsReplyToBackgroundColor</td><td valign="top"><p>string</p><p>The background color of the original message in a reply-to comment.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#00000054</code></p></td></tr><tr><td valign="top">commentsReplyToColor</td><td valign="top"><p>string</p><p>The font color of the original message in a reply-to comment.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffffdd</code></p></td></tr><tr><td valign="top">commentsReplyToFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The font size applied to the original message in a reply-to comment.</p><p>Default value: <code>12</code></p></td></tr><tr><td valign="top">commentsReplyToLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 12 .. 32 ]</p><p>The font line-height applied to the original message in a reply-to comment.</p><p>Default value: <code>18</code></p></td></tr><tr><td valign="top">creatorAvatarBorderRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 1 ]</p><p>The shape of the creator avatar corners or the degree of their rounding.</p><p>Allowed values:</p><ul><li><code>0</code> — No border radius</li><li><code>1</code> — Circular creator avatar</li></ul><p>Default value: <code>1</code></p></td></tr><tr><td valign="top">creatorAvatarSize</td><td valign="top"><p>integer &#x3C;int32> [ 24 .. 48 ]</p><p>The size of the creator avatar image, represented in pixels.</p><p>Default value: <code>42</code></p></td></tr><tr><td valign="top">dialogBackdropFilterRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The level of distortion applied to the backdrop of a dialog.</p><p>Default value: <code>8</code></p></td></tr><tr><td valign="top">dialogBackgroundColor</td><td valign="top"><p>string</p><p>The background color of a dialog.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffffdd</code></p></td></tr><tr><td valign="top">dialogBorderColor</td><td valign="top"><p>string</p><p>The border color of a dialog.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#dadada80</code></p></td></tr><tr><td valign="top">dialogBorderRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 32 ]</p><p>The shape of the dialog corners or the degree of their rounding, represented in pixels.</p><p>Default value: <code>16</code></p></td></tr><tr><td valign="top">dialogColor</td><td valign="top"><p>string</p><p>The font color of a dialog.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#222023</code></p></td></tr><tr><td valign="top">dialogFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The font size applied to a dialog.</p><p>Default value: <code>14</code></p></td></tr><tr><td valign="top">dialogGap</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The gap between dialog components, represented in pixels.</p><p>Default value: <code>null</code></p></td></tr><tr><td valign="top">dialogLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 12 .. 32 ]</p><p>The font line-height applied to a dialog.</p><p>Default value: <code>20</code></p></td></tr><tr><td valign="top">dialogMutedFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The font size applied to a muted dialog copy.</p><p>Default value: <code>12</code></p></td></tr><tr><td valign="top">dialogMutedLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 12 .. 32 ]</p><p>The font line-height applied to a muted dialog copy.</p><p>Default value: <code>18</code></p></td></tr><tr><td valign="top">dialogPadding</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 32 ]</p><p>The padding of a dialog, represented in pixels.</p><p>Default value: <code>12</code></p></td></tr><tr><td valign="top">dialogTitleFontSize</td><td valign="top"><p>number &#x3C;double> [ 10 .. 24 ]</p><p>The font size applied to a dialog title.</p><p>Default value: <code>14</code></p></td></tr><tr><td valign="top">dialogTitleLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 12 .. 32 ]</p><p>The font line-height applied to a dialog title.</p><p>Default value: <code>20</code></p></td></tr><tr><td valign="top">mediaItemEmojiCtaBackgroundColor</td><td valign="top"><p>string</p><p>The background color of the media item emoji CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlBackgroundColor</code> theming option.</p></td></tr><tr><td valign="top">mediaItemEmojiCtaBorderColor</td><td valign="top"><p>string</p><p>The border color of the media item emoji CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlBorderColor</code> theming option.</p></td></tr><tr><td valign="top">mediaItemEmojiCtaIconColor</td><td valign="top"><p>string</p><p>The color of the media item emoji CTA icon.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlIconColor</code> theming option.</p></td></tr><tr><td valign="top">mediaItemEmojiCtaLabelColor</td><td valign="top"><p>string</p><p>The color of the media item emoji CTA label.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlLabelColor</code> theming option.</p></td></tr><tr><td valign="top">mediaItemEmojiOnColor</td><td valign="top"><p>string</p><p>The color of the media item emoji when it is selected.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ff0000</code></p></td></tr><tr><td valign="top">mediaItemInfoCreatorFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 8 .. 18 ]</p><p>The font size applied to the media item info creator.</p><p>Default value: <code>14</code></p></td></tr><tr><td valign="top">mediaItemInfoCreatorFontWeight</td><td valign="top"><p>stringEnum: "100" "200" "300" "400" "500" "600" "700" "800" "900"</p><p>The font weight applied to the media item info creator.</p><p><code>&#x3C;font-weight-absolute></code> numeric values [1,1000].</p><ul><li><code>100</code></li><li><code>200</code></li><li><code>300</code></li><li><code>400</code> — normal</li><li><code>500</code></li><li><code>600</code></li><li><code>700</code> — bold</li><li><code>800</code></li><li><code>900</code></li></ul><p>Default value: <code>600</code></p></td></tr><tr><td valign="top">mediaItemInfoCreatorLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 20 ]</p><p>The font line-height applied to the media item info creator.</p><p>Default value: <code>16</code></p></td></tr><tr><td valign="top">mediaItemInfoGap</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The gap between media item info components, represented in pixels.</p><p>Default value: <code>4</code></p></td></tr><tr><td valign="top">notificationsBackgroundColor</td><td valign="top"><p>string</p><p>The background color of notifications.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffffcc</code></p></td></tr><tr><td valign="top">notificationsBorderRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The shape of the notifications corners or the degree of their rounding, represented in pixels.</p><p>Default value: <code>4</code></p></td></tr><tr><td valign="top">notificationsColor</td><td valign="top"><p>string</p><p>The font color of notifications.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#000000cc</code></p></td></tr><tr><td valign="top">notificationsFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The font size applied to notifications, represented in pixels.</p><p>Default value: <code>12</code></p></td></tr><tr><td valign="top">notificationsIconSize</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The size of the notification icon, represented in pixels.</p><p>Default value: <code>20</code></p></td></tr><tr><td valign="top">notificationsLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 12 .. 32 ]</p><p>The font line-height applied to notifications, represented in pixels.</p><p>Default value: <code>18</code></p></td></tr><tr><td valign="top">notificationsGap</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The gap between notifications, represented in pixels.</p><p>Default value: <code>4</code></p></td></tr><tr><td valign="top">notificationsPaddingHorizontal</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The horizontal padding of notifications, represented in pixels.</p><p>Default value: <code>4</code></p></td></tr><tr><td valign="top">notificationsPaddingVertical</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The vertical padding of notifications, represented in pixels.</p><p>Default value: <code>4</code></p></td></tr><tr><td valign="top">playerCanvasBorderRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 32 ]</p><p>The shape of the player canvas corners or the degree of their rounding, represented in pixels.</p><p>Default value: <code>16</code></p></td></tr><tr><td valign="top">playerControlCtaGap</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The gap between the player control CTAs, represented in pixels.</p><p>Default value: <code>10</code></p></td></tr><tr><td valign="top">playerControlCtaHeight</td><td valign="top"><p>integer &#x3C;int32> [ 24 .. 48 ]</p><p>The height of the player control CTAs, represented in pixels.</p><p>Default value: <code>32</code></p></td></tr><tr><td valign="top">playerControlCtaWidth</td><td valign="top"><p>integer &#x3C;int32> [ 24 .. 48 ]</p><p>The width of the player control CTAs, represented in pixels.</p><p>Default value: <code>32</code></p></td></tr><tr><td valign="top">playerDismissCtaAlignment</td><td valign="top">string</td></tr><tr><td valign="top">playerDismissCtaBackgroundColor</td><td valign="top"><p>string</p><p>The background color of the player dismiss CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlBackgroundColor</code> theming option.</p></td></tr><tr><td valign="top">playerDismissCtaBorderColor</td><td valign="top"><p>string</p><p>The border color of the player dismiss CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlBorderColor</code> theming option.</p></td></tr><tr><td valign="top">playerDismissCtaIconColor</td><td valign="top"><p>string</p><p>The color of the player dismiss CTA icon.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlIconColor</code> theming option.</p></td></tr><tr><td valign="top">playerDismissCtaIconHeight</td><td valign="top"><p>integer &#x3C;int32> [ 24 .. 48 ]</p><p>The height of the player dismiss CTA icon, represented in pixels.</p><p>Default value: <code>24</code></p></td></tr><tr><td valign="top">playerDismissCtaIconWidth</td><td valign="top"><p>integer &#x3C;int32> [ 24 .. 48 ]</p><p>The width of the player dismiss CTA icon, represented in pixels.</p><p>Default value: <code>24</code></p></td></tr><tr><td valign="top">playerDismissCtaMarginHorizontal</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 24 ]</p><p>The horizontal margin of the player dismiss CTA, represented in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>gap</code> theming option.</p></td></tr><tr><td valign="top">playerDismissCtaMarginVertical</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 24 ]</p><p>The vertical margin of the player dismiss CTA, represented in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>gap</code> theming option.</p></td></tr><tr><td valign="top">playerDismissCtaSize</td><td valign="top"><p>integer &#x3C;int32> [ 24 .. 48 ]</p><p>The size of the player dismiss CTA, represented in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>primaryControlSize</code> theming option.</p></td></tr><tr><td valign="top">playerGap</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The default gap between components of the player, represented in pixels.</p><p>Default value: <code>16</code></p></td></tr><tr><td valign="top">playerHeaderColor</td><td valign="top"><p>string</p><p>The color of the player header.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">playerHeaderFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 8 .. 18 ]</p><p>The font size applied to the player header.</p><p>Default value: <code>12</code></p></td></tr><tr><td valign="top">playerHeaderGradientOpacity</td><td valign="top"><p>number &#x3C;double> [ 0 .. 1 ]</p><p>The opacity of the player header gradient.</p><p>Default value: <code>0.5</code></p></td></tr><tr><td valign="top">playerHeaderLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The font line-height applied to the player header.</p><p>Default value: <code>14</code></p></td></tr><tr><td valign="top">playerProgressBarFillColor</td><td valign="top"><p>string</p><p>The color of the player's progress bar.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">playerProgressBarGap</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The gap between the player progress bar segments, represented in pixels.</p><p>Default value: <code>3</code></p></td></tr><tr><td valign="top">playerProgressBarHeight</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 4 ]</p><p>The height of the player progress bar, represented in pixels.</p><p>Default value: <code>2</code></p></td></tr><tr><td valign="top">playerProgressBarTrackColor</td><td valign="top"><p>string</p><p>The color of the player's progress bar track.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#00000054</code></p></td></tr><tr><td valign="top">playerSkipItemCtaBackgroundColor</td><td valign="top"><p>string</p><p>The background color of the player skip item CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">playerSkipItemCtaHeight</td><td valign="top"><p>integer &#x3C;int32> [ 16 .. 64 ]</p><p>The height of the player skip item CTA, represented in pixels.</p><p>Default value: <code>64</code></p></td></tr><tr><td valign="top">playerSkipItemCtaWidth</td><td valign="top"><p>integer &#x3C;int32> [ 16 .. 64 ]</p><p>The width of the player skip item CTA, represented in pixels.</p><p>Default value: <code>64</code></p></td></tr><tr><td valign="top">playerSkipListCtaColor</td><td valign="top"><p>string</p><p>The color of the player skip list CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">playerSkipListCtaHeight</td><td valign="top"><p>integer &#x3C;int32> [ 16 .. 64 ]</p><p>The height of the player skip list CTA, represented in pixels.</p><p>Default value: <code>48</code></p></td></tr><tr><td valign="top">playerSkipListCtaWidth</td><td valign="top"><p>integer &#x3C;int32> [ 16 .. 64 ]</p><p>The width of the player skip list CTA, represented in pixels.</p><p>Default value: <code>48</code></p></td></tr><tr><td valign="top">playerZIndex</td><td valign="top"><p>integer &#x3C;int32> >= 0</p><p>The z-index of the player. All other components' stack positions are calculated based on the player's <code>z-index</code>. Default value: <code>210623</code></p></td></tr><tr><td valign="top">primaryControlBackdropFilterRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The level of distortion applied to the backdrop of a primary control.</p><p>Default value: <code>8</code></p></td></tr><tr><td valign="top">primaryControlBackgroundColor</td><td valign="top"><p>string</p><p>The background color of a primary control.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#00000033</code></p></td></tr><tr><td valign="top">primaryControlBorderColor</td><td valign="top"><p>string</p><p>The border color of a primary control.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#00000033</code></p></td></tr><tr><td valign="top">primaryControlBorderWidth</td><td valign="top"><p>number &#x3C;double> [ 0 .. 1 ]</p><p>The width of the primary control border, represented in pixels.</p><p>Default value: <code>0</code></p></td></tr><tr><td valign="top">primaryControlBorderRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The shape of the primary control corners or the degree of their rounding, represented in pixels.</p><p>Default value: <code>8</code></p></td></tr><tr><td valign="top">primaryControlIconColor</td><td valign="top"><p>string</p><p>The color of a primary control icon.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">primaryControlLabelColor</td><td valign="top"><p>string</p><p>The color of a primary control label.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">primaryControlSize</td><td valign="top"><p>integer &#x3C;int32> [ 42 .. 42 ]</p><p>The size of a primary control, represented in pixels.</p><p>Default value: <code>42</code></p></td></tr><tr><td valign="top">productCardBackgroundColor</td><td valign="top"><p>string</p><p>The background colour of the product card.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">productCardBorderColor</td><td valign="top"><p>string</p><p>The color of the product card's border.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#e2e8ec</code></p></td></tr><tr><td valign="top">productCardBorderWidth</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 12 ]</p><p>The width of the product card's border, represented in pixels.</p><p>Default value: <code>1</code></p></td></tr><tr><td valign="top">productCardBorderRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 24 ]</p><p>The shape of the product card's corners or the degree of their rounding, represented in pixels.</p><p>Default value: <code>null</code> If not explicitly specified, value is inherited from the general <code>borderRadius</code> theming option.</p></td></tr><tr><td valign="top">productCardBrandColor</td><td valign="top"><p>string</p><p>The font color applied to the product's brand name.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#3e5b71</code></p></td></tr><tr><td valign="top">productCardBrandFontFamily</td><td valign="top"><p>string</p><p>The font family applied to the product's brand name.</p><p>If not explicitly specified, value is inherited value from the <code>productCardFontFamily</code> theming option.</p></td></tr><tr><td valign="top">productCardBrandFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 8 .. 16 ]</p><p>The font size applied to the product's brand name, specified in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>productCardFontSize</code> theming option.</p></td></tr><tr><td valign="top">productCardBrandFontWeight</td><td valign="top"><p>stringEnum: "100" "200" "300" "400" "500" "600" "700" "800" "900"</p><p>The font weight applied to the product's brand name.</p><p><code>&#x3C;font-weight-absolute></code> numeric values [1,1000].</p><ul><li><code>100</code></li><li><code>200</code></li><li><code>300</code></li><li><code>400</code> — normal</li><li><code>500</code></li><li><code>600</code></li><li><code>700</code> — bold</li><li><code>800</code></li><li><code>900</code></li></ul><p>Default value: <code>400</code></p></td></tr><tr><td valign="top">productCardBrandLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The font line-height applied to the product's brand name, specified in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>productCardLineHeight</code> theming option.</p></td></tr><tr><td valign="top">productCardBrandMarginBottom</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The outer spacing added below the product card's brand name component, specified in pixels.</p><p>Default value: <code>0</code></p></td></tr><tr><td valign="top">productCardBrandMarginTop</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The outer spacing added above the product card's brand name component, specified in pixels.</p><p>Default value: <code>0</code></p></td></tr><tr><td valign="top">productCardChapterMarkerColor</td><td valign="top"><p>string</p><p>The color of the product card's chapter marker.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">productCardChapterMarkerIconColor</td><td valign="top"><p>string</p><p>The color of the product card's chapter marker icon.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">productCardChapterMarkerOffBackgroundColor</td><td valign="top"><p>string</p><p>The background color of the product card's chapter marker when it is not focused.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#00000033</code></p></td></tr><tr><td valign="top">productCardChapterMarkerOnBackgroundColor</td><td valign="top"><p>string</p><p>The background color of the product card's chapter marker when it is focused.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#00000066</code></p></td></tr><tr><td valign="top">productCardColor</td><td valign="top"><p>string</p><p>The default font color applied to the product card.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#0c1f2d</code></p></td></tr><tr><td valign="top">productCardCtaAlignment</td><td valign="top"><p>stringEnum: "flex-end" "flex-start"</p><p>The vertical alignment of the product card's CTA component.</p><p>Default value: <code>flex-end</code></p></td></tr><tr><td valign="top">productCardCtaBackgroundColor</td><td valign="top"><p>string</p><p>The background color applied to the product card CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">productCardCtaBorderColor</td><td valign="top"><p>string</p><p>The border color applied to the product card CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#e2e8ec</code></p></td></tr><tr><td valign="top">productCardCtaBorderRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The border radius applied to the product card CTA.</p><p>To ensure a smooth and consistent border radius, the default value results from subtracting the sum of</p><ul><li><code>productCardPadding</code>,</li><li><code>productCardInfoMarginBottom</code> and</li><li><code>productCardCtaMargin</code></li></ul><p>from the product card’s border radius.</p></td></tr><tr><td valign="top">productCardCtaBorderWidth</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 12 ]</p><p>The width of the product card CTA's border, represented in pixels.</p><p>Default value: <code>1</code></p></td></tr><tr><td valign="top">productCardCtaColor</td><td valign="top"><p>string</p><p>The font color applied to the product card CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#0c1f2d</code></p></td></tr><tr><td valign="top">productCardCtaDisabledBackgroundColor</td><td valign="top"><p>string</p><p>The background color applied to the product card CTA in disabled state.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#f1f0f1</code></p></td></tr><tr><td valign="top">productCardCtaDisabledBorderColor</td><td valign="top"><p>string</p><p>The border color applied to the product card CTA in disabled state.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#d9d9d9</code></p></td></tr><tr><td valign="top">productCardCtaDisabledColor</td><td valign="top"><p>string</p><p>The font color applied to the product card CTA in disabled state.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#89838b</code></p></td></tr><tr><td valign="top">productCardCtaFontFamily</td><td valign="top"><p>string</p><p>The font family applied to the product card CTA.</p><p>If not explicitly specified, value is inherited value from the <code>productCardFontFamily</code> theming option.</p></td></tr><tr><td valign="top">productCardCtaFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 8 .. 16 ]</p><p>The font size applied to the product card CTA, represented in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>productCardFontSize</code> theming option.</p></td></tr><tr><td valign="top">productCardCtaFontWeight</td><td valign="top"><p>stringEnum: "100" "200" "300" "400" "500" "600" "700" "800" "900"</p><p>The font weight applied to the product card CTA.</p><p><code>&#x3C;font-weight-absolute></code> numeric values [1,1000].</p><ul><li><code>100</code></li><li><code>200</code></li><li><code>300</code></li><li><code>400</code> — normal</li><li><code>500</code></li><li><code>600</code></li><li><code>700</code> — bold</li><li><code>800</code></li><li><code>900</code></li></ul><p>Default value: <code>700</code></p></td></tr><tr><td valign="top">productCardCtaLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The font line-height applied to the product card CTA, represented in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>productCardLineHeight</code> theming option.</p></td></tr><tr><td valign="top">productCardCtaMargin</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The outer spacing added evenly to all edges of the product card CTA, represented in pixels.</p><p>Default value: <code>4</code></p></td></tr><tr><td valign="top">productCardCtaPadding</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The inner spacing added evenly to all edges of the product card CTA, represented in pixels.</p><p>Default value: <code>6</code></p></td></tr><tr><td valign="top">productCardCurrentPriceFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 8 .. 16 ]</p><p>The font size applied to the product card's current price row, represented in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>productCardFontSize</code> theming option.</p></td></tr><tr><td valign="top">productCardCurrentPriceFontWeight</td><td valign="top"><p>stringEnum: "100" "200" "300" "400" "500" "600" "700" "800" "900"</p><p>The font weight applied to the product card's current price row.</p><p><code>&#x3C;font-weight-absolute></code> numeric values [1,1000].</p><ul><li><code>100</code></li><li><code>200</code></li><li><code>300</code></li><li><code>400</code> — normal</li><li><code>500</code></li><li><code>600</code></li><li><code>700</code> — bold</li><li><code>800</code></li><li><code>900</code></li></ul><p>Default value: <code>700</code></p></td></tr><tr><td valign="top">productCardCurrentPriceLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The font line-height applied to the product card's current price row, represented in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>productCardLineHeight</code> theming option.</p></td></tr><tr><td valign="top">productCardCurrentPriceMarginBottom</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The outer spacing added below the product card's current price component, specified in pixels.</p><p>Default value: <code>0</code></p></td></tr><tr><td valign="top">productCardCurrentPriceMarginTop</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The outer spacing added above the product card's current price component, specified in pixels.</p><p>Default value: <code>0</code></p></td></tr><tr><td valign="top">productCardDiscountFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 8 .. 16 ]</p><p>The font size applied to the product card's discount row, represented in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>productCardFontSize</code> theming option.</p></td></tr><tr><td valign="top">productCardDiscountLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The font line-height applied to the product card's discount row, represented in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>productCardLineHeight</code> theming option.</p></td></tr><tr><td valign="top">productCardDiscountMarginBottom</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The outer spacing added below the product card's discount component, specified in pixels.</p><p>Default value: <code>0</code></p></td></tr><tr><td valign="top">productCardDiscountMarginTop</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The outer spacing added above the product card's discount component, specified in pixels.</p><p>Default value: <code>0</code></p></td></tr><tr><td valign="top">productCardEmojiColor</td><td valign="top"><p>string</p><p>The font color applied to the product card's emoji icon.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#222023</code></p></td></tr><tr><td valign="top">productCardEmojiMarginHorizontal</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 12 ]</p><p>The horizontal outer spacing added evenly to all edges of the product card's emoji component, specified in pixels.</p><p>The emoji component renders the CTA used to add a product to wish list.</p><p>Default value: <code>4</code></p></td></tr><tr><td valign="top">productCardEmojiMarginVertical</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 12 ]</p><p>The vertical outer spacing added evenly to all edges of the product card's emoji component, specified in pixels.</p><p>The emoji component renders the CTA used to add a product to wish list.</p><p>Default value: <code>0</code></p></td></tr><tr><td valign="top">productCardEmojiOnColor</td><td valign="top"><p>string</p><p>The color of the product card's emoji icon when it is selected.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ff6b9f</code></p></td></tr><tr><td valign="top">productCardFeaturedBackdropFilterRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The level of distortion applied to the backdrop of a featured product card.</p><p>Default value: <code>4</code></p></td></tr><tr><td valign="top">productCardFeaturedBackgroundColor</td><td valign="top"><p>string</p><p>The background color of a featured product card.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#00000066</code></p></td></tr><tr><td valign="top">productCardFeaturedBorderColor</td><td valign="top"><p>string</p><p>The border color of a featured product card.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>transparent</code></p></td></tr><tr><td valign="top">productCardFeaturedBrandColor</td><td valign="top"><p>string</p><p>The font color applied to the featured product's brand name.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">productCardFeaturedColor</td><td valign="top"><p>string</p><p>The default font color applied to the featured product card.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">productCardFeaturedCtaBackgroundColor</td><td valign="top"><p>string</p><p>The background color applied to the featured product card CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>transparent</code></p></td></tr><tr><td valign="top">productCardFeaturedCtaBorderColor</td><td valign="top"><p>string</p><p>The border color applied to the featured product card CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">productCardFeaturedCtaColor</td><td valign="top"><p>string</p><p>The font color applied to the featured product card CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">productCardFeaturedCtaDisabledBackgroundColor</td><td valign="top"><p>string</p><p>The background color applied to the featured product card CTA in disabled state.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#f1f0f1</code></p></td></tr><tr><td valign="top">productCardFeaturedCtaDisabledBorderColor</td><td valign="top"><p>string</p><p>The border color applied to the featured product card CTA in disabled state.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#d9d9d9</code></p></td></tr><tr><td valign="top">productCardFeaturedCtaDisabledColor</td><td valign="top"><p>string</p><p>The font color applied to the featured product card CTA in disabled state.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#89838b</code></p></td></tr><tr><td valign="top">productCardFeaturedEmojiColor</td><td valign="top"><p>string</p><p>The font color applied to the featured product card's emoji icon.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">productCardFeaturedEmojiOnColor</td><td valign="top"><p>string</p><p>The color of the featured product card's emoji icon when it is selected.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">productCardFeaturedPriceColor</td><td valign="top"><p>string</p><p>The font color applied to the featured product's price.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">productCardFeaturedTitleColor</td><td valign="top"><p>string</p><p>The font color applied to the featured product's title.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">productCardFontFamily</td><td valign="top"><p>string</p><p>The default font family applied to the product card.</p><p>If not explicitly specified, value is inherited from the general <code>primaryFontFamily</code> theming option.</p></td></tr><tr><td valign="top">productCardFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 8 .. 16 ]</p><p>The default font size applied to the product card, represented in pixels.</p><p>If not explicitly specified, value is inherited value from the general <code>primaryFontSize</code> theming option.</p></td></tr><tr><td valign="top">productCardGap</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 24 ]</p><p>The gap between the the product card's thumbnail and product info components, represented in pixels.</p><p>Default value: <code>8</code></p></td></tr><tr><td valign="top">productCardHighlightBorderColor</td><td valign="top"><p>string</p><p>The border color of a highlighted product card.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#e2e8ec</code></p></td></tr><tr><td valign="top">productCardHighlightBoxShadowBlurRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 24 ]</p><p>The blur radius of the box shadow applied to a highlighted product card.</p><p>Default value: <code>8</code></p></td></tr><tr><td valign="top">productCardHighlightBoxShadowColor</td><td valign="top"><p>string</p><p>The color of the box shadow applied to a highlighted product card.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#d285f1</code></p></td></tr><tr><td valign="top">productCardHighlightBoxShadowOffsetX</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The horizontal offset of the box shadow applied to a highlighted product card.</p><p>Default value: <code>0</code></p></td></tr><tr><td valign="top">productCardHighlightBoxShadowOffsetY</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The vertical offset of the box shadow applied to a highlighted product card.</p><p>Default value: <code>1</code></p></td></tr><tr><td valign="top">productCardHighlightBoxShadowSpreadRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 48 ]</p><p>The spread radius of the box shadow applied to a highlighted product card.</p><p>Default value: <code>0</code></p></td></tr><tr><td valign="top">productCardInfoMarginBottom</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The outer spacing added below the product card's product info component, specified in pixels.</p><p>Default value: <code>2</code></p></td></tr><tr><td valign="top">productCardInfoMarginTop</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The outer spacing added above the product card's product info component, specified in pixels.</p><p>Default value: <code>2</code></p></td></tr><tr><td valign="top">productCardLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The default font line-height applied to the product card, represented in pixels.</p><p>If not explicitly specified, value is inherited value from the general <code>primaryLineHeight</code> theming option.</p></td></tr><tr><td valign="top">productCardMinHeight</td><td valign="top"><p>integer &#x3C;int32> [ 60 .. 120 ]</p><p>The minimum height of the product card, represented in pixels.</p><p>Default value: <code>60</code></p></td></tr><tr><td valign="top">productCardPadding</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The inner spacing added evenly to all edges the product card, specified in pixels.</p><p>Default value: <code>4</code></p></td></tr><tr><td valign="top">productCardPriceAlignment</td><td valign="top"><p>stringEnum: "flex-end" "flex-start"</p><p>The vertical alignment of the product card's price info component.</p><p>Default value: <code>flex-end</code></p></td></tr><tr><td valign="top">productCardPriceColor</td><td valign="top"><p>string</p><p>The font color applied to the current price, if it represents the original price of the product.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#3e5b71</code></p></td></tr><tr><td valign="top">productCardSalePriceColor</td><td valign="top"><p>string</p><p>The font color applied to the current price, if it represents the sale price of the product.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#f42660</code></p></td></tr><tr><td valign="top">productCardThumbnailBorderRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The border radius applied to the product card thumbnail.</p><p>To ensure a smooth and consistent border radius, the default value results from subtracting the sum of</p><ul><li><code>productCardPadding</code> and</li><li><code>productCardThumbnailMargin</code></li></ul><p>from the product card’s border radius.</p></td></tr><tr><td valign="top">productCardThumbnailMargin</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The outer spacing added evenly to all edges of the product card thumbnail, represented in pixels.</p><p>Default value: <code>4</code></p></td></tr><tr><td valign="top">productCardTitleColor</td><td valign="top"><p>string</p><p>The font color applied to the product's title.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#0c1f2d</code></p></td></tr><tr><td valign="top">productCardTitleFontFamily</td><td valign="top"><p>string</p><p>The font family applied to the product's title.</p><p>If not explicitly specified, value is inherited value from the <code>productCardFontFamily</code> theming option.</p></td></tr><tr><td valign="top">productCardTitleFontWeight</td><td valign="top"><p>stringEnum: "100" "200" "300" "400" "500" "600" "700" "800" "900"</p><p>The font weight applied to the product's title.</p><p><code>&#x3C;font-weight-absolute></code> numeric values [1,1000].</p><ul><li><code>100</code></li><li><code>200</code></li><li><code>300</code></li><li><code>400</code> — normal</li><li><code>500</code></li><li><code>600</code></li><li><code>700</code> — bold</li><li><code>800</code></li><li><code>900</code></li></ul><p>Default value: <code>400</code></p></td></tr><tr><td valign="top">productCardTitleMarginBottom</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The outer spacing added below the product card's title component, specified in pixels.</p><p>Default value: <code>0</code></p></td></tr><tr><td valign="top">productCardTitleMarginTop</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The outer spacing added above the product card's title component, specified in pixels.</p><p>Default value: <code>0</code></p></td></tr><tr><td valign="top">productCardUnitPriceFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The font size applied to the product card's unit pricing row, represented in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>productCardFontSize</code> theming option.</p></td></tr><tr><td valign="top">productCardUnitPriceLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The font line-height applied to the product card's unit pricing row, represented in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>productCardLineHeight</code> theming option.</p></td></tr><tr><td valign="top">productCardUnitPriceMarginBottom</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The outer spacing added below the product card's unit pricing component, specified in pixels.</p><p>Default value: <code>0</code></p></td></tr><tr><td valign="top">productCardUnitPriceMarginTop</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The outer spacing added above the product card's unit pricing component, specified in pixels.</p><p>Default value: <code>0</code></p></td></tr><tr><td valign="top">productListCtaBackgroundColor</td><td valign="top"><p>string</p><p>The background color applied to the product list CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlBackgroundColor</code> theming option.</p></td></tr><tr><td valign="top">productListCtaBorderColor</td><td valign="top"><p>string</p><p>The border color applied to the product list CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlBorderColor</code> theming option.</p></td></tr><tr><td valign="top">productListCtaIconColor</td><td valign="top"><p>string</p><p>The color of the product list CTA's icon.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlIconColor</code> theming option.</p></td></tr><tr><td valign="top">productListCtaLabelColor</td><td valign="top"><p>string</p><p>The font color applied to the product list CTA's label.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlLabelColor</code> theming option.</p></td></tr><tr><td valign="top">settingsAccentColor</td><td valign="top"><p>string</p><p>The color applied to the settings components in selected/active state.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#c23eea</code></p></td></tr><tr><td valign="top">settingsCtaBackgroundColor</td><td valign="top"><p>string</p><p>The background color applied to a settings CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#f1f0f1</code></p></td></tr><tr><td valign="top">settingsCtaBorderColor</td><td valign="top"><p>string</p><p>The border color applied to a settings CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#d9d9d9</code></p></td></tr><tr><td valign="top">settingsCtaBorderRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The border radius applied to a settings CTA.</p><p>Default value: <code>8</code></p></td></tr><tr><td valign="top">settingsCtaColor</td><td valign="top"><p>string</p><p>The font color applied to a settings CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">settingsCtaDisabledBackgroundColor</td><td valign="top"><p>string</p><p>The background color applied to a settings CTA in disabled state.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#f1f0f1</code></p></td></tr><tr><td valign="top">settingsCtaDisabledBorderColor</td><td valign="top"><p>string</p><p>The border color applied to a settings CTA in disabled state.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#d9d9d9</code></p></td></tr><tr><td valign="top">settingsCtaDisabledColor</td><td valign="top"><p>string</p><p>The font color applied to a settings CTA in disabled state.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#89838b</code></p></td></tr><tr><td valign="top">settingsCtaFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 8 .. 16 ]</p><p>The font size applied to a settings CTA, represented in pixels.</p><p>Default value: <code>14</code></p></td></tr><tr><td valign="top">settingsCtaFontWeight</td><td valign="top"><p>stringEnum: "100" "200" "300" "400" "500" "600" "700" "800" "900"</p><p>The font weight applied to a settings CTA.</p><p><code>&#x3C;font-weight-absolute></code> numeric values [1,1000].</p><ul><li><code>100</code></li><li><code>200</code></li><li><code>300</code></li><li><code>400</code> — normal</li><li><code>500</code></li><li><code>600</code></li><li><code>700</code> — bold</li><li><code>800</code></li><li><code>900</code></li></ul><p>Default value: <code>600</code></p></td></tr><tr><td valign="top">settingsCtaLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The font line-height applied to a settings CTA, represented in pixels.</p><p>Default value: <code>20</code></p></td></tr><tr><td valign="top">settingsCtaPaddingHorizontal</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The horizontal padding applied to a settings CTA, represented in pixels.</p><p>Default value: <code>16</code></p></td></tr><tr><td valign="top">settingsCtaPaddingVertical</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The vertical padding applied to a settings CTA, represented in pixels.</p><p>Default value: <code>12</code></p></td></tr><tr><td valign="top">settingsInputActiveBorderColor</td><td valign="top"><p>string</p><p>The border color applied to a settings input in focused/active state.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#c23eea</code></p></td></tr><tr><td valign="top">settingsInputBackgroundColor</td><td valign="top"><p>string</p><p>The background color applied to a settings input.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">settingsInputBorderColor</td><td valign="top"><p>string</p><p>The border color applied to a settings input.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#e2e8ec</code></p></td></tr><tr><td valign="top">settingsInputBorderRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The shape of a settings input's corners or the degree of their rounding, represented in pixels.</p><p>Default value: <code>8</code></p></td></tr><tr><td valign="top">settingsInputColor</td><td valign="top"><p>string</p><p>The font color applied to a settings input.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#30083b</code></p></td></tr><tr><td valign="top">settingsInputDisabledBackgroundColor</td><td valign="top"><p>string</p><p>The background color applied to a settings input in disabled state.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#f4f6f8</code></p></td></tr><tr><td valign="top">settingsInputDisabledBorderColor</td><td valign="top"><p>string</p><p>The border color applied to a settings input in disabled state.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#e2e8ec</code></p></td></tr><tr><td valign="top">settingsInputDisabledColor</td><td valign="top"><p>string</p><p>The font color applied to a settings input in disabled state.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#89838b</code></p></td></tr><tr><td valign="top">settingsInputFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 8 .. 16 ]</p><p>The font size applied to a settings input, represented in pixels.</p><p>Default value: <code>14</code></p></td></tr><tr><td valign="top">settingsInputLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The font line-height applied to a settings input, represented in pixels.</p><p>Default value: <code>20</code></p></td></tr><tr><td valign="top">settingsInputPaddingHorizontal</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The horizontal padding applied to a settings input, represented in pixels.</p><p>Default value: <code>16</code></p></td></tr><tr><td valign="top">settingsInputPaddingVertical</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The vertical padding applied to a settings input, represented in pixels.</p><p>Default value: <code>12</code></p></td></tr><tr><td valign="top">settingsNeutralColor</td><td valign="top"><p>string</p><p>The color applied to the settings components in neutral/in-active state.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#89838b</code></p></td></tr><tr><td valign="top">settingsOptionBackgroundColor</td><td valign="top"><p>string</p><p>The background color applied to a settings option.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">settingsOptionBorderColor</td><td valign="top"><p>string</p><p>The border color applied to a settings option.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>transparent</code></p></td></tr><tr><td valign="top">settingsOptionBorderWidth</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 10 ]</p><p>The width of the border applied to a settings option, represented in pixels.</p><p>Default value: <code>1</code></p></td></tr><tr><td valign="top">settingsOptionBorderRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The shape of a settings options's corners or the degree of their rounding, represented in pixels.</p><p>Default value: <code>8</code></p></td></tr><tr><td valign="top">settingsOptionGap</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The spacing between settings options, represented in pixels.</p><p>Default value: <code>12</code></p></td></tr><tr><td valign="top">settingsOptionPaddingHorizontal</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The horizontal padding applied to a settings option, represented in pixels.</p><p>Default value: <code>12</code></p></td></tr><tr><td valign="top">settingsOptionPaddingVertical</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The verticla padding applied to a settings option, represented in pixels.</p><p>Default value: <code>12</code></p></td></tr><tr><td valign="top">shoppingCartCtaBackgroundColor</td><td valign="top"><p>string</p><p>The background color applied to the shopping cart CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlBackgroundColor</code> theming option.</p></td></tr><tr><td valign="top">shoppingCartCtaBorderColor</td><td valign="top"><p>string</p><p>The border color applied to the shopping cart CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlBorderColor</code> theming option.</p></td></tr><tr><td valign="top">shoppingCartCtaIconColor</td><td valign="top"><p>string</p><p>The color of the shopping cart CTA's icon.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlIconColor</code> theming option.</p></td></tr><tr><td valign="top">shoppingCartCtaLabelColor</td><td valign="top"><p>string</p><p>The font color applied to the shopping cart CTA's label.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlLabelColor</code> theming option.</p></td></tr><tr><td valign="top">socialSharingCtaBackgroundColor</td><td valign="top"><p>string</p><p>The background color applied to the social sharing CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlBackgroundColor</code> theming option.</p></td></tr><tr><td valign="top">socialSharingCtaBorderColor</td><td valign="top"><p>string</p><p>The border color applied to the social sharing CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlBorderColor</code> theming option.</p></td></tr><tr><td valign="top">socialSharingCtaIconColor</td><td valign="top"><p>string</p><p>The color of the social sharing CTA's icon.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlIconColor</code> theming option.</p></td></tr><tr><td valign="top">socialSharingCtaLabelColor</td><td valign="top"><p>string</p><p>The font color applied to the social sharing CTA's label.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlLabelColor</code> theming option.</p></td></tr><tr><td valign="top">sponsorBadgeColor</td><td valign="top"><p>string</p><p>The font colour of the sponsor badge.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>playerHeaderColor</code> theming option.</p></td></tr><tr><td valign="top">sponsorBadgeFontFamily</td><td valign="top"><p>string</p><p>The font family applied to the sponsor badge.</p><p>If not explicitly specified, value is inherited value from the <code>primaryFontFamily</code> theming option.</p></td></tr><tr><td valign="top">sponsorBadgeFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 8 .. 18 ]</p><p>The font size of the sponsor badge, specified in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>playerHeaderFontSize</code> theming option.</p></td></tr><tr><td valign="top">sponsorBadgeIconColor</td><td valign="top"><p>string</p><p>The colour of the sponsor badge icon.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>sponsorBadgeColor</code> theming option.</p></td></tr><tr><td valign="top">sponsorBadgeIconSize</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The size of the sponsor badge icon, specified in pixels.</p><p>Default value: <code>18</code></p></td></tr><tr><td valign="top">sponsorBadgeLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The font line-height of the sponsor badge, specified in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>playerHeaderLineHeight</code> theming option.</p></td></tr><tr><td valign="top">stickerBadgeBackgroundColor</td><td valign="top"><p>string</p><p>The background color applied to the sticker badge.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlBackgroundColor</code> theming option.</p></td></tr><tr><td valign="top">stickerBadgeBorderColor</td><td valign="top"><p>string</p><p>The border color applied to the sticker badge.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlBorderColor</code> theming option.</p></td></tr><tr><td valign="top">stickerBadgeColor</td><td valign="top"><p>string</p><p>The font color of the sticker badge label.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryColor</code> theming option. Please see <code>primaryColor</code> for its default value.</p></td></tr><tr><td valign="top">stickerBadgeFontFamily</td><td valign="top"><p>string</p><p>The font family of the sticker badge label.</p><p>If not explicitly specified, value is inherited value from the <code>primaryFontFamily</code> theming option.</p></td></tr><tr><td valign="top">stickerBadgeFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 8 .. 16 ]</p><p>The font size applied to the sticker's badge value, specified in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>primaryFontSize</code> theming option.</p></td></tr><tr><td valign="top">stickerBadgeIconBackgroundColor</td><td valign="top"><p>string</p><p>The background colour of the sticker badge icon.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#0c1f2d</code></p></td></tr><tr><td valign="top">stickerBadgeIconColor</td><td valign="top"><p>string</p><p>The color of the sticker badge's icon.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlIconColor</code> theming option.</p></td></tr><tr><td valign="top">stickerBadgeIconShadowColor</td><td valign="top"><p>string</p><p>The shadow/stoke colour of the sticker badge icon.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#000000</code></p></td></tr><tr><td valign="top">stickerBadgeIconShadowVerticalLength</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 10 ]</p><p>The the shadow/stoke size of the sticker's badge icon, represented in pixels.</p><p>Default value: <code>2</code></p></td></tr><tr><td valign="top">stickerBadgeLabelColor</td><td valign="top"><p>string</p><p>The font color applied to the sticker badge's label.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryControlLabelColor</code> theming option.</p></td></tr><tr><td valign="top">stickerBadgeLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The font line-height of the sticker badge label, specified in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>primaryLineHeight</code> theming option.</p></td></tr><tr><td valign="top">stickerBadgeShadowColor</td><td valign="top"><p>string</p><p>The shadow/stroke color of the sticker badge.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#bcbcba</code></p></td></tr><tr><td valign="top">stickerBadgeShadowVerticalLength</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 10 ]</p><p>The shadow/stroke size of the sticker badge, represented in pixels.</p><p>Default value: <code>2</code></p></td></tr><tr><td valign="top">stickerCardBackgroundColor</td><td valign="top"><p>string</p><p>The background colour of the sticker card.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">stickerCardBorderRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 24 ]</p><p>The shape of the corners or the degree of their rounding of the sticker card, represented in pixels.</p><p>If not explicitly specified, value is inherited from the general <code>borderRadius</code> theming option.</p></td></tr><tr><td valign="top">stickerCardChoiceBackgroundColor</td><td valign="top"><p>string</p><p>The background colour of the sticker card choice CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">stickerCardChoiceBorderColor</td><td valign="top"><p>string</p><p>The border colour of the sticker card choice CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>settingsOptionBorderColor</code> theming option.</p></td></tr><tr><td valign="top">stickerCardChoiceBorderRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 24 ]</p><p>The border radius of the sticker card choice CTA, specified in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>settingsOptionBorderRadius</code> theming option.</p></td></tr><tr><td valign="top">stickerCardChoiceBorderWidth</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 10 ]</p><p>The border width of the sticker card choice CTA, specified in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>settingsOptionBorderWidth</code> theming option.</p></td></tr><tr><td valign="top">stickerCardChoiceColor</td><td valign="top"><p>string</p><p>The font colour of the sticker card choice CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>stickerCardColor</code> theming option.</p></td></tr><tr><td valign="top">stickerCardChoiceFontFamily</td><td valign="top"><p>string</p><p>The font family of the sticker card choice CTA.</p><p>If not explicitly specified, value is inherited value from the <code>stickerCardFontFamily</code> theming option.</p></td></tr><tr><td valign="top">stickerCardChoiceFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 8 .. 18 ]</p><p>The font size of the sticker card choice CTA, specified in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>dialogFontSize</code> theming option.</p></td></tr><tr><td valign="top">stickerCardChoiceGap</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The spacing between components of a sticker card choice CTA, specified in pixels.</p><p>Default value: <code>8</code></p></td></tr><tr><td valign="top">stickerCardChoiceLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The line-height of the sticker card choice CTA, specified in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>dialogLineHeight</code> theming option.</p></td></tr><tr><td valign="top">stickerCardChoicePaddingHorizontal</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The horizontal padding of the sticker card choice CTA, specified in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>settingsOptionPaddingHorizontal</code> theming option.</p></td></tr><tr><td valign="top">stickerCardChoicePaddingVertical</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The vertical padding of the sticker card choice CTA, specified in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>settingsOptionPaddingVertical</code> theming option.</p></td></tr><tr><td valign="top">stickerCardChoiceResultBackgroundColor</td><td valign="top"><p>string</p><p>The background color of the sticker card choice CTA in result display mode.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#91ef19</code></p></td></tr><tr><td valign="top">stickerCardChoiceShadowColor</td><td valign="top"><p>string</p><p>The shadow/stroke colour of the sticker card choice CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#e2e8ec</code></p></td></tr><tr><td valign="top">stickerCardChoiceShadowVerticalLength</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 10 ]</p><p>The shadow/stroke size of the sticker card choice CTA, represented in pixels.</p><p>Default value: <code>2</code></p></td></tr><tr><td valign="top">stickerCardColor</td><td valign="top"><p>string</p><p>The font color of the sticker card.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>primaryColor</code> theming option.</p></td></tr><tr><td valign="top">stickerCardCtaBackgroundColor</td><td valign="top"><p>string</p><p>The background colour of the sticker card CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#0c1f2d</code></p></td></tr><tr><td valign="top">stickerCardCtaBorderColor</td><td valign="top"><p>string</p><p>The border colour of the sticker card CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>transparent</code></p></td></tr><tr><td valign="top">stickerCardCtaBorderRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 24 ]</p><p>The border radius of the sticker card CTA, specified in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>settingsOptionBorderRadius</code> theming option.</p></td></tr><tr><td valign="top">stickerCardCtaBorderWidth</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 10 ]</p><p>The border width of the sticker card CTA, specified in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>settingsOptionBorderWidth</code> theming option.</p></td></tr><tr><td valign="top">stickerCardCtaColor</td><td valign="top"><p>string</p><p>The font colour of the sticker card CTA.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">stickerCardCtaFontFamily</td><td valign="top"><p>string</p><p>The cta font family applied to the sticker card.</p><p>If not explicitly specified, value is inherited value from the <code>stickerCardFontFamily</code> theming option.</p></td></tr><tr><td valign="top">stickerCardCtaFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 8 .. 18 ]</p><p>The font size of the sticker card CTA, specified in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>dialogFontSize</code> theming option.</p></td></tr><tr><td valign="top">stickerCardCtaLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The font line-height of the sticker card CTA, specified in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>dialogLineHeight</code> theming option.</p></td></tr><tr><td valign="top">stickerCardCtaPaddingHorizontal</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The horizontal padding of the sticker card CTA, specified in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>settingsOptionPaddingHorizontal</code> theming option.</p></td></tr><tr><td valign="top">stickerCardCtaPaddingVertical</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The vertical padding of the sticker card CTA, specified in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>settingsOptionPaddingVertical</code> theming option.</p></td></tr><tr><td valign="top">stickerCardFontFamily</td><td valign="top"><p>string</p><p>The font family of the sticker card.</p><p>If not explicitly specified, value is inherited value from the <code>primaryFontFamily</code> theming option.</p></td></tr><tr><td valign="top">stickerCardFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 8 .. 16 ]</p><p>The font size of the sticker card, specified in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>primaryFontSize</code> theming option.</p></td></tr><tr><td valign="top">stickerCardHeaderBackgroundColor</td><td valign="top"><p>string</p><p>The background colour of the sticker card header.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#f4f6f8</code></p></td></tr><tr><td valign="top">stickerCardHeaderBorderColor</td><td valign="top"><p>string</p><p>The border colour of the sticker card header.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#e2e8ec</code></p></td></tr><tr><td valign="top">stickerCardHeaderBorderWidth</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 10 ]</p><p>The border width of the sticker card header, represented in pixels.</p><p>Default value: <code>1</code></p></td></tr><tr><td valign="top">stickerCardLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The font line-height if the sticker card, specified in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>primaryLineHeight</code> theming option.</p></td></tr><tr><td valign="top">stickerCardShadowColor</td><td valign="top"><p>string</p><p>The shadow/stroke color of the sticker card.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#bcbcba</code></p></td></tr><tr><td valign="top">stickerCardShadowVerticalLength</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The shadow/stroke size of the sticker card, represented in pixels.</p><p>Default value: <code>4</code></p></td></tr><tr><td valign="top">stickerCardSubtitleColor</td><td valign="top"><p>string</p><p>The font colour of the sticker card subtitle.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>stickerCardColor</code> theming option.</p></td></tr><tr><td valign="top">stickerCardSubtitleFontFamily</td><td valign="top"><p>string</p><p>The font family of the sticker card subtitle.</p><p>If not explicitly specified, value is inherited value from the <code>stickerCardFontFamily</code> theming option.</p></td></tr><tr><td valign="top">stickerCardSubtitleFontSize</td><td valign="top"><p>number &#x3C;double> [ 8 .. 18 ]</p><p>The font size of the sticker card subtitle, specified in pixels.</p><p>Default value: <code>10</code></p></td></tr><tr><td valign="top">stickerCardSubtitleLineHeight</td><td valign="top"><p>number &#x3C;double> [ 10 .. 24 ]</p><p>The line-height of the sticker card subtitle, specified in pixels.</p><p>Default value: <code>14</code></p></td></tr><tr><td valign="top">stickerCardThankYouMessageColor</td><td valign="top"><p>string</p><p>The font color of the sticker card thank you message.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>stickerCardColor</code> theming option.</p></td></tr><tr><td valign="top">stickerCardThankYouMessageFontFamily</td><td valign="top"><p>string</p><p>The font family of the sticker card thank you message.</p><p>If not explicitly specified, value is inherited value from the <code>stickerCardFontFamily</code> theming option.</p></td></tr><tr><td valign="top">stickerCardThankYouMessageFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 8 .. 18 ]</p><p>The font size of the sticker card thank you message.</p><p>If not explicitly specified, value is inherited value from the <code>stickerCardFontSize</code> theming option.</p></td></tr><tr><td valign="top">stickerCardThankYouMessageLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The line height of the sticker card thank you message.</p><p>If not explicitly specified, value is inherited value from the <code>stickerCardLineHeight</code> theming option.</p></td></tr><tr><td valign="top">stickerCardTimerBackgroundColor</td><td valign="top"><p>string</p><p>The background colour of the sticker card timer.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">stickerCardTimerColor</td><td valign="top"><p>string</p><p>The font colour of the sticker card timer.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>stickerCardColor</code> theming option.</p></td></tr><tr><td valign="top">stickerCardTimerDigitBackgroundColor</td><td valign="top"><p>string</p><p>The background colour of the sticker card timer digit.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#0c1f2d</code></p></td></tr><tr><td valign="top">stickerCardTimerDigitColor</td><td valign="top"><p>string</p><p>The font colour of the sticker card timer digit.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">stickerCardTimerDigitFontFamily</td><td valign="top"><p>string</p><p>The font family applied to the sticker card timer digit.</p><p>If not explicitly specified, value is inherited value from the <code>stickerCardFontFamily</code> theming option.</p></td></tr><tr><td valign="top">stickerCardTimerDigitFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 8 .. 18 ]</p><p>The font size of the sticker card timer digit, specified in pixels.</p><p>Default value: <code>14</code></p></td></tr><tr><td valign="top">stickerCardTimerDigitLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The line-height of the sticker card timer digit, specified in pixels.</p><p>Default value: <code>18</code></p></td></tr><tr><td valign="top">stickerCardTimerFontFamily</td><td valign="top"><p>string</p><p>The font family of the sticker card timer.</p><p>If not explicitly specified, value is inherited value from the <code>stickerCardFontFamily</code> theming option.</p></td></tr><tr><td valign="top">stickerCardTimerFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 8 .. 18 ]</p><p>The font size of the sticker card timer, specified in pixels.</p><p>Default value: <code>10</code></p></td></tr><tr><td valign="top">stickerCardTimerLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 18 ]</p><p>The line-height of the sticker card timer, specified in pixels.</p><p>Default value: <code>14</code></p></td></tr><tr><td valign="top">stickerCardTimerShadowColor</td><td valign="top"><p>string</p><p>The shadow/stroke colour of the sticker card timer.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#b1a9ac</code></p></td></tr><tr><td valign="top">stickerCardTimerShadowVerticalLength</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 10 ]</p><p>The shadow/stroke size of the sticker card timer, represented in pixels.</p><p>Default value: <code>2</code></p></td></tr><tr><td valign="top">stickerCardTitleColor</td><td valign="top"><p>string</p><p>The font colour of the sticker card title.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>stickerCardColor</code> theming option.</p></td></tr><tr><td valign="top">stickerCardTitleFontFamily</td><td valign="top"><p>string</p><p>The font family of the sticker card title.</p><p>If not explicitly specified, value is inherited value from the <code>stickerCardFontFamily</code> theming option.</p></td></tr><tr><td valign="top">stickerCardTitleFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 8 .. 18 ]</p><p>The font size of the sticker card title, specified in pixels.</p><p>Default value: <code>14</code></p></td></tr><tr><td valign="top">stickerCardTitleLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The font line-height of the sticker card title, specified in pixels.</p><p>Default value: <code>18</code></p></td></tr><tr><td valign="top">stickerCardTotalAnswersCountColor</td><td valign="top"><p>string</p><p>The font color of the sticker card total answers count.</p><p>If not explicitly specified, value is inherited value from the <code>stickerCardColor</code> theming option.</p></td></tr><tr><td valign="top">stickerCardTotalAnswersCountFontFamily</td><td valign="top"><p>string</p><p>The font family of the sticker card total answers count.</p><p>If not explicitly specified, value is inherited value from the <code>stickerCardFontFamily</code> theming option.</p></td></tr><tr><td valign="top">stickerCardTotalAnswersCountFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 8 .. 18 ]</p><p>The font size of the sticker card total answers count.</p><p>If not explicitly specified, value is inherited value from the <code>stickerCardFontSize</code> theming option.</p></td></tr><tr><td valign="top">stickerCardTotalAnswersCountLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The line height of the sticker card total answers count.</p><p>If not explicitly specified, value is inherited value from the <code>stickerCardLineHeight</code> theming option.</p></td></tr><tr><td valign="top">subtitlesBackgroundColor</td><td valign="top"><p>string</p><p>The background colour of the subtitles.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#00000099</code></p></td></tr><tr><td valign="top">subtitlesBorderRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The shape of the corners or the degree of their rounding of the subtitles, represented in pixels.</p></td></tr><tr><td valign="top">subtitlesColor</td><td valign="top"><p>string</p><p>The font colour of the subtitles.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ffffff</code></p></td></tr><tr><td valign="top">subtitlesFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 8 .. 18 ]</p><p>The font size of the subtitles, specified in pixels.</p><p>Default value: <code>14</code></p></td></tr><tr><td valign="top">subtitlesFontWeight</td><td valign="top"><p>string</p><p>The font weight of the subtitles.</p><p><code>&#x3C;font-weight-absolute></code> numeric values [1,1000].</p><ul><li><code>100</code></li><li><code>200</code></li><li><code>300</code></li><li><code>400</code> — normal</li><li><code>500</code></li><li><code>600</code></li><li><code>700</code> — bold</li><li><code>800</code></li><li><code>900</code></li></ul><p>Default value: <code>400</code></p></td></tr><tr><td valign="top">subtitlesLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The line height of the subtitles, specified in pixels.</p><p>Default value: <code>28</code></p></td></tr><tr><td valign="top">subtitlesPaddingHorizontal</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The horizontal padding applied to the subtitles, specified in pixels.</p><p>Default value: <code>8</code></p></td></tr><tr><td valign="top">subtitlesPaddingVertical</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The vertical padding applied to the subtitles, specified in pixels.</p><p>Default value: <code>4</code></p></td></tr><tr><td valign="top">toastBackgroundColor</td><td valign="top"><p>string</p><p>The background colour of a toast message.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#0006</code></p></td></tr><tr><td valign="top">toastBorderColor</td><td valign="top"><p>string</p><p>The border colour of a toast message.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>transparent</code></p></td></tr><tr><td valign="top">toastBorderRadius</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The shape of the corners or the degree of their rounding of a toast message, represented in pixels.</p><p>Default value: <code>4</code></p></td></tr><tr><td valign="top">toastBorderWidth</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The border width of a toast message, specified in pixels.</p><p>Default value: <code>1</code></p></td></tr><tr><td valign="top">toastColor</td><td valign="top"><p>string</p><p>The font colour of a toast message.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#fffc</code></p></td></tr><tr><td valign="top">toastPaddingHorizontal</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 16 ]</p><p>The horizontal padding applied to a toast message, specified in pixels.</p><p>Default value: <code>8</code></p></td></tr><tr><td valign="top">toastPaddingVertical</td><td valign="top"><p>integer &#x3C;int32> [ 0 .. 8 ]</p><p>The vertical padding applied to a toast message, specified in pixels.</p><p>Default value: <code>4</code></p></td></tr><tr><td valign="top">videoControlsColor</td><td valign="top"><p>string</p><p>The font colour of the video controls.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#fff</code></p></td></tr><tr><td valign="top">videoControlsFontFamily</td><td valign="top"><p>string</p><p>The font family of the video controls.</p><p>If not explicitly specified, value is inherited value from the <code>primaryFontFamily</code> theming option.</p></td></tr><tr><td valign="top">videoControlsFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 18 ]</p><p>The font size of the video controls, specified in pixels.</p><p>Default value: <code>12</code></p></td></tr><tr><td valign="top">videoControlsIconColor</td><td valign="top"><p>string</p><p>The colour of the video controls icons.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#fff</code></p></td></tr><tr><td valign="top">videoControlsLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 12 .. 24 ]</p><p>The line-height of the video controls, specified in pixels.</p><p>Default value: <code>18</code></p></td></tr><tr><td valign="top">videoControlsProgressBarBaseBackgroundColor</td><td valign="top"><p>string</p><p>The background colour of the video controls progress bar base.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#fff6</code></p></td></tr><tr><td valign="top">videoControlsProgressBarElapsedBackgroundColor</td><td valign="top"><p>string</p><p>The background colour of the video controls progress bar, showing elapsed time.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ec007a</code></p></td></tr><tr><td valign="top">videoControlsProgressBarHoveredBackgroundColor</td><td valign="top"><p>string</p><p>The background colour of the video controls progress bar when hovered.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#fff9</code></p></td></tr><tr><td valign="top">videoControlsProgressBarThumbColor</td><td valign="top"><p>string</p><p>The colour of the video controls progress bar thumb.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>Default value: <code>#ec007a</code></p></td></tr><tr><td valign="top">viewerCounterColor</td><td valign="top"><p>string</p><p>The font colour of the viewer counter.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>playerHeaderColor</code> theming option.</p></td></tr><tr><td valign="top">viewerCounterFontSize</td><td valign="top"><p>integer &#x3C;int32> [ 8 .. 18 ]</p><p>The font size of the viewer counter, specified in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>playerHeaderFontSize</code> theming option.</p></td></tr><tr><td valign="top">viewerCounterIconColor</td><td valign="top"><p>string</p><p>The colour of the viewer counter icon.</p><p>The value can either be specified as</p><ul><li>Named color according to definition.</li><li>RGB Hexadecimal</li><li>RGB (Red, Green, Blue)</li><li>RGBA (Red, Green, Blue, Alpha)</li></ul><p>If not explicitly specified, value is inherited value from the <code>viewerCounterColor</code> theming option.</p></td></tr><tr><td valign="top">viewerCounterIconSize</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The size of the viewer counter icon, specified in pixels.</p><p>Default value: <code>18</code></p></td></tr><tr><td valign="top">viewerCounterLineHeight</td><td valign="top"><p>integer &#x3C;int32> [ 10 .. 24 ]</p><p>The font line-height of the viewer counter, specified in pixels.</p><p>If not explicitly specified, value is inherited value from the <code>playerHeaderLineHeight</code> theming option.</p></td></tr></tbody></table>
