kui-vue/dist/k-ui.css

A lightweight desktop UI component library suitable for Vue.js 2.

/*!
 * kui-vue v3.6.2
 * Copyright 2017-present, kui-vue.
 * All rights reserved.
 * Author: Qiu / www.chuchur.com
 * 
 */::selection{background-color:var(--kui-color-main);color:#fff}input::placeholder,textarea::placeholder{color:var(--kui-color-disabled)}.k-scroll::-webkit-scrollbar{height:10px;width:10px}.k-scroll::-webkit-scrollbar-track{background-color:transparent}.k-scroll::-webkit-scrollbar-thumb{background-color:var(--kui-color-border);border-radius:8px;height:6px;min-height:55px;min-width:55px;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}::view-transition-new(root),::view-transition-old(root){animation:none;isolation:isolate;mix-blend-mode:normal;will-change:transform,opacity}[theme-mode=light]::view-transition-old(root){z-index:999}[theme-mode=light]::view-transition-new(root){z-index:1}[theme-mode=dark]::view-transition-old(root){z-index:1}[theme-mode=dark]::view-transition-new(root){z-index:999}:root{transition:background-color .3s ease,color .3s ease}[theme-mode=light],html{--kui-control-height-sm:24px;--kui-control-height:30px;--kui-control-height-lg:40px;--kui-padding-block-sm:2px;--kui-padding-inline-sm:6px;--kui-padding-block:6px;--kui-padding-inline:8px;--kui-padding-block-lg:6px;--kui-padding-inline-lg:10px;--kui-border-radius:5px;--kui-border-radius-outer:7.5px;--kui-color-default:#2e2e2e;--kui-color-dark:#faf3e0;--kui-color-main:#54a9ff;--kui-color-main-hover:#218fff;--kui-color-main-active:#0069d3;--kui-color-main-10:rgba(84,169,255,.9);--kui-color-main-30:rgba(84,169,255,.7);--kui-color-main-60:rgba(84,169,255,.4);--kui-color-main-80:rgba(84,169,255,.2);--kui-color-main-90:rgba(84,169,255,.1);--kui-color-success:#00bb5d;--kui-color-success-hover:#084;--kui-color-success-active:#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:#fc725a;--kui-color-danger-hover:#fb4728;--kui-color-danger-active:#d32204;--kui-color-danger-30:hsla(9,96%,67%,.7);--kui-color-danger-60:hsla(9,96%,67%,.4);--kui-color-danger-80:hsla(9,96%,67%,.2);--kui-color-danger-90:hsla(9,96%,67%,.1);--kui-color-warning:#ffae43;--kui-color-warning-hover:#ff9810;--kui-color-warning-active:#c36f00;--kui-color-warning-30:rgba(255,174,67,.7);--kui-color-warning-60:rgba(255,174,67,.4);--kui-color-warning-80:rgba(255,174,67,.2);--kui-color-warning-90:rgba(255,174,67,.1);--kui-color-pink:#ff738c;--kui-color-pink-30:rgba(255,115,140,.7);--kui-color-pink-60:rgba(255,115,140,.4);--kui-color-pink-80:rgba(255,115,140,.2);--kui-color-pink-90:rgba(255,115,140,.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:#cc0;--kui-color-yellow-30:rgba(204,204,0,.7);--kui-color-yellow-60:rgba(204,204,0,.4);--kui-color-yellow-80:rgba(204,204,0,.2);--kui-color-yellow-90:rgba(204,204,0,.1);--kui-color-orange:orange;--kui-color-orange-30:rgba(255,165,0,.7);--kui-color-orange-60:rgba(255,165,0,.4);--kui-color-orange-80:rgba(255,165,0,.2);--kui-color-orange-90:rgba(255,165,0,.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:#cd00cc;--kui-color-purple-30:rgba(205,0,204,.7);--kui-color-purple-60:rgba(205,0,204,.4);--kui-color-purple-80:rgba(205,0,204,.2);--kui-color-purple-90:rgba(205,0,204,.1);--kui-color-magenta:#f0f;--kui-color-magenta-30:rgba(255,0,255,.7);--kui-color-magenta-60:rgba(255,0,255,.4);--kui-color-magenta-80:rgba(255,0,255,.2);--kui-color-magenta-90:rgba(255,0,255,.1);--kui-color-violet:violet;--kui-color-violet-30:rgba(238,130,238,.7);--kui-color-violet-60:rgba(238,130,238,.4);--kui-color-violet-80:rgba(238,130,238,.2);--kui-color-violet-90:rgba(238,130,238,.1);--kui-color-brown:#d26815;--kui-color-brown-30:rgba(210,104,21,.7);--kui-color-brown-60:rgba(210,104,21,.4);--kui-color-brown-80:rgba(210,104,21,.2);--kui-color-brown-90:rgba(210,104,21,.1);--kui-color-teal:teal;--kui-color-teal-30:rgba(0,128,128,.7);--kui-color-teal-60:rgba(0,128,128,.4);--kui-color-teal-80:rgba(0,128,128,.2);--kui-color-teal-90:rgba(0,128,128,.1);--kui-color-olive:olive;--kui-color-olive-30:rgba(128,128,0,.7);--kui-color-olive-60:rgba(128,128,0,.4);--kui-color-olive-80:rgba(128,128,0,.2);--kui-color-olive-90:rgba(128,128,0,.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:#b39700;--kui-color-gold-30:rgba(179,151,0,.7);--kui-color-gold-60:rgba(179,151,0,.4);--kui-color-gold-80:rgba(179,151,0,.2);--kui-color-gold-90:rgba(179,151,0,.1);--kui-color-lime:#00b300;--kui-color-lime-30:rgba(0,179,0,.7);--kui-color-lime-60:rgba(0,179,0,.4);--kui-color-lime-80:rgba(0,179,0,.2);--kui-color-lime-90:rgba(0,179,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-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-back-10:#fff;--kui-color-back-20:#ccc;--kui-color-back-30:#b3b3b3;--kui-color-back-40:#999;--kui-color-back-50:grey;--kui-color-back-60:#666;--kui-color-back-70:#4d4d4d;--kui-color-back-80:#333;--kui-color-back-90:#191919;--kui-color-icon:rgba(0,0,0,.4);--kui-color-icon-hover:rgba(0,0,0,.8);--kui-color-icon-active:rgba(0,0,0,.5);--kui-color-hover:hsla(0,0%,59%,.1);--kui-color-active:hsla(0,0%,59%,.2);--kui-color-selected:rgba(84,169,255,.1);--kui-color-border:#e7e7e7;--kui-color-disable-border:hsla(0,0%,85%,.4);--kui-color-disable-back:#f5f5f5;--kui-color-disabled: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-default:#faf3e0;--kui-color-dark:#2e2e2e;--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-back-10:#252525;--kui-color-back-20:#525252;--kui-color-back-30:#6c6c6c;--kui-color-back-40:#858585;--kui-color-back-50:#9f9f9f;--kui-color-back-60:#b8b8b8;--kui-color-back-70:#d2d2d2;--kui-color-back-80:#ebebeb;--kui-color-back-90:#fff;--kui-color-spin:rgba(0,0,0,.6);--kui-color-selected:rgba(84,169,255,.1);--kui-color-icon:hsla(0,0%,100%,.4);--kui-color-icon-hover:hsla(0,0%,100%,.8);--kui-color-icon-active:hsla(0,0%,100%,.5);--kui-color-border:#3b3b3b;--kui-color-disable-border:rgba(83,83,83,.4);--kui-color-disable-back:hsla(0,0%,100%,.1);--kui-color-disabled: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{align-items:center;background:var(--kui-color-warning-90);border:1px solid var(--kui-color-warning-80);border-radius:var(--kui-border-radius);box-sizing:border-box;display:flex;font-size:14px;line-height:1.5;margin-bottom:16px;overflow:hidden;padding:8px 12px;position:relative;transition:all .3s}.k-alert-icon{color:var(--kui-color-warning);font-size:16px;margin-right:8px}.k-alert-content{flex:1;min-width:0}.k-alert-message{color:var(--kui-color-font);line-height:1}.k-alert-has-description{align-items:flex-start;padding:15px}.k-alert-has-description .k-alert-icon{font-size:24px;top:15px}.k-alert-has-description .k-alert-close{font-size:18px}.k-alert-has-description .k-alert-message{color:var(--kui-color-font);font-size:16px;font-weight:500;margin-bottom:5px}.k-alert-has-description .k-alert-description{color:var(--kui-color-font);font-size:14px}.k-alert-close{color:var(--kui-color-font);cursor:pointer;font-size:16px;text-decoration:none}.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%;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{align-items:center;display:inline-flex;line-height:1;position:relative}.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;transform:none}.k-badge-status-dot{border-radius:50%;display:inline-block;height:6px;position:relative;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-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;font-size:14px;line-height:1}.k-breadcrumb,.k-breadcrumb ol{list-style:none;margin:0;padding:0}.k-breadcrumb ol{display:flex;flex-wrap:wrap}.k-breadcrumb-item{align-items:center;display:inline-flex}.k-breadcrumb-item,.k-breadcrumb-item a{color:var(--kui-color-disabled)}.k-breadcrumb-item a:hover{color:var(--kui-color-main)}.k-breadcrumb-item .k-icon{margin-right:4px}.k-breadcrumb-link{align-items:center;display:inline-flex}.k-breadcrumb-separator{color:var(--kui-color-disabled)}.k-breadcrumb li:last-child{color:var(--kui-color-font)}.k-breadcrumb li:last-child .k-breadcrumb-separator{display:none}.k-breadcrumb-separator{margin:0 8px}.k-btn{align-items:center;background-color:var(--kui-color-gray-90);border:1px solid transparent;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;gap:8px;height:32px;justify-content:center;line-height:1;outline:0 solid transparent;outline-offset:2px;outline-offset:1px;padding:0 15px;transition:height .3s ease-in-out,width .3s ease-in-out,filter .3s ease-in-out,outline .1s ease-in-out,font-size .3s ease;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;z-index:0}.k-btn:not(.k-btn-link,.k-btn-text):focus{outline:2px solid var(--kui-color-main-80);outline-offset:1px}.k-btn:not(:disabled):hover{filter:brightness(85%)}.k-btn:not(:disabled):active{filter:brightness(70%)}.k-btn .k-icon{font-size:14px;vertical-align:middle}.k-btn.k-btn-icon-only{height:32px;padding:0;width:32px}.k-btn-sm{gap:4px;height:24px;padding:0 8px}.k-btn-sm,.k-btn-sm [class^=k-icon]{font-size:12px}.k-btn-sm.k-btn-icon-only{height:24px;min-width:24px;padding:0;width:24px}.k-btn-lg{gap:10px;height:40px;padding:0 15px}.k-btn-lg,.k-btn-lg .k-icon{font-size:16px}.k-btn-lg.k-btn-icon-only{height:40px;padding:0;width:40px}.k-btn-dashed{border-color:var(--kui-color-border)}.k-btn-text{background:0 0;border:none}.k-btn-text:hover{background-color:var(--kui-color-gray-80)}.k-btn-text:active{background:var(--kui-color-gray-60)}.k-btn-link{background:none;border:none;color:var(--kui-color-main);text-decoration:none}.k-btn-block{width:100%}.k-btn-dashed{border-style:dashed}.k-btn-loading{opacity:.8}.k-btn-circle{border-radius:30px}.k-btn-default:not(.k-btn-outline,.k-btn-dashed,.k-btn-light){border:none}.k-btn-default:not(.k-btn-outline,.k-btn-dashed,.k-btn-light):not(:disabled):hover{color:var(--kui-color-main)}.k-btn-primary:not(.k-btn-outline,.k-btn-dashed,.k-btn-light){background:var(--kui-color-main);border:none;border-color:var(--kui-color-main);color:#fff}.k-btn-danger:not(.k-btn-outline,.k-btn-dashed,.k-btn-light){background:var(--kui-color-danger);border:none;border-color:var(--kui-color-danger);color:#fff}.k-btn-warning:not(.k-btn-outline,.k-btn-dashed,.k-btn-light){background:var(--kui-color-warning);border:none;border-color:var(--kui-color-warning);color:#fff}.k-btn-dashed,.k-btn-outline{background-color:transparent;border-width:1px}.k-btn-dashed:focus,.k-btn-outline:focus{outline:none}.k-btn-dashed:hover,.k-btn-outline:hover{background-color:var(--kui-color-gray-90)}.k-btn-dashed.k-btn-primary,.k-btn-outline.k-btn-primary{border-color:var(--kui-color-main);color:var(--kui-color-main)}.k-btn-dashed.k-btn-danger,.k-btn-outline.k-btn-danger{border-color:var(--kui-color-danger);color:var(--kui-color-danger)}.k-btn-dashed.k-btn-warning,.k-btn-outline.k-btn-warning{border-color:var(--kui-color-warning);color:var(--kui-color-warning)}.k-btn-dashed.k-btn-default,.k-btn-outline.k-btn-default{border-color:var(--kui-color-border)}.k-btn-dashed.k-btn-pink,.k-btn-outline.k-btn-pink{border-color:var(--kui-color-pink-60);color:var(--kui-color-pink-30)}.k-btn-dashed.k-btn-red,.k-btn-outline.k-btn-red{border-color:var(--kui-color-red-60);color:var(--kui-color-red-30)}.k-btn-dashed.k-btn-yellow,.k-btn-outline.k-btn-yellow{border-color:var(--kui-color-yellow-60);color:var(--kui-color-yellow-30)}.k-btn-dashed.k-btn-orange,.k-btn-outline.k-btn-orange{border-color:var(--kui-color-orange-60);color:var(--kui-color-orange-30)}.k-btn-dashed.k-btn-olive,.k-btn-outline.k-btn-olive{border-color:var(--kui-color-olive-60);color:var(--kui-color-olive-30)}.k-btn-dashed.k-btn-brown,.k-btn-outline.k-btn-brown{border-color:var(--kui-color-brown-60);color:var(--kui-color-brown-30)}.k-btn-dashed.k-btn-violet,.k-btn-outline.k-btn-violet{border-color:var(--kui-color-violet-60);color:var(--kui-color-violet-30)}.k-btn-dashed.k-btn-teal,.k-btn-outline.k-btn-teal{border-color:var(--kui-color-teal-60);color:var(--kui-color-teal-30)}.k-btn-dashed.k-btn-green,.k-btn-outline.k-btn-green{border-color:var(--kui-color-green-60);color:var(--kui-color-green-30)}.k-btn-dashed.k-btn-gray,.k-btn-outline.k-btn-gray{border-color:var(--kui-color-gray-60);color:var(--kui-color-gray-30)}.k-btn-dashed.k-btn-blue,.k-btn-outline.k-btn-blue{border-color:var(--kui-color-blue-60);color:var(--kui-color-blue-30)}.k-btn-dashed.k-btn-purple,.k-btn-outline.k-btn-purple{border-color:var(--kui-color-purple-60);color:var(--kui-color-purple-30)}.k-btn-dashed.k-btn-cyan,.k-btn-outline.k-btn-cyan{border-color:var(--kui-color-cyan-60);color:var(--kui-color-cyan-30)}.k-btn-dashed.k-btn-magenta,.k-btn-outline.k-btn-magenta{border-color:var(--kui-color-magenta-60);color:var(--kui-color-magenta-30)}.k-btn-dashed.k-btn-volcano,.k-btn-outline.k-btn-volcano{border-color:var(--kui-color-volcano-60);color:var(--kui-color-volcano-30)}.k-btn-dashed.k-btn-gold,.k-btn-outline.k-btn-gold{border-color:var(--kui-color-gold-60);color:var(--kui-color-gold-30)}.k-btn-dashed.k-btn-lime,.k-btn-outline.k-btn-lime{border-color:var(--kui-color-lime-60);color:var(--kui-color-lime-30)}.k-btn-solid{border:none;color:#fff}.k-btn-solid.k-btn-default{background-color:var(--kui-color-default);color:var(--kui-color-dark)}.k-btn-solid.k-btn-pink{background-color:var(--kui-color-pink-30)}.k-btn-solid.k-btn-red{background-color:var(--kui-color-red-30)}.k-btn-solid.k-btn-yellow{background-color:var(--kui-color-yellow-30)}.k-btn-solid.k-btn-orange{background-color:var(--kui-color-orange-30)}.k-btn-solid.k-btn-olive{background-color:var(--kui-color-olive-30)}.k-btn-solid.k-btn-brown{background-color:var(--kui-color-brown-30)}.k-btn-solid.k-btn-violet{background-color:var(--kui-color-violet-30)}.k-btn-solid.k-btn-teal{background-color:var(--kui-color-teal-30)}.k-btn-solid.k-btn-green{background-color:var(--kui-color-green-30)}.k-btn-solid.k-btn-gray{background-color:var(--kui-color-gray-30)}.k-btn-solid.k-btn-blue{background-color:var(--kui-color-blue-30)}.k-btn-solid.k-btn-purple{background-color:var(--kui-color-purple-30)}.k-btn-solid.k-btn-cyan{background-color:var(--kui-color-cyan-30)}.k-btn-solid.k-btn-magenta{background-color:var(--kui-color-magenta-30)}.k-btn-solid.k-btn-volcano{background-color:var(--kui-color-volcano-30)}.k-btn-solid.k-btn-gold{background-color:var(--kui-color-gold-30)}.k-btn-solid.k-btn-lime{background-color:var(--kui-color-lime-30)}.k-btn-light{background:var(--kui-color-gray-80);border:none}.k-btn-light.k-btn-primary{color:var(--kui-color-main)}.k-btn-light.k-btn-danger{color:var(--kui-color-danger)}.k-btn-light.k-btn-warning{color:var(--kui-color-warning)}.k-btn:disabled{background-color:var(--kui-color-disable-back);border-color:var(--kui-color-disable-border);color:var(--kui-color-disabled);cursor:not-allowed}.k-btn-group{align-items:center;display:inline-flex}.k-btn-group .k-btn:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.k-btn-group .k-btn:not(.k-btn:first-child){margin-left:-1px}.k-btn-group .k-btn:last-child{border-bottom-left-radius:0;border-top-left-radius: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{align-items:center;border-bottom:1px solid var(--kui-color-gray-80);display:flex;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{flex:1;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-card .k-card-extra{font-size:14px}.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;outline:1px solid transparent;padding: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:50% 50%;border-radius:12%;box-shadow:inset 0 0 1px 0 hsla(0,0%,100%,.25);height:24px;overflow:hidden;width:24px}.k-color-picker .k-color-picker-color .k-color-picker-color-inner{border-radius:inherit;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.12);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 .k-color-picker-trigger-text{font-size:14px;margin-left:8px;margin-right:4px}.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}.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-lg .k-color-picker-trigger-text{font-size:16px}.k-color-picker-sm{height:22px;padding:2px}.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-sm .k-color-picker-trigger-text{font-size:12px}.k-color-picker-dropdown{font-size:0;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;box-shadow:inset 0 0 1px 0 hsla(0,0%,100%,.25);float:left;height:28px;width:28px}.k-color-picker-dropdown .k-color-picker-avatar .k-color-picker-avatar-inner{border-radius:6px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.12);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:7px 7px;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-color-picker-key{font-size:12px;line-height:1;text-align:center;width:195px}.k-color-picker-dropdown .k-color-picker-mode .k-select{min-width:0;padding:0}.k-color-picker-dropdown .k-color-picker-mode .k-select .k-select-arrow{margin:0}.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;justify-content:space-around;min-width:0}.k-color-picker-dropdown .k-color-picker-val .k-color-picker-alpha-input{flex-shrink:0;gap:2px;max-width:45px}.k-color-picker-dropdown .k-color-picker-presets{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-color-picker-presets>span{align-items:center;border-radius:2px;cursor:pointer;display:inline-block;display:flex;height:20px;justify-content:center;width:20px}.k-color-picker-dropdown .k-color-picker-presets>span:hover{transform:scale(1.3)}.k-color-picker-dropdown .k-color-picker-presets>span .k-icon{color:#fff;font-size:14px}.k-color-picker-dropdown .k-color-picker-presets .k-btn{padding:0;position:absolute;right:0;top:14px;width:32px}.k-color-picker-dropdown .k-color-picker-slider-hue{position:relative}.k-color-picker-dropdown .k-color-picker-arrow{box-sizing:border-box;color:var(--kui-color-back);display:flex;height:9px;position:absolute;width:24px}.k-color-picker-dropdown .k-color-picker-body{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;padding:10px}.k-color-picker-dropdown .k-color-picker-paint-container{position:relative}.k-color-picker-dropdown #ot{stroke-width:1px;stroke:var(--kui-color-border)}.k-color-picker-dropdown[k-placement^=top] .k-color-picker-body{margin-bottom:10px}.k-color-picker-dropdown[k-placement^=top] .k-color-picker-arrow{bottom:4px;height:9px}.k-color-picker-dropdown[k-placement^=bottom] .k-color-picker-body{margin-top:10px}.k-color-picker-dropdown[k-placement^=bottom] .k-color-picker-arrow{height:9px;top:4px;transform:rotate(180deg)}.k-color-picker-dropdown[k-placement=bottom-left] .k-color-picker-arrow,.k-color-picker-dropdown[k-placement=top-left] .k-color-picker-arrow{left:6px}.k-color-picker-dropdown[k-placement=bottom-right] .k-color-picker-arrow,.k-color-picker-dropdown[k-placement=top-right] .k-color-picker-arrow{right:6px}.k-color-picker-dropdown[k-placement=bottom] .k-color-picker-arrow{left:50%;transform:translateX(-50%) rotate(180deg)}.k-color-picker-dropdown[k-placement=top] .k-color-picker-arrow{left:50%;transform:translateX(-50%)}.k-color-picker-circle,.k-color-picker-circle .k-color-picker-color{border-radius:50%}@keyframes k-picker-zoom{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.k-color-picker-enter-active{animation:k-picker-zoom .2s;transform-origin:0 0}.k-color-picker-leave-active{animation:k-picker-zoom .2s reverse;transform-origin:0 0}.k-color-picker-disabled-alpha .k-color-picker-bar-box{justify-content:center}.k-collapse{background-color:var(--kui-color-back);border:1px solid var(--kui-color-border);border-radius:var(--kui-border-radius);color:var(--kui-color-font);overflow:hidden}.k-collapse>.k-collapse-item>.k-collapse-header{border-bottom:1px solid var(--kui-color-border);border-top:1px solid var(--kui-color-border);color:var(--kui-color-title);cursor:pointer;font-size:14px;line-height:22px;margin-top:-1px;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:last-child .k-collapse-header{margin-bottom:-1px}.k-collapse>.k-collapse-item .k-collapse-content{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-collapse-sample{background:none;border:none}.k-collapse-sample .k-collapse-item{background:var(--kui-color-gray-90);border:none;border-radius:var(--kui-border-radius);margin-bottom:10px;overflow:hidden}.k-collapse-sample .k-collapse-item .k-collapse-header{border:none}.k-collapse-sample .k-collapse-item .k-collapse-content{background:none;border:none}.k-collapse-slide-enter-active{animation:slide .3s ease-in-out}.k-collapse-slide-leave-active{animation:slide .3s ease-in-out reverse}.k-carousel{display:block;overflow:hidden;position:relative;width:100%}.k-carousel:hover [class*=k-carousel-arrow]{opacity:.2}.k-carousel .k-carousel-wrapper{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;display:inline-flex;font-size:12px;line-height:1;outline:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.k-checkbox:focus .k-checkbox-symbol{outline:2px solid var(--kui-color-main-80)}.k-checkbox .k-checkbox-symbol{align-items:center;background-color:var(--kui-color-back);border:1px solid var(--kui-color-border);border-radius:3px;box-sizing:border-box;color:#fff;display:inline-flex;height:16px;line-height:1;margin:0;outline:0;outline:2px solid transparent;outline-offset:1px;overflow:hidden;position:relative;white-space:nowrap;width:16px}.k-checkbox .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-indeterminate .k-checkbox-symbol{position:relative}.k-checkbox.k-checkbox-indeterminate .k-checkbox-symbol:after{background-color:var(--kui-color-main);border-radius:2px;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-symbol{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-sm .k-checkbox-symbol{height:14px;width:14px}.k-checkbox-lg .k-checkbox-label{font-size:16px}.k-checkbox-lg .k-checkbox-symbol{height:18px;width:18px}.k-checkbox-light .k-checkbox-symbol{background-color:var(--kui-color-gray-80)}.k-checkbox-checked .k-checkbox-symbol{background:var(--kui-color-main);border-color:var(--kui-color-main)}.k-checkbox-disabled{color:var(--kui-color-disabled);cursor:not-allowed}.k-checkbox-disabled.k-checkbox .k-checkbox-input{cursor:not-allowed}.k-checkbox-disabled.k-checkbox .k-checkbox-symbol{background:var(--kui-color-disable-back);border-color:var(--kui-color-disable-border);color:var(--kui-color-disabled)}.k-checkbox-disabled.k-checkbox .k-checkbox-symbol:after{background-color:var(--kui-color-disable-back);color:var(--kui-color-disabled)}.k-checkbox-disabled.k-checkbox-indeterminate .k-checkbox-symbol:after{background-color:var(--kui-color-disable-border)}.k-checkbox-group{align-items:center;display:inline-flex;flex-shrink:0;flex-wrap:wrap;gap:16px}.k-checkbox-group-vertical{align-items:self-start;flex-direction:column}.k-datepicker{align-items:center;background:none;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:2px solid transparent;outline-offset:1px;padding:0 8px;position:relative;transition:all .3s;-webkit-user-select:none;user-select:none;vertical-align:middle}.k-datepicker:hover{border-color:var(--kui-color-main)}.k-datepicker:focus{outline:2px solid var(--kui-color-main-80)}.k-datepicker .k-datepicker-selection{align-items:center;box-sizing:border-box;display:flex;white-space:nowrap;width:100%}.k-datepicker .k-icon-calendar{color:var(--kui-color-icon);font-size:14px;margin-left:4px}.k-datepicker .k-icon-clean{color:var(--kui-color-icon);display:none;font-size:14px;position:absolute;right:8px;z-index:10}.k-datepicker .k-icon-clean:hover{color:var(--kui-color-icon-hover)}.k-datepicker .k-icon-clean:active{color:var(--kui-color-icon-active)}.k-datepicker .k-datepicker-input{background:none;border:none;font-size:14px;line-height:1;margin:0;outline:none;padding:0}.k-datepicker .k-datepicker-separator{display:flex;margin:0 5px}.k-datepicker .k-datepicker-has-clear:hover .k-icon-clean,.k-datepicker .k-datepicker-placeholder:hover .k-icon-clean{cursor:pointer;display:block}.k-datepicker .k-datepicker-has-clear:hover .k-icon-calendar,.k-datepicker .k-datepicker-placeholder:hover .k-icon-calendar{opacity:0}.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-separator{display:inline-block;padding:0 5px;vertical-align:middle}.k-datepicker-with-time .k-datepicker-placeholder{width:150px}.k-datepicker-opened{border-color:var(--kui-color-main);box-shadow:0 0 0 2px var(--kui-color-main-90);outline:2px solid var(--kui-color-main-80)}.k-datepicker-opened.k-datepicker-light{border-color:transparent;box-shadow:none}.k-datepicker-opened:focus{outline:2px solid var(--kui-color-main-80)}.k-datepicker-overlay{background:var(--kui-color-back-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;flex-direction:row;overflow:hidden;position:absolute;-webkit-user-select:none;user-select:none;z-index:1003}.k-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:90px;overflow:hidden auto;padding:8px}.k-picker-presets .k-btn{text-overflow:ellipsis}.k-datepicker-sm{min-height:24px;padding:0 var(--kui-padding-inline-sm)}.k-datepicker-sm .k-datepicker-input,.k-datepicker-sm .k-icon{font-size:12px}.k-datepicker-sm .k-datepicker-selection{line-height:0;white-space:nowrap}.k-datepicker-sm .k-icon-clean{right:5px}.k-datepicker-lg{min-height:40px;padding:0 9px}.k-datepicker-lg .k-datepicker-input{font-size:16px}.k-datepicker-lg .k-icon{font-size:16px;right:10px}.k-datepicker-lg .k-icon-clean{right:9px}.k-datepicker-disabled{background:var(--kui-color-disable-back);border-color:var(--kui-color-disable-border);color:var(--kui-color-disabled);cursor:not-allowed}.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-picker-container{display:flex;flex-direction:column;width:272px}.k-picker-container .k-picker-extra-footer,.k-picker-container .k-picker-extra-header{padding:10px}.k-picker-container .k-picker-extra-header{border-bottom:1px solid var(--kui-color-border)}.k-picker-container .k-picker-extra-footer{border-top:1px solid var(--kui-color-border)}.k-picker-container .k-picker-header{align-items:center;display:flex;gap:5px;justify-content:space-between;padding:10px;position:relative;text-align:center}.k-picker-container .k-picker-body{box-sizing:border-box;display:flex;flex:1;flex-direction:column;min-height:283px;padding:0 10px 10px;position:relative}.k-picker-container .k-picker-weekdays{font-weight:500}.k-picker-container .k-picker-weekdays .k-picker-weekday{color:var(--kui-color-icon);display:inline-block;font-size:12px;height:36px;line-height:36px;text-align:center;width:36px}.k-picker-container .k-picker-day{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-picker-container .k-picker-day:hover{background:var(--kui-color-hover)}.k-picker-container .k-picker-day:active{background:var(--kui-color-active)}.k-picker-container .k-picker-day-out{background:none;color:var(--kui-color-icon)}.k-picker-container .k-picker-day-in{background:var(--kui-color-main-90)}.k-picker-container .k-picker-is-today{background-color:var(--kui-color-gray-90);color:var(--kui-color-main)}.k-picker-container .k-picker-is-today:after{background:var(--kui-color-main);border-radius:50%;content:"";height:5px;position:absolute;right:1px;top:1px;width:5px}.k-picker-container .k-picker-header-label{align-items:center;color:var(--kui-color-font);cursor:pointer;display:flex;flex:1;font-size:14px;font-weight:700;gap:5px;justify-content:center;white-space:nowrap}.k-picker-container .k-picker-header-label span:hover{color:var(--kui-color-main)}.k-picker-container .k-picker-month-body,.k-picker-container .k-picker-year-body{display:flex;flex:1;flex-wrap:wrap;gap:10px}.k-picker-container .k-picker-month-item,.k-picker-container .k-picker-year-item{align-items:center;border-radius:var(--kui-border-radius);cursor:pointer;display:flex;font-size:14px;justify-content:center;text-align:center;width:calc(33.33333% - 6.66667px)}.k-picker-container .k-picker-month-item:hover,.k-picker-container .k-picker-year-item:hover{background:var(--kui-color-hover)}.k-picker-container .k-picker-day-selected,.k-picker-container .k-picker-month-selected,.k-picker-container .k-picker-year-selected{background:var(--kui-color-main);color:#fff;font-weight:700}.k-picker-container .k-picker-day-selected:hover,.k-picker-container .k-picker-month-selected:hover,.k-picker-container .k-picker-year-selected:hover{background:var(--kui-color-main)}.k-picker-container .k-picker-day-selected:after,.k-picker-container .k-picker-month-selected:after,.k-picker-container .k-picker-year-selected:after{background-color:#fff}.k-picker-container .k-picker-footer{align-items:center;border-top:1px solid var(--kui-color-border);box-sizing:border-box;display:flex;font-size:14px;justify-content:center}.k-picker-container .k-picker-footer-time-split{align-items:center;display:flex;font-size:16px;height:40px;justify-content:center;position:relative;width:40px}.k-picker-container .k-picker-footer-time{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;flex:1;justify-content:center;padding:12px}.k-picker-container .k-picker-footer-time:hover{background:var(--kui-color-hover)}.k-picker-container .k-picker-footer-time.active{color:var(--kui-color-main);text-shadow:0 0 1px var(--kui-color-main)}.k-picker-container .k-picker-time-picker{border-top:1px solid var(--kui-color-border);display:flex;height:282px}.k-picker-container .k-picker-time-col{flex:1;height:100%;list-style:none;margin:0;overflow-y:auto;padding:0;position:relative;scrollbar-width:none;text-align:center;-webkit-user-select:none;user-select:none;z-index:2}.k-picker-container .k-picker-time-col::-webkit-scrollbar{display:none}.k-picker-container .k-picker-time-col:after,.k-picker-container .k-picker-time-col:before{content:"";display:block;height:152px}.k-picker-container .k-picker-time-col:nth-last-child(2){border-left:1px solid var(--kui-color-border);border-right:1px solid var(--kui-color-border)}.k-picker-container .k-picker-time-item{color:var(--kui-color-font);cursor:pointer;font-size:13px;height:32px;line-height:32px;opacity:.6;transition:all .2s}.k-picker-container .k-picker-time-item:hover{background:var(--kui-color-hover);opacity:1}.k-picker-container .k-picker-time-item.active{color:var(--kui-color-main);font-weight:700;opacity:1;transform:scale(1.1)}.k-picker-container .k-picker-day-disabled,.k-picker-container .k-picker-time-disabled{background-color:var(--kui-color-disable-back);color:var(--kui-color-icon);cursor:not-allowed;opacity:.7}.k-picker-container .k-picker-day-disabled:hover,.k-picker-container .k-picker-time-disabled:hover{background-color:var(--kui-color-disable-back)}.k-datepicker-overlay[mode=time] .k-picker-time-picker{border-top: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-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-item-content,.k-descriptions .k-descriptions-item-label{font-size:14px;line-height:1.5;text-align:start}.k-descriptions .k-descriptions-row{background:none;border:none}.k-descriptions .k-descriptions-row>.k-descriptions-item{padding-bottom:16px}.k-descriptions .k-descriptions-row>.k-descriptions-item .k-descriptions-item-content,.k-descriptions .k-descriptions-row>.k-descriptions-item .k-descriptions-item-label{display:inline-flex}.k-descriptions .k-descriptions-row>.k-descriptions-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);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-descriptions-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-descriptions-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:a