.EmbedFrame {
  background-color: white;
}

.EmbedFrame-header,
.EmbedFrame-footer {
  color: var(--color-text-dark);
  background-color: white;
  padding: 10px;
}

.EmbedFrame-header-guest {
  flex-direction: row;
}

.Theme--night.EmbedFrame {
  background-color: var(--color-bg-dark);
  border: 1px solid var(--color-bg-dark);
}

.Theme--night .EmbedFrame-header,
.Theme--night .EmbedFrame-footer {
  color: color-mod(var(--color-text-white) alpha(-14%));
  background-color: var(--color-bg-dark);
  border-color: var(--color-bg-dark);
}

.ab-page .EmbedFrame-header,
.ab-page .EmbedFrame-footer {
  color: color-mod(var(--color-text-white) alpha(-14%));
  background-color: var(--color-ab-bg-dark);
  border-color: var(--color-ab-bg-dark);
}

.Theme--night .EmbedFrame-header h2,
.Theme--night .EmbedFrame-footer h2 {
  color: color-mod(var(--color-text-white) alpha(-14%));
  background-color: var(--color-bg-dark);
  border-color: var(--color-bg-dark);
}

.Theme--night.EmbedFrame .fullscreen-night-text {
  color: color-mod(var(--color-text-white) alpha(-14%));
  transition: color 1s linear;
}

.Theme--night.EmbedFrame svg text {
  fill: color-mod(var(--color-text-white) alpha(-14%)) !important;
  stroke: none !important;
}

.Theme--night.EmbedFrame .DashCard .Card {
  background-color: var(--color-bg-card-dark);
}

.ab-page .Theme--night.EmbedFrame .DashCard .Card {
  background-color: var(--color-ab-bg-card-dark);
}

.Theme--night.EmbedFrame .enable-dots-onhover .dc-tooltip circle.dot:hover,
.Theme--night.EmbedFrame .enable-dots .dc-tooltip circle.dot {
  fill: currentColor;
}

.Theme--transparent.EmbedFrame {
  background-color: transparent;
}

.Theme--transparent .EmbedFrame-header,
.Theme--transparent .EmbedFrame-footer {
  background-color: transparent;
}

.Theme--transparent.EmbedFrame .DashCard .Card {
  background-color: transparent;
}

@media screen and (--footprint-breakpoint-max-mobile) {
  .EmbedFrame-header-guest {
    flex-direction: column;
  }
}
