/*
 * Copyright (c) 2023 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

main {
  height: 100%;
}

.header {
  display: flex;
  border-bottom: 1px solid var(--sys-color-divider);
  width: 100%;
}

.placeholder-container {
  height: calc(100% - 29px);
  display: flex;
  justify-content: center;
  align-items: center;
}

.placeholder {
  font-size: 15px;
  text-align: center;
}

.address {
  padding: 10px;
  margin-right: auto;
}

.filled-fields-grid {
  border-top: 1px solid var(--sys-color-divider);
  box-sizing: border-box;
}

.content-container {
  display: flex;
  flex-flow: column;
  height: 100%;
}

.grid-wrapper {
  flex-grow: 1;
}

devtools-data-grid {
  border: none;
  height: 100%;
}

.checkbox-label {
  display: flex;
  align-items: center;
}

.right-to-left {
  border-bottom: 1px solid var(--sys-color-divider);
  display: flex;
  flex-flow: row-reverse wrap;
  justify-content: flex-end;
}

.label-container {
  padding: 5px;
  display: flex;
  align-items: flex-start;
}

.top-left-corner {
  border-bottom: 1px solid var(--sys-color-divider);
  display: flex;
  padding: 5px;
  gap: 10px;
}

.matches-filled-field {
  background-color: var(--sys-color-tonal-container);
}

.highlighted {
  background-color: var(--sys-color-state-focus-select);
}

.link {
  color: var(--sys-color-primary);
  text-decoration-line: underline;
}

.feedback {
  margin: auto 5px auto auto;
}