# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.hello-lisa.com/developers/guides/theming/theme-settings.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
