.vue-scroll-picker{width:100%;height:10em;position:relative;overflow:hidden}.vue-scroll-picker-rotator{position:absolute;top:calc(50% - .6em);left:0;right:0}.vue-scroll-picker-rotator-transition{transition:top .15s}.vue-scroll-picker-item{text-align:center;color:#333;line-height:1.2em}.vue-scroll-picker-item-selected{color:#007bff}.vue-scroll-picker-item-empty,.vue-scroll-picker-item-placeholder,.vue-scroll-picker-item-disabled{color:#ccc}.vue-scroll-picker-item-empty.vue-scroll-picker-item-selected,.vue-scroll-picker-item-placeholder.vue-scroll-picker-item-selected,.vue-scroll-picker-item-disabled.vue-scroll-picker-item-selected{color:#aaa}.vue-scroll-picker-layer{position:absolute;inset:0}.vue-scroll-picker-layer-top,.vue-scroll-picker-layer-selection,.vue-scroll-picker-layer-bottom{position:absolute;left:0;right:0}.vue-scroll-picker-layer-top{box-sizing:border-box;cursor:pointer;background:linear-gradient(#fff 10%,#ffffffb3);border-bottom:1px solid #c8c7cc;height:calc(50% - 1em);top:0}.vue-scroll-picker-layer-selection{top:calc(50% - 1em);bottom:calc(50% - 1em)}.vue-scroll-picker-layer-bottom{cursor:pointer;background:linear-gradient(#ffffffb3,#fff 90%);border-top:1px solid #c8c7cc;height:calc(50% - 1em);bottom:0}