@zohodesk/components 1.2.13 → 1.2.14

package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css

@@ -1,35 +1,3 @@
 [data-mode='dark'][data-theme='yellow'] {
-	/* CTA variables */
-	--zdt_cta_primary_text: hsla(37, 66.94%, calc(52.55% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_primary_hover_text: hsla(37, 66.48%, calc(64.90% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_primary_bg: hsla(37, 66.94%, calc(52.55% + var(--zd_dark_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_primary_hover_bg: hsla(39, 90.18%, calc(31.96% + var(--zd_dark_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_primary_border: hsla(37, 66.94%, calc(52.55% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_primary_hover_border: hsla(39, 90.18%, calc(31.96% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_primary_box_shadow: rgba(232, 185, 35, 0.2);
-	--zdt_cta_primary_hover_box_shadow: rgba(181, 145, 0, 0.25);
-	--zdt_cta_primary_light_bg: hsla(218, 7.69%, calc(20.39% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_primary_light_hover_bg: hsla(37, 12.70%, calc(24.71% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_primary_light_border: hsla(37, 12.70%, calc(24.71% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_secondary_bg: hsla(37, 66.94%, calc(52.55% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zd_dark_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zd_dark_default_inverse_medium_lValue)), calc( 0.15 + var(--zd_alpha_low)));
-	--zdt_cta_secondary_light_border: hsla(37, 12.70%, calc(24.71% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_alpha_text: hsla(37, 66.94%, calc(52.55% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_alpha_hover_text: hsla(39, 90.18%, calc(31.96% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_alpha_border: hsla(37, 66.94%, calc(52.55% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_alpha_hover_border: hsla(39, 90.18%, calc(31.96% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_alpha_bg: hsla(220, 2.75%, calc(21.37% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_beta_border: hsla(37, 66.94%, calc(52.55% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_grey_10_bg: hsla(217, 23.23%, calc(19.41% + var(--zd_dark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_grey_10_border: hsla(217, 23.23%, calc(19.41% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_grey_15_bg: hsla(218, 23.08%, calc(22.94% + var(--zd_dark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_grey_15_border: hsla(218, 23.08%, calc(22.94% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_grey_20_bg: hsla(217, 22.81%, calc(11.18% + var(--zd_dark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_grey_35_bg: hsla(223, 21.68%, calc(28.04% + var(--zd_dark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_grey_35_text: hsla(223, 21.68%, calc(28.04% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_grey_35_border: hsla(223, 21.68%, calc(28.04% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_grey_40_bg: hsla(216, 22.98%, calc(31.57% + var(--zd_dark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_grey_40_text: hsla(216, 22.98%, calc(31.57% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_grey_40_border: hsla(216, 22.98%, calc(31.57% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
+	/* CTA variables */[object Object]primary_text: hsla(37, 66.94%, calc(52.55% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]primary_hover_text: hsla(37, 66.48%, calc(64.90% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]primary_bg: hsla(37, 66.94%, calc(52.55% + var(--zd_dark_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]primary_hover_bg: hsla(39, 90.18%, calc(31.96% + var(--zd_dark_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]primary_border: hsla(37, 66.94%, calc(52.55% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]primary_hover_border: hsla(39, 90.18%, calc(31.96% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]primary_box_shadow: rgba(232, 185, 35, 0.2);[object Object]primary_hover_box_shadow: rgba(181, 145, 0, 0.25);[object Object]primary_light_bg: hsla(218, 7.69%, calc(20.39% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_light_hover_bg: hsla(37, 12.70%, calc(24.71% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_light_border: hsla(37, 12.70%, calc(24.71% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_bg: hsla(37, 66.94%, calc(52.55% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zd_dark_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zd_dark_default_inverse_medium_lValue)), calc( 0.15 + var(--zd_alpha_low)));[object Object]secondary_light_border: hsla(37, 12.70%, calc(24.71% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]alpha_text: hsla(37, 66.94%, calc(52.55% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]alpha_hover_text: hsla(39, 90.18%, calc(31.96% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]alpha_border: hsla(37, 66.94%, calc(52.55% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]alpha_hover_border: hsla(39, 90.18%, calc(31.96% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]alpha_bg: hsla(220, 2.75%, calc(21.37% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]beta_border: hsla(37, 66.94%, calc(52.55% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]grey_10_bg: hsla(217, 23.23%, calc(19.41% + var(--zd_dark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]grey_10_border: hsla(217, 23.23%, calc(19.41% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]grey_15_bg: hsla(218, 23.08%, calc(22.94% + var(--zd_dark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]grey_15_border: hsla(218, 23.08%, calc(22.94% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]grey_20_bg: hsla(217, 22.81%, calc(11.18% + var(--zd_dark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]grey_35_bg: hsla(223, 21.68%, calc(28.04% + var(--zd_dark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]grey_35_text: hsla(223, 21.68%, calc(28.04% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]grey_35_border: hsla(223, 21.68%, calc(28.04% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]grey_40_bg: hsla(216, 22.98%, calc(31.57% + var(--zd_dark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]grey_40_text: hsla(216, 22.98%, calc(31.57% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]grey_40_border: hsla(216, 22.98%, calc(31.57% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
 }

package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css

@@ -1,45 +1,21 @@
 [data-mode='dark'][data-theme='yellow'] {
-	/* stencil */
-	--zdt_stencil_dark_bg: rgb(56,63,85);
-	--zdt_stencil_dark_gradient_bg: linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%);
-	
-	/* dropbox */
-	--zdt_dropbox_dark_bg: rgb(35,43,56);
-	
-	/* listitem */
-	--zdt_listitem_dark_bg: rgb(35,43,56);
-	--zdt_listitem_dark_text: rgb(226,228,230);
-	--zdt_listitem_dark_effect_bg: rgb(38,47,61);
-	--zdt_listitem_dark_active_bg: rgb(59,77,109);
-	--zdt_listitem_dark_tickicon: rgb(215,152,53);
-	
-	/* tag */
-	--zdt_tag_dark_text: rgb(208,208,212);
-	--zdt_tag_dark_bg: rgb(66,72,95);
-	--zdt_tag_dark_hover_text: rgb(208,208,212);
-	--zdt_tag_dark_hover_bg: rgb(80,51,72);
-	--zdt_tag_dark_close_bg: rgb(134,70,84);
-	--zdt_tag_dark_close_text: rgb(222,53,53);
-	
-	/* multiselect */
-	--zdt_multiselect_dark_border: rgb(75,81,104);
-	--zdt_multiselect_darkmsg_bg: rgb(35,43,56);
-	--zdt_multiselect_darkmsg_text: rgb(208,208,212);
-	--zdt_multiselect_darkdelete_hover_text: rgb(226,228,230);
-	
-	/* avatar */
-	--zdt_avatar_white_border: rgb(168,176,189);
-	--zdt_avatar_white_text: rgb(255,255,255);
-	
-	/* label */
-	--zdt_label_dark_text: rgb(208,208,212);
-	
-	/* textbox */
-	--zdt_textbox_light_text: rgb(255,255,255);
-	
-	/* dropdown */
-	--zdt_dropdown_darkheading_text: rgb(168,176,189);
-	
-	/* focusscope */
-	--zdt_a11y_focusScope_focus_border: rgb(215,152,53);
+	/* stencil */[object Object]stencil_dark_bg: rgb(56,63,85);[object Object]stencil_dark_gradient_bg: linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%);
+	
+	/* dropbox */[object Object]dropbox_dark_bg: rgb(35,43,56);
+	
+	/* listitem */[object Object]listitem_dark_bg: rgb(35,43,56);[object Object]listitem_dark_text: rgb(226,228,230);[object Object]listitem_dark_effect_bg: rgb(38,47,61);[object Object]listitem_dark_active_bg: rgb(59,77,109);[object Object]listitem_dark_tickicon: rgb(215,152,53);
+	
+	/* tag */[object Object]tag_dark_text: rgb(208,208,212);[object Object]tag_dark_bg: rgb(66,72,95);[object Object]tag_dark_hover_text: rgb(208,208,212);[object Object]tag_dark_hover_bg: rgb(80,51,72);[object Object]tag_dark_close_bg: rgb(134,70,84);[object Object]tag_dark_close_text: rgb(222,53,53);
+	
+	/* multiselect */[object Object]multiselect_dark_border: rgb(75,81,104);[object Object]multiselect_darkmsg_bg: rgb(35,43,56);[object Object]multiselect_darkmsg_text: rgb(208,208,212);[object Object]multiselect_darkdelete_hover_text: rgb(226,228,230);
+	
+	/* avatar */[object Object]avatar_white_border: rgb(168,176,189);[object Object]avatar_white_text: rgb(255,255,255);
+	
+	/* label */[object Object]label_dark_text: rgb(208,208,212);
+	
+	/* textbox */[object Object]textbox_light_text: rgb(255,255,255);
+	
+	/* dropdown */[object Object]dropdown_darkheading_text: rgb(168,176,189);
+	
+	/* focusscope */[object Object]a11y_focusScope_focus_border: rgb(215,152,53);
 }

package/assets/Appearance/light/mode/Component_LightMode.module.css

@@ -1,348 +1,59 @@
 [data-mode='light'] {
-	/* list common */
-	--dot_inputPlaceholder: var(--zdt_m_cta_grey_40_text_default_inverse);
-	--dot_inputDisable: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--dot_inputLine: var(--zdt_cta_grey_35_border);
-	--dot_inputLineHover: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--dot_inputLineFocus: var(--zdt_cta_primary_border);
-	--dot_listItemHover: var(--zdt_m_cta_grey_10_bg_default_inverse_low);
-	--dot_listItemActive: var(--zdt_m_cta_primary_light_bg_default_inverse_low);
+	/* list common */[object Object]dot_inputPlaceholder: var(--zdt_m_cta_grey_40_text_default_inverse);[object Object]dot_inputDisable: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]dot_inputLine: var(--zdt_cta_grey_35_border);[object Object]dot_inputLineHover: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]dot_inputLineFocus: var(--zdt_cta_primary_border);[object Object]dot_listItemHover: var(--zdt_m_cta_grey_10_bg_default_inverse_low);[object Object]dot_listItemActive: var(--zdt_m_cta_primary_light_bg_default_inverse_low);
 	
-	/* common */
-	--zdt_disable_bg: rgba(255, 255, 255, 0.5);
-	--zdt_contrast_shadow: rgb(0,0,0);
+	/* common */[object Object]zdt_disable_bg: rgba(255, 255, 255, 0.5);[object Object]zdt_contrast_shadow: rgb(0,0,0);
 	
-	/* avatar */
-	--zdt_avatar_default_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_avatar_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_avatar_default_border: var(--zdt_cta_grey_40_border);
-	--zdt_avatar_default_borderHover: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_avatar_default_boxshadow: rgba(0, 0, 0, 0.11);
-	--zdt_avatar_white_borderHover: var(--zdt_cta_grey_40_border);
-	--zdt_avatar_white_boxshadow: rgba(255, 255, 255, 0.14);
-	--zdt_avatar_secondary_bg: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_avatar_info_bg: var(--dot_mirror);
+	/* avatar */[object Object]zdt_avatar_default_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_avatar_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_avatar_default_border: var(--zdt_cta_grey_40_border);[object Object]zdt_avatar_default_borderHover: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_avatar_default_boxshadow: rgba(0, 0, 0, 0.11);[object Object]zdt_avatar_white_borderHover: var(--zdt_cta_grey_40_border);[object Object]zdt_avatar_white_boxshadow: rgba(255, 255, 255, 0.14);[object Object]zdt_avatar_secondary_bg: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_avatar_info_bg: var(--dot_mirror);
 	
-	/* avatar team */
-	--zdt_avatarteam_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_avatarteam_default_border: var(--dot_mirror);
-	--zdt_avatarteam_primary_bg: var(--zdt_m_cta_grey_40_bg_default);
-	--zdt_avatarteam_primary_hover_bg: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_avatarteam_secondary_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_avatarteam_nofill_border: var(--zdt_cta_grey_40_border);
-	--zdt_avatarteam_nofill_hover_border: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_avatarteam_innerCircle: rgb(255,255,255);
+	/* avatar team */[object Object]zdt_avatarteam_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_avatarteam_default_border: var(--dot_mirror);[object Object]zdt_avatarteam_primary_bg: var(--zdt_m_cta_grey_40_bg_default);[object Object]zdt_avatarteam_primary_hover_bg: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_avatarteam_secondary_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_avatarteam_nofill_border: var(--zdt_cta_grey_40_border);[object Object]zdt_avatarteam_nofill_hover_border: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_avatarteam_innerCircle: rgb(255,255,255);
 	
-	/* button */
-	--zdt_button_default_text: var(--zdt_cta_alpha_text);
-	--zdt_button_default_bg: var(--dot_mirror);
-	--zdt_button_default_border: var(--zdt_cta_alpha_border);
-	--zdt_button_primary_hover_text: var(--zdt_cta_alpha_hover_text);
-	--zdt_button_primary_hover_border: var(--zdt_cta_alpha_hover_border);
-	--zdt_button_primary_box_shadow: var(--zdt_cta_primary_box_shadow);
-	--zdt_button_plainprimary_hover_text: var(--zdt_cta_primary_hover_text);
-	--zdt_button_secondary_text: hsla(220, 10.45%, calc(39.41% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_button_secondary_hover_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_button_secondary_border: var(--zdt_cta_grey_35_border);
-	--zdt_button_secondary_hover_border: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_button_danger_border: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_button_danger_text: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_button_danger_hover_border: hsla(1, 75.38%, calc(38.24% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_button_danger_hover_text: hsla(1, 75.38%, calc(38.24% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_button_danger_box_shadow: rgba(238, 47, 62, 0.3);
-	--zdt_button_primaryfill_text: var(--zdt_cta_secondary_text);
-	--zdt_button_primaryfill_bg: var(--zdt_cta_primary_bg);
-	--zdt_button_primaryfill_border: var(--dot_mirror);
-	--zdt_button_primaryfill_hover_bg: var(--zdt_cta_primary_hover_bg);
-	--zdt_button_secondaryfill_bg: var(--zdt_m_cta_grey_10_bg_default);
-	--zdt_button_dangerfill_bg: hsla(0, 71.91%, calc(53.92% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_button_dangerfill_text: hsla(0, 0.00%, calc(100.00% + var(--zd_light_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_button_dangerfill_hover_bg: hsla(1, 75.38%, calc(38.24% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_button_successfill_border: hsla(133, 63.29%, calc(40.59% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_button_successfill_bg: hsla(133, 63.29%, calc(40.59% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_button_successfill_hover_border: hsla(134, 78.63%, calc(25.69% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_button_successfill_hover_bg: hsla(134, 78.63%, calc(25.69% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_button_tertiaryfill_bg: hsla(220, 10.45%, calc(39.41% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_button_tertiaryfill_hover_bg: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_button_success_default_border: hsla(0, 0.00%, calc(100.00% + var(--zd_light_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_button_tick_primary_border: hsla(0, 0.00%, calc(100.00% + var(--zd_light_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_button_loading_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_button_loading_linear_gradient: linear-gradient(0deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.9) 100%) 0% 0%, linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%) 100% 0%, linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 100%) 100% 100%, linear-gradient(360deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%) 0% 100%;
-	--zdt_button_loading_primary_linear_gradient: linear-gradient(0deg, rgba(10, 115, 235, 1) 50%, rgba(10, 115, 235, 0.9) 100%) 0% 0%, linear-gradient(90deg, rgba(10, 115, 235, 0.9) 0%, rgba(10, 115, 235, 0.6) 100%) 100% 0%, linear-gradient(180deg, rgba(10, 115, 235, 0.6) 0%, rgba(10, 115, 235, 0.3) 100%) 100% 100%, linear-gradient(360deg, rgba(10, 115, 235, 0.3) 0%, rgba(10, 115, 235, 0) 100%) 0% 100%;
-	--zdt_button_loading_danger_linear_gradient: linear-gradient(0deg, rgba(222, 53, 53, 1) 50%, rgba(222, 53, 53, 0.9) 100%) 0% 0%, linear-gradient(90deg, rgba(222, 53, 53, 0.9) 0%, rgba(222, 53, 53, 0.6) 100%) 100% 0%, linear-gradient(180deg, rgba(222, 53, 53, 0.6) 0%, rgba(222, 53, 53, 0.3) 100%) 100% 100%, linear-gradient(360deg, rgba(222, 53, 53, 0.3) 0%, rgba(222, 53, 53, 0) 100%) 0% 100%;
+	/* button */[object Object]zdt_button_default_text: var(--zdt_cta_alpha_text);[object Object]zdt_button_default_bg: var(--dot_mirror);[object Object]zdt_button_default_border: var(--zdt_cta_alpha_border);[object Object]zdt_button_primary_hover_text: var(--zdt_cta_alpha_hover_text);[object Object]zdt_button_primary_hover_border: var(--zdt_cta_alpha_hover_border);[object Object]zdt_button_primary_box_shadow: var(--zdt_cta_primary_box_shadow);[object Object]zdt_button_plainprimary_hover_text: var(--zdt_cta_primary_hover_text);[object Object]zdt_button_secondary_text: hsla(220, 10.45%, calc(39.41% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_button_secondary_hover_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_button_secondary_border: var(--zdt_cta_grey_35_border);[object Object]zdt_button_secondary_hover_border: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_button_danger_border: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_button_danger_text: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_button_danger_hover_border: hsla(1, 75.38%, calc(38.24% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_button_danger_hover_text: hsla(1, 75.38%, calc(38.24% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_button_danger_box_shadow: rgba(238, 47, 62, 0.3);[object Object]zdt_button_primaryfill_text: var(--zdt_cta_secondary_text);[object Object]zdt_button_primaryfill_bg: var(--zdt_cta_primary_bg);[object Object]zdt_button_primaryfill_border: var(--dot_mirror);[object Object]zdt_button_primaryfill_hover_bg: var(--zdt_cta_primary_hover_bg);[object Object]zdt_button_secondaryfill_bg: var(--zdt_m_cta_grey_10_bg_default);[object Object]zdt_button_dangerfill_bg: hsla(0, 71.91%, calc(53.92% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_button_dangerfill_text: hsla(0, 0.00%, calc(100.00% + var(--zd_light_lighter_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_button_dangerfill_hover_bg: hsla(1, 75.38%, calc(38.24% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_button_successfill_border: hsla(133, 63.29%, calc(40.59% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_button_successfill_bg: hsla(133, 63.29%, calc(40.59% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_button_successfill_hover_border: hsla(134, 78.63%, calc(25.69% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_button_successfill_hover_bg: hsla(134, 78.63%, calc(25.69% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_button_tertiaryfill_bg: hsla(220, 10.45%, calc(39.41% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_button_tertiaryfill_hover_bg: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_button_success_default_border: hsla(0, 0.00%, calc(100.00% + var(--zd_light_lighter_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_button_tick_primary_border: hsla(0, 0.00%, calc(100.00% + var(--zd_light_lighter_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_button_loading_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_button_loading_linear_gradient: linear-gradient(0deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.9) 100%) 0% 0%, linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%) 100% 0%, linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 100%) 100% 100%, linear-gradient(360deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%) 0% 100%;[object Object]zdt_button_loading_primary_linear_gradient: linear-gradient(0deg, rgba(10, 115, 235, 1) 50%, rgba(10, 115, 235, 0.9) 100%) 0% 0%, linear-gradient(90deg, rgba(10, 115, 235, 0.9) 0%, rgba(10, 115, 235, 0.6) 100%) 100% 0%, linear-gradient(180deg, rgba(10, 115, 235, 0.6) 0%, rgba(10, 115, 235, 0.3) 100%) 100% 100%, linear-gradient(360deg, rgba(10, 115, 235, 0.3) 0%, rgba(10, 115, 235, 0) 100%) 0% 100%;[object Object]zdt_button_loading_danger_linear_gradient: linear-gradient(0deg, rgba(222, 53, 53, 1) 50%, rgba(222, 53, 53, 0.9) 100%) 0% 0%, linear-gradient(90deg, rgba(222, 53, 53, 0.9) 0%, rgba(222, 53, 53, 0.6) 100%) 100% 0%, linear-gradient(180deg, rgba(222, 53, 53, 0.6) 0%, rgba(222, 53, 53, 0.3) 100%) 100% 100%, linear-gradient(360deg, rgba(222, 53, 53, 0.3) 0%, rgba(222, 53, 53, 0) 100%) 0% 100%;
 	
-	/* button group */
-	--zdt_buttongroup_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_buttongroup_default_border: hsla(204, 10.64%, calc(90.78% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_buttongroup_footer_box_shadow: rgba(0, 0, 0, 0.1);
+	/* button group */[object Object]zdt_buttongroup_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_buttongroup_default_border: hsla(204, 10.64%, calc(90.78% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_buttongroup_footer_box_shadow: rgba(0, 0, 0, 0.1);
 	
-	/* checkbox */
-	--zdt_checkbox_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_checkbox_default_stroke_border: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_checkbox_primary_stroke_border: var(--zdt_cta_beta_border);
-	--zdt_checkbox_danger_stroke_border: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_checkbox_label_primary_text: var(--zdt_cta_primary_text);
-	--zdt_checkbox_label_danger_text: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
+	/* checkbox */[object Object]zdt_checkbox_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_checkbox_default_stroke_border: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_checkbox_primary_stroke_border: var(--zdt_cta_beta_border);[object Object]zdt_checkbox_danger_stroke_border: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_checkbox_label_primary_text: var(--zdt_cta_primary_text);[object Object]zdt_checkbox_label_danger_text: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
 	
-	/* dropbox */
-	--zdt_dropbox_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_dropbox_default_box_shadow: rgba(0, 0, 0, 0.13);
-	--zdt_dropbox_arrow_shadow: rgba(0, 0, 0, 0.1);
-	--zdt_dropbox_mob_bg: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_lValue)), calc( 0.4 + var(--zd_alpha_high)));
-	--zdt_dropbox_mob_close_bg: hsla(0, 0.00%, calc(83.53% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	/* dropbox */[object Object]zdt_dropbox_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_dropbox_default_box_shadow: rgba(0, 0, 0, 0.13);[object Object]zdt_dropbox_arrow_shadow: rgba(0, 0, 0, 0.1);[object Object]zdt_dropbox_mob_bg: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_lValue)), calc( 0.4 + var(--zd_alpha_high)));[object Object]zdt_dropbox_mob_close_bg: hsla(0, 0.00%, calc(83.53% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
 	
-	/* label */
-	--zdt_label_default_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_label_primary_text: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_label_secondary_text: hsla(220, 10.45%, calc(39.41% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_label_danger_text: hsla(37, 90.95%, calc(60.98% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_label_mandatory_text: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_label_disable_text: var(--dot_inputDisable);
+	/* label */[object Object]zdt_label_default_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_label_primary_text: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_label_secondary_text: hsla(220, 10.45%, calc(39.41% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_label_danger_text: hsla(37, 90.95%, calc(60.98% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_label_mandatory_text: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_label_disable_text: var(--dot_inputDisable);
 	
-	/* tag */
-	--zdt_tag_default_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_tag_default_bg: var(--zdt_cta_grey_20_bg);
-	--zdt_tag_default_border: var(--dot_mirror);
-	--zdt_tag_default_hover_bg: var(--zdt_m_cta_grey_35_bg_darker_lowest);
-	--zdt_tag_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zd_light_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_tag_secondary_bg: hsla(217, 12.16%, calc(29.02% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_tag_secondary_hover_bg: hsla(216, 9.93%, calc(29.61% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_tag_closedanger_bg: hsla(0, 72.25%, calc(59.02% + var(--zd_light_darker_low_lValue)), calc( 0.9 + var(--zd_alpha_low)));
-	--zdt_tag_icon_bg: var(--dot_mirror);
-	--zdt_tag_disabled_text: var(--dot_inputDisable);
-	--zdt_tag_danger_bg: hsla(0, 71.91%, calc(53.92% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_tag_danger_hover_bg: hsla(7, 70.21%, calc(90.78% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_tag_primary_bg: var(--zdt_m_cta_primary_bg_default_inverse);
-	--zdt_tag_primary_hover_bg: var(--zdt_m_cta_primary_hover_bg_default_inverse);
-	--zdt_tag_primary_border: var(--zdt_m_cta_primary_light_border_default_inverse_medium);
-	--zdt_tag_closeprimary_bg: var(--zdt_m_cta_primary_bg_default_inverse);
-	--zdt_tag_default_danger_bg: var(--zdt_m_cta_grey_15_bg_default_inverse_low);
-	--zdt_tag_active_default_bg: var(--zdt_cta_primary_light_bg);
-	--zdt_tag_pure_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_tag_pure_border: hsla(0, 0.00%, calc(87.84% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_tag_pure_hover_bg: hsla(0, 0.00%, calc(93.73% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_tag_pure_hover_border: hsla(0, 0.00%, calc(60.00% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_tag_dark_close_hover_bg: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_tag_defaultLink_hover_bg: var(--zdt_m_cta_alpha_bg_default_inverse_lower);
-	--zdt_tag_defaultLink_hover_text: var(--zdt_cta_primary_text);
+	/* tag */[object Object]zdt_tag_default_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_tag_default_bg: var(--zdt_cta_grey_20_bg);[object Object]zdt_tag_default_border: var(--dot_mirror);[object Object]zdt_tag_default_hover_bg: var(--zdt_m_cta_grey_35_bg_darker_lowest);[object Object]zdt_tag_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zd_light_lighter_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_tag_secondary_bg: hsla(217, 12.16%, calc(29.02% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_tag_secondary_hover_bg: hsla(216, 9.93%, calc(29.61% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_tag_closedanger_bg: hsla(0, 72.25%, calc(59.02% + var(--zd_light_darker_low_lValue)), calc( 0.9 + var(--zd_alpha_low)));[object Object]zdt_tag_icon_bg: var(--dot_mirror);[object Object]zdt_tag_disabled_text: var(--dot_inputDisable);[object Object]zdt_tag_danger_bg: hsla(0, 71.91%, calc(53.92% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_tag_danger_hover_bg: hsla(7, 70.21%, calc(90.78% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_tag_primary_bg: var(--zdt_m_cta_primary_bg_default_inverse);[object Object]zdt_tag_primary_hover_bg: var(--zdt_m_cta_primary_hover_bg_default_inverse);[object Object]zdt_tag_primary_border: var(--zdt_m_cta_primary_light_border_default_inverse_medium);[object Object]zdt_tag_closeprimary_bg: var(--zdt_m_cta_primary_bg_default_inverse);[object Object]zdt_tag_default_danger_bg: var(--zdt_m_cta_grey_15_bg_default_inverse_low);[object Object]zdt_tag_active_default_bg: var(--zdt_cta_primary_light_bg);[object Object]zdt_tag_pure_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_tag_pure_border: hsla(0, 0.00%, calc(87.84% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_tag_pure_hover_bg: hsla(0, 0.00%, calc(93.73% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_tag_pure_hover_border: hsla(0, 0.00%, calc(60.00% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_tag_dark_close_hover_bg: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_tag_defaultLink_hover_bg: var(--zdt_m_cta_alpha_bg_default_inverse_lower);[object Object]zdt_tag_defaultLink_hover_text: var(--zdt_cta_primary_text);
 	
-	/* textbox */
-	--zdt_textbox_default_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_textbox_default_bg: var(--dot_mirror);
-	--zdt_textbox_default_border: var(--dot_inputLine);
-	--zdt_textbox_placeholder_text: var(--dot_inputPlaceholder);
-	--zdt_textbox_disabled_text: var(--dot_inputDisable);
-	--zdt_textbox_transparent_border: var(--dot_mirror);
-	--zdt_textbox_effect_hover_border: var(--dot_inputLineHover);
-	--zdt_textbox_effect_focus_border: var(--dot_inputLineFocus);
-	--zdt_textbox_secondary_text: hsla(220, 10.45%, calc(39.41% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	/* textbox */[object Object]zdt_textbox_default_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_textbox_default_bg: var(--dot_mirror);[object Object]zdt_textbox_default_border: var(--dot_inputLine);[object Object]zdt_textbox_placeholder_text: var(--dot_inputPlaceholder);[object Object]zdt_textbox_disabled_text: var(--dot_inputDisable);[object Object]zdt_textbox_transparent_border: var(--dot_mirror);[object Object]zdt_textbox_effect_hover_border: var(--dot_inputLineHover);[object Object]zdt_textbox_effect_focus_border: var(--dot_inputLineFocus);[object Object]zdt_textbox_secondary_text: hsla(220, 10.45%, calc(39.41% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
 	
-	/* dropdown */
-	--zdt_dropdown_default_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_dropdown_default_border: var(--dot_mirror);
-	--zdt_dropdown_default_bg: hsla(220, 10.45%, calc(39.41% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_dropdown_darkheading_bg: hsla(226, 21.68%, calc(28.04% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_dropdown_darkheading_underline_bg: hsla(223, 14.00%, calc(39.22% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_dropdown_mirror_bg: var(--dot_mirror);
-	--zdt_dropdown_user_default_border: var(--zdt_m_cta_grey_35_border_default_inverse_medium);
-	--zdt_dropdown_listactive_border: var(--zdt_cta_primary_border);
-	--zdt_dropdown_listactive_bg: hsla(212, 86.67%, calc(97.06% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_dropdown_listhover_bg: var(--zdt_cta_grey_10_bg);
+	/* dropdown */[object Object]zdt_dropdown_default_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_dropdown_default_border: var(--dot_mirror);[object Object]zdt_dropdown_default_bg: hsla(220, 10.45%, calc(39.41% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_dropdown_darkheading_bg: hsla(226, 21.68%, calc(28.04% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_dropdown_darkheading_underline_bg: hsla(223, 14.00%, calc(39.22% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_dropdown_mirror_bg: var(--dot_mirror);[object Object]zdt_dropdown_user_default_border: var(--zdt_m_cta_grey_35_border_default_inverse_medium);[object Object]zdt_dropdown_listactive_border: var(--zdt_cta_primary_border);[object Object]zdt_dropdown_listactive_bg: hsla(212, 86.67%, calc(97.06% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_dropdown_listhover_bg: var(--zdt_cta_grey_10_bg);
 	
-	/* radio */
-	--zdt_radio_default_stroke: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_radio_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_radio_primary_stroke: var(--zdt_cta_primary_border);
-	--zdt_radio_primary_fill: var(--zdt_m_cta_primary_bg_default_inverse_low);
-	--zdt_radio_danger_stroke: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_radio_danger_fill: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_radio_label_primary_text: var(--zdt_cta_primary_text);
-	--zdt_radio_label_danger_text: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
+	/* radio */[object Object]zdt_radio_default_stroke: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_radio_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_radio_primary_stroke: var(--zdt_cta_primary_border);[object Object]zdt_radio_primary_fill: var(--zdt_m_cta_primary_bg_default_inverse_low);[object Object]zdt_radio_danger_stroke: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_radio_danger_fill: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_radio_label_primary_text: var(--zdt_cta_primary_text);[object Object]zdt_radio_label_danger_text: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
 	
-	/* listitem */
-	--zdt_listitem_default_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_listitem_default_border: var(--dot_mirror);
-	--zdt_listitem_default_bg: var(--dot_mirror);
-	--zdt_listitem_default_tickicon: var(--zdt_cta_primary_text);
-	--zdt_listitem_highlight_bg: var(--dot_listItemHover);
-	--zdt_listitem_active_border: var(--zdt_cta_primary_border);
-	--zdt_listitem_primary_bg: var(--dot_listItemActive);
-	--zdt_listitem_secondary_bg: var(--zdt_m_cta_primary_bg_default);
-	--zdt_listitem_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	/* listitem */[object Object]zdt_listitem_default_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_listitem_default_border: var(--dot_mirror);[object Object]zdt_listitem_default_bg: var(--dot_mirror);[object Object]zdt_listitem_default_tickicon: var(--zdt_cta_primary_text);[object Object]zdt_listitem_highlight_bg: var(--dot_listItemHover);[object Object]zdt_listitem_active_border: var(--zdt_cta_primary_border);[object Object]zdt_listitem_primary_bg: var(--dot_listItemActive);[object Object]zdt_listitem_secondary_bg: var(--zdt_m_cta_primary_bg_default);[object Object]zdt_listitem_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
 	
-	/* ribbon */
-	--zdt_ribbon_default_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_ribbon_default_bg: var(--dot_mirror);
-	--zdt_ribbon_default_border: hsla(0, 0.00%, calc(40.00% + var(--zd_light_default_inverse_medium_lValue)), calc( 0.1 + var(--zd_alpha_low)));
-	--zdt_ribbon_default_tag_border: hsla(0, 0.00%, calc(79.22% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_ribbon_default_shadow: rgba(102, 102, 102, 0.1);
-	--zdt_ribbon_default_stamp_bg: hsla(0, 0.00%, calc(40.00% + var(--zd_light_darker_low_lValue)), calc( 0.1 + var(--zd_alpha_low)));
-	--zdt_ribbon_white_text: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_ribbon_white_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_ribbon_palette_bg: hsla(0, 0.00%, calc(40.00% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_ribbon_danger_bg: hsla(0, 71.91%, calc(53.92% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_ribbon_danger_text: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_ribbon_danger_shadow: rgba(238, 47, 63, 0.1);
-	--zdt_ribbon_danger_border: hsla(355, 84.89%, calc(55.88% + var(--zd_light_default_inverse_medium_lValue)), calc( 0.1 + var(--zd_alpha_low)));
-	--zdt_ribbon_danger_stamp_bg: hsla(355, 84.89%, calc(55.88% + var(--zd_light_darker_low_lValue)), calc( 0.1 + var(--zd_alpha_low)));
-	--zdt_ribbon_primary_bg: hsla(212, 91.84%, calc(48.04% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_ribbon_primary_text: hsla(212, 91.84%, calc(48.04% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_ribbon_primary_shadow: rgba(46, 148, 238, 0.1);
-	--zdt_ribbon_primary_border: hsla(208, 84.96%, calc(55.69% + var(--zd_light_default_inverse_medium_lValue)), calc( 0.1 + var(--zd_alpha_low)));
-	--zdt_ribbon_primary_stamp_bg: hsla(208, 84.96%, calc(55.69% + var(--zd_light_darker_low_lValue)), calc( 0.1 + var(--zd_alpha_low)));
-	--zdt_ribbon_secondary_bg: hsla(123, 57.52%, calc(55.69% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_ribbon_secondary_text: hsla(123, 57.52%, calc(55.69% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_ribbon_secondary_shadow: rgba(23, 202, 52, 0.1);
-	--zdt_ribbon_secondary_border: hsla(130, 79.56%, calc(44.12% + var(--zd_light_default_inverse_medium_lValue)), calc( 0.1 + var(--zd_alpha_low)));
-	--zdt_ribbon_secondary_stamp_bg: hsla(130, 79.56%, calc(44.12% + var(--zd_light_darker_low_lValue)), calc( 0.1 + var(--zd_alpha_low)));
-	--zdt_ribbon_info_bg: hsla(28, 93.75%, calc(56.08% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_ribbon_info_text: hsla(28, 93.75%, calc(56.08% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_ribbon_info_shadow: rgba(248, 136, 38, 0.1);
-	--zdt_ribbon_info_border: hsla(28, 93.75%, calc(56.08% + var(--zd_light_default_inverse_medium_lValue)), calc( 0.1 + var(--zd_alpha_low)));
-	--zdt_ribbon_info_stamp_bg: hsla(28, 93.75%, calc(56.08% + var(--zd_light_darker_low_lValue)), calc( 0.1 + var(--zd_alpha_low)));
-	--zdt_ribbon_dark_bg: hsla(0, 0.00%, calc(0.00% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_ribbon_dark_shadow: rgba(0, 0, 0, 0.2);
-	--zdt_ribbon_dark_border: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_medium_lValue)), calc( 0.2 + var(--zd_alpha_low)));
-	--zdt_ribbon_dark_stamp_bg: hsla(0, 0.00%, calc(0.00% + var(--zd_light_darker_low_lValue)), calc( 0.1 + var(--zd_alpha_low)));
-	--zdt_ribbon_plain_text: hsla(0, 0.00%, calc(40.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_ribbon_flag_mirror_border: var(--zd_mirror);
-	--zdt_ribbon_flag_white_border: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	/* ribbon */[object Object]zdt_ribbon_default_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_ribbon_default_bg: var(--dot_mirror);[object Object]zdt_ribbon_default_border: hsla(0, 0.00%, calc(40.00% + var(--zd_light_default_inverse_medium_lValue)), calc( 0.1 + var(--zd_alpha_low)));[object Object]zdt_ribbon_default_tag_border: hsla(0, 0.00%, calc(79.22% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_ribbon_default_shadow: rgba(102, 102, 102, 0.1);[object Object]zdt_ribbon_default_stamp_bg: hsla(0, 0.00%, calc(40.00% + var(--zd_light_darker_low_lValue)), calc( 0.1 + var(--zd_alpha_low)));[object Object]zdt_ribbon_white_text: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_ribbon_white_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_ribbon_palette_bg: hsla(0, 0.00%, calc(40.00% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_ribbon_danger_bg: hsla(0, 71.91%, calc(53.92% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_ribbon_danger_text: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_ribbon_danger_shadow: rgba(238, 47, 63, 0.1);[object Object]zdt_ribbon_danger_border: hsla(355, 84.89%, calc(55.88% + var(--zd_light_default_inverse_medium_lValue)), calc( 0.1 + var(--zd_alpha_low)));[object Object]zdt_ribbon_danger_stamp_bg: hsla(355, 84.89%, calc(55.88% + var(--zd_light_darker_low_lValue)), calc( 0.1 + var(--zd_alpha_low)));[object Object]zdt_ribbon_primary_bg: hsla(212, 91.84%, calc(48.04% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_ribbon_primary_text: hsla(212, 91.84%, calc(48.04% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_ribbon_primary_shadow: rgba(46, 148, 238, 0.1);[object Object]zdt_ribbon_primary_border: hsla(208, 84.96%, calc(55.69% + var(--zd_light_default_inverse_medium_lValue)), calc( 0.1 + var(--zd_alpha_low)));[object Object]zdt_ribbon_primary_stamp_bg: hsla(208, 84.96%, calc(55.69% + var(--zd_light_darker_low_lValue)), calc( 0.1 + var(--zd_alpha_low)));[object Object]zdt_ribbon_secondary_bg: hsla(123, 57.52%, calc(55.69% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_ribbon_secondary_text: hsla(123, 57.52%, calc(55.69% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_ribbon_secondary_shadow: rgba(23, 202, 52, 0.1);[object Object]zdt_ribbon_secondary_border: hsla(130, 79.56%, calc(44.12% + var(--zd_light_default_inverse_medium_lValue)), calc( 0.1 + var(--zd_alpha_low)));[object Object]zdt_ribbon_secondary_stamp_bg: hsla(130, 79.56%, calc(44.12% + var(--zd_light_darker_low_lValue)), calc( 0.1 + var(--zd_alpha_low)));[object Object]zdt_ribbon_info_bg: hsla(28, 93.75%, calc(56.08% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_ribbon_info_text: hsla(28, 93.75%, calc(56.08% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_ribbon_info_shadow: rgba(248, 136, 38, 0.1);[object Object]zdt_ribbon_info_border: hsla(28, 93.75%, calc(56.08% + var(--zd_light_default_inverse_medium_lValue)), calc( 0.1 + var(--zd_alpha_low)));[object Object]zdt_ribbon_info_stamp_bg: hsla(28, 93.75%, calc(56.08% + var(--zd_light_darker_low_lValue)), calc( 0.1 + var(--zd_alpha_low)));[object Object]zdt_ribbon_dark_bg: hsla(0, 0.00%, calc(0.00% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_ribbon_dark_shadow: rgba(0, 0, 0, 0.2);[object Object]zdt_ribbon_dark_border: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_medium_lValue)), calc( 0.2 + var(--zd_alpha_low)));[object Object]zdt_ribbon_dark_stamp_bg: hsla(0, 0.00%, calc(0.00% + var(--zd_light_darker_low_lValue)), calc( 0.1 + var(--zd_alpha_low)));[object Object]zdt_ribbon_plain_text: hsla(0, 0.00%, calc(40.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_ribbon_flag_mirror_border: var(--zd_mirror);[object Object]zdt_ribbon_flag_white_border: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
 	
-	/* stencils */
-	--zdt_stencil_primary_bg: var(--zdt_cta_grey_10_bg);
-	--zdt_stencil_primary_gradient_bg: linear-gradient(to left, var(--zdt_cta_grey_10_bg) 0%, var(--zdt_cta_grey_20_bg) 33.33%, var(--zdt_cta_grey_10_bg) 66.66%, var(--zdt_cta_grey_10_bg) 100%);
-	--zdt_stencil_secondary_bg: var(--zdt_cta_grey_15_bg);
-	--zdt_stencil_secondary_gradient_bg: linear-gradient(to left, var(--dot_solitude) 0%, var(--dot_paleBlue) 33.33%, var(--dot_solitude) 66.66%, var(--dot_solitude) 100%);
+	/* stencils */[object Object]zdt_stencil_primary_bg: var(--zdt_cta_grey_10_bg);[object Object]zdt_stencil_primary_gradient_bg: linear-gradient(to left, var(--zdt_cta_grey_10_bg) 0%, var(--zdt_cta_grey_20_bg) 33.33%, var(--zdt_cta_grey_10_bg) 66.66%, var(--zdt_cta_grey_10_bg) 100%);[object Object]zdt_stencil_secondary_bg: var(--zdt_cta_grey_15_bg);[object Object]zdt_stencil_secondary_gradient_bg: linear-gradient(to left, var(--dot_solitude) 0%, var(--dot_paleBlue) 33.33%, var(--dot_solitude) 66.66%, var(--dot_solitude) 100%);
 	
-	/* switch */
-	--zdt_switch_default_off_bg: var(--zdt_cta_grey_35_border);
-	--zdt_switch_default_on_bg: rgb(38,169,66);
-	--zdt_switch_circle_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_switch_circle_shadow: rgb(119,119,119);
-	--zdt_switch_effect_off_bg: var(--zdt_m_cta_grey_40_bg_default_inverse_low);
+	/* switch */[object Object]zdt_switch_default_off_bg: var(--zdt_cta_grey_35_border);[object Object]zdt_switch_default_on_bg: rgb(38,169,66);[object Object]zdt_switch_circle_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_lighter_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_switch_circle_shadow: rgb(119,119,119);[object Object]zdt_switch_effect_off_bg: var(--zdt_m_cta_grey_40_bg_default_inverse_low);
 	
-	/* textboxicon */
-	--zdt_textboxicon_default_line_bg: var(--dot_inputLine);
-	--zdt_textboxicon_default_icon: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_textboxicon_hover_icon: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_textboxicon_hover_line_bg: var(--dot_inputLineHover);
-	--zdt_textboxicon_transparent_line_bg: var(--dot_mirror);
-	--zdt_textboxicon_focus_line_bg: var(--dot_inputLineFocus);
-	--zdt_textboxicon_error_line_bg: hsla(1, 75.38%, calc(38.24% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
+	/* textboxicon */[object Object]zdt_textboxicon_default_line_bg: var(--dot_inputLine);[object Object]zdt_textboxicon_default_icon: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_textboxicon_hover_icon: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_textboxicon_hover_line_bg: var(--dot_inputLineHover);[object Object]zdt_textboxicon_transparent_line_bg: var(--dot_mirror);[object Object]zdt_textboxicon_focus_line_bg: var(--dot_inputLineFocus);[object Object]zdt_textboxicon_error_line_bg: hsla(1, 75.38%, calc(38.24% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
 	
-	/* textarea */
-	--zdt_textarea_default_text: var(--dot_inputDisable);
-	--zdt_textarea_default_bg: var(--dot_mirror);
-	--zdt_textarea_default_border: var(--dot_inputLine);
-	--zdt_textarea_placeholder_text: var(--dot_inputPlaceholder);
-	--zdt_textarea_transparent_border: var(--dot_mirror);
-	--zdt_textarea_hover_border: var(--dot_inputLineHover);
-	--zdt_textarea_focus_border: var(--dot_inputLineFocus);
-	--zdt_textarea_black_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	/* textarea */[object Object]zdt_textarea_default_text: var(--dot_inputDisable);[object Object]zdt_textarea_default_bg: var(--dot_mirror);[object Object]zdt_textarea_default_border: var(--dot_inputLine);[object Object]zdt_textarea_placeholder_text: var(--dot_inputPlaceholder);[object Object]zdt_textarea_transparent_border: var(--dot_mirror);[object Object]zdt_textarea_hover_border: var(--dot_inputLineHover);[object Object]zdt_textarea_focus_border: var(--dot_inputLineFocus);[object Object]zdt_textarea_black_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
 	
-	/* tooltip */
-	--zdt_tooltip_default_bg: rgba(0, 0, 0, 0.95);
-	--zdt_tooltip_default_text: rgb(255,255,255);
-	--zdt_tooltip_default_box_shadow: none;
+	/* tooltip */[object Object]zdt_tooltip_default_bg: rgba(0, 0, 0, 0.95);[object Object]zdt_tooltip_default_text: rgb(255,255,255);[object Object]zdt_tooltip_default_box_shadow: none;
 	
-	/* select */
-	--zdt_select_emptystate_text: hsla(220, 10.45%, calc(39.41% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_select_disable_text: var(--dot_inputDisable);
+	/* select */[object Object]zdt_select_emptystate_text: hsla(220, 10.45%, calc(39.41% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_select_disable_text: var(--dot_inputDisable);
 	
-	/* multiselect */
-	--zdt_multiselect_default_border: var(--dot_inputLine);
-	--zdt_multiselect_transparent_border: var(--dot_mirror);
-	--zdt_multiselect_default_hover_border: var(--dot_inputLineHover);
-	--zdt_multiselect_transparent_hover_border: var(--dot_inputLineHover);
-	--zdt_multiselect_dark_hover_border: hsla(229, 8.25%, calc(61.96% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_multiselect_default_active_border: var(--dot_inputLineFocus);
-	--zdt_multiselect_transparent_active_border: var(--dot_inputLineFocus);
-	--zdt_multiselect_dark_active_border: hsla(229, 8.25%, calc(61.96% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_multiselect_delete_text: hsla(220, 10.45%, calc(39.41% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_multiselect_delete_bg: var(--dot_mirror);
-	--zdt_multiselect_delete_hover_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_multiselect_darkdelete_text: hsla(228, 8.20%, calc(64.12% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_multiselect_box_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_multiselect_selectall_text: var(--zdt_cta_primary_text);
-	--zdt_multiselect_message_text: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_multiselect_more_text: var(--zdt_cta_primary_text);
-	--zdt_multiselect_res_title_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	/* multiselect */[object Object]zdt_multiselect_default_border: var(--dot_inputLine);[object Object]zdt_multiselect_transparent_border: var(--dot_mirror);[object Object]zdt_multiselect_default_hover_border: var(--dot_inputLineHover);[object Object]zdt_multiselect_transparent_hover_border: var(--dot_inputLineHover);[object Object]zdt_multiselect_dark_hover_border: hsla(229, 8.25%, calc(61.96% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_multiselect_default_active_border: var(--dot_inputLineFocus);[object Object]zdt_multiselect_transparent_active_border: var(--dot_inputLineFocus);[object Object]zdt_multiselect_dark_active_border: hsla(229, 8.25%, calc(61.96% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_multiselect_delete_text: hsla(220, 10.45%, calc(39.41% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_multiselect_delete_bg: var(--dot_mirror);[object Object]zdt_multiselect_delete_hover_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_multiselect_darkdelete_text: hsla(228, 8.20%, calc(64.12% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_multiselect_box_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_multiselect_selectall_text: var(--zdt_cta_primary_text);[object Object]zdt_multiselect_message_text: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_multiselect_more_text: var(--zdt_cta_primary_text);[object Object]zdt_multiselect_res_title_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
 	
-	/* ripple effect */
-	--zdt_rippleeffect_default_border: var(--dot_mirror);
-	--zdt_rippleeffect_hover_border: var(--zdt_cta_grey_35_border);
-	--zdt_rippleeffect_hover_bg: var(--zdt_cta_grey_10_bg);
-	--zdt_rippleeffect_primary_border: var(--zdt_cta_alpha_hover_border);
-	--zdt_rippleeffect_primary_bg: var(--zdt_cta_primary_bg);
-	--zdt_rippleeffect_primary_active_border: var(--zdt_cta_alpha_border);
-	--zdt_rippleeffect_primary_light_border: var(--zdt_cta_secondary_light_border);
-	--zdt_rippleeffect_primary_light_bg: var(--zdt_m_cta_primary_light_bg_default_inverse_low);
-	--zdt_rippleeffect_primary_dark_bg: var(--zdt_cta_primary_light_hover_bg);
-	--zdt_rippleeffect_primaryfilled_bg: var(--zdt_m_cta_primary_hover_bg_default);
-	--zdt_rippleeffect_green_border: hsla(133, 63.29%, calc(40.59% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_rippleeffect_green_bg: hsla(143, 44.44%, calc(96.47% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_rippleeffect_slate_border: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_rippleeffect_navy_border: var(--zdt_cta_grey_40_border);
-	--zdt_rippleeffect_danger_border: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_rippleeffect_danger_bg: hsla(0, 71.43%, calc(97.25% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	/* ripple effect */[object Object]zdt_rippleeffect_default_border: var(--dot_mirror);[object Object]zdt_rippleeffect_hover_border: var(--zdt_cta_grey_35_border);[object Object]zdt_rippleeffect_hover_bg: var(--zdt_cta_grey_10_bg);[object Object]zdt_rippleeffect_primary_border: var(--zdt_cta_alpha_hover_border);[object Object]zdt_rippleeffect_primary_bg: var(--zdt_cta_primary_bg);[object Object]zdt_rippleeffect_primary_active_border: var(--zdt_cta_alpha_border);[object Object]zdt_rippleeffect_primary_light_border: var(--zdt_cta_secondary_light_border);[object Object]zdt_rippleeffect_primary_light_bg: var(--zdt_m_cta_primary_light_bg_default_inverse_low);[object Object]zdt_rippleeffect_primary_dark_bg: var(--zdt_cta_primary_light_hover_bg);[object Object]zdt_rippleeffect_primaryfilled_bg: var(--zdt_m_cta_primary_hover_bg_default);[object Object]zdt_rippleeffect_green_border: hsla(133, 63.29%, calc(40.59% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_rippleeffect_green_bg: hsla(143, 44.44%, calc(96.47% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_rippleeffect_slate_border: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_rippleeffect_navy_border: var(--zdt_cta_grey_40_border);[object Object]zdt_rippleeffect_danger_border: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_rippleeffect_danger_bg: hsla(0, 71.43%, calc(97.25% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
 	
-	/* date time */
-	--zdt_datetime_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_datetime_header_bg: hsla(216, 38.46%, calc(97.45% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_datetime_header_border: hsla(210, 33.33%, calc(94.12% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_datetime_datestr_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_datetime_datestr_hover_bg: hsla(210, 33.33%, calc(94.12% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_datetime_separator_border: hsla(213, 27.27%, calc(87.06% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_datetime_daystr_text: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_datetime_invalid_text: hsla(231, 22.22%, calc(82.35% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_datetime_invalid_hover_text: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_datetime_invaliddate_text: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc( 0.3 + var(--zd_alpha_low)));
-	--zdt_datetime_selected_bg: var(--zdt_m_cta_primary_bg_darker_low);
-	--zdt_datetime_today_border: var(--zdt_cta_primary_border);
-	--zdt_datetime_today_text: hsla(0, 0.00%, calc(100.00% + var(--zd_light_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_datetime_text: hsla(220, 10.45%, calc(39.41% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_datetime_inactivedate_hover_bg: hsla(216, 38.46%, calc(97.45% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	/* date time */[object Object]zdt_datetime_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_datetime_header_bg: hsla(216, 38.46%, calc(97.45% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_datetime_header_border: hsla(210, 33.33%, calc(94.12% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_datetime_datestr_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_datetime_datestr_hover_bg: hsla(210, 33.33%, calc(94.12% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_datetime_separator_border: hsla(213, 27.27%, calc(87.06% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_datetime_daystr_text: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_datetime_invalid_text: hsla(231, 22.22%, calc(82.35% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_datetime_invalid_hover_text: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_datetime_invaliddate_text: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_inverse_lower_lValue)), calc( 0.3 + var(--zd_alpha_low)));[object Object]zdt_datetime_selected_bg: var(--zdt_m_cta_primary_bg_darker_low);[object Object]zdt_datetime_today_border: var(--zdt_cta_primary_border);[object Object]zdt_datetime_today_text: hsla(0, 0.00%, calc(100.00% + var(--zd_light_lighter_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_datetime_text: hsla(220, 10.45%, calc(39.41% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_datetime_inactivedate_hover_bg: hsla(216, 38.46%, calc(97.45% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	
-	/* year view */
-	--zdt_yearview_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_yearview_month_bg: hsla(216, 38.46%, calc(97.45% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_yearview_month_hover_bg: hsla(217, 37.14%, calc(93.14% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_yearview_currentmonth_bg: var(--zdt_cta_primary_bg);
-	--zdt_yearview_currentmonth_text: hsla(0, 0.00%, calc(100.00% + var(--zd_light_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_yearview_yearbox_border: hsla(213, 27.27%, calc(87.06% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_yearview_year_hover_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_yearview_yeartext_text: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_yearview_month_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	/* year view */[object Object]zdt_yearview_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_yearview_month_bg: hsla(216, 38.46%, calc(97.45% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_yearview_month_hover_bg: hsla(217, 37.14%, calc(93.14% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_yearview_currentmonth_bg: var(--zdt_cta_primary_bg);[object Object]zdt_yearview_currentmonth_text: hsla(0, 0.00%, calc(100.00% + var(--zd_light_lighter_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_yearview_yearbox_border: hsla(213, 27.27%, calc(87.06% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_yearview_year_hover_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_yearview_yeartext_text: hsla(218, 9.76%, calc(51.76% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_yearview_month_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
 	
-	/* date widget */
-	--zdt_datewidget_input_border: var(--dot_inputLine);
-	--zdt_datewidget_enabled_border: var(--dot_inputLineHover);
-	--zdt_datewidget_textboxfocus_border: var(--dot_inputLineFocus);
-	--zdt_datewidget_placeholder_text: var(--dot_inputPlaceholder);
+	/* date widget */[object Object]zdt_datewidget_input_border: var(--dot_inputLine);[object Object]zdt_datewidget_enabled_border: var(--dot_inputLineHover);[object Object]zdt_datewidget_textboxfocus_border: var(--dot_inputLineFocus);[object Object]zdt_datewidget_placeholder_text: var(--dot_inputPlaceholder);
 	
-	/* tab */
-	--zdt_tab_default_border: var(--dot_mirror);
-	--zdt_tab_alpha_text: hsla(220, 10.45%, calc(39.41% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_tab_alpha_hover_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_tab_alpha_hover_bg: var(--zdt_cta_grey_10_bg);
-	--zdt_tab_alpha_active_text: var(--zdt_cta_primary_text);
-	--zdt_tab_alpha_active_border: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_tab_delta_active_border: var(--zdt_cta_primary_border);
+	/* tab */[object Object]zdt_tab_default_border: var(--dot_mirror);[object Object]zdt_tab_alpha_text: hsla(220, 10.45%, calc(39.41% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_tab_alpha_hover_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_tab_alpha_hover_bg: var(--zdt_cta_grey_10_bg);[object Object]zdt_tab_alpha_active_text: var(--zdt_cta_primary_text);[object Object]zdt_tab_alpha_active_border: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]zdt_tab_delta_active_border: var(--zdt_cta_primary_border);
 	
-	/* tabs */
-	--zdt_tabs_alpha_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_tabs_alpha_border: var(--zdt_m_cta_grey_15_border_default_inverse_medium);
-	--zdt_tabs_alpha_box_shadow: rgba(0, 0, 0, 0.3);
-	--zdt_tabs_delta_border: var(--zdt_cta_primary_border);
-	--zdt_tabs_highlight_border: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
+	/* tabs */[object Object]zdt_tabs_alpha_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]zdt_tabs_alpha_border: var(--zdt_m_cta_grey_15_border_default_inverse_medium);[object Object]zdt_tabs_alpha_box_shadow: rgba(0, 0, 0, 0.3);[object Object]zdt_tabs_delta_border: var(--zdt_cta_primary_border);[object Object]zdt_tabs_highlight_border: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
 	
-	/* custom scroll */
-	--zdt_customscroll_default_bg: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_low_lValue)), calc( 0.02 + var(--zd_alpha_low)));
-	--zdt_customscroll_thump_bg: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_low_lValue)), calc( 0.12 + var(--zd_alpha_low)));
-	--zdt_customscroll_thump_hover_bg: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_low_lValue)), calc( 0.16 + var(--zd_alpha_low)));
-	--zdt_customscroll_border: hsla(227, 27.27%, calc(23.73% + var(--zd_light_lighter_medium_lValue)), calc( 0.1 + var(--zd_alpha_low)));
-	--zdt_customscroll_thump_dark_bg: hsla(0, 0.00%, calc(88.24% + var(--zd_light_default_inverse_low_lValue)), calc( 0.15 + var(--zd_alpha_low)));
-	--zdt_customscroll_thump_dark_hover_bg: hsla(0, 0.00%, calc(88.24% + var(--zd_light_default_inverse_low_lValue)), calc( 0.17 + var(--zd_alpha_low)));
-	--zdt_customscroll_dark_border: hsla(0, 0.00%, calc(88.24% + var(--zd_light_lighter_medium_lValue)), calc( 0.12 + var(--zd_alpha_low)));
-	--zdt_customscroll_dark_bg: hsla(0, 0.00%, calc(88.24% + var(--zd_light_default_low_lValue)), calc( 0.06 + var(--zd_alpha_low)));
+	/* custom scroll */[object Object]zdt_customscroll_default_bg: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_low_lValue)), calc( 0.02 + var(--zd_alpha_low)));[object Object]zdt_customscroll_thump_bg: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_low_lValue)), calc( 0.12 + var(--zd_alpha_low)));[object Object]zdt_customscroll_thump_hover_bg: hsla(0, 0.00%, calc(0.00% + var(--zd_light_default_inverse_low_lValue)), calc( 0.16 + var(--zd_alpha_low)));[object Object]zdt_customscroll_border: hsla(227, 27.27%, calc(23.73% + var(--zd_light_lighter_medium_lValue)), calc( 0.1 + var(--zd_alpha_low)));[object Object]zdt_customscroll_thump_dark_bg: hsla(0, 0.00%, calc(88.24% + var(--zd_light_default_inverse_low_lValue)), calc( 0.15 + var(--zd_alpha_low)));[object Object]zdt_customscroll_thump_dark_hover_bg: hsla(0, 0.00%, calc(88.24% + var(--zd_light_default_inverse_low_lValue)), calc( 0.17 + var(--zd_alpha_low)));[object Object]zdt_customscroll_dark_border: hsla(0, 0.00%, calc(88.24% + var(--zd_light_lighter_medium_lValue)), calc( 0.12 + var(--zd_alpha_low)));[object Object]zdt_customscroll_dark_bg: hsla(0, 0.00%, calc(88.24% + var(--zd_light_default_low_lValue)), calc( 0.06 + var(--zd_alpha_low)));
 }