/*
 *  Copyright 2021 Google LLC
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *       http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

body {
  margin: 0;
}

#content-container {
  margin: 8px;
  max-width: 100%;
  overflow-wrap: break-word;
}

#log-box {
  margin: 8px;
  max-width: 100%;
  overflow-wrap: break-word;
  color: rgba(100%, 100%, 100%, 0.8);
  white-space: pre-line;
}

#debug-box {
  --mdc-dialog-heading-ink-color: rgba(100%, 100%, 100%, 0.8);
  --mdc-theme-surface: rgba(0, 0, 0, 0.9);
}

/*

Theming guide for material web components :
https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md

*/
html {
  --mdc-theme-primary: orange;
}

.debug {
  position: fixed;
  bottom: 0;
  right: 0;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.8);
  color: rgba(100%, 100%, 100%, 0.7);
  margin: 8px;
}
