.turn-name{
    width: 100%;
    display: flex;
    height: 29px;
    justify-content: center;
    align-items: flex-end;

    >:first-child{
      width: 20px;
      align-self: center;
      color: var(--color-icon-S360);
    }

    >:nth-child(2){
      padding-left: 8px;
      text-align: start;
      justify-content: start;
      height: 29px;
      width: 100%;
      border-radius: 3px;
      background-color: var(--background-turn-S360);
      align-items: center;
      font-size: var(--font-size-normal-S360);
      color: var(--color-text-secundary-S360);
      border: var(--border-turn-name);
      display: inline-block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      align-content: center;
    }
  }