@include b(wheel) {
  @include define(item-rows, 5);
  @include define(item-height, 34px);
  @include define(item-font-size, 20px);
  @include define(text-color, var(--za-color-text));
  @include define(disabled-text-color, var(--za-color-text-disabled));

  display: block;
  position: relative;
  width: 100%;
  height: calc(var(--item-rows) * var(--item-height));
  overflow: hidden;

  @include e(content) {
    margin-top: calc(var(--item-height) * 2);
  }

  @include e(item) {
    text-align: center;
    font-size: var(--item-font-size);
    line-height: var(--item-height);
    height: var(--item-height);
    color: var(--text-color);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

    @include m(disabled) {
      color: var(--disabled-text-color);
    }
  }
}