@zohodesk/components
Version:
In this Package, we Provide Some Basic Components to Build Web App
378 lines • 61.7 kB
CSS
[data-mode='light'][data-theme='red'] {
--zdtm_cta_primary_text_default: hsla(0, 71.91%, calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_text_default_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_text_default_inverse: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_text_default_inverse_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_text_default_inverse_lower: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_text_default_inverse_medium: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_text_darker: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_text_darker_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_text_darker_lower: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_text_darker_lowest: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_text_lighter: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_text_lighter_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_text_lighter_lower: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_text_lighter_medium: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_text_lighter_high: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_hover_text_default: hsla(1, 75.38%, calc(38.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_hover_text_default_low: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_text_default_inverse: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_hover_text_default_inverse_low: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_text_default_inverse_lower: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_text_default_inverse_medium: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_text_darker: hsla(1, 75.38%, calc(38.24% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_hover_text_darker_low: hsla(1, 75.38%, calc(38.24% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_text_darker_lower: hsla(1, 75.38%, calc(38.24% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_text_darker_lowest: hsla(1, 75.38%, calc(38.24% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_hover_text_lighter: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_hover_text_lighter_low: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_text_lighter_lower: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_text_lighter_medium: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_text_lighter_high: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_bg_default: hsla(0, 71.91%, calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_bg_default_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_bg_default_inverse: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_bg_default_inverse_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_bg_default_inverse_lower: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_bg_default_inverse_medium: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_bg_darker: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_bg_darker_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_bg_darker_lower: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_bg_darker_lowest: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_bg_lighter: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_bg_lighter_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_bg_lighter_lower: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_bg_lighter_medium: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_bg_lighter_high: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_hover_bg_default: hsla(1, 75.38%, calc(38.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_hover_bg_default_low: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_bg_default_inverse: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_hover_bg_default_inverse_low: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_bg_default_inverse_lower: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_bg_default_inverse_medium: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_bg_darker: hsla(1, 75.38%, calc(38.24% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_hover_bg_darker_low: hsla(1, 75.38%, calc(38.24% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_bg_darker_lower: hsla(1, 75.38%, calc(38.24% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_bg_darker_lowest: hsla(1, 75.38%, calc(38.24% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_hover_bg_lighter: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_hover_bg_lighter_low: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_bg_lighter_lower: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_bg_lighter_medium: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_bg_lighter_high: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_border_default: hsla(0, 71.91%, calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_border_default_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_border_default_inverse: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_border_default_inverse_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_border_default_inverse_lower: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_border_default_inverse_medium: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_border_darker: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_border_darker_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_border_darker_lower: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_border_darker_lowest: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_border_lighter: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_border_lighter_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_border_lighter_lower: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_border_lighter_medium: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_border_lighter_high: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_hover_border_default: hsla(1, 75.38%, calc(38.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_hover_border_default_low: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_border_default_inverse: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_hover_border_default_inverse_low: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_border_default_inverse_lower: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_border_default_inverse_medium: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_border_darker: hsla(1, 75.38%, calc(38.24% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_hover_border_darker_low: hsla(1, 75.38%, calc(38.24% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_border_darker_lower: hsla(1, 75.38%, calc(38.24% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_border_darker_lowest: hsla(1, 75.38%, calc(38.24% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_hover_border_lighter: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_hover_border_lighter_low: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_border_lighter_lower: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_border_lighter_medium: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_border_lighter_high: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_light_bg_default: hsla(0, 71.43%, calc(97.25% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_light_bg_default_low: hsla(0, 71.43%, calc(97.25% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_bg_default_inverse: hsla(0, 71.43%, calc(97.25% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_light_bg_default_inverse_low: hsla(0, 71.43%, calc(97.25% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_bg_default_inverse_lower: hsla(0, 71.43%, calc(97.25% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_bg_default_inverse_medium: hsla(0, 71.43%, calc(97.25% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_bg_darker: hsla(0, 71.43%, calc(97.25% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_light_bg_darker_low: hsla(0, 71.43%, calc(97.25% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_bg_darker_lower: hsla(0, 71.43%, calc(97.25% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_bg_darker_lowest: hsla(0, 71.43%, calc(97.25% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_light_bg_lighter: hsla(0, 71.43%, calc(97.25% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_light_bg_lighter_low: hsla(0, 71.43%, calc(97.25% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_bg_lighter_lower: hsla(0, 71.43%, calc(97.25% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_bg_lighter_medium: hsla(0, 71.43%, calc(97.25% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_bg_lighter_high: hsla(0, 71.43%, calc(97.25% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_light_hover_bg_default: hsla(0, 70.21%, calc(90.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_light_hover_bg_default_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_hover_bg_default_inverse: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_light_hover_bg_default_inverse_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_hover_bg_default_inverse_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_hover_bg_default_inverse_medium: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_hover_bg_darker: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_light_hover_bg_darker_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_hover_bg_darker_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_hover_bg_darker_lowest: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_light_hover_bg_lighter: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_light_hover_bg_lighter_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_hover_bg_lighter_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_hover_bg_lighter_medium: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_hover_bg_lighter_high: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_light_border_default: hsla(0, 70.21%, calc(90.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_light_border_default_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_border_default_inverse: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_light_border_default_inverse_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_border_default_inverse_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_border_default_inverse_medium: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_border_darker: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_light_border_darker_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_border_darker_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_border_darker_lowest: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_light_border_lighter: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_light_border_lighter_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_border_lighter_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_border_lighter_medium: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_border_lighter_high: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_bg_default: hsla(0, 71.91%, calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_bg_default_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_bg_default_inverse: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_bg_default_inverse_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_bg_default_inverse_lower: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_bg_default_inverse_medium: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_bg_darker: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_bg_darker_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_bg_darker_lower: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_bg_darker_lowest: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_bg_lighter: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_bg_lighter_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_bg_lighter_lower: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_bg_lighter_medium: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_bg_lighter_high: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_text_default: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_text_default_low: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_text_default_inverse: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_text_default_inverse_low: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_text_default_inverse_lower: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_text_default_inverse_medium: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_text_darker: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_text_darker_low: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_text_darker_lower: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_text_darker_lowest: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_text_lighter_low: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_text_lighter_lower: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_text_lighter_medium: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_text_lighter_high: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_border_default: hsla(0, 72.34%, calc(63.14% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_border_default_low: hsla(0, 72.34%, calc(63.14% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_border_default_inverse: hsla(0, 72.34%, calc(63.14% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_border_default_inverse_low: hsla(0, 72.34%, calc(63.14% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_border_default_inverse_lower: hsla(0, 72.34%, calc(63.14% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_border_default_inverse_medium: hsla(0, 72.34%, calc(63.14% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_border_darker: hsla(0, 72.34%, calc(63.14% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_border_darker_low: hsla(0, 72.34%, calc(63.14% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_border_darker_lower: hsla(0, 72.34%, calc(63.14% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_border_darker_lowest: hsla(0, 72.34%, calc(63.14% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_border_lighter: hsla(0, 72.34%, calc(63.14% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_border_lighter_low: hsla(0, 72.34%, calc(63.14% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_border_lighter_lower: hsla(0, 72.34%, calc(63.14% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_border_lighter_medium: hsla(0, 72.34%, calc(63.14% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_border_lighter_high: hsla(0, 72.34%, calc(63.14% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_light_border_default: hsla(0, 70.21%, calc(90.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_light_border_default_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_light_border_default_inverse: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_light_border_default_inverse_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_light_border_default_inverse_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_light_border_default_inverse_medium: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_light_border_darker: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_light_border_darker_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_light_border_darker_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_light_border_darker_lowest: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_light_border_lighter: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_light_border_lighter_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_light_border_lighter_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_light_border_lighter_medium: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_light_border_lighter_high: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_light_bg_default: hsla(0, 70.21%, calc(90.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_light_bg_default_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_light_bg_default_inverse: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_light_bg_default_inverse_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_light_bg_darker: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_light_bg_darker_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_light_bg_darker_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_light_bg_darker_lowest: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_light_bg_lighter: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_secondary_light_bg_lighter_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_light_bg_lighter_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_light_bg_lighter_medium: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_secondary_light_bg_lighter_high: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_text_default: hsla(0, 71.91%, calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_text_default_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_text_default_inverse: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_text_default_inverse_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_text_default_inverse_lower: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_text_default_inverse_medium: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_text_darker: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_text_darker_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_text_darker_lower: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_text_darker_lowest: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_text_lighter: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_text_lighter_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_text_lighter_lower: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_text_lighter_medium: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_text_lighter_high: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_hover_text_default: hsla(1, 75.38%, calc(38.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_hover_text_default_low: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_hover_text_default_inverse: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_hover_text_default_inverse_low: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_hover_text_default_inverse_lower: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_hover_text_default_inverse_medium: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_hover_text_darker: hsla(1, 75.38%, calc(38.24% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_hover_text_darker_low: hsla(1, 75.38%, calc(38.24% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_hover_text_darker_lower: hsla(1, 75.38%, calc(38.24% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_hover_text_darker_lowest: hsla(1, 75.38%, calc(38.24% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_hover_text_lighter: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_hover_text_lighter_low: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_hover_text_lighter_lower: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_hover_text_lighter_medium: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_hover_text_lighter_high: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_border_default: hsla(0, 71.91%, calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_border_default_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_border_default_inverse: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_border_default_inverse_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_border_default_inverse_lower: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_border_default_inverse_medium: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_border_darker: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_border_darker_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_border_darker_lower: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_border_darker_lowest: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_border_lighter: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_border_lighter_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_border_lighter_lower: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_border_lighter_medium: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_border_lighter_high: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_hover_border_default: hsla(1, 75.38%, calc(38.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_hover_border_default_low: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_hover_border_default_inverse: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_hover_border_default_inverse_low: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_hover_border_default_inverse_lower: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_hover_border_default_inverse_medium: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_hover_border_darker: hsla(1, 75.38%, calc(38.24% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_hover_border_darker_low: hsla(1, 75.38%, calc(38.24% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_hover_border_darker_lower: hsla(1, 75.38%, calc(38.24% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_hover_border_darker_lowest: hsla(1, 75.38%, calc(38.24% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_hover_border_lighter: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_hover_border_lighter_low: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_hover_border_lighter_lower: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_hover_border_lighter_medium: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_hover_border_lighter_high: hsla(1, 75.38%, calc(38.24% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_bg_default: hsla(0, 70.21%, calc(90.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_bg_default_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_bg_default_inverse: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_bg_default_inverse_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_bg_default_inverse_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_bg_default_inverse_medium: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_bg_darker: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_bg_darker_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_bg_darker_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_bg_darker_lowest: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_bg_lighter: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_alpha_bg_lighter_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_bg_lighter_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_bg_lighter_medium: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_bg_lighter_high: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_beta_border_default: hsla(0, 71.91%, calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_beta_border_default_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_beta_border_default_inverse: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_beta_border_default_inverse_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_beta_border_default_inverse_lower: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_beta_border_default_inverse_medium: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_beta_border_darker: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_beta_border_darker_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_beta_border_darker_lower: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_beta_border_darker_lowest: hsla(0, 71.91%, calc(53.92% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_beta_border_lighter: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_beta_border_lighter_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_beta_border_lighter_lower: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_beta_border_lighter_medium: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_beta_border_lighter_high: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_10_bg_default: hsla(340, 20.00%, calc(97.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_10_bg_default_low: hsla(340, 20.00%, calc(97.06% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_10_bg_default_inverse: hsla(340, 20.00%, calc(97.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_10_bg_default_inverse_low: hsla(340, 20.00%, calc(97.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_10_bg_default_inverse_lower: hsla(340, 20.00%, calc(97.06% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_10_bg_default_inverse_medium: hsla(340, 20.00%, calc(97.06% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_10_bg_darker: hsla(340, 20.00%, calc(97.06% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_10_bg_darker_low: hsla(340, 20.00%, calc(97.06% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_10_bg_darker_lower: hsla(340, 20.00%, calc(97.06% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_10_bg_darker_lowest: hsla(340, 20.00%, calc(97.06% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_10_bg_lighter: hsla(340, 20.00%, calc(97.06% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_10_bg_lighter_low: hsla(340, 20.00%, calc(97.06% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_10_bg_lighter_lower: hsla(340, 20.00%, calc(97.06% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_10_bg_lighter_medium: hsla(340, 20.00%, calc(97.06% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_10_bg_lighter_high: hsla(340, 20.00%, calc(97.06% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_10_border_default: hsla(340, 20.00%, calc(97.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_10_border_default_low: hsla(340, 20.00%, calc(97.06% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_10_border_default_inverse: hsla(340, 20.00%, calc(97.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_10_border_default_inverse_low: hsla(340, 20.00%, calc(97.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_10_border_default_inverse_lower: hsla(340, 20.00%, calc(97.06% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_10_border_default_inverse_medium: hsla(340, 20.00%, calc(97.06% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_10_border_darker: hsla(340, 20.00%, calc(97.06% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_10_border_darker_low: hsla(340, 20.00%, calc(97.06% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_10_border_darker_lower: hsla(340, 20.00%, calc(97.06% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_10_border_darker_lowest: hsla(340, 20.00%, calc(97.06% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_10_border_lighter: hsla(340, 20.00%, calc(97.06% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_10_border_lighter_low: hsla(340, 20.00%, calc(97.06% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_10_border_lighter_lower: hsla(340, 20.00%, calc(97.06% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_10_border_lighter_medium: hsla(340, 20.00%, calc(97.06% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_10_border_lighter_high: hsla(340, 20.00%, calc(97.06% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_15_bg_default: hsla(0, 12.20%, calc(91.96% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_15_bg_default_low: hsla(0, 12.20%, calc(91.96% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_15_bg_default_inverse: hsla(0, 12.20%, calc(91.96% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_15_bg_default_inverse_low: hsla(0, 12.20%, calc(91.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_15_bg_default_inverse_lower: hsla(0, 12.20%, calc(91.96% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_15_bg_default_inverse_medium: hsla(0, 12.20%, calc(91.96% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_15_bg_darker: hsla(0, 12.20%, calc(91.96% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_15_bg_darker_low: hsla(0, 12.20%, calc(91.96% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_15_bg_darker_lower: hsla(0, 12.20%, calc(91.96% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_15_bg_darker_lowest: hsla(0, 12.20%, calc(91.96% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_15_bg_lighter: hsla(0, 12.20%, calc(91.96% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_15_bg_lighter_low: hsla(0, 12.20%, calc(91.96% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_15_bg_lighter_lower: hsla(0, 12.20%, calc(91.96% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_15_bg_lighter_medium: hsla(0, 12.20%, calc(91.96% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_15_bg_lighter_high: hsla(0, 12.20%, calc(91.96% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_15_border_default: hsla(0, 12.20%, calc(91.96% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_15_border_default_low: hsla(0, 12.20%, calc(91.96% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_15_border_default_inverse: hsla(0, 12.20%, calc(91.96% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_15_border_default_inverse_low: hsla(0, 12.20%, calc(91.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_15_border_default_inverse_lower: hsla(0, 12.20%, calc(91.96% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_15_border_default_inverse_medium: hsla(0, 12.20%, calc(91.96% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_15_border_darker: hsla(0, 12.20%, calc(91.96% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_15_border_darker_low: hsla(0, 12.20%, calc(91.96% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_15_border_darker_lower: hsla(0, 12.20%, calc(91.96% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_15_border_darker_lowest: hsla(0, 12.20%, calc(91.96% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_15_border_lighter: hsla(0, 12.20%, calc(91.96% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_15_border_lighter_low: hsla(0, 12.20%, calc(91.96% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_15_border_lighter_lower: hsla(0, 12.20%, calc(91.96% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_15_border_lighter_medium: hsla(0, 12.20%, calc(91.96% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_15_border_lighter_high: hsla(0, 12.20%, calc(91.96% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_20_bg_default: hsla(330, 5.56%, calc(92.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_20_bg_default_low: hsla(330, 5.56%, calc(92.94% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_20_bg_default_inverse: hsla(330, 5.56%, calc(92.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_20_bg_default_inverse_low: hsla(330, 5.56%, calc(92.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_20_bg_default_inverse_lower: hsla(330, 5.56%, calc(92.94% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_20_bg_default_inverse_medium: hsla(330, 5.56%, calc(92.94% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_20_bg_darker: hsla(330, 5.56%, calc(92.94% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_20_bg_darker_low: hsla(330, 5.56%, calc(92.94% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_20_bg_darker_lower: hsla(330, 5.56%, calc(92.94% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_20_bg_darker_lowest: hsla(330, 5.56%, calc(92.94% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_20_bg_lighter: hsla(330, 5.56%, calc(92.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_20_bg_lighter_low: hsla(330, 5.56%, calc(92.94% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_20_bg_lighter_lower: hsla(330, 5.56%, calc(92.94% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_20_bg_lighter_medium: hsla(330, 5.56%, calc(92.94% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_20_bg_lighter_high: hsla(330, 5.56%, calc(92.94% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_35_bg_default: hsla(344, 14.29%, calc(84.90% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_35_b