/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
:host {
  --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);
}
:host .digi-dialog {
  background: rgba(0, 0, 0, 0.7);
  overflow-x: hidden;
  overflow-y: auto;
  position: var(--digi--dialog--backdrop--position);
  opacity: var(--digi--dialog--backdrop--opacity);
  z-index: var(--digi--dialog--backdrop--z--index);
  left: var(--digi--dialog--backdrop--left);
  top: var(--digi--dialog--backdrop--top);
  width: var(--digi--dialog--backdrop--width);
  height: var(--digi--dialog--backdrop--height);
  display: var(--digi--dialog--backdrop--display);
  justify-content: var(--digi--dialog--backdrop--justify--content);
  align-items: var(--digi--dialog--backdrop--align--items);
  padding: var(--digi--padding--medium);
  box-sizing: border-box;
}
:host .digi-dialog--primary {
  --DIGI--DIALOG--COLOR--BACKGROUND: var(
    --digi--dialog--content--color--background--primary
  );
  --DIGI--DIALOG--COLOR: var(--digi--dialog--content--color--primary);
  --DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY: initial;
}
:host .digi-dialog--secondary {
  --digi--dialog--content--color--secondary: var(
    --digi--global--color--profile--white--base
  );
  --digi--dialog--content--color--background--secondary: var(
    --digi--global--color--profile--blue--base
  );
  --DIGI--DIALOG--COLOR--BACKGROUND: var(
    --digi--dialog--content--color--background--secondary
  );
  --DIGI--DIALOG--COLOR: var(--digi--dialog--content--color--secondary);
  --DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY: #b7b7ff;
  --digi--color--text--primary: var(--digi--dialog--content--color--secondary);
}
:host .digi-dialog--small {
  --DIGI--DIALOG--CONTENT--WIDTH: var(--digi--dialog--content--width--small);
}
:host .digi-dialog--medium {
  --DIGI--DIALOG--CONTENT--WIDTH: var(--digi--dialog--content--width--medium);
}
:host .digi-dialog--large {
  --DIGI--DIALOG--CONTENT--WIDTH: var(--digi--dialog--content--width--large);
}
:host .digi-dialog__keydown-handler {
  width: 100%;
  max-height: 100%;
}
:host .digi-dialog__content {
  background: var(--DIGI--DIALOG--COLOR--BACKGROUND);
  color: var(--DIGI--DIALOG--COLOR);
  max-width: var(--DIGI--DIALOG--CONTENT--WIDTH);
  width: 100%;
  margin: var(--digi--dialog--content--margin);
  padding: var(--digi--padding--smaller) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding);
  box-sizing: border-box;
}
:host .digi-dialog__close-button {
  --digi--button--color--text--function--default: var(--DIGI--DIALOG--COLOR);
  --digi--button--color--text--function--hover: var(--DIGI--DIALOG--COLOR);
  --digi--button--color--icon--function--default: var(--digi--dialog--icon--color--primary);
  --digi--button--color--icon--function--hover: var(--digi--dialog--icon--color--primary--hover);
  display: var(--digi--dialog--close--button--display);
  justify-content: var(--digi--dialog--close--button--justify--content);
  margin-right: var(--digi--dialog--close--button--margin--right);
}
:host .digi-dialog__button-container {
  display: var(--digi--dialog--button--container--display);
  flex-wrap: var(--digi--dialog--button--container--flex-wrap);
  gap: var(--digi--dialog--button--container--gap);
  padding-top: var(--digi--dialog--button--container--padding--top);
}
:host .digi-dialog__button-container digi-button,
:host .digi-dialog__button-container .digi-button--medium {
  text-align: var(--digi--dialog--button--text--align--mobile);
}
:host .digi-dialog__button-container digi-button :first-of-type,
:host .digi-dialog__button-container .digi-button--medium :first-of-type {
  --digi--button--color--border--primary--default: var(--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY);
  --digi--button--color--border--primary--hover: var(--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY);
}