.dumpSection {
  display: flex;
  flex-direction: row;
  padding: 2px 0;

  &.fit {
    width: fit-content;
  }
}

@keyframes borderColorChange {
  0% {
    border-color: var(--border-color-dropdown-menu);
  }
  20% {
    border-color: var(--color-label);
  }
  40% {
    border-color: var(--border-color-dropdown-menu);
  }
  60% {
    border-color: var(--color-label);
  }
  80% {
    border-color: var(--border-color-dropdown-menu);
  }
  100% {
    border-color: var(--color-label);
  }
}

.value {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  color: var(--color-value);
  justify-content: center;
  width: 20px;
  border: 1px solid transparent;

  &.decimal {
    width: 30px;
  }

  &.lastJump {
    animation: borderColorChange 3s alternate;
    animation-delay: 400ms;
  }

  &:hover {
    background: #606060;
    opacity: 0.9;
  }

  &.pointed {
    background: var(--bgcolor-memory-pointed);
    color: var(--color-memory-pointed);
  }

  &.pcPointed {
    background: var(--bgcolor-memory-pc-pointed);
    color: var(--color-memory-pointed);
  }
}

.char {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  color: var(--color-secondary-label);

  &:hover {
    background: var(--bgcolor-disass-hover);
    opacity: 0.9;
  }
}
