@prettyy/ui
Version:
vue2 UI
1 lines • 31.8 kB
CSS
@charset "UTF-8";body,html{width:100vw;height:100vh;padding:0;margin:0}html{overflow-y:auto}:-webkit-any(article,aside,nav,section) h1{font-size:2em}.v-modal-enter{animation:v-modal-in .2s ease}.v-modal-leave{animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.vl-popup-parent--hidden{overflow:hidden}@font-face{font-family:vl-iconfont;src:url(iconfont.ttf?t=1719488198484) format("truetype")}.vl-icon{font-family:vl-iconfont;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.vl-icon.xiazai:before{content:"\e63c"}.vl-icon.arrow-left:before{content:"\e645"}.vl-icon.arrow-right:before{content:"\e646"}.vl-icon.xuanzhuan:before{content:"\e66f"}.vl-icon.xuanzhuan1:before{content:"\e670"}.vl-icon.quanping:before{content:"\e6cc"}.vl-icon.suoxiao:before{content:"\e6c9"}.vl-icon.tupianjiazaishibai:before{content:"\e642"}.vl-icon.jiazaizhong:before{content:"\e8d2"}.vl-icon.zoom-normal-copy:before{content:"\e600"}.vl-icon.fangda:before{content:"\e6f4"}.vl-icon.vl-ellipsis:before{content:"\e66d"}.vl-icon.right-arrow:before{content:"\e606"}.vl-icon.left-arrow:before{content:"\e605"}.vl-icon.up-arrow:before{content:"\e612"}.vl-icon.eye:before{content:"\e78f"}.vl-icon.eye-close:before{content:"\e8ff"}.vl-icon.success:before{content:"\e66b"}.vl-icon.error:before,.vl-icon.warning:before{content:"\e664"}.vl-icon.close:before{content:"\e633"}.vl-icon.info:before{content:"\e83d"}.vl-icon.icon-time:before{content:"\e6f1"}.icon-left-arrow-d:before,.vl-icon.icon-right-arrow-d:before{content:"\e61c"}.vl-icon.icon-datetime:before{content:"\e62b"}.vl-icon.icon-date:before{content:"\e643"}.vl-icon.facebook:before{content:"\e603"}.vl-icon.jinritoutiao:before{content:"\e601"}.vl-icon.Youtube:before{content:"\e67b"}.vl-icon.weibo:before{content:"\e644"}.vl-icon.xiaohongshu:before{content:"\e66e"}.vl-icon.youku:before{content:"\ebe4"}.vl-icon.aiqiyi:before{content:"\e671"}.vl-icon.douyin:before{content:"\e672"}.vl-icon.haokanshipin:before{content:"\e681"}.vl-icon.kuaishou:before{content:"\e697"}.vl-icon.tengxun:before{content:"\e649"}.vl-icon.xiguashipin:before{content:"\e621"}.vl-icon.Bzhanpingtai:before{content:"\e838"}.vl-message{height:auto;line-height:20px;padding:14px 12px;position:fixed;z-index:2025;top:20px;left:50%;transform:translateX(-50%);box-sizing:border-box;border-radius:6px;background-color:#edf2fc;transition:opacity .3s,transform .4s,top .4s;display:flex;align-items:center}.vl-message--body{margin-left:8px;font-weight:500;font-size:14px;color:rgba(0,0,0,.85);line-height:20px;text-align:left;font-style:normal}.vl-message--info{background-color:#f4f7fc;color:#c7d5f1}.vl-message--success{background-color:#cdefeb;color:#03b09b}.vl-message--error{background-color:#fcdada;color:#f24545}.vl-message--warning{background-color:#ffeecf;color:#fea80f}.vl-message-fade-enter,.vl-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.vl-message-box{position:fixed;top:0;right:0;border:0;left:0;overflow:auto;z-index:2025;user-select:none;background-color:rgba(0,0,0,.7);height:100%}.vl-message-box__divider{display:block;margin-top:14px;flex:1 1 0;max-width:100%;height:0;max-height:0;border:0 solid #F2F3F5;border-top-width:thin;transition:inherit}.vl-message-box-cancel-btn,.vl-message-box-confirm-btn{align-items:center;padding:6px 17px;cursor:pointer;display:flex;font-size:14px}.vl-message-box-cancel-btn{justify-content:inherit;color:rgba(0,0,0,.85);border:1px solid rgba(0,0,0,.25);border-radius:6px;line-height:normal;transition:inherit;transition-property:opacity}.vl-message-box-confirm-btn{justify-content:inherit;background-color:#9155fd;border:1px solid #9155fd;border-radius:6px;color:#fff;line-height:normal;transition:inherit;transition-property:opacity}.vl-message-box__wrapper{color:#555;width:400px;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);background-color:#fff;padding:17px 24px;border-radius:6px}.vl-message-box__wrapper__header{display:flex;align-items:center;justify-content:space-between}.vl-message-box__wrapper__header__title{font-size:16px;font-weight:600;color:#000;line-height:22px;text-align:left;font-style:normal}.vl-message-box__wrapper__header .icon{font-size:22px;cursor:pointer}.vl-message-box__wrapper__body{padding:20px 0;display:flex;align-items:flex-start}.vl-message-box__wrapper__body__type{font-size:24px;margin-right:12px}.vl-message-box__wrapper__body__content{padding-top:1px;font-size:15px;line-height:25px}.vl-message-box__wrapper__footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:5px 0 0}.vl-message-box-fade-enter,.vl-message-box-fade-leave-to{opacity:0;transform:translate3d(0,-20px,0)}.vl-message-box-fade-enter-active,.vl-message-box-fade-leave-active{transition:all .3s}.vl-loading{width:100%;height:100%;position:absolute;top:0;z-index:2028;background-color:rgba(255,255,255,.7607843137)}.vl-loading-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.vl-loading-box-warp{width:80px;height:80px}.vl-loading-box-warp-item{width:33.333333%;height:33.333333%;background:#9155fd;float:left;animation:val-loading-animation 1.2s infinite ease;border-radius:1px}.vl-loading-box-warp-item:nth-child(7){animation-delay:0s}.vl-loading-box-warp-item:nth-child(4),.vl-loading-box-warp-item:nth-child(8){animation-delay:.2s}.vl-loading-box-warp-item:nth-child(1),.vl-loading-box-warp-item:nth-child(5),.vl-loading-box-warp-item:nth-child(9){animation-delay:.4s}.vl-loading-box-warp-item:nth-child(2),.vl-loading-box-warp-item:nth-child(6){animation-delay:.6s}.vl-loading-box-warp-item:nth-child(3){animation-delay:.8s}.vl-loading-box-text{font-size:14px;color:#9155fd;margin-top:20px;text-align:center}.vl-loading-parent--relative{position:relative}.vl-loading-parent--hidden{overflow:hidden}.is-fullscreen{position:fixed}@keyframes val-loading-animation{0%,100%,70%{transform:scale3d(1,1,1)}35%{transform:scale3d(0,0,1)}}.vl-input{display:inline-block;position:relative}.vl-input__control{height:34px;width:100%;line-height:34px;border-radius:6px;border:1px solid rgba(0,0,0,.25);font-size:14px;background:0 0;outline:0;padding:0 10px;box-sizing:border-box;overflow:hidden}.vl-input .prefix-icon,.vl-input .suffix-icon{top:50%;width:30px;transform:translateY(-50%);display:flex;position:absolute}.vl-input__disabled{background:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.vl-input .has-prefix{padding-left:30px}.vl-input .has-suffix{padding-right:30px}.vl-input .prefix-icon{align-items:center;justify-content:center;left:0;right:auto}.vl-input .suffix-icon{align-items:center;justify-content:center;left:auto;right:0}.vl-dialog{position:relative;margin:0 auto 50px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box;width:50%;padding:0 24px;border-radius:6px}.vl-dialog__header{display:flex;align-items:center;justify-content:space-between;height:60px;color:#000;font-size:18px;font-weight:600}.vl-dialog__headerbtn{padding:0;border:none;cursor:pointer;background-color:transparent}.vl-dialog__headerbtn .vl-icon{font-size:20px}.vl-dialog__body{padding:20px 15px}.vl-dialog__footer{padding-bottom:20px}.vl-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0;background-color:rgba(0,0,0,.7);z-index:2010}.vl-dialog__wrapper_center{display:flex;align-items:center}.vl-dialog__divider{margin:0;display:block;flex:1 1 0;max-width:100%;height:0;max-height:0;border:0 solid #F2F3F5;border-top-width:thin;transition:inherit}.vl-dialog-fade-enter-active{animation:dialog-fade-in .3s}.vl-dialog-fade-leave-active{animation:dialog-fade-out .3s}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}.vl-pagination{display:flex;align-items:center}.vl-pagination-total{display:flex;align-items:center;height:30px;font-weight:400;font-size:14px;color:rgba(0,0,0,.88);font-style:normal;text-transform:none}.vl-pagination button{margin:0 5px;background-color:#fff;color:rgba(0,0,0,.88);outline:0;border-radius:6px;padding:0 4px;vertical-align:top;display:inline-block;font-size:13px;min-width:32px;min-height:32px;line-height:28px;cursor:pointer;box-sizing:border-box;text-align:center;border:0}.vl-pagination button:hover{background-color:#f5f5f5}.vl-pagination button.active{background-color:#fff;color:#9155fd;cursor:not-allowed;border:1px solid #9155fd;border-radius:6px}.vl-select__wrapper .vl-select,.vl-select__wrapper .vl-select-input{-webkit-appearance:none;background-color:#fff;background-image:none}.vl-pagination button.disabled{cursor:not-allowed;color:#ccc}.vl-pagination-pageSizes{width:110px}.vl-pagination-jump span{padding:0 8px;font-weight:400;font-size:14px;color:rgba(0,0,0,.88);line-height:20px;text-align:right;font-style:normal}.vl-select__wrapper{display:inline-block;position:relative}.vl-select__wrapper .vl-select{width:100%;height:32px;border-radius:4px;border:1px solid rgba(0,0,0,.25);color:rgba(0,0,0,.88);cursor:pointer;display:flex;align-items:center;position:relative}.vl-select__wrapper .vl-select-input{width:calc(100% - 28px);height:100%;padding:9px 0 12px 9px;outline:0;border:0;border-radius:10px;box-sizing:border-box;color:rgba(0,0,0,.88);display:inline-block;transition:border-color .2s cubic-bezier(.645,.045,.355,1);pointer-events:none;font-size:14px;overflow:hidden}.vl-select__wrapper .vl-select-input .is-disabled{background-color:#FAFAFA;cursor:not-allowed}.vl-select__wrapper .vl-select-icon{display:flex;align-items:center;justify-content:center;float:right;color:#C0C4CC;font-size:16px;transition:transform .3s;cursor:pointer;height:100%;text-align:center;width:28px;pointer-events:none}.vl-select__wrapper .vl-select:focus,.vl-select__wrapper .vl-select:hover{border:1px solid #9155fd}.vl-select__wrapper .vl-select:focus .vl-select-icon,.vl-select__wrapper .vl-select:hover .vl-select-icon{color:#9155fd}.vl-select__wrapper .vl-select .is-disabled{background-color:#FAFAFA;cursor:not-allowed}.vl-select__wrapper .vl-option{background-color:#FFF;border-radius:10px;font-size:13px;overflow:hidden;padding:10px 0;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);margin-top:5px;z-index:2016;position:absolute;width:100%}.vl-select__wrapper .vl-option-item{padding:0 20px;height:34px;line-height:34px;cursor:pointer}.vl-select__wrapper .vl-option-item:hover{background-color:#F5F7FA}.vl-select__wrapper .vl-option-item-active{color:#9155fd;font-weight:600}.ms-zoom-in-top-enter-active,.ms-zoom-in-top-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;-ms-transform-origin:center bottom;transform-origin:center bottom;z-index:110}.ms-zoom-in-top-enter,.ms-zoom-in-top-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}@keyframes rotate90{0%{transform:rotate(0)}100%{transform:rotate(180deg)}}.rotate-animation{animation:rotate90 .2s linear 1 forwards}.vl-view{border-radius:6px}.vl-view--fixed{display:flex;flex-direction:column;height:100%;overflow:hidden}.vl-view-header{padding-bottom:.5rem}.vl-view-header__divider{display:block;flex:1 1 0;max-width:100%;margin-top:0;margin-bottom:0;height:0;max-height:0;border:0 solid #F2F3F5;border-top-width:thin;transition:inherit}.vl-view__footer,.vl-view__main{padding:.5rem}.vl-view__header{padding:20px 20px 0;display:flex;align-items:center;gap:8px}.vl-view__main{display:flex;flex:auto;flex-direction:column;height:100%;width:calc(100% - 40px);overflow-x:auto;padding-left:20px;padding-right:20px}.vl-view__main-header{margin-bottom:.5rem}.vl-view__main-content{flex:auto}.vl-view__main-footer{margin-top:.5rem}.vl-form-item{display:flex;align-items:flex-start;justify-content:flex-start;gap:20px;width:100%;color:#131120}.vl-form-item-label{flex-shrink:0;font-weight:400;min-height:40px;line-height:40px;font-size:14px;display:flex;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap}.vl-form-item-label-text{display:flex}.vl-form-item-label-text::before{content:"*";color:rgba(255,0,0,0)}.vl-form-item-label .required{display:flex;align-items:center;height:100%;gap:4px}.vl-form-item-label .required::before{content:"*";color:red}.vl-form-item-vertical{flex-direction:column;gap:0}.vl-form-item-left .vl-form-item-label,.vl-form-item-vertical .vl-form-item-label{justify-content:flex-start}.vl-form-item-content{width:100%;min-height:40px;display:flex;align-items:center}.vl-form-item-content>.v-input .v-input__control .v-input__slot{height:32px;margin:0}.vl-form-item-content>.v-input .v-input__control ::v-deep .v-text-field__details{transform:translateY(5px);margin-bottom:0;min-height:0}.vl-form-item-content>.v-input .v-input__control ::v-deep .v-text-field__details ::v-deep .v-messages{min-height:min-content}.vl-form-item+.vl-form-item{margin-top:20px}.vl-tag{height:25px;display:flex;justify-content:center;gap:10px;align-items:center;width:max-content;padding:4px 8px;border-radius:4px;font-weight:500;font-size:12px;background:color-mix(in srgb,#9155fd 10%,#fff);color:#9155fd}.vl-tag .close{font-size:13px;cursor:pointer}@keyframes vl-drawer-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes rtl-drawer-in{0%{transform:translate(100%,0)}100%{transform:translate(0,0)}}@keyframes rtl-drawer-out{0%{transform:translate(0,0)}100%{transform:translate(100%,0)}}@keyframes ltr-drawer-in{0%{transform:translate(-100%,0)}100%{transform:translate(0,0)}}@keyframes ltr-drawer-out{0%{transform:translate(0,0)}100%{transform:translate(-100%,0)}}@keyframes ttb-drawer-in{0%{transform:translate(0,-100%)}100%{transform:translate(0,0)}}@keyframes ttb-drawer-out{0%{transform:translate(0,0)}100%{transform:translate(0,-100%)}}@keyframes btt-drawer-in{0%{transform:translate(0,100%)}100%{transform:translate(0,0)}}@keyframes btt-drawer-out{0%{transform:translate(0,0)}100%{transform:translate(0,100%)}}.vl-drawer{position:absolute;box-sizing:border-box;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);overflow:hidden;outline:0}.vl-drawer.rtl{animation:rtl-drawer-out .3s;right:0}.vl-drawer__open .vl-drawer.rtl{animation:rtl-drawer-in .3s 1ms}.vl-drawer.ltr{animation:ltr-drawer-out .3s;left:0}.vl-drawer__open .vl-drawer.ltr{animation:ltr-drawer-in .3s 1ms}.vl-drawer.ttb{animation:ttb-drawer-out .3s;top:0}.vl-drawer__open .vl-drawer.ttb{animation:ttb-drawer-in .3s 1ms}.vl-drawer.btt{animation:btt-drawer-out .3s;bottom:0}.vl-drawer__open .vl-drawer.btt{animation:btt-drawer-in .3s 1ms}.vl-drawer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;margin:0}.vl-drawer__header{display:flex;align-items:center;color:#72767b;margin-bottom:32rpx;padding:20px;border-bottom:1px solid #F2F3F5}.vl-drawer__header>:first-child{flex:1}.vl-drawer__title{margin:0;flex:1;line-height:inherit;font-size:1rem}.vl-drawer__close-btn{border:none;cursor:pointer;font-size:20px;color:inherit;background-color:transparent}.vl-drawer__close-btn .vl-icon{font-size:20px;font-weight:500}.vl-drawer__body{flex:1;overflow:auto}.vl-drawer__body>*{box-sizing:border-box}.vl-drawer.ltr,.vl-drawer.rtl{height:100%;top:0;bottom:0}.vl-drawer.btt,.vl-drawer.ttb{width:100%;left:0;right:0}.vl-drawer__container{position:relative;left:0;right:0;top:0;bottom:0;height:100%;width:100%}.vl-drawer-fade-enter-active{animation:vl-drawer-fade-in .3s}.vl-drawer-fade-leave-active{animation:vl-drawer-fade-in .3s reverse}@keyframes rotateContinued{from{transform:rotate(0)}to{transform:rotate(360deg)}}.vl-preview-image{width:100%;height:100%;text-align:center;vertical-align:middle;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.8);backdrop-filter:blur(8px)}.vl-preview-image__close{position:absolute;right:50px;top:50px;width:36px;height:36px;font-size:30px;line-height:36px;text-align:center;border-radius:50%;cursor:pointer;transition:all .2s;background:rgba(0,0,0,.2);backdrop-filter:blur(5px)}.vl-preview-image__close:hover{transform:rotate(90deg)}.vl-preview-image__loading{font-size:60px;animation:rotateContinued 1.5s linear infinite}.vl-preview-image__fail{font-size:60px}.vl-preview-image__arrow{width:42px;height:42px;text-align:center;line-height:42px;position:absolute;top:50%;border-radius:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);font-size:24px;cursor:pointer;transition:all .2s;background:rgba(0,0,0,.8)}.vl-preview-image__arrow-left{left:50px}.vl-preview-image__arrow-right{right:50px}.vl-preview-image__control{height:44px;bottom:10%;padding:0 22px;display:flex;border-radius:22px;margin:0 auto;background:rgba(0,0,0,.3)}.vl-preview-image__control-btn{line-height:44px;font-size:24px;cursor:pointer;padding:0 9px;transition:all .2s}.vl-preview-image__control-indicator{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);padding:0 22px;font-size:16px;border-radius:15px;background:rgba(0,0,0,.3)}.vl-preview-image__control__wrapper{display:flex;position:absolute;width:100%;bottom:10%;left:0}.vl-preview-image__wrapper{position:fixed;top:0;bottom:0;right:0;left:0;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;z-index:2018;color:rgba(255,255,255,.6)}.vl-date-picker--panel-value,.vl-date-picker--panel-value--solar,.vl-date-picker--table+.vl-date-picker--panel-time .vl-date-picker--panel-time--value{position:relative}.vl-preview-image-fade-enter,.vl-preview-image-fade-leave-to{opacity:0;transform:translate3d(0,-20px,0)}.vl-preview-image-fade-enter-active,.vl-preview-image-fade-leave-active{transition:all .3s}.vl-date-picker--panel-month .vl-date-picker--panel-value,.vl-date-picker--panel-year .vl-date-picker--panel-value{width:60px;height:40px}.vl-date-picker--panel-month .vl-date-picker--panel-value--lunar,.vl-date-picker--panel-year .vl-date-picker--panel-value--lunar{transform:scale(.9);margin-top:0}.vl-date-picker--panel-quarter .vl-date-picker--table-body .vl-date-picker--table-row,.vl-date-picker--panel-week .vl-date-picker--table-body .vl-date-picker--table-row{color:unset;transition:color 312ms,background-color 312ms;border-radius:20px}.vl-date-picker--panel-quarter .vl-date-picker--table-body .vl-date-picker--table-row .vl-date-picker--panel-value:not(.vl-date-picker--panel-value-disabled),.vl-date-picker--panel-week .vl-date-picker--table-body .vl-date-picker--table-row .vl-date-picker--panel-value:not(.vl-date-picker--panel-value-disabled){background-color:transparent}.vl-date-picker--panel-quarter .vl-date-picker--table-body .vl-date-picker--table-row-active,.vl-date-picker--panel-week .vl-date-picker--table-body .vl-date-picker--table-row-active{background-color:color-mix(in srgb,#9155fd 10%,#fff);color:#9155fd;transition-duration:312ms}.vl-date-picker--panel-quarter .vl-date-picker--table-body .vl-date-picker--table-row-active .vl-date-picker--panel-value:not(.vl-date-picker--panel-value-disabled),.vl-date-picker--panel-week .vl-date-picker--table-body .vl-date-picker--table-row-active .vl-date-picker--panel-value:not(.vl-date-picker--panel-value-disabled){color:inherit}.vl-date-picker--panel-quarter .vl-date-picker--table-body .vl-date-picker--table-row:hover,.vl-date-picker--panel-week .vl-date-picker--table-body .vl-date-picker--table-row:hover{background-color:color-mix(in srgb,#9155fd 10%,#fff);transition-duration:312ms}.vl-date-picker--table+.vl-date-picker--panel-time{border-top:1px solid #ededed;padding-top:5px}.vl-date-picker--table+.vl-date-picker--panel-time .vl-date-picker--panel-time--value:hover .vl-date-picker--panel-time-wheel{display:block}.vl-date-picker--table+.vl-date-picker--panel-time .vl-date-picker--panel-time--value:hover>span:first-child{color:#9155fd}.vl-date-picker--table+.vl-date-picker--panel-time .vl-date-picker--panel-time-wheel{display:none;position:absolute;bottom:40px;left:-10px;background-color:#fff;width:80px}.vl-date-picker--panel-value-active,.vl-date-picker--panel-value:not(.vl-date-picker--panel-value-disabled):hover{background-color:color-mix(in srgb,#9155fd 10%,#fff);transition-duration:312ms}.vl-date-picker--table+.vl-date-picker--panel-time .vl-date-picker--panel-time-wheel:after{content:"";display:block;position:absolute;left:36px;border:4px solid;border-color:transparent #fff #fff transparent;transform:rotate(45deg);bottom:-4px;box-shadow:2px 2px 2px 1px #ddd}.vl-date-picker--panel-time--body{margin:0 auto;display:flex;flex-direction:row;justify-content:center;line-height:24px}.vl-date-picker--panel-time--value{width:60px;padding:10px 0}.vl-date-picker--panel-time--value>span:first-child{font-size:18px;color:#444;font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;display:inline-block}.vl-date-picker--panel-time--sep{flex-shrink:0;width:24px;padding:10px 0}.vl-date-picker--panel-time-wheel{border-radius:10px;box-shadow:0 0 12px rgba(0,0,0,.12);overflow:hidden}.vl-date-picker--panel-time-wheel-value{color:#9155fd;padding:2px 0;border-top:1px solid;border-bottom:1px solid;background:color-mix(in srgb,#9155fd 10%,#fff)}.vl-date-picker--panel-time-wheel-next,.vl-date-picker--panel-time-wheel-prev{color:#aaa}.vl-date-picker--panel-time-wheel-next>span,.vl-date-picker--panel-time-wheel-prev>span{display:block;border:1px solid #EEE}.vl-date-picker--panel-time-wheel-next>span:not(.vl-date-picker--panel-value-disabled):hover,.vl-date-picker--panel-time-wheel-prev>span:not(.vl-date-picker--panel-value-disabled):hover{color:color-mix(in srgb,#9155fd 90%,#fff)}.vl-date-picker--panel-time-wheel-next>span:last-child,.vl-date-picker--panel-time-wheel-prev>span:first-child{color:#ccc;border:1px solid #f0f0f0}.vl-date-picker--panel-time-wheel-next-button,.vl-date-picker--panel-time-wheel-prev-button{cursor:pointer}.vl-date-picker--panel-body{box-sizing:border-box}.vl-date-picker--table{border-collapse:collapse;width:280px;height:280px;display:flex;justify-content:center;align-items:center;flex-direction:column}.vl-date-picker--table-body{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-around}.vl-date-picker--table-row{display:flex;justify-content:space-around;align-items:center;flex-direction:row}.vl-date-picker--table-cell{cursor:default;border:none;padding:0}.vl-date-picker--table-header{width:100%}.vl-date-picker--table-header .vl-date-picker--table-cell{font-weight:400;padding:10px 0;border:none}.vl-date-picker--panel-header{display:flex;justify-content:space-around;align-items:center;font-size:larger;color:#555;line-height:25px}.vl-date-picker--panel-header .vl-icon{cursor:pointer;flex-shrink:0}.vl-date-picker--panel-header-next,.vl-date-picker--panel-header-prev{cursor:default;flex-shrink:0}.vl-date-picker--panel-header-month,.vl-date-picker--panel-header-year{cursor:pointer;padding:0 2px}.vl-date-picker--panel-header-month:hover,.vl-date-picker--panel-header-year:hover{color:color-mix(in srgb,#9155fd 90%,#fff)}.vl-date-picker--panel-header-container{display:flex;justify-content:space-between;align-items:center}.vl-date-picker--panel-value{width:40px;height:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:14px;border:1px solid transparent;margin:0 auto;background-clip:padding-box;box-sizing:border-box;border-radius:8px;transition:border-color 618ms,background-color 618ms,color 618ms;cursor:default}.vl-date-picker--panel-value-active{color:#9155fd}.vl-date-picker--panel-value-highlight{background-color:rgba(98,163,226,.07);transition-duration:312ms}.vl-date-picker--panel-value-current{font-weight:700;color:#9155fd}.vl-date-picker--panel-value-current .vl-date-picker--panel-value--lunar{font-weight:400}.vl-date-picker--panel-value-overflow{color:#888}.vl-date-picker--panel-value-overflow .vl-date-picker--panel-value--lunar{color:#aaa}.vl-date-picker--panel-value-disabled{color:#aaa;cursor:not-allowed}.vl-date-picker--panel-value-disabled .vl-date-picker--panel-value--lunar{text-shadow:none;color:#ccc}.vl-date-picker--panel-value--solar.is-festival:after{content:"";display:block;width:3px;height:3px;background-color:#ffb7b7;position:absolute;right:-5px;top:0;border-radius:50%}.vl-date-picker--panel-value--lunar{font-size:12px;display:block;transform:scale(.8);margin-top:-5px;color:#888}.vl-date-picker--panel-value--lunar.is-festival{color:#d58237}.vl-date-picker--panel-value--marker{position:absolute;text-align:left;left:0;top:0;width:100%;height:100%}.vl-date-picker--year:not(.vl-date-picker--custom-render){width:90px}.vl-date-picker--year:not(.vl-date-picker--custom-render).vl-date-picker--range{width:140px}.vl-date-picker--month:not(.vl-date-picker--custom-render){width:100px}.vl-date-picker--month:not(.vl-date-picker--custom-render).vl-date-picker--range{width:200px}.vl-date-picker--date:not(.vl-date-picker--custom-render),.vl-date-picker--quarter:not(.vl-date-picker--custom-render),.vl-date-picker--week:not(.vl-date-picker--custom-render){min-width:125px}.vl-date-picker--date:not(.vl-date-picker--custom-render).vl-date-picker--range,.vl-date-picker--quarter:not(.vl-date-picker--custom-render).vl-date-picker--range,.vl-date-picker--week:not(.vl-date-picker--custom-render).vl-date-picker--range{min-width:220px}.vl-date-picker--time:not(.vl-date-picker--custom-render){min-width:100px}.vl-date-picker--datetime:not(.vl-date-picker--custom-render),.vl-date-picker--time:not(.vl-date-picker--custom-render).vl-date-picker--range{min-width:180px}.vl-date-picker--datetime:not(.vl-date-picker--custom-render).vl-date-picker--range{min-width:320px}.vl-date-picker--mini:not(.vl-date-picker--custom-render){height:22px;line-height:22px}.vl-date-picker--mini:not(.vl-date-picker--custom-render) .vl-date-picker--icon:before{font-size:16px}.vl-date-picker--normal:not(.vl-date-picker--custom-render) .vl-date-picker--icon:before,.vl-date-picker--small:not(.vl-date-picker--custom-render) .vl-date-picker--icon:before{font-size:18px}.vl-date-picker--small:not(.vl-date-picker--custom-render){height:26px;line-height:26px}.vl-date-picker--large:not(.vl-date-picker--custom-render),.vl-date-picker--normal:not(.vl-date-picker--custom-render){height:40px;line-height:40px}.vl-date-picker--large:not(.vl-date-picker--custom-render) .vl-date-picker--icon:before{font-size:20px}.vl-date-picker--container{display:flex;width:100%}.icon-left-arrow-d:before{display:inline-block;transform:rotate(180deg)}.icon-bottom:before,.icon-top:before{content:"\e606";display:inline-block}.icon-top:before{transform:rotate(-90deg)}.icon-bottom:before{transform:rotate(90deg)}.vl-date-picker{display:inline-block;vertical-align:middle;color:#444}.vl-date-picker:active,.vl-date-picker:focus{outline:#a777fd solid 1px;outline-radius:4px}.vl-date-picker input{border:none;width:100%;height:100%;min-width:0;outline:0;padding:0;box-sizing:border-box;text-align:center;color:inherit;background-color:#fff;cursor:pointer;float:left}.vl-date-picker--value-wrapper{display:inline-block;width:100%;flex-grow:1;position:relative}.vl-date-picker--value-wrapper input{pointer-events:none}.vl-date-picker--container{border-radius:4px;border:1px solid #DCDFE6;overflow:hidden;background-color:#fff;box-sizing:border-box;height:inherit}.vl-date-picker--popper,.vl-date-picker--popper-reference{height:100%}.vl-date-picker--popper-arrow{position:absolute;z-index:1;overflow:hidden}.vl-date-picker--popper-arrow:before{position:absolute;z-index:-1;width:100%;height:100%;content:"";box-sizing:border-box;border:8px solid transparent}.vl-date-picker--popper-arrow:after{position:absolute;z-index:1;width:16px;height:16px;transform:rotate(45deg);content:"";box-sizing:border-box;box-shadow:0 0 12px rgba(0,0,0,.12)}.vl-date-picker--popper-body{position:relative;z-index:0;text-align:center;display:flex}.vl-date-picker--popper-footer{word-break:break-all;white-space:break-spaces;display:none}.vl-date-picker--popper-dialog{user-select:none;display:flex;flex-direction:column;background-color:#fff;box-shadow:0 0 12px rgba(0,0,0,.12);outline:0;z-index:2029;border-radius:6px}.vl-date-picker--popper-dialog:after{content:"";display:block;clear:both}.vl-date-picker--popper-dialog .vl-date-picker--box+.vl-date-picker--box{border-left:1px solid #e7e7e7}.vl-date-picker--popper-dialog[data-popper-placement^=top]>.vl-date-picker--popper-arrow{bottom:-8px;width:16px;height:8px}.vl-date-picker--popper-dialog[data-popper-placement^=top]>.vl-date-picker--popper-arrow:before{border-bottom-width:0;border-top-color:#fff}.vl-date-picker--popper-dialog[data-popper-placement^=top]>.vl-date-picker--popper-arrow:after{bottom:4px}.vl-date-picker--popper-dialog[data-popper-placement^=bottom]>.vl-date-picker--popper-arrow{top:-8px;width:16px;height:8px}.vl-date-picker--popper-dialog[data-popper-placement^=bottom]>.vl-date-picker--popper-arrow:before{border-top-width:0;border-bottom-color:#fff}.vl-date-picker--popper-dialog[data-popper-placement^=bottom]>.vl-date-picker--popper-arrow:after{top:4px}.vl-date-picker--popper-dialog[data-popper-placement^=left]>.vl-date-picker--popper-arrow{right:-8px;width:8px;height:16px}.vl-date-picker--popper-dialog[data-popper-placement^=left]>.vl-date-picker--popper-arrow:before{border-right-width:0;border-left-color:#fff}.vl-date-picker--popper-dialog[data-popper-placement^=left]>.vl-date-picker--popper-arrow:after{right:4px}.vl-date-picker--popper-dialog[data-popper-placement^=right]>.vl-date-picker--popper-arrow{left:-8px;width:8px;height:16px}.vl-date-picker--popper-dialog[data-popper-placement^=right]>.vl-date-picker--popper-arrow:before{border-left-width:0;border-right-color:#fff}.vl-date-picker--popper-dialog[data-popper-placement^=right]>.vl-date-picker--popper-arrow:after{left:4px}.vl-date-picker--box{padding:10px;width:300px;box-sizing:border-box}.vl-date-picker--range .vl-date-picker--container input{border:none}.vl-date-picker--range-begin,.vl-date-picker--range-end{display:flex}.vl-date-picker--range-separator{display:flex;align-items:center;justify-content:center;flex-shrink:0}.vl-date-picker--range-separator:after{content:" ";display:block;height:1px;width:8px;background-color:#a0a0a0}.vl-date-picker--clear{display:flex;justify-content:center;align-items:center;width:24px;flex-shrink:0}.vl-date-picker--clear-button{display:inline-block;width:16px;text-align:center;user-select:none;cursor:pointer}.vl-date-picker--clear-button:before{font-size:16px;font-weight:bolder}.vl-date-picker--empty .vl-date-picker--clear-button{color:#e0e0e0;display:none}.vl-date-picker--shortcuts-button{display:block;width:80px;border:1px solid #eaeaea;background-color:#fff;cursor:pointer;color:#555;padding:10px 5px;outline:0;margin-bottom:-1px;border-right:none;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;font-size:14px}.vl-date-picker--shortcuts-button:active,.vl-date-picker--shortcuts-button:hover{color:#137DE2}.vl-date-picker--shortcuts{position:relative;box-sizing:border-box;overflow:hidden;float:left;height:340px;border-right:1px solid #eaeaea}.vl-date-picker--icon{display:flex;justify-content:center;align-items:center;width:30px;flex-shrink:0}.vl-date-picker--icon:before{content:"\e643"}.vl-date-picker--time .vl-date-picker--icon:before{content:"\e6f1"}.vl-date-picker--datetime .vl-date-picker--icon:before{content:"\e62b"}.vl-date-picker--panel-title{position:relative}