/*
* SPDX-FileCopyrightText: 2024 Siemens AG
*
* SPDX-License-Identifier: MIT
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/* Dimensions */
/* Font sizes */
/* Line heights */
/*
* SPDX-FileCopyrightText: 2024 Siemens AG
*
* SPDX-License-Identifier: MIT
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:host(.keyValue) {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
:host(.keyValue) .keyValue__icon {
  padding: 0.25rem 0;
}
:host(.keyValue) .keyValue__content {
  display: flex;
  flex-grow: 1;
  align-items: flex-start;
}
:host(.keyValue) .keyValue__content,
:host(.keyValue) .keyValue__content .content__label,
:host(.keyValue) .keyValue__content .content__value {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:host(.keyValue) .keyValue__content .content__label {
  color: var(--theme-color-soft-text);
}
:host(.keyValue) .keyValue__content .content__value {
  width: 100%;
}

:host(.keyValue.keyValue--column) {
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--theme-color-soft-bdr);
}
:host(.keyValue.keyValue--column) .keyValue__content {
  flex-direction: column;
}
:host(.keyValue.keyValue--column) .keyValue__content .content__label,
:host(.keyValue.keyValue--column) .keyValue__content .content__value:not(.has-customValue) {
  padding: 2px 0;
}

:host(.keyValue.keyValue--row) {
  padding: 0.25rem 0;
}
:host(.keyValue.keyValue--row) .keyValue__content {
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}
:host(.keyValue.keyValue--row) .keyValue__content .content__label,
:host(.keyValue.keyValue--row) .keyValue__content .content__value:not(.has-customValue) {
  padding: 6px 0;
}
:host(.keyValue.keyValue--row) .keyValue__content .content__label {
  min-width: 8rem;
}