.vue-scroll-picker{position:relative;width:100%;height:10em;overflow:hidden}.vue-scroll-picker-list{position:absolute;left:0;right:0;top:0;bottom:0}.vue-scroll-picker-list-rotator{position:absolute;left:0;right:0;top:calc(50% - .6em)}.vue-scroll-picker-list-rotator.-transition{-webkit-transition:top .2s ease;transition:top .2s ease}.vue-scroll-picker-item{text-align:center;height:1.2em;line-height:1.2em}.vue-scroll-picker-item.-placeholder{color:#aaa}.vue-scroll-picker-layer{position:absolute;left:0;right:0;top:0;bottom:0}.vue-scroll-picker-layer .bottom,.vue-scroll-picker-layer .middle,.vue-scroll-picker-layer .top{position:absolute}.vue-scroll-picker-layer .top{-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #c8c7cc;background:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#fff),to(hsla(0,0%,100%,.7)));background:linear-gradient(180deg,#fff 10%,hsla(0,0%,100%,.7));top:0;left:0;right:0;height:calc(50% - 1em);cursor:pointer}.vue-scroll-picker-layer .middle{top:calc(50% - 1em);left:0;right:0;bottom:calc(50% - 1em)}.vue-scroll-picker-layer .bottom{border-top:1px solid #c8c7cc;background:-webkit-gradient(linear,left bottom,left top,color-stop(10%,#fff),to(hsla(0,0%,100%,.7)));background:linear-gradient(0deg,#fff 10%,hsla(0,0%,100%,.7));bottom:0;left:0;right:0;height:calc(50% - 1em);cursor:pointer}.vue-scroll-picker-group.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-scroll-picker-group:after{clear:both;display:table;content:""}.vue-scroll-picker-group>.vue-scroll-picker-1{float:left;width:8.33333%}.vue-scroll-picker-group>.vue-scroll-picker-2{float:left;width:16.66667%}.vue-scroll-picker-group>.vue-scroll-picker-3{float:left;width:25%}.vue-scroll-picker-group>.vue-scroll-picker-4{float:left;width:33.33333%}.vue-scroll-picker-group>.vue-scroll-picker-5{float:left;width:41.66667%}.vue-scroll-picker-group>.vue-scroll-picker-6{float:left;width:50%}.vue-scroll-picker-group>.vue-scroll-picker-7{float:left;width:58.33333%}.vue-scroll-picker-group>.vue-scroll-picker-8{float:left;width:66.66667%}.vue-scroll-picker-group>.vue-scroll-picker-9{float:left;width:75%}.vue-scroll-picker-group>.vue-scroll-picker-10{float:left;width:83.33333%}.vue-scroll-picker-group>.vue-scroll-picker-11{float:left;width:91.66667%}.vue-scroll-picker-group>.vue-scroll-picker-12{float:left;width:100%}body{background:#fff!important}.vue-scroll-picker{font-size:30px;font-weight:500;width:30%;display:inline-table}.bottom{border-top:unset!important}.top{border-bottom:unset!important}.vue-scroll-picker-layer .bottom,.vue-scroll-picker-layer .top{height:calc(52% - 1em)}.title{font-size:15px;margin:15px 0}.lg-btn{font-size:25px;margin:0 10px 15px 0;border:1px solid;border-radius:5px;padding:5px;background-color:#fafad2}.sm-btn{font-size:20px;margin-bottom:10px;background-color:#ffebee}.sm-btn,.xsm-btn{margin-right:10px;border:1px solid;border-radius:5px;padding:5px}.xsm-btn{font-size:15px}hr{display:block;margin-bottom:20px}select{margin-top:10px;height:44px;width:100%;font-size:14px;padding-left:7px;border:1px solid #a5a6bc;border-radius:2px}@-webkit-keyframes fadeInLeft-5d27ba7d{0%{opacity:0;-webkit-transform:translateX(-25px);transform:translateX(-25px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft-5d27ba7d{0%{opacity:0;-webkit-transform:translateX(-25px);transform:translateX(-25px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeInRight-5d27ba7d{0%{opacity:0;-webkit-transform:translateX(25px);transform:translateX(25px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight-5d27ba7d{0%{opacity:0;-webkit-transform:translateX(25px);transform:translateX(25px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}#animatedLeftObject[data-v-5d27ba7d]{-webkit-animation:fadeInLeft-5d27ba7d 1s ease-out forwards;animation:fadeInLeft-5d27ba7d 1s ease-out forwards}#animatedRightObject[data-v-5d27ba7d]{-webkit-animation:fadeInRight-5d27ba7d 1s ease-out forwards;animation:fadeInRight-5d27ba7d 1s ease-out forwards}