@xysfe/actui/lib/CascadePicker/style.css

A fantastic mobile ui lib implement by Vue

[data-v-65cf9f1c]{-webkit-tap-highlight-color:transparent}.act-picker-fade-enter[data-v-65cf9f1c],.act-picker-fade-leave-active[data-v-65cf9f1c]{opacity:0}.act-picker-fade-enter-active[data-v-65cf9f1c],.act-picker-fade-leave-active[data-v-65cf9f1c]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.act-picker-panel[data-v-65cf9f1c]{height:43vh;text-align:center;font-size:14px;background:#fff;content:"viewport-units-buggyfill; height: 43vh"}.act-picker-move-enter[data-v-65cf9f1c],.act-picker-move-leave-active[data-v-65cf9f1c]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.act-picker-move-enter-active[data-v-65cf9f1c],.act-picker-move-leave-active[data-v-65cf9f1c]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.act-picker-choose[data-v-65cf9f1c]{position:relative;height:36px}.act-picker-cancel[data-v-65cf9f1c],.act-picker-confirm[data-v-65cf9f1c]{font-size:16px;line-height:36px;padding:0 14px;box-sizing:content-box}.act-picker-confirm[data-v-65cf9f1c]{position:absolute;right:0;color:#8c7fee}.act-picker-confirm[data-v-65cf9f1c]:active{color:#8c7fee}.act-picker-cancel[data-v-65cf9f1c]{position:absolute;left:0;color:#b3b3b3}.act-picker-cancel[data-v-65cf9f1c]:active{color:#ccc}.act-picker-title-group[data-v-65cf9f1c]{padding:0 60px;display:-webkit-box;display:-webkit-flex;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.act-picker-title[data-v-65cf9f1c]{font-size:18px;line-height:25px;font-weight:400;color:#333}.act-picker-subtitle[data-v-65cf9f1c]{margin-top:2px;line-height:16px;font-size:12px;color:#fcfcfc}.act-picker-content[data-v-65cf9f1c]{position:relative;top:20px}.act-picker-content>i[data-v-65cf9f1c]{position:absolute;z-index:10;left:0;width:100%;height:68px;pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0)}.act-picker-content>.border-bottom-1px[data-v-65cf9f1c]{top:0;background:-webkit-linear-gradient(bottom,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));background:linear-gradient(0deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8))}.act-picker-content>.border-top-1px[data-v-65cf9f1c]{bottom:0;background:-webkit-linear-gradient(top,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));background:linear-gradient(180deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8))}.act-picker-wheel-wrapper[data-v-65cf9f1c]{display:-webkit-box;display:-webkit-flex;display:flex;padding:0 14px}.act-picker-wheel-wrapper>div[data-v-65cf9f1c]{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:0.000000001px;flex-basis:0.000000001px;width:1%;height:173px;overflow:hidden;font-size:20px}.act-picker-wheel-scroll[data-v-65cf9f1c]{padding:0;margin-top:68px;line-height:36px;list-style:none;font-size:18px}.act-picker-wheel-item[data-v-65cf9f1c]{list-style:none;height:36px;overflow:hidden;white-space:nowrap;color:#333}.act-picker-footer[data-v-65cf9f1c]{height:20px}.act-popup{position:fixed;left:0;right:0;top:0;bottom:0;max-width:100vw;content:"viewport-units-buggyfill; max-width: 100vw"}.act-popup-container,.act-popup-mask{position:absolute;width:100%;height:100%}.act-popup-mask{overflow:hidden}.act-popup-mask:before{content:".";display:block;width:1px;height:1px;background-color:rgba(0,0,0,.1);margin-left:-10px}.act-popup-container{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}.act-popup-content{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%)}.act-popup-center .act-popup-content{position:absolute;top:-50%;left:-50%;width:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.act-popup-top-radius{border-top-left-radius:12px;border-top-right-radius:12px}.act-popup-top-radius.act-popup-content{overflow:hidden}