/**
 * @license
 * Copyright 2025 Google LLC
 * SPDX-License-Identifier: Apache-2.0
 */

:root {
  --sys-color--body-background-light: #ffffff;
  --sys-color--body-background-dark: #131314;
}

iframe#opal-app {
  width: 100vw;
  height: 100vh;
  border: none;
  position: fixed;
  top: 0;
  left: 0;
  background: var(--sys-color--body-background-light);
}

/**
 * Always set the Drive Picker frame to be color-scheme: light otherwise it will
 * render with a solid white bg under color-scheme: dark.
 */
iframe[src^="https://drive"]
{
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  iframe#opal-app {
    background: var(--sys-color--body-background-dark);
  }
}