$states: (
	"primary": (
		"background": var(--color-primary-default),
		"background-hover": var(--color-primary-default-hover)
	),
	"default": (
		"background": var(--color-primary-default),
		"background-hover": var(--color-primary-default-hover)
	),
	"success": (
		"background": var(--color-success-default),
		"background-hover": var(--color-success-default-hover)
	),
	"warning": (
		"background": var(--color-warning-default),
		"background-hover": var(--color-warning-default-hover)
	),
	"danger": (
		"background": var(--color-danger-default),
		"background-hover": var(--color-danger-default-hover)
	),
	"inherit": (
		"background": var(--color-switch-default),
		"background-hover": var(--color-switch-default-hover)
	)
);

$sizes: (
	"small": (
		"height": 16px,
		"width": 28px,
		"slider": 12px,
		"translate-slider": 12px
	),
	"medium": (
		"height": 20px,
		"width": 36px,
		"slider": 16px,
		"translate-slider": 16px
	)
);