/*
 * SPDX-FileCopyrightText: 2021 Johannes Loher
 *
 * SPDX-License-Identifier: MIT
 */

@use "../../utils/colors";
@use "../../utils/mixins";
@use "../../utils/variables";

.ds4-core-value {
  align-items: center;
  display: flex;

  &__label {
    @include mixins.font-heading-upper;
    flex: 1;
    font-size: 2em;
    text-align: center;
  }

  &__value {
    align-items: center;
    display: flex;
    flex: 1.1;
    font-size: 1.2em;
    gap: 0.15em;
    text-align: center;
  }

  &__value-input,
  &__value-total {
    flex: 1 1 4em;
  }

  &--trait {
    .ds4-core-value__label {
      -webkit-text-stroke: 1px colors.$c-black;
      color: transparent;
    }
  }
}
