:host {
  display: flex;
  align-items: center;
  justify-content: center;

  .divider {
    position: absolute;
    left: -0.3em;

    display: inline-block;
    align-self: flex-end;

    width: 0.6em;
    height: 100%;

    &::before {
      top: 40%;
    }

    &::after {
      bottom: 40%;
    }

    &::before,
    &::after {
      content: '';

      position: absolute;
      left: 50%;
      transform: translate(-50%);

      display: inline-block;

      width: 0.25em;
      height: 0.25em;

      background-color: currentcolor;
      border-radius: 50%;
    }
  }

  .num-wrapper {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;

    width: 60px;

    tui-input-number {
      width: 28px;
      text-align: right;
    }
  }
}