.flex{width:100%;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;box-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex .flex-item{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-flex:1;min-width:20px;width:0;margin-left:0}.flex .flex-item:first-child{margin-left:0!important;margin-top:0!important}.flex-row{box-direction:row;box-orient:horizontal;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.scroll-picker{margin:0 auto}.scroller-component{display:block;position:relative;height:253px;overflow:hidden;width:100%;font-family:sans-serif}.scroller-content{z-index:1}.scroller-content,.scroller-mask{position:absolute;left:0;top:0;width:100%}.scroller-mask{height:100%;margin:0 auto;z-index:3;-webkit-transform:translateZ(0);transform:translateZ(0);background-image:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.95)),to(hsla(0,0%,100%,.6))),-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.95)),to(hsla(0,0%,100%,.6)));background-image:linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),linear-gradient(0deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));background-position:top,bottom;background-size:100% 102px;background-repeat:no-repeat}.scroller-item{text-align:center;font-size:20px;height:50px;font-weight:400;color:#353535;line-height:56px}.scroller-indicator{width:100%;height:50px;position:absolute;left:0;top:100px;z-index:3;background-image:-webkit-gradient(linear,left top,left bottom,from(#555),color-stop(#555),color-stop(transparent),to(transparent)),-webkit-gradient(linear,left bottom,left top,from(#555),color-stop(#555),color-stop(transparent),to(transparent));background-image:linear-gradient(180deg,#555,#555,transparent,transparent),linear-gradient(0deg,#555,#555,transparent,transparent);background-position:top,bottom;background-size:100% 4px;background-repeat:no-repeat}.scroller-item{line-clamp:1;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}