.mx{
  &-picker-column-wrapper{
    height: 100%;
    position:relative;
    display: flex;
    flex-direction: row;
    overflow: hidden;

    &:not(:last-child){
      margin-right: 40px;
    }
    
    .mx-picker-column-item-wrapper{
      height: 100%;
      overflow: hidden;

      .mx-picker-column{
        transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        padding: 0;
        margin: 0;
        list-style: none;

        &-item{
          font-size: 18px;
          text-align: right;

          @include disabled();
          @include text-ellipsis();

          &--selected{
            color: $dark-black;
          }
        }
      }
    }

    .mx-picker-column-suffix-wrapper{
      display: flex;
      flex-direction: column;
      justify-content: center;

      padding-left: 8px;
      
      .mx-picker-column-suffix{
        font-size: 14px;
        color: $gray;
      }
    }
  }
}