.nut-picker {
  width: 100%;

  &-control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: $popup-title-height;
    padding: $popup-title-padding;
    box-sizing: border-box;
    font-size: $popup-title-font-size;
  }

  &-cancel-btn {
    color: $picker-title-cancel-color;
    font-size: $picker-title-cancel-font-size;
  }

  &-confirm-btn {
    color: $picker-title-ok-color;
    font-size: $picker-title-ok-font-size;
  }

  &-title {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    color: $color-title;
    font-size: $popup-title-font-size;
    font-weight: $popup-title-font-weight;
  }

  &-panel {
    display: flex;
  }
}