$pickerPrefix: #{$prefixCls}-picker;

.#{$pickerPrefix} {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  flex: 1;
  text-align: center;
  background-color: white;
  &-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.3)),
      linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.3));
    background-position: top, bottom;
    background-size: 100% 50%;
    background-repeat: no-repeat;
  }
  &-indicator {
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    height: 34px;
    left: 0;
    z-index: 3;
    border-top: 1PX solid #ddd;
    border-bottom: 1PX solid #ddd;
  }
  &-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  &-item {
    height: p2w(34);
    line-height: p2w(34);
  }
}