/* Copyright 2026 The Chromium Authors
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

/* #css_wrapper_metadata_start
 * #type=style-lit
 * #css_wrapper_metadata_end */

:host {
  display: flex;
  flex-direction: column;
  outline: none;
  position: relative;
}

#header {
  display: flex;
  justify-content: space-between;
  padding-inline-end: var(--cr-section-padding);
}

#header .title {
  color: var(--cr-primary-text-color);
  font-size: 108%;
  font-weight: 400;
  letter-spacing: .25px;
  margin-bottom: 12px;
  margin-top: var(--cr-section-vertical-margin);
  outline: none;
  padding-bottom: 4px;
  padding-top: 8px;
}

#feedback {
  margin-top: var(--cr-section-vertical-margin);
}

#card {
  background-color: var(--cr-card-background-color);
  border-radius: var(--cr-card-border-radius);
  box-shadow: var(--cr-card-shadow);
  flex: 1;
  overflow: hidden;
}

@media (forced-colors: active) {
  /* Use border instead of box-shadow (which does not work) in Windows
     HCM. */
  #card {
    border: var(--cr-border-hcm);
  }
}