@use '../../../../styles/typography';

:host {
  cursor: text;
  display: inline;

  .value-input {
    position: relative;
    display: inline-block;
    margin-right: 0.25rem;
    text-indent: 0;

    .text-span,
    input {
      @extend %monospaced;
      line-height: 1rem;
      letter-spacing: normal;
    }

    input {
      position: absolute;
      background: none;
      outline: 1px solid var(--dynamic-blue-02);
      border-radius: 0.125rem;
      width: 100%;
      border: none;
      padding: 0;
      height: 100%;
      top: -0.25px;
    }

    .text-span {
      visibility: hidden;
    }
  }
}
