kui-vue/dist/k-ui.css

A high quality UI Toolkit built on Vue.js 2.0

/*!
 * kui-vue v3.4.9
 *  Copyright 2017-present, kui-vue.
 *  All rights reserved.
 *  Docs: https://k-ui.cn
 * Author: chuchur@qq.com / www.chuchur.com
 *
 */::selection{background-color:var(--kui-color-main);color:#fff}.k-scroll::-webkit-scrollbar{background-color:var(--kui-color-back);height:8px;padding:2px;width:8px}.k-scroll::-webkit-scrollbar-thumb{background-color:var(--kui-color-border);border-radius:8px;height:6px;width:6px}.k-scroll ::-webkit-resizer,.k-scroll::-webkit-scrollbar-corner{background-color:transparent!important}.k-scroll::-webkit-scrollbar-track{background-color:transparent!important}a{color:var(--kui-color-main);text-decoration:none}[theme-mode=light],html{--kui-border-radius:5px;--kui-color-main:#3a95ff;--kui-color-main-hover:#077aff;--kui-color-main-actived:#0056ba;--kui-color-main-10:rgba(58,149,255,.9);--kui-color-main-30:rgba(58,149,255,.7);--kui-color-main-60:rgba(58,149,255,.4);--kui-color-main-80:rgba(58,149,255,.2);--kui-color-main-90:rgba(58,149,255,.1);--kui-color-success:#00bb5d;--kui-color-success-hover:#084;--kui-color-success-actived:#003b1e;--kui-color-success-30:rgba(0,187,93,.7);--kui-color-success-60:rgba(0,187,93,.4);--kui-color-success-80:rgba(0,187,93,.2);--kui-color-success-90:rgba(0,187,93,.1);--kui-color-danger:#f30;--kui-color-danger-hover:#cc2900;--kui-color-danger-actived:#801a00;--kui-color-danger-30:rgba(255,51,0,.7);--kui-color-danger-60:rgba(255,51,0,.4);--kui-color-danger-80:rgba(255,51,0,.2);--kui-color-danger-90:rgba(255,51,0,.1);--kui-color-warning:orange;--kui-color-warning-hover:#cc8400;--kui-color-warning-actived:#805300;--kui-color-warning-30:rgba(255,165,0,.7);--kui-color-warning-60:rgba(255,165,0,.4);--kui-color-warning-80:rgba(255,165,0,.2);--kui-color-warning-90:rgba(255,165,0,.1);--kui-color-pink:#f6f;--kui-color-pink-30:rgba(255,102,255,.7);--kui-color-pink-60:rgba(255,102,255,.4);--kui-color-pink-80:rgba(255,102,255,.2);--kui-color-pink-90:rgba(255,102,255,.1);--kui-color-red:#ff1a1a;--kui-color-red-30:rgba(255,26,26,.7);--kui-color-red-60:rgba(255,26,26,.4);--kui-color-red-80:rgba(255,26,26,.2);--kui-color-red-90:rgba(255,26,26,.1);--kui-color-yellow:#ffd200;--kui-color-yellow-30:rgba(255,210,0,.7);--kui-color-yellow-60:rgba(255,210,0,.4);--kui-color-yellow-80:rgba(255,210,0,.2);--kui-color-yellow-90:rgba(255,210,0,.1);--kui-color-orange:#ffb329;--kui-color-orange-30:rgba(255,179,41,.7);--kui-color-orange-60:rgba(255,179,41,.4);--kui-color-orange-80:rgba(255,179,41,.2);--kui-color-orange-90:rgba(255,179,41,.1);--kui-color-cyan:#0cc;--kui-color-cyan-30:rgba(0,204,204,.7);--kui-color-cyan-60:rgba(0,204,204,.4);--kui-color-cyan-80:rgba(0,204,204,.2);--kui-color-cyan-90:rgba(0,204,204,.1);--kui-color-green:#00cd00;--kui-color-green-30:rgba(0,205,0,.7);--kui-color-green-60:rgba(0,205,0,.4);--kui-color-green-80:rgba(0,205,0,.2);--kui-color-green-90:rgba(0,205,0,.1);--kui-color-blue:#0080ff;--kui-color-blue-30:rgba(0,127,255,.7);--kui-color-blue-60:rgba(0,127,255,.4);--kui-color-blue-80:rgba(0,127,255,.2);--kui-color-blue-90:rgba(0,127,255,.1);--kui-color-purple:#994dff;--kui-color-purple-30:rgba(153,77,255,.7);--kui-color-purple-60:rgba(153,77,255,.4);--kui-color-purple-80:rgba(153,77,255,.2);--kui-color-purple-90:rgba(153,77,255,.1);--kui-color-geekblue:#004dff;--kui-color-geekblue-30:rgba(0,76,255,.7);--kui-color-geekblue-60:rgba(0,76,255,.4);--kui-color-geekblue-80:rgba(0,76,255,.2);--kui-color-geekblue-90:rgba(0,76,255,.1);--kui-color-magenta:#ff4d51;--kui-color-magenta-30:rgba(255,77,81,.7);--kui-color-magenta-60:rgba(255,77,81,.4);--kui-color-magenta-80:rgba(255,77,81,.2);--kui-color-magenta-90:rgba(255,77,81,.1);--kui-color-volcano:#ff4200;--kui-color-volcano-30:rgba(255,66,0,.7);--kui-color-volcano-60:rgba(255,66,0,.4);--kui-color-volcano-80:rgba(255,66,0,.2);--kui-color-volcano-90:rgba(255,66,0,.1);--kui-color-gold:#ffdf33;--kui-color-gold-30:rgba(255,223,51,.7);--kui-color-gold-60:rgba(255,223,51,.4);--kui-color-gold-80:rgba(255,223,51,.2);--kui-color-gold-90:rgba(255,223,51,.1);--kui-color-lime:#9c0;--kui-color-lime-30:rgba(153,204,0,.7);--kui-color-lime-60:rgba(153,204,0,.4);--kui-color-lime-80:rgba(153,204,0,.2);--kui-color-lime-90:rgba(153,204,0,.1);--kui-color-gray:#969696;--kui-color-gray-30:hsla(0,0%,59%,.7);--kui-color-gray-40:hsla(0,0%,59%,.6);--kui-color-gray-50:hsla(0,0%,59%,.5);--kui-color-gray-60:hsla(0,0%,59%,.4);--kui-color-gray-70:hsla(0,0%,59%,.3);--kui-color-gray-80:hsla(0,0%,59%,.2);--kui-color-gray-90:hsla(0,0%,59%,.1);--kui-color-dark:rgba(0,0,0,.75);--kui-color-mask:rgba(0,0,0,.6);--kui-color-spin:hsla(0,0%,100%,.6);--kui-color-mask-30:rgba(0,0,0,.3);--kui-color-mask-90:rgba(0,0,0,.9);--kui-color-skeleton:hsla(0,0%,59%,.1);--kui-color-skeleton-mid:hsla(0,0%,59%,.4);--kui-color-font:rgba(0,0,0,.75);--kui-color-title:rgba(0,0,0,.85);--kui-color-sub-title:rgba(0,0,0,.65);--kui-color-back:#fff;--kui-color-control-10:#fff;--kui-color-control-20:#ccc;--kui-color-control-30:#b3b3b3;--kui-color-control-40:#999;--kui-color-control-50:grey;--kui-color-control-60:#666;--kui-color-control-70:#4d4d4d;--kui-color-control-80:#333;--kui-color-control-90:#191919;--kui-color-icon:rgba(0,0,0,.4);--kui-color-hover:hsla(0,0%,59%,.1);--kui-color-actived:hsla(0,0%,59%,.2);--kui-color-selected:rgba(58,149,255,.1);--kui-color-border:hsla(0,0%,85%,.5);--kui-color-disable-border:hsla(0,0%,85%,.4);--kui-color-disable-back:#f5f5f5;--kui-color-disable-color:rgba(0,0,0,.3);--kui-color-table-header:#fafafa;--kui-color-table-border:#f0f0f0;--kui-color-table-hover:#fafafa;--kui-color-table-header-hover:#f1f1f1;--kui-color-shadow:rgba(0,0,0,.15);color-scheme:light}[theme-mode=dark],html[theme-mode=dark]{--kui-color-font:hsla(0,0%,100%,.9);--kui-color-title:hsla(0,0%,100%,.85);--kui-color-sub-title:hsla(0,0%,100%,.65);--kui-color-back:#1f1f1f;--kui-color-control-10:#252525;--kui-color-control-20:#525252;--kui-color-control-30:#6c6c6c;--kui-color-control-40:#858585;--kui-color-control-50:#9f9f9f;--kui-color-control-60:#b8b8b8;--kui-color-control-70:#d2d2d2;--kui-color-control-80:#ebebeb;--kui-color-control-90:#fff;--kui-color-spin:rgba(0,0,0,.6);--kui-color-icon:hsla(0,0%,100%,.4);--kui-color-border:rgba(83,83,83,.5);--kui-color-disable-border:rgba(83,83,83,.4);--kui-color-disable-back:hsla(0,0%,100%,.1);--kui-color-disable-color:hsla(0,0%,100%,.3);--kui-color-table-header:#262626;--kui-color-table-border:#303030;--kui-color-table-hover:#262626;--kui-color-table-header-hover:#303030;--kui-color-shadow:rgba(0,0,0,.65);color-scheme:dark}.k-alert{background:var(--kui-color-warning-90);border:1px solid var(--kui-color-warning-80);border-radius:var(--kui-border-radius);box-sizing:border-box;font-size:12px;line-height:1.5;margin-bottom:16px;overflow:hidden;padding:8px 15px;position:relative;transition:all .3s}.k-alert-icon{color:var(--kui-color-warning);font-size:20px;left:10px;position:absolute;top:8px}.k-alert-message{color:var(--kui-color-font)}.k-alert-has-icon{padding-left:38px}.k-alert-has-close{padding-right:30px}.k-alert-has-description{padding:15px}.k-alert-has-description .k-alert-icon{font-size:30px;top:15px}.k-alert-has-description .k-alert-close{font-size:18px}.k-alert-has-description .k-alert-message{font-weight:500;margin-bottom:5px}.k-alert-has-description .k-alert-description,.k-alert-has-description .k-alert-message{color:var(--kui-color-font);font-size:14px}.k-alert-has-description.k-alert-has-icon{padding-left:50px}.k-alert-has-description.k-alert-has-close{padding-right:35px}.k-alert-close{color:var(--kui-color-font);cursor:pointer;font-size:16px;padding:0 5px;position:absolute;right:4px;text-decoration:none;top:8px}.k-alert-close:hover{color:var(--kui-color-danger);text-decoration:none}.k-alert-success{background:var(--kui-color-success-90);border-color:var(--kui-color-success-80)}.k-alert-success .k-alert-icon{color:var(--kui-color-success)}.k-alert-error{background:var(--kui-color-danger-90);border-color:var(--kui-color-danger-80)}.k-alert-error .k-alert-icon{color:var(--kui-color-danger)}.k-alert-info{background:var(--kui-color-main-90);border-color:var(--kui-color-main-80)}.k-alert-info .k-alert-icon{color:var(--kui-color-main)}.k-alert-slide-leave-to{animation:k-alert-slide .3s ease-in-out;animation-fill-mode:both}@keyframes k-alert-slide{0%{opacity:1;transform:scaleY(1);transform-origin:0 0}to{opacity:0;transform:scaleY(0);transform-origin:0 0}}.k-affix{position:fixed;z-index:1000}.k-avatar{zoom:1;align-items:center;background-color:var(--kui-color-gray-30);border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;line-height:32px;margin:0;overflow:hidden;padding:0;position:relative;text-align:center;vertical-align:middle;white-space:nowrap;width:32px}.k-avatar>img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.k-avatar.k-avatar-icon{font-size:18px}.k-avatar-lg{height:40px;line-height:40px;width:40px}.k-avatar-lg.k-avatar-icon{font-size:24px}.k-avatar-sm{height:24px;line-height:24px;width:24px}.k-avatar-sm.k-avatar-icon{font-size:14px}.k-avatar-square{border-radius:4px}.k-avatar-image{background-color:transparent}.k-avatar-string{left:50%;position:absolute;transform-origin:0 center}.k-badge{display:inline-block;line-height:1;position:relative;vertical-align:middle}.k-badge-count{box-shadow:0 0 0 1px var(--kui-color-back);display:block;position:absolute;right:0;transform:translate(50%,-50%);transform-origin:100% 0;z-index:10}.k-badge-count,.k-badge-mark{background:#ed3f14;border-radius:10px;box-sizing:border-box;color:#fff;font-size:12px;height:20px;line-height:20px;min-width:20px;padding:0 6px;text-align:center;top:0;white-space:nowrap}.k-badge-mark{bottom:0;box-shadow:0 0 0 2px #fff;display:inline-block}.k-badge-dot{background:var(--kui-color-danger);border-radius:50%;height:6px;position:absolute;right:0;top:0;transform:translate(50%,-50%);transform-origin:100% 0;width:6px;z-index:10}.k-badge-no-child{position:relative}.k-badge-status-dot{border-radius:50%;display:inline-block;height:6px;position:relative;top:-1px;vertical-align:middle;width:6px}.k-badge-status-text{color:var(--kui-color-font);font-size:14px;margin-left:8px}.k-badge-status-success{background-color:var(--kui-color-success)}.k-badge-status-error{background-color:var(--kui-color-danger)}.k-badge-status-warning{background-color:var(--kui-color-warning)}.k-badge-status-default{background-color:#ddd}.k-badge-status-pink{background-color:var(--kui-color-pink)}.k-badge-status-red{background-color:var(--kui-color-red)}.k-badge-status-yellow{background-color:var(--kui-color-yellow)}.k-badge-status-orange{background-color:var(--kui-color-orange)}.k-badge-status-cyan{background-color:var(--kui-color-cyan)}.k-badge-status-green{background-color:var(--kui-color-green)}.k-badge-status-blue{background-color:var(--kui-color-blue)}.k-badge-status-purple{background-color:var(--kui-color-purple)}.k-badge-status-geekblue{background-color:var(--kui-color-geekblue)}.k-badge-status-magenta{background-color:var(--kui-color-magenta)}.k-badge-status-volcano{background-color:var(--kui-color-volcano)}.k-badge-status-gold{background-color:var(--kui-color-gold)}.k-badge-status-lime{background-color:var(--kui-color-lime)}.k-backtop{border-radius:var(--kui-border-radius);bottom:50px;box-sizing:border-box;cursor:pointer;display:block;height:40px;list-style:none;margin:0;overflow:hidden;padding:0;position:fixed;right:50px;width:40px;z-index:10}.k-backtop-content{background-color:rgba(0,0,0,.45);color:#fff;height:40px;line-height:40px;opacity:.5;text-align:center;transition:opacity .3s ease-in-out}.k-backtop-content:hover{opacity:1}.k-backtop-content .k-ion{color:#fff;font-size:20px}@keyframes k-backtop-fade{0%{opacity:0}to{opacity:1}}.k-backtop-fade-enter-active{animation:k-backtop-fade .4s}.k-backtop-fade-leave-active{animation:k-backtop-fade .4s reverse}.k-breadcrumb{box-sizing:border-box;color:var(--kui-color-disable-color);font-size:14px;line-height:1;list-style:none;margin:0;padding:0}.k-breadcrumb-item{align-items:center;display:inline-flex}.k-breadcrumb-item .k-icon{margin-right:4px}.k-breadcrumb-item:hover{color:var(--kui-color-main)}.k-breadcrumb-item:active{color:var(--kui-color-main-actived)}.k-breadcrumb-link{cursor:pointer}.k-breadcrumb>span:last-child{color:var(--kui-color-title)}.k-breadcrumb>span:last-child .k-breadcrumb-separator{display:none}.k-breadcrumb-separator{margin:0 5px}.k-btn{align-items:center;background-color:var(--kui-color-back);border:1px solid var(--kui-color-border);border-radius:var(--kui-border-radius);box-sizing:border-box;color:var(--kui-color-font);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;line-height:1;outline:none;padding:0 15px;transition:all .2s;user-select:none;vertical-align:middle;white-space:nowrap;z-index:0}.k-btn:hover{border-color:var(--kui-color-main);color:var(--kui-color-main);z-index:1}.k-btn:active{border-color:var(--kui-color-main-actived);color:var(--kui-color-main-actived)}.k-btn span+.k-icon,.k-btn>.k-icon+span{margin-left:4px}.k-btn .k-icon{font-size:14px;vertical-align:middle}.k-btn.k-btn-light{background:var(--kui-color-gray-80);border:none}.k-btn.k-btn-light:hover{background:var(--kui-color-gray-70)}.k-btn.k-btn-light:active{background:var(--kui-color-gray-60)}.k-btn.k-btn-normal{background:0 0;border:none}.k-btn.k-btn-normal:hover{background-color:var(--kui-color-gray-80)}.k-btn.k-btn-normal:active{background:var(--kui-color-gray-60)}.k-btn-block{width:100%}.k-btn-dashed{border-style:dashed}.k-btn-loading,.k-btn-loading:hover{opacity:.8}.k-btn-sm{font-size:12px;height:24px;padding:0 8px}.k-btn-sm [class^=k-ion]{font-size:10px}.k-btn-lg{height:40px;padding:0 15px}.k-btn-lg,.k-btn-lg .k-icon{font-size:16px}.k-btn-solid{background-color:transparent}.k-btn-circle{border-radius:30px}.k-btn-primary{background:var(--kui-color-main);border-color:var(--kui-color-main);color:#fff}.k-btn-primary:hover{zoom:0;background:var(--kui-color-main-hover);border-color:var(--kui-color-main-hover);color:#fff}.k-btn-primary:active{background:var(--kui-color-main-actived);border-color:var(--kui-color-main-actived)}.k-btn-primary.k-btn-light{background-color:var(--kui-color-gray-80);border:none;color:var(--kui-color-main)}.k-btn-primary.k-btn-solid{background:none;border-color:var(--kui-color-main);color:var(--kui-color-main)}.k-btn-primary.k-btn-solid:hover{border-color:var(--kui-color-main-hover);color:var(--kui-color-main-hover)}.k-btn-primary.k-btn-solid:active{border-color:var(--kui-color-main-actived);color:var(--kui-color-main-actived)}.k-btn-primary.k-btn-normal{color:var(--kui-color-main)}.k-btn-danger{background:var(--kui-color-danger);border-color:var(--kui-color-danger);color:#fff}.k-btn-danger:hover{zoom:0;background:var(--kui-color-danger-hover);border-color:var(--kui-color-danger-hover);color:#fff}.k-btn-danger:active{background:var(--kui-color-danger-actived);border-color:var(--kui-color-danger-actived);color:#fff}.k-btn-danger .badge-count{border-color:var(--kui-color-danger);color:var(--kui-color-danger)}.k-btn-danger.k-btn-light{background-color:var(--kui-color-gray-80);border:none;color:var(--kui-color-danger)}.k-btn-danger.k-btn-solid{background:none;border-color:var(--kui-color-danger);color:var(--kui-color-danger)}.k-btn-danger.k-btn-solid:focus,.k-btn-danger.k-btn-solid:hover{border-color:var(--kui-color-danger-hover);color:var(--kui-color-danger-hover)}.k-btn-danger.k-btn-solid:active{border-color:var(--kui-color-danger-actived);color:var(--kui-color-danger-actived)}.k-btn-danger.k-btn-normal{color:var(--kui-color-danger)}.k-btn-warning{background:var(--kui-color-warning);border-color:var(--kui-color-warning);color:#fff}.k-btn-warning:hover{zoom:0;background:var(--kui-color-warning-hover);border-color:var(--kui-color-warning-hover);color:#fff}.k-btn-warning:active{background:var(--kui-color-warning-actived);border-color:var(--kui-color-warning-actived);color:#fff}.k-btn-warning.k-btn-light{background-color:var(--kui-color-gray-80);border:none;color:var(--kui-color-warning)}.k-btn-warning.k-btn-solid{background:none;border-color:var(--kui-color-warning);color:var(--kui-color-warning)}.k-btn-warning.k-btn-solid:focus,.k-btn-warning.k-btn-solid:hover{border-color:var(--kui-color-warning-hover);color:var(--kui-color-warning-hover)}.k-btn-warning.k-btn-solid:active{border-color:var(--kui-color-warning-actived);color:var(--kui-color-warning-actived)}.k-btn-warning.k-btn-normal{color:var(--kui-color-warning)}.k-btn-group{align-items:center;display:inline-flex;flex-shrink:0;position:relative;white-space:nowrap}.k-btn-group .k-btn{border-radius:0;margin-left:-1px;margin-right:0;position:relative}.k-btn-group .k-btn:first-child{border-radius:var(--kui-border-radius) 0 0 var(--kui-border-radius)}.k-btn-group .k-btn:last-child{border-radius:0 var(--kui-border-radius) var(--kui-border-radius) 0}.k-btn-icon-only{height:32px;padding:0;width:32px}.k-btn-icon-only.k-btn-lg{height:40px;padding:0;width:40px}.k-btn-icon-only.k-btn-sm{height:24px;min-width:24px;padding:0;width:24px}.k-btn-group-sm .k-btn{font-size:12px;height:24px;padding:0 8px}.k-btn-group-lg .k-btn{font-size:14px;height:40px;padding:0 15px}.k-btn-group-circle .k-btn:first-child{border-bottom-left-radius:30px;border-top-left-radius:30px}.k-btn-group-circle .k-btn:last-child{border-bottom-right-radius:30px;border-top-right-radius:30px}.k-btn[disabled=disabled],.k-btn[disabled=disabled]:active,.k-btn[disabled=disabled]:hover{background:var(--kui-color-disable-back);border-color:var(--kui-color-disable-border);color:var(--kui-color-disable-color);cursor:not-allowed;opacity:.8}.k-btn[disabled=disabled].k-btn-normal{background:0 0}.k-btn-primary[disabled=disabled],.k-btn-primary[disabled=disabled]:active,.k-btn-primary[disabled=disabled]:hover{color:var(--kui-color-disable-color);cursor:not-allowed;opacity:.9}.k-btn-link,a.k-btn-link{background:none;border:none;color:var(--kui-color-main);text-decoration:none}.k-btn-link:hover,a.k-btn-link:hover{opacity:.8;text-decoration:none}.k-btn-link:disabled,.k-btn-link:disabled:active,.k-btn-link:disabled:hover,a.k-btn-link:disabled,a.k-btn-link:disabled:active,a.k-btn-link:disabled:hover{background:0 0}.k-card{background:var(--kui-color-back);border-radius:var(--kui-border-radius);color:var(--kui-color-font);position:relative}.k-card .k-card-head{border-bottom:1px solid var(--kui-color-gray-80);line-height:1;padding:14px 16px;position:relative}.k-card .k-card-head .k-card-title-icon{font-size:14px;margin-right:6px;vertical-align:middle}.k-card .k-card-head .k-card-title{display:inline-block;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:80%}.k-card .k-card-extra{cursor:default;font-size:12px;position:absolute;right:16px;top:50%;transform:translate3d(0,-50%,0);user-select:none}.k-card .k-card-body{padding:16px}.k-card-bordered,.k-color-picker{border:1px solid var(--kui-color-border)}.k-color-picker{align-items:center;border-radius:var(--kui-border-radius);box-sizing:border-box;display:inline-flex;height:32px;padding:0 3px;position:relative}.k-color-picker:focus,.k-color-picker:hover{border-color:var(--kui-color-main-hover)}.k-color-picker:active{opacity:.8}.k-color-picker .k-color-picker-selection{align-items:center;cursor:pointer;display:flex;line-height:1.571}.k-color-picker .k-color-picker-color{background-image:linear-gradient(-45deg,#cdcdcd 25%,transparent 0),linear-gradient(45deg,#cdcdcd 25%,transparent 0),linear-gradient(-45deg,transparent 75%,#cdcdcd 0),linear-gradient(45deg,transparent 75%,#cdcdcd 0);background-position:0 0,0 -5.5px,-5.5px 5.5px,5.5px 0;background-size:11px 11px;border-radius:12%;height:24px;overflow:hidden;width:24px}.k-color-picker .k-color-picker-color .k-color-picker-color-inner{height:100%;width:100%}.k-color-picker .k-color-picker-arrow{color:var(--kui-color-icon);font-size:16px;margin:0 5px;transition:transform .3s cubic-bezier(.075,.82,.165,1)}.k-color-picker-opened{border:1px solid var(--kui-color-main);box-shadow:0 0 0 2px var(--kui-color-main-90)}.k-color-picker-opened .k-color-picker-arrow{transform:rotate(180deg)}.k-color-picker-disabled{background:var(--kui-color-disable-back);border-color:var(--kui-color-disable-border);cursor:not-allowed}.k-color-picker-disabled *{cursor:not-allowed}.k-color-picker-disabled .k-color-picker-color{opacity:.5}.k-color-picker-disabled:hover{border-color:var(--kui-color-disable-border)}.k-color-picker-disabled:active{opacity:1}.k-color-picker-lg{height:40px;padding:0 4px}.k-color-picker-lg .k-color-picker-color{height:32px;width:32px}.k-color-picker-lg .k-color-picker-arrow{font-size:22px}.k-color-picker-sm{height:22px}.k-color-picker-sm .k-color-picker-color{border-radius:24%;height:16px;width:16px}.k-color-picker-sm .k-color-picker-arrow{font-size:14px}.k-color-picker-dropdown{background:var(--kui-color-back);border:1px solid var(--kui-color-gray-80);border-radius:var(--kui-border-radius);box-shadow:0 2px 8px rgba(0,0,0,.15);box-sizing:border-box;font-size:0;padding:10px;position:absolute;width:254px;z-index:1001}.k-color-picker-dropdown .k-color-picker-paint-dot{border:2px solid var(--kui-color-back);border-radius:50%;box-shadow:0 0 0 px rgba(0,0,0,.2);box-sizing:border-box;display:block;height:15px;left:10px;pointer-events:none;position:absolute;top:10px;width:15px}.k-color-picker-dropdown .k-color-picker-paint{border-radius:5px;height:136px;width:234px}.k-color-picker-dropdown .k-color-picker-bar{display:flex;padding:10px 0 0}.k-color-picker-dropdown .k-color-picker-avatar{background-image:linear-gradient(-45deg,#cdcdcd 25%,transparent 0),linear-gradient(45deg,#cdcdcd 25%,transparent 0),linear-gradient(-45deg,transparent 75%,#cdcdcd 0),linear-gradient(45deg,transparent 75%,#cdcdcd 0);background-position:0 0,0 -5.5px,-5.5px 5.5px,5.5px 0;background-size:11px 11px;border-radius:6px;float:left;height:28px;width:28px}.k-color-picker-dropdown .k-color-picker-avatar .k-color-picker-avatar-inner{border:1px solid var(--kui-color-border);border-radius:6px;box-sizing:border-box;height:100%;width:100%}.k-color-picker-dropdown .k-color-picker-bar-box{display:flex;flex:1;flex-direction:column;justify-content:space-between;margin-left:14px;position:relative}.k-color-picker-dropdown .k-color-picker-bar-box canvas{border-radius:4px;height:8px;width:190px}.k-color-picker-dropdown .k-color-picker-bar-box .k-color-picker-alpha{background-image:linear-gradient(-45deg,#cdcdcd 25%,transparent 0),linear-gradient(45deg,#cdcdcd 25%,transparent 0),linear-gradient(-45deg,transparent 75%,#cdcdcd 0),linear-gradient(45deg,transparent 75%,#cdcdcd 0);background-position:0 0,0 -4px,-4px 4px,4px 0;background-size:8px 8px;border:1px solid #a1a1a1;box-sizing:border-box}.k-color-picker-dropdown .k-color-picker-bar-box span{border:2px solid var(--kui-color-back);border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.07);box-sizing:border-box;display:block;height:12px;pointer-events:none;position:absolute;width:12px}.k-color-picker-dropdown .k-color-picker-bar-box .k-color-picker-hue-dot{top:-2px}.k-color-picker-dropdown .k-color-picker-bar-box .k-color-picker-alpha-dot{top:18px}.k-color-picker-dropdown .k-color-picker-mode{align-items:center;display:flex;gap:4px;margin-top:16px;position:relative}.k-color-picker-dropdown .k-color-picker-mode .k-btn:hover{color:#3a95ff}.k-color-picker-dropdown .k-color-picker-mode .k-input{text-align:center}.k-color-picker-dropdown .k-color-picker-mode .k-color-picker-key{font-size:12px;line-height:1;text-align:center;width:195px}.k-color-picker-dropdown .k-color-picker-mode-label{font-size:12px}.k-color-picker-dropdown .k-color-picker-val{display:flex;flex:1;gap:4px}.k-color-picker-dropdown .k-color-picker-val input{flex:1;transition:none}.k-color-picker-dropdown .k-color-picker-val .k-color-picker-alpha-input{max-width:48px}.k-color-picker-dropdown .k-coclor-picker-defaults{border-top:1px solid var(--kui-color-border);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding:10px 0 0;position:relative}.k-color-picker-dropdown .k-coclor-picker-defaults>span{border-radius:2px;cursor:pointer;display:inline-block;height:13px;width:13px}.k-color-picker-dropdown .k-coclor-picker-defaults>span:hover{transform:scale(1.3)}.k-color-picker-dropdown .k-coclor-picker-defaults .k-btn{padding:0;position:absolute;right:0;top:14px;width:32px}.k-color-picker-circle,.k-color-picker-circle .k-color-picker-color{border-radius:50%}.k-color-picker-enter-active{animation:drop-down .3s;transform-origin:0 0}.k-color-picker-leave-active{animation:drop-down .3s reverse;transform-origin:0 0}.k-collapse{background-color:var(--kui-color-back);border:1px solid var(--kui-color-border);border-bottom:0;border-radius:var(--kui-border-radius);color:var(--kui-color-font);overflow:hidden}.k-collapse>.k-collapse-item{border-bottom:1px solid var(--kui-color-border)}.k-collapse>.k-collapse-item>.k-collapse-header{color:var(--kui-color-title);cursor:pointer;font-size:14px;line-height:22px;padding:12px 16px 12px 40px;position:relative}.k-collapse>.k-collapse-item>.k-collapse-header>.k-collapse-arrow{left:16px;position:absolute;top:50%;transform:translateY(-50%)}.k-collapse>.k-collapse-item>.k-collapse-header>.k-collapse-arrow svg{transform:rotate(90deg);transition:transform .3s ease-in-out}.k-collapse>.k-collapse-item>.k-collapse-header>.k-collapse-extra{float:right}.k-collapse>.k-collapse-item .k-collapse-content{border-top:1px solid var(--kui-color-border);box-sizing:border-box;overflow:hidden;padding:0 16px;transition:all .3s ease-in-out}.k-collapse>.k-collapse-item .k-collapse-content .k-collapse-content-box{padding:16px 0}.k-collapse>.k-collapse-item-active>.k-collapse-header .k-collapse-arrow svg{transform:rotate(180deg)}.k-collaplse-sample{background:none;border:none}.k-collaplse-sample .k-collapse-item{background:var(--kui-color-gray-90);border:none;border-radius:var(--kui-border-radius);margin-bottom:10px;overflow:hidden}.k-collaplse-sample .k-collapse-item .k-collapse-content{background:none;border:none}.k-collaplse-slide-enter-active{animation:slide .3s ease-in-out}.k-carousel{display:block;overflow:hidden;position:relative;width:100%}.k-carousel:hover [class*=k-carousel-arrow]{opacity:.2}.k-carousel .k-carousel-warpper{height:100%;transition:transform .5s ease-in-out;width:100%}.k-carousel .k-carousel-item{display:block;float:left;height:100%;min-height:1px}.k-carousel .k-carousel-dots{bottom:10px;left:0;line-height:1;list-style:none;padding:0;position:absolute;text-align:center;width:100%;z-index:10}.k-carousel .k-carousel-dots li{background:#fff;border-radius:1px;cursor:pointer;display:inline-block;height:3px;margin:0 3px;opacity:.3;transition:all .5s ease-in-out;width:16px}.k-carousel .k-carousel-dots li:hover{opacity:.8}.k-carousel .k-carousel-dots .k-carousel-dots-active{opacity:1;width:25px}.k-carousel .k-carousel-dots-radius li{border-radius:50%;height:8px;width:8px}.k-carousel .k-carousel-dots-radius .k-carousel-dots-active{opacity:1;width:8px}.k-carousel [class*=k-carousel-arrow]{align-items:center;background:#000;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;left:10px;line-height:36px;margin-top:-18px;opacity:0;position:absolute;text-align:center;top:50%;transition:opacity .3s ease-in-out;width:36px;z-index:100}.k-carousel [class*=k-carousel-arrow]:hover{opacity:.5}.k-carousel .k-carousel-arrow-left{transform:rotate(-90deg)}.k-carousel .k-carousel-arrow-right{left:auto;right:10px;transform:rotate(90deg)}.k-carousel-vertical .k-carousel-item{float:auto;height:auto;width:100%}.k-carousel-vertical .k-carousel-dots{bottom:auto;height:auto;left:auto;right:0;top:50%;transform:translateY(-50%);width:17px}.k-carousel-vertical .k-carousel-dots li{display:block;height:16px;margin:5px 0;width:3px}.k-carousel-vertical .k-carousel-dots .k-carousel-dots-active{height:25px;opacity:1;width:3px}.k-carousel-vertical .k-carousel-dots-radius li{border-radius:50%;height:8px;width:8px}.k-carousel-vertical .k-carousel-dots-radius .k-carousel-dots-active{height:8px;opacity:1;width:8px}.k-checkbox{color:var(--kui-color-font);cursor:pointer;font-size:12px;user-select:none}.k-checkbox,.k-checkbox .k-checkbox-symbol{display:inline-block;line-height:1;white-space:nowrap}.k-checkbox .k-checkbox-symbol{box-sizing:content-box;font-size:0;margin:0;outline:0;position:relative;vertical-align:middle}.k-checkbox .k-checkbox-inner{background-color:var(--kui-color-back);border:1px solid var(--kui-color-border);border-radius:2px;box-sizing:border-box;color:#fff;display:inline-block;height:16px;left:0;overflow:hidden;position:relative;top:0;transition:border-color .2s ease-in-out,background-color .2s ease-in-out;width:16px}.k-checkbox .k-checkbox-inner .k-icon{font-size:14px;left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0)}.k-checkbox .k-checkbox-input{bottom:0;cursor:inherit;height:100%;height:16px;left:0;margin:0;opacity:0;padding:0;position:absolute;right:0;top:0;width:100%;width:16px;z-index:1}.k-checkbox .k-checkbox-input:focus+.k-checkbox-inner{border:1px solid var(--kui-color-main);box-shadow:0 0 0 2px var(--kui-color-main-90)}.k-checkbox.k-checkbox-indeterminate .k-checkbox-inner{position:relative}.k-checkbox.k-checkbox-indeterminate .k-checkbox-inner:after{background-color:var(--kui-color-main);box-sizing:content-box;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease-in-out;width:8px}.k-checkbox:hover .k-checkbox-inner{border-color:var(--kui-color-main)}.k-checkbox .k-checkbox-label{font-size:14px;padding-left:8px;vertical-align:middle}.k-checkbox-sm .k-checkbox-label{font-size:12px}.k-checkbox-lg .k-checkbox-label{font-size:16px}.k-checkbox-lg .k-checkbox-inner{height:18px;width:18px}.k-checkbox-light .k-checkbox-inner{background-color:var(--kui-color-gray-80);border-color:var(--kui-color-gray-80)}.k-checkbox-checked .k-checkbox-inner{background:var(--kui-color-main);border-color:var(--kui-color-main)}.k-checkbox-checked:hover .k-checkbox-inner{background:var(--kui-color-main-hover);border-color:var(--kui-color-main-hover)}.k-checkbox-disabled{color:var(--kui-color-disable-color);cursor:not-allowed}.k-checkbox-disabled.k-checkbox .k-checkbox-input{cursor:not-allowed}.k-checkbox-disabled.k-checkbox .k-checkbox-inner{background:var(--kui-color-disable-back);border-color:var(--kui-color-disable-border);color:var(--kui-color-disable-color)}.k-checkbox-disabled.k-checkbox .k-checkbox-inner:after{background-color:var(--kui-color-disable-back);color:var(--kui-color-disable-color)}.k-checkbox-disabled.k-checkbox-indeterminate .k-checkbox-inner:after{background-color:var(--kui-color-disable-border)}.k-checkbox-group{display:inline-block;flex-shrink:0}.k-checkbox-group .k-checkbox{margin-right:16px}.k-checkbox-group-vertical{display:block}.k-checkbox-group-vertical .k-checkbox{display:block;margin-bottom:16px;margin-right:0}.k-datepicker{background:transparent;background-color:var(--kui-color-back);border:1px solid var(--kui-color-border);border-radius:var(--kui-border-radius);box-sizing:border-box;color:var(--kui-color-font);cursor:default;display:inline-flex;flex-shrink:0;font-size:14px;min-height:32px;outline:none;position:relative;transition:all .3s;user-select:none;vertical-align:middle}.k-datepicker:hover{border-color:var(--kui-color-main)}.k-datepicker .k-datepicker-selection{box-sizing:border-box;padding:0 30px 0 9px;white-space:nowrap;width:100%}.k-datepicker .k-icon{color:var(--kui-color-icon);font-size:14px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .3s}.k-datepicker .k-datepicker-placeholder,.k-datepicker .k-datepicker-value{box-sizing:border-box;color:var(--kui-color-disable-color);font-size:14px;line-height:30px;min-width:fit-content;overflow:hidden;text-overflow:ellipsis;transition:all .3s;white-space:nowrap;width:85px}.k-datepicker .k-datepicker-value{color:var(--kui-color-font)}.k-datepicker .k-datepicker-has-clear .k-datepicker-clearable{display:none}.k-datepicker .k-datepicker-has-clear .k-datepicker-clearable:hover{color:var(--kui-color-font)}.k-datepicker .k-datepicker-has-clear:hover .k-datepicker-clearable{cursor:pointer;display:block}.k-datepicker .k-datepicker-has-clear:hover .k-icon-calendar{display:none}.k-date-picker-presets{border-right:1px solid var(--kui-color-border);box-sizing:border-box;display:flex;flex-direction:column;gap:5px;max-width:200px;min-width:120px;overflow:hidden auto;padding:8px}.k-date-picker-presets .k-btn{text-overflow:ellipsis}.k-datepicker-light{background-color:var(--kui-color-gray-80);border-color:transparent}.k-datepicker-light:focus,.k-datepicker-light:hover{border-color:transparent;box-shadow:none}.k-datepicker-circle{border-radius:30px}.k-datepicker-range .k-datepicker-placeholder,.k-datepicker-range .k-datepicker-value{display:inline-block;vertical-align:middle}.k-datepicker-range .k-datepicker-separator{display:inline-block;padding:0 5px;vertical-align:middle}.k-datepicker-with-time .k-datepicker-placeholder,.k-datepicker-with-time .k-datepicker-value{width:150px}.k-datepicker-open,.k-datepicker:focus{border-color:var(--kui-color-main);box-shadow:0 0 0 2px var(--kui-color-main-90)}.k-datepicker-open.k-datepicker-light,.k-datepicker:focus.k-datepicker-light{border-color:transparent;box-shadow:none}.k-datepicker-dropdown{background:var(--kui-color-control-10);border:1px solid var(--kui-color-gray-80);border-radius:var(--kui-border-radius);box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;overflow:hidden;position:absolute;z-index:1003}.k-datepicker-sm{min-height:24px}.k-datepicker-sm .k-datepicker-placeholder,.k-datepicker-sm .k-datepicker-value{font-size:12px;line-height:22px;width:75px}.k-datepicker-sm .k-icon{font-size:12px}.k-datepicker-sm .k-datepicker-selection{line-height:0;padding:0 23px 0 9px;white-space:nowrap}.k-datepicker-sm.k-datepicker-with-time .k-datepicker-placeholder,.k-datepicker-sm.k-datepicker-with-time .k-datepicker-value{width:130px}.k-datepicker-lg{min-height:40px}.k-datepicker-lg .k-datepicker-placeholder,.k-datepicker-lg .k-datepicker-value{font-size:16px;line-height:38px;width:100px}.k-datepicker-lg .k-icon{font-size:16px;right:10px}.k-datepicker-lg .k-datepicker-selection{padding:0 38px 0 9px}.k-datepicker-lg.k-datepicker-with-time .k-datepicker-placeholder,.k-datepicker-lg.k-datepicker-with-time .k-datepicker-value{width:165px}.k-datepicker-disabled{background:var(--kui-color-disable-back);border-color:var(--kui-color-disable-border);cursor:not-allowed}.k-datepicker-disabled,.k-datepicker-disabled .k-datepicker-value{color:var(--kui-color-disable-color)}.k-datepicker-disabled:focus,.k-datepicker-disabled:hover{border-color:var(--kui-color-disable-border);box-shadow:none}.k-datepicker-borderless{background-color:transparent}.k-datepicker-borderless,.k-datepicker-borderless:focus,.k-datepicker-borderless:hover{border-color:transparent;box-shadow:none}.k-date-picker-enter-active{animation:drop-down .3s;transform-origin:0 0}.k-date-picker-leave-active{animation:drop-down .3s reverse;transform-origin:0 0}.k-calendar{color:var(--kui-color-font);display:inline-block;min-width:272px;user-select:none}.k-calendar+.k-calendar{border-left:1px solid var(--kui-color-border)}.k-calendar .k-btn{transition:none}.k-calendar .k-calendar-body{box-sizing:border-box;display:flex;flex-direction:column;min-height:262px;padding:0 10px 10px;position:relative}.k-calendar .k-calendar-head{align-items:center;display:flex;padding:10px;position:relative;text-align:center}.k-calendar .k-calendar-head .k-calendar-day-select,.k-calendar .k-calendar-head .k-calendar-month-select,.k-calendar .k-calendar-head .k-calendar-year-select{flex:1;font-size:14px;font-weight:700;position:relative}.k-calendar .k-calendar-time-label{flex:1;font-size:14px}.k-calendar .k-calendar-yearmonth-picker{display:flex;height:262px}.k-calendar .k-calendar-months,.k-calendar .k-calendar-years{background:var(--kui-color-control-10);border-top:1px solid var(--kui-color-border);box-sizing:border-box;flex:1;font-size:0;height:100%;overflow:auto;text-align:center}.k-calendar .k-calendar-months:after,.k-calendar .k-calendar-months:before,.k-calendar .k-calendar-years:after,.k-calendar .k-calendar-years:before{content:"";display:block;width:100%}.k-calendar .k-calendar-months:before,.k-calendar .k-calendar-years:before{height:110px}.k-calendar .k-calendar-months:after,.k-calendar .k-calendar-years:after{height:130px}.k-calendar .k-calendar-months::-webkit-scrollbar,.k-calendar .k-calendar-years::-webkit-scrollbar{height:0;width:0}.k-calendar .k-calendar-months span,.k-calendar .k-calendar-years span{box-sizing:border-box;cursor:pointer;display:block;font-size:14px;height:36px;line-height:36px;margin:0;padding:0;position:relative;text-align:center;width:auto}.k-calendar .k-calendar-months span:hover,.k-calendar .k-calendar-years span:hover{background-color:var(--kui-color-hover)}.k-calendar .k-calendar-months span:active,.k-calendar .k-calendar-years span:active{background-color:var(--kui-color-actived)}.k-calendar .k-calendar-months .k-calendar-item-selected,.k-calendar .k-calendar-months .k-calendar-item-selected:hover,.k-calendar .k-calendar-years .k-calendar-item-selected,.k-calendar .k-calendar-years .k-calendar-item-selected:hover{background-color:var(--kui-color-main-90)}.k-calendar .k-calendar-months{border-left:1px solid var(--kui-color-border)}.k-calendar .k-calendar-weekdays{font-weight:500}.k-calendar .k-calendar-weekdays .k-calendar-weekday{color:var(--kui-color-icon);display:inline-block;font-size:12px;height:36px;line-height:36px;text-align:center;width:36px}.k-calendar .k-calendar-week-item{align-items:center;display:flex}.k-calendar .k-calendar-day-item{border:1px solid transparent;border-radius:var(--kui-border-radius);box-sizing:border-box;color:var(--kui-color-font);cursor:pointer;display:inline-block;font-size:14px;height:32px;line-height:32px;margin:2px;overflow:hidden;position:relative;text-align:center;width:32px}.k-calendar .k-calendar-day-item:hover{background:var(--kui-color-hover)}.k-calendar .k-calendar-day-item:active{background:var(--kui-color-actived)}.k-calendar .k-calendar-day-out{background:none;color:var(--kui-color-icon)}.k-calendar .k-calendar-day-in{background:var(--kui-color-main-90)}.k-calendar .k-calendar-day-this{background-color:var(--kui-color-gray-90);color:var(--kui-color-main)}.k-calendar .k-calendar-day-this:after{background:var(--kui-color-main);border-radius:50%;content:"";height:5px;position:absolute;right:1px;top:1px;width:5px}.k-calendar .k-calendar-day-selected{background:var(--kui-color-main);border-radius:var(--kui-border-radius);color:#fff;font-weight:700}.k-calendar .k-calendar-day-selected:hover{background:var(--kui-color-main)}.k-calendar .k-calendar-day-disabled,.k-calendar .k-calendar-month-disabled,.k-calendar .k-calendar-year-disabled{background:var(--kui-color-disable-back);color:var(--kui-color-disable-color);cursor:not-allowed}.k-calendar .k-calendar-day-disabled.k-calendar-day-this{border-color:var(--kui-color-disable-border)}.k-calendar .k-calendar-day-disabled.k-calendar-day-this:after{background:var(--kui-color-disable-border)}.k-calendar .k-calendar-day-disabled:hover{background:var(--kui-color-disable-back)}.k-calendar .k-calendar-time-picker{background:var(--kui-color-control-10);border-top:1px solid var(--kui-color-border);display:flex;height:262px;margin-top:-1px;width:100%}.k-calendar .k-calendar-time-picker .k-calendar-time-picker-select{border-right:1px solid var(--kui-color-border);box-sizing:border-box;flex:1;height:100%;overflow:auto}.k-calendar .k-calendar-time-picker .k-calendar-time-picker-select:after,.k-calendar .k-calendar-time-picker .k-calendar-time-picker-select:before{content:"";display:block;height:127px;width:100%}.k-calendar .k-calendar-time-picker .k-calendar-time-picker-select::-webkit-scrollbar{height:0;width:0}.k-calendar .k-calendar-time-picker .k-calendar-time-picker-select:last-child{border:none}.k-calendar .k-calendar-time-picker .k-calendar-time-item{box-sizing:content-box;cursor:pointer;display:block;font-size:14px;height:36px;line-height:36px;list-style:none;margin:0;padding:0;text-align:center;transition:all .3s;width:100%}.k-calendar .k-calendar-time-picker .k-calendar-time-item:hover{background:var(--kui-color-hover)}.k-calendar .k-calendar-time-picker .k-calendar-time-item:active{background:var(--kui-color-actived)}.k-calendar .k-calendar-time-picker .k-calendar-item-selected,.k-calendar .k-calendar-time-picker .k-calendar-item-selected:hover{background:var(--kui-color-main-90)}.k-calendar .k-calendar-time-picker .k-calendar-time-disabled{color:var(--kui-color-disable-color);cursor:not-allowed}.k-calendar .k-calendar-footer{border-top:1px solid var(--kui-color-border);box-sizing:border-box;padding:5px 8px;position:relative;text-align:right;z-index:1}.k-calendar .k-calendar-footer .k-btn{cursor:pointer}.k-calendar .k-calendar-footer .k-calendar-btn-ok{margin-left:8px}.k-calendar-only-year,.k-calendar-yearmonth{min-width:135px}.k-calendar-only-time{min-width:180px}.k-calendar-small{min-width:216px}.k-calendar-small .k-calendar-body{min-height:206px;width:216px}.k-calendar-small .k-calendar-time-picker,.k-calendar-small .k-calendar-yearmonth-picker{height:206px}.k-calendar-small .k-calendar-time-picker .k-calendar-time-item,.k-calendar-small .k-calendar-yearmonth-picker .k-calendar-time-item{font-size:12px;height:24px;line-height:24px}.k-calendar-small .k-calendar-head{padding:8px}.k-calendar-small .k-calendar-head .k-btn{font-size:12px}.k-calendar-small .k-calendar-weekdays{box-sizing:border-box}.k-calendar-small .k-calendar-weekdays .k-calendar-weekday{height:28px;line-height:28px;width:28px}.k-calendar-small .k-calendar-week-item{box-sizing:border-box}.k-calendar-small .k-calendar-day-item{font-size:12px;height:24px;line-height:24px;width:24px}.k-calendar-small .k-calendar-months:after,.k-calendar-small .k-calendar-months:before,.k-calendar-small .k-calendar-years:after,.k-calendar-small .k-calendar-years:before{height:91.5px}.k-calendar-small .k-calendar-months span,.k-calendar-small .k-calendar-years span{font-size:12px;height:24px;line-height:24px}.k-descriptions .k-descriptions-header{align-items:center;display:flex;margin-bottom:20px}.k-descriptions .k-descriptions-title{color:var(--kui-color-font);flex:auto;font-size:16px;font-weight:700;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-descriptions .k-descriptions-view{border-radius:2px;width:100%}.k-descriptions .k-descriptions-view table{border-collapse:collapse;border-spacing:0;margin:0;table-layout:auto;width:100%}.k-descriptions .k-descriptions-row{background:none;border:none}.k-descriptions .k-descriptions-row>.k-descripts-item{padding-bottom:16px}.k-descriptions .k-descriptions-row>.k-descripts-item .k-descriptions-item-content,.k-descriptions .k-descriptions-row>.k-descripts-item .k-descriptions-item-label{display:inline-flex;font-size:14px;line-height:1.5}.k-descriptions .k-descriptions-row>.k-descripts-item .k-descriptions-item-label:after{content:":";margin:0 8px 0 2px;position:relative;top:-.5px}.k-descriptions-bordered .k-descriptions-view{border:1px solid var(--kui-color-gray-80);border-radius:5px}.k-descriptions-bordered .k-descriptions-row{border-bottom:1px solid var(--kui-color-gray-80)}.k-descriptions-bordered .k-descriptions-row:last-child{border-bottom:none}.k-descriptions-bordered .k-descriptions-item-content,.k-descriptions-bordered .k-descriptions-item-label{border-left:1px solid var(--kui-color-gray-80);font-size:14px;line-height:1.5;padding:16px 24px}.k-descriptions-bordered .k-descriptions-item-content:first-child,.k-descriptions-bordered .k-descriptions-item-label:first-child{border:none}.k-descriptions-bordered .k-descriptions-item-label{background:var(--kui-color-gray-90);font-weight:400}.k-descriptions-middle .k-descriptions-row>.k-descripts-item{padding-bottom:12px}.k-descriptions-middle.k-descriptions-bordered .k-descriptions-item-content,.k-descriptions-middle.k-descriptions-bordered .k-descriptions-item-label{padding:12px 24px}.k-descriptions-sm .k-descriptions-row>.k-descripts-item{padding-bottom:8px}.k-descriptions-sm.k-descriptions-bordered .k-descriptions-item-content,.k-descriptions-sm.k-descriptions-bordered .k-descriptions-item-label{padding:8px 16px}.k-divider{background:var(--kui-color-border);box-sizing:border-box;color:rgba(0,0,0,.65);font-size:14px;line-height:1.5;list-style:none;margin:0;padding:0}.k-divider,.k-divider-vertical{display:inline-block;height:.9em;margin:0 8px;position:relative;top:-.06em;vertical-align:middle;width:1px}.k-divider .k-divider-inner-text{color:var(--kui-color-font);display:inline-block;padding:0 10px}.k-divider-dashed{background:none;border:dashed var(--kui-color-border);border-width:1px 0 0}.k-divider-vertical .k-divider-dashed{border-width:0 0 0 1px}.k-divider-horizontal{clear:both;display:block;height:1px;margin:24px 0;min-width:100%;width:100%}.k-divider-horizontal.k-divider-with-text-center,.k-divider-horizontal.k-divider-with-text-left,.k-divider-horizontal.k-divider-with-text-right{background:transparent;color:rgba(0,0,0,.85);display:table;font-size:16px;font-weight:500;margin:16px 0;text-align:center;white-space:nowrap}.k-divider-horizontal.k-divider-with-text-center:after,.k-divider-horizontal.k-divider-with-text-center:before,.k-divider-horizontal.k-divider-with-text-left:after,.k-divider-horizontal.k-divider-with-text-left:before,.k-divider-horizontal.k-divider-with-text-right:after,.k-divider-horizontal.k-divider-with-text-right:before{border-top:1px solid var(--kui-color-border);content:"";display:table-cell;top:50%;transform:translateY(50%);width:50%}.k-divider-horizontal.k-divider-with-text-left:after,.k-divider-horizontal.k-divider-with-text-right:before{top:50%;width:95%}.k-divider-horizontal.k-divider-with-text-left:before,.k-divider-horizontal.k-divider-with-text-right:after{top:50%;width:5%}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeInTop{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1}}@keyframes fadeOutTop{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeInBottom{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1}}@keyframes fadeOutBottom{0%{opacity:1}to{opacity:0;transform:translateY(100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.k-drawer-left-enter-active{animation:fadeInLeft .2s linear}.k-drawer-left-leave-active{animation:fadeOutLeft .2s linear}.k-drawer-right-enter-active{animation:fadeInRight .2s linear}.k-drawer-right-leave-active{animation:fadeOutRight .2s linear}.k-drawer-fade-enter-active{animation:fadeIn .4s linear}.k-drawer-fade-leave-active{animation:fadeOut .4s linear}.k-drawer-top-enter-active{animation:fadeInTop .2s linear}.k-drawer-top-leave-active{animation:fadeOutTop .2s linear}.k-drawer-bottom-enter-active{animation:fadeInBottom .2s linear}.k-drawer-bottom-leave-active{animation:fadeOutBottom .2s linear}.k-drawer{position:fixed;top:0;z-index:1002}.k-drawer .k-drawer-mask{background-color:var(--kui-color-mask);bottom:0;height:100%;left:0;overflow:hidden;pointer-events:all;position:fixed;right:0;top:0;width:100%;z-index:1000}.k-drawer .k-drawer-box{outline:0;pointer-events:all;position:absolute;width:520px;z-index:1001}.k-drawer .k-drawer-content{background-clip:padding-box;background-color:var(--kui-color-control-10);border:0;display:flex;flex-direction:column;height:100%;position:relative}.k-drawer .k-drawer-content .k-drawer-close{color:var(--kui-color-font);cursor:pointer;display:flex;font-size:20px;margin-right:12px;right:16px;text-align:center;transition:all .3s ease-in-out}.k-drawer .k-drawer-content .k-drawer-close:hover .k-icon{background-color:var(--kui-color-gray-80);border-radius:var(--kui-border-radius);color:var(--kui-color-danger)}.k-drawer .k-drawer-content .k-drawer-header{align-items:center;color:var(--kui-color-title);display:flex;font-size:14px;font-weight:600;line-height:1;padding:14px 16px;user-select:none}.k-drawer .k-drawer-content .k-drawer-header .k-drawer-header-inner{flex:1;font-size:16px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-drawer .k-drawer-body{box-sizing:border-box;color:var(--kui-color-font);flex:1;font-size:14px;line-height:1.5;overflow:auto;padding:16px}.k-drawer .k-drawer-footer{box-sizing:border-box;display:inline-block;padding:10px 16px;text-align:right;width:100%}.k-drawer .k-drawer-footer .k-btn{margin-left:8px}.k-drawer-open.k-drawer-left,.k-drawer-open.k-drawer-right{width:100%}.k-drawer-open.k-drawer-bottom,.k-drawer-open.k-drawer-top{height:100%}.k-drawer-open.k-drawer-bottom .k-drawer-box{bottom:0}.k-drawer-right{height:100%;right:0}.k-drawer-right .k-drawer-box{bottom:0;right:0;top:0}.k-drawer-left{height:100%;left:0}.k-drawer-left .k-drawer-box{bottom:0;left:0;top:0}.k-drawer-top{top:0;width:100%}.k-drawer-top .k-drawer-box{left:0;top:0;width:100%}.k-drawer-bottom{width:100%}.k-drawer-bottom .k-drawer-box{bottom:0;left:0;width:100%}.k-drawer-nobody{height:100%;pointer-events:none;position:absolute;top:0;width:100%}.k-drawer-nobody .k-drawer-mask-nobody{pointer-events:all;position:absolute}.k-drawer-nobody.k-drawer-bottom .k-drawer-box{bottom:0}.k-drawer-nomask{pointer-events:none}.k-dropdown{font-size:12px;line-height:1.5;position:absolute;z-index:1001}.k-dropdown .k-dropdown-content{background:var(--kui-color-control-10);border-radius:var(--kui-border-radiu