.vue-scroll-picker{position:relative;width:100%;height:10em;overflow:hidden;-webkit-user-select:none;user-select:none}.vue-scroll-picker-rotator{position:absolute;left:0;right:0;top:calc(50% - .6em)}.vue-scroll-picker-rotator-transition{transition:top ease .15s}.vue-scroll-picker-item{text-align:center;line-height:1.2em;color:#333}.vue-scroll-picker-item[aria-selected=true]{color:#007bff}.vue-scroll-picker-item[data-value=""],.vue-scroll-picker-item[aria-disabled=true]{color:#ccc}.vue-scroll-picker-item[data-value=""][aria-selected=true],.vue-scroll-picker-item[aria-disabled=true][aria-selected=true]{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;border-bottom:1px solid #c8c7cc;background:linear-gradient(180deg,#fff 10%,#ffffffb3);top:0;height:calc(50% - 1em);cursor:pointer}.vue-scroll-picker-layer-selection{top:calc(50% - 1em);bottom:calc(50% - 1em)}.vue-scroll-picker-layer-bottom{border-top:1px solid #c8c7cc;background:linear-gradient(0deg,#fff 10%,#ffffffb3);bottom:0;height:calc(50% - 1em);cursor:pointer}div.vue-scroll-picker-rotator{font-size:1.5rem!important}div.vue-scroll-picker-layer-top,div.vue-scroll-picker-layer-bottom{background:#0000ff0a}.vue-scroll-picker-item{font-size:1.5rem;font-weight:600;color:#6b7280}.vue-scroll-picker-layer-selection{background-color:#3b82f63d!important;margin:.125rem 0!important;-webkit-mask:none!important;mask:none!important}.vue-scroll-picker-layer-selection .vue-scroll-picker-item{font-size:1.75rem!important;font-weight:700!important;color:#fff!important;padding:.25rem .5rem!important;-webkit-text-fill-color:rgba(255,255,255,1)!important}.dark div.vue-scroll-picker-layer-top,.dark div.vue-scroll-picker-layer-bottom{background:#1e293991}.dark .vue-scroll-picker-item{font-size:1.5rem;font-weight:600;color:#fffc!important}.dark .vue-scroll-picker-layer-selection{background:#f0f8ff2e;margin:.125rem 0!important;-webkit-mask:none!important;mask:none!important}.dark .vue-scroll-picker-layer-selection .vue-scroll-picker-item{font-size:1.75rem!important;font-weight:700!important;color:#fff!important;padding:.25rem .5rem!important;-webkit-text-fill-color:rgba(255,255,255,1)!important}