@mixin digi-dialog--variables {
	--digi--dialog--backdrop--position: fixed;
	--digi--dialog--backdrop--opacity: 1;
	--digi--dialog--backdrop--z--index: 999;
	--digi--dialog--backdrop--left: 0;
	--digi--dialog--backdrop--top: 0;
	--digi--dialog--backdrop--width: 100vw;
	--digi--dialog--backdrop--height: 100vh;
	--digi--dialog--backdrop--display: flex;
	--digi--dialog--backdrop--justify--content: center;
	--digi--dialog--backdrop--align--items: center;

	--digi--dialog--close--button--display: grid;
	--digi--dialog--close--button--justify--content: end;
	--digi--dialog--close--button--margin--right: -1rem;

	--digi--dialog--button--container--display: flex;
	--digi--dialog--button--container--flex-wrap: wrap;
	--digi--dialog--button--container--gap: var(--digi--gutter--large);
	--digi--dialog--button--container--padding--top: var(--digi--gutter--largest-2);
	--digi--dialog--button--text--align--mobile: center;

	--digi--dialog--content--gutter: var(--digi--gutter--largest);
	--digi--dialog--content--margin: var(--digi--margin--large) auto;
	--digi--dialog--content--padding: var(--digi--padding--large);

	--digi--dialog--content--width--small: 28.75rem;
	--digi--dialog--content--width--medium: 42.1875rem;
	--digi--dialog--content--width--large: 56.25rem;

	--digi--dialog--content--color--primary: var(--digi--color--text--primary);
	--digi--dialog--content--color--background--primary: var(--digi--color--background--primary);

	--digi--dialog--icon--color--primary: var(--digi--color--icon--primary);
	--digi--dialog--icon--color--primary--hover: var(--digi--color--icon--primary);
}
