@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, 48.78%, calc(48.24% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
	--zdt_svg_default_cross: hsla(163, 44.89%, calc(55.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
	--zdt_svg_default_medium_circle: hsla(354, 71.27%, calc(64.51% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
	--zdt_svg_default_tiny_circle: hsla(163, 44.89%, calc(55.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
	--zdt_svg_default_small_circle: hsla(0, 0.00%, calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
	--zdt_svg_default_circle_fill: hsla(0, 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, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_dark_cross: hsla(163, 44.89%, calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_dark_medium_circle: hsla(354, 71.27%, calc(64.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_dark_tiny_circle: hsla(163, 44.89%, calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_dark_small_circle: hsla(0, 0.00%, calc(0.39% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_dark_circle_fill: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	
	/* danger palette */
	--zdt_svg_danger_primary_fill: hsla(26, 100.00%, calc(50.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_danger_primary_stroke: hsla(0, 0.00%, calc(0.39% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
	--zdt_svg_danger_secondary_fill: hsla(216, 48.78%, calc(48.24% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
	--zdt_svg_danger_secondary_plainfill: hsla(216, 48.78%, calc(48.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_danger_plus: hsla(216, 48.78%, calc(48.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_danger_cross: hsla(163, 44.89%, calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_danger_medium_circle: hsla(354, 71.27%, calc(64.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_danger_tiny_circle: hsla(163, 44.89%, calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_danger_small_circle: hsla(0, 0.00%, calc(0.39% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
	--zdt_svg_danger_circle_fill: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
}
}