:host {
  --ezp-icon-fill: var(--ezp-theme-solid);
  align-content: center;
  background: var(--ezp-core-backdrop);
  display: grid;
  grid-template: auto/minmax(auto, 280px);
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

#box {
  background: var(--ezp-core-surface-tertiary);
  border-radius: 6px;
  box-shadow: var(--ezp-dialog-box-boxShadow, 0 0 0 1px var(--ezp-black-10));
}

#header {
  display: flex;
  justify-content: flex-end;
  padding: var(--ezp-spacing-2) var(--ezp-spacing-3);
}

#body {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--ezp-spacing-5);
  padding: 0 var(--ezp-spacing-5);
  text-align: center;
}

#text {
  color: var(--ezp-core-foreground-primary);
  display: flex;
  flex-direction: column;
  gap: var(--ezp-spacing-4);
}

#footer {
  display: grid;
  grid-template: auto/minmax(144px, auto);
  justify-content: center;
  padding: var(--ezp-spacing-5);
}