import { css } from "lit";
const compentStyle = css`
          * {
            -webkit-tap-highlight-color: transparent;
          }

* {
  box-sizing: border-box;
}

:host {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: fit-content;
}

.wrapper {
  display: flex;
  align-items: center;
  width: fit-content;
}

.display {
  display: flex;
  height: var(--ui-components-input-fields-text-input-field-visual-size);
  padding: 0px
    calc(
      var(--ui-components-input-fields-text-input-field-padding-horizontal) +
        var(--ui-components-input-fields-text-input-field-label-spacing)
    );
  justify-content: flex-end;
  align-items: center;
  border-top: var(--input-field-stroke-weight-top) solid
    var(--normal-enabled-border-color);
  border-bottom: var(--input-field-stroke-weight-bottom) solid
    var(--normal-enabled-border-color);
  background: var(--normal-enabled-background-color);
  gap: 2px;
}

.wrapper.disabled .display {
  background-color: var(--normal-disabled-background-color);
  border-color: var(--normal-disabled-border-color);
}

.value {
  color: var(--element-inactive-color);
  font-family: var(--font-family-main);
  font-weight: var(--global-typography-ui-button-font-weight);
  font-size: var(--global-typography-ui-button-font-size);
  line-height: var(--global-typography-ui-button-line-height);
  font-feature-settings:
    "liga" off,
    "clig" off,
    "ss04" on;
}

.disabled .value {
    color: var(--on-normal-disabled-color);
  }

.unit {
  color: var(--element-inactive-color);
  font-family: var(--global-typography-font-family);
  font-weight: var(--global-typography-instrument-unit-font-weight);
  font-size: var(--global-typography-instrument-unit-font-size);
  line-height: var(--global-typography-instrument-unit-line-height);
  font-feature-settings:
    "liga" off,
    "clig" off,
    "ss04" on;
}

.disabled .unit {
    color: var(--on-normal-disabled-color);
  }

.helper-text {
  color: var(--element-neutral-color);
  font-family: var(--font-family-main);
  font-weight: var(--font-weight-regular);
  font-size: var(--global-typography-ui-label-font-size);
  line-height: var(--global-typography-ui-label-line-height);
  font-feature-settings:
    "liga" off,
    "clig" off,
    "ss04" on;
  margin-top: calc(
    (
        var(--ui-components-input-fields-text-input-field-visual-size) -
          var(--ui-components-input-fields-text-input-field-touch-target-size)
      ) /
      2
  );
  padding-bottom: var(
    --ui-components-input-fields-text-input-field-padding-vertical
  );
}

.helper-text.disabled {
  color: var(--element-disabled-color);
}
`;
export {
  compentStyle as default
};
//# sourceMappingURL=stepper-box.css.js.map
