/*
 * 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.
 */

/*
 * Theme configured from https://rmwc.io/.
 */
:root {
  --mdc-theme-primary: var(--jp-brand-color1);
  --mdc-theme-secondary: var(--jp-brand-color2);
  --mdc-theme-error: var(--jp-error-color1);
  --mdc-theme-background: var(--jp-layout-color1);
  --mdc-theme-surface: var(--jp-layout-color1);
  --mdc-theme-on-primary: var(--jp-ui-inverse-font-color1);
  --mdc-theme-on-secondary: var(--jp-ui-inverse-font-color1);
  --mdc-theme-on-surface: var(--jp-ui-font-color1);
  --mdc-theme-on-error: var(--jp-ui-inverse-font-color1);
  --mdc-theme-text-primary-on-background: var(--jp-ui-font-color1);
  --mdc-theme-text-secondary-on-background: var(--jp-ui-font-color2);
  --mdc-theme-text-hint-on-background: var(--jp-ui-font-color3);
  --mdc-theme-text-disabled-on-background: var(--jp-ui-font-color3);
  --mdc-theme-text-icon-on-background: var(--jp-ui-font-color3);
  --mdc-theme-text-primary-on-light: var(--jp-ui-font-color1);
  --mdc-theme-text-secondary-on-light: var(--jp-ui-font-color2);
  --mdc-theme-text-hint-on-light: var(--jp-ui-font-color3);
  --mdc-theme-text-disabled-on-light: var(--jp-ui-font-color3);
  --mdc-theme-text-icon-on-light: var(--jp-ui-font-color3);
  --mdc-theme-text-primary-on-dark: var(--jp-ui-inverse-font-color1);
  --mdc-theme-text-secondary-on-dark: var(--jp-ui-inverse-font-color2);
  --mdc-theme-text-hint-on-dark: var(--jp-ui-inverse-font-color3);
  --mdc-theme-text-disabled-on-dark: var(--jp-ui-inverse-font-color3);
  --mdc-theme-text-icon-on-dark: var(--jp-ui-inverse-font-color3);
}

/**
 * Color for an activated list item.
 */
.mdc-drawer li.mdc-list-item--activated {
  color: var(--jp-ui-font-color1);
}

.mdc-form-field>label {
  margin-bottom: 0;
}

.mdc-text-field {
  margin-left: 4px;
  margin-right: 4px;
}