/* Copyright 2025 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
 * #import=chrome://resources/cr_elements/cr_hidden_style_lit.css.js
 * #import=chrome://resources/cr_elements/cr_shared_vars.css.js
 * #import=chrome://resources/cr_elements/md_select_lit.css.js
 * #import=chrome://resources/cr_elements/search_highlight_style_lit.css.js
 * #import=./print_preview_shared.css.js
 * #include=print-preview-shared md-select-lit search-highlight-style-lit cr-hidden-style-lit
 * #css_wrapper_metadata_end */

:host {
  display: flex;
  min-height: 54px;
  position: relative;
}

:host > * {
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.label,
.value {
  align-self: center;
  color: var(--cr-primary-text-color);
  overflow: hidden;
}

.label {
  flex: 1;
  min-width: 96px;
  opacity: 0.87;
}

.value {
  flex: 0;
  min-width: 239px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.value > * {
  display: flex;
  margin-inline-start: 10px;
}

cr-input {
  width: 239px;
  --cr-input-error-display: none;
}

select.md-select {
  font-size: 1em;
}
