@layer dot-svg.theme {
[data-mode='light']{
	/* default palette */
	--zdt_svg_default_primary_fill:var(--zdt_svgcta_primary_fill);
	--zdt_svg_default_primary_stroke:var(--zdt_svgcta_primary_stroke);
	--zdt_svg_default_secondary_fill:var(--zdt_svgcta_secondary_fill);
	--zdt_svg_default_secondary_plainfill:var(--zdt_svgcta_secondary_plainfill);
	--zdt_svg_default_plus:hsla(216, calc(var(--zd-saturation, 1) * 48.78%), calc(48.24% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
	--zdt_svg_default_cross:hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
	--zdt_svg_default_medium_circle:hsla(354, calc(var(--zd-saturation, 1) * 71.27%), calc(64.51% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
	--zdt_svg_default_tiny_circle:hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
	--zdt_svg_default_small_circle:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
	--zdt_svg_default_circle_fill:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	
	/* dark palette */
	--zdt_svg_dark_primary_fill:var(--zdt_svgcta_primary_dark_fill);
	--zdt_svg_dark_primary_stroke:var(--zdt_svgcta_primary_dark_stroke);
	--zdt_svg_dark_secondary_fill:var(--zdt_svgcta_secondary_dark_fill);
	--zdt_svg_dark_secondary_plainfill:var(--zdt_svgcta_secondary_dark_plainfill);
	--zdt_svg_dark_plus:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_dark_cross:hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_dark_medium_circle:hsla(354, calc(var(--zd-saturation, 1) * 71.27%), calc(64.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_dark_tiny_circle:hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_dark_small_circle:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.39% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_dark_circle_fill:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	
	/* danger palette */
	--zdt_svg_danger_primary_fill:hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(50.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_danger_primary_stroke:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.39% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
	--zdt_svg_danger_secondary_fill:hsla(216, calc(var(--zd-saturation, 1) * 48.78%), calc(48.24% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
	--zdt_svg_danger_secondary_plainfill:hsla(216, calc(var(--zd-saturation, 1) * 48.78%), calc(48.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_danger_plus:hsla(216, calc(var(--zd-saturation, 1) * 48.78%), calc(48.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_danger_cross:hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_danger_medium_circle:hsla(354, calc(var(--zd-saturation, 1) * 71.27%), calc(64.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_danger_tiny_circle:hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_danger_small_circle:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.39% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_danger_circle_fill:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	
	/* loader */
	--zdt_svg_loader_outer_stroke:hsla(147, calc(var(--zd-saturation, 1) * 90.06%), 31.57%, 1);
	--zdt_svg_loader_inner_stroke:hsla(146, calc(var(--zd-saturation, 1) * 79.19%), 43.33%, 1);
}
}