kku-ui 0.0.461 → 0.0.462
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/lib/esm/src/components/card/KCard.d.ts +9 -0
- package/lib/esm/src/components/card/KCard.interface.d.ts +15 -0
- package/lib/esm/src/components/card/KCard.interface.js +1 -0
- package/lib/esm/src/components/card/KCard.interface.js.map +1 -0
- package/lib/esm/src/components/card/KCard.js +1 -0
- package/lib/esm/src/components/card/KCard.js.map +1 -0
- package/lib/esm/src/components/card/index.d.ts +2 -0
- package/lib/esm/src/components/card/index.js +1 -0
- package/lib/esm/src/components/card/index.js.map +1 -0
- package/lib/esm/src/components/index.d.ts +1 -0
- package/lib/esm/src/components/index.js +1 -1
- package/lib/esm/src/components/index.js.map +1 -1
- package/lib/esm/src/components/input/switch/KSwitch.js +1 -1
- package/lib/esm/src/components/input/switch/KSwitch.js.map +1 -1
- package/lib/esm/src/components/input/textfield/KTextField.interface.d.ts +1 -2
- package/lib/esm/src/components/input/textfield/KTextField.js +1 -1
- package/lib/esm/src/components/input/textfield/KTextField.js.map +1 -1
- package/lib/styles/index.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -20,8 +20,8 @@
|
|
|
20
20
|
| `<KRadio />` |✅|✅|✅|✅|✅|✅|
|
|
21
21
|
| `<KChip />` |✅|✅|✅|✅|✅|✅|
|
|
22
22
|
| `<KSwitch />` |✅|✅|✅|✅|✅|✅|
|
|
23
|
-
| `<KCard />`
|
|
24
|
-
| 🏃🏻♂️..
|
|
23
|
+
| `<KCard />` |✅|✅|✅|✅|✅|✅|
|
|
24
|
+
| 🏃🏻♂️.. |✨|✨|✨|✨|✨|✨|
|
|
25
25
|
|
|
26
26
|
✅ Good ⚠️ Not Good 🧑🏻💻 Trying
|
|
27
27
|
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { KCardProps } from '../../components/card/KCard.interface';
|
|
2
|
+
declare const _default: import("react").MemoExoticComponent<{
|
|
3
|
+
(props: KCardProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
displayName: string;
|
|
5
|
+
defaultProps: {
|
|
6
|
+
borderRadius: string;
|
|
7
|
+
};
|
|
8
|
+
}>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { KeyboardEvent, MouseEvent, ReactNode } from 'react';
|
|
2
|
+
import { KBaseProp, KVariantProp } from '../../common/base/base.interface';
|
|
3
|
+
export interface KCardProps extends KBaseProp, KVariantProp {
|
|
4
|
+
children?: ReactNode;
|
|
5
|
+
title?: string;
|
|
6
|
+
subTitle?: string;
|
|
7
|
+
clickable?: boolean;
|
|
8
|
+
width?: string;
|
|
9
|
+
height?: string;
|
|
10
|
+
color?: string;
|
|
11
|
+
fontColor?: string;
|
|
12
|
+
rounded?: boolean;
|
|
13
|
+
borderRadius?: string;
|
|
14
|
+
onClick?: (e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;
|
|
15
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";export{};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KCard.interface.js","sourceRoot":"","sources":["../../../../../src/components/card/KCard.interface.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";import{jsx as l,jsxs as h}from"react/jsx-runtime";import{memo as o,useMemo as e}from"react";import{initVariant as f}from"../../common/util/variation";const m="8px",a=t=>{const d=e(()=>{const i=[];return t.className&&i.push(t.className),t.rounded&&i.push("k-card--rounded"),t.clickable&&i.push("k-card__clickable"),f(i,"k-card",t.variant,t.contained,t.outlined),i.join(" ")},[t.className,t.rounded,t.clickable,t.variant,t.contained,t.outlined]),n=e(()=>{const i=t.style?t.style:{};return t.rounded&&(i.borderRadius=t.borderRadius),t.width&&(i.width=t.width),t.height&&(i.height=t.height),t.fontColor&&(i.color=t.fontColor),(t.variant||t.contained||t.outlined)&&((t.variant==="outlined"||t.outlined)&&(i.borderColor=t.color),(t.variant==="contained"||t.contained)&&(i.background=t.color,i.borderColor="transparent")),i},[t.style,t.rounded,t.borderRadius,t.width,t.height,t.color,t.fontColor,t.variant,t.outlined,t.contained]),c=e(()=>t.title?l("h2",{className:"k-card__title",children:t.title}):null,[t.title]),u=e(()=>t.subTitle?l("p",{className:"k-card__sub-title",children:t.subTitle}):null,[t.subTitle]);return h("div",{id:t.id,className:`k-card ${d}`,style:n,onClick:t.onClick,children:[c,u,t.children]})};a.displayName="KCard",a.defaultProps={borderRadius:m};export default o(a);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KCard.js","sourceRoot":"","sources":["../../../../../src/components/card/KCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";export{default as KCard}from"./KCard";export*from"./KCard.interface";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,cAAc,mBAAmB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";export*from"../components/button";export*from"../components/input/textfield";export*from"../components/icon";export*from"../components/input/select";export*from"../components/input/checkbox";export*from"../components/input/radio";export*from"../components/input/checkbox-group";export*from"../components/input/switch";export*from"../components/drop-holder";export*from"../components/chip";
|
|
1
|
+
"use strict";export*from"../components/button";export*from"../components/input/textfield";export*from"../components/icon";export*from"../components/input/select";export*from"../components/input/checkbox";export*from"../components/input/radio";export*from"../components/input/checkbox-group";export*from"../components/input/switch";export*from"../components/drop-holder";export*from"../components/chip";export*from"../components/card";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{jsx as
|
|
1
|
+
"use strict";import{jsx as t,jsxs as g}from"react/jsx-runtime";import{forwardRef as h,memo as b,useCallback as k,useImperativeHandle as f,useMemo as a,useRef as r}from"react";import{initDisabled as w,initSize as C}from"../../../common/util/variation";const i=h((e,s)=>{const c=r(null);f(s,()=>({toggle(){c.current?.click()}}));const n=a(()=>{const l=[];return e.className&&l.push(e.className),e.value?l.push("k-switch--on"):l.push("k-switch--off"),C(l,"k-switch",e.size,e.large,e.medium,e.small),w(l,"k-switch",e.disabled),l.join(" ")},[e.value,e.className,e.size,e.small,e.medium,e.large,e.disabled]),u=a(()=>({...e.style}),[e.style]),d=a(()=>e.bgColor?{background:e.bgColor}:{},[e.bgColor]),o=a(()=>({backgroundColor:e.toggleColor}),[e.toggleColor]),m=k(()=>{e.onChange(!e.value)},[e.onChange,e.value]);return g("button",{ref:c,id:e.id,role:"switch",style:u,"aria-checked":e.value,"aria-label":"switch",disabled:e.disabled,tabIndex:e.disabled?-1:0,className:`k-switch ${n}`,onClick:m,children:[t("span",{className:"k-switch__active-background",style:d}),t("span",{className:"k-switch__default-background"}),t("span",{className:"k-switch__toggle",style:o})]})});i.defaultProps={},i.displayName="KSwitch";export default b(i);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KSwitch.js","sourceRoot":"","sources":["../../../../../../src/components/input/switch/KSwitch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,UAAU,EAAE,IAAI,EAAO,WAAW,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChH,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGjE,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,KAAmB,EAAE,GAAqB,EAAE,EAAE;IAIxE,MAAM,QAAQ,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEjD,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,MAAM,KAAK,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;KACxC,CAAC,CAAC,CAAC;IAOJ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAE7B,MAAM,KAAK,GAAG,EAAE,CAAC;QAEjB,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAAC,CAAC;QACrD,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAAC,CAAC;aAAM,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAAC,CAAC;QAEtF,QAAQ,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;QAChF,YAAY,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;QAEhD,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"KSwitch.js","sourceRoot":"","sources":["../../../../../../src/components/input/switch/KSwitch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,8 +21,7 @@ export interface KTextFieldProps extends KBaseProp, KSizeProp {
|
|
|
21
21
|
onChange?: (value: string) => void;
|
|
22
22
|
onFocus?: () => void;
|
|
23
23
|
onBlur?: () => void;
|
|
24
|
-
|
|
25
|
-
onKeyUp?: (e?: KeyboardEvent<HTMLInputElement>) => void;
|
|
24
|
+
onKeyDownEnter?: (e?: KeyboardEvent<HTMLInputElement>) => void;
|
|
26
25
|
width?: string;
|
|
27
26
|
fullWidth?: boolean;
|
|
28
27
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{jsx as i,jsxs as n}from"react/jsx-runtime";import{forwardRef as I,memo as
|
|
1
|
+
"use strict";import{jsx as i,jsxs as n}from"react/jsx-runtime";import{forwardRef as I,memo as K,useCallback as t,useId as S,useImperativeHandle as F,useMemo as a,useRef as j,useState as h}from"react";import{initDisabled as P,initSize as $}from"../../../common/util/variation";import{KIcon as u}from"../../../components";const f=I((e,r)=>{const c=j(null),s=`k-text-field-input-${S()}`,[d,w]=h(!1),[m,b]=h(!1);F(r,()=>({focus:()=>{c.current?.focus()},blur:()=>{c.current?.blur()},validate:()=>{},value:e.value}));const x=a(()=>{const l=[];if(e.className&&l.push(e.className),$(l,"k-text-field",e.size,e.large,e.medium,e.small),P(l,"k-text-field",e.disabled),e.labelDirection&&(e.row||e.column))throw Error("Error: labelDirection and row or column attributes cannot be duplicated.");return e.labelDirection&&l.push(`k-text-field--${e.labelDirection}`),e.column&&l.push("k-text-field--column"),e.row&&l.push("k-text-field--row"),!e.labelDirection&&!e.column&&!e.row&&l.push("k-text-field--column"),e.password&&l.push("k-text-field__input--password"),e.clearable&&l.push("k-text-field__input--clearable"),l.join(" ")},[e.className,e.large,e.medium,e.small,e.size,e.disabled,e.password,e.labelDirection,e.column,e.row]),k=a(()=>{const l=e.style||{};return e.width&&(l.width=e.width),e.fullWidth&&(l.width="100%"),l},[e.style,e.fullWidth]),z=a(()=>{const l=[];return e.label?(m&&l.push("k-text-field__label__text--focus"),l.join(" ")):""},[e.label,m]),g=a(()=>{if(e.size==="large"||e.large||!e.size||e.size==="medium"||e.medium)return 16;if(e.size==="small"||e.small)return 14},[e.size]),o=a(()=>{if(e.size==="large"||e.large)return 22;if(!e.size||e.size==="medium"||e.medium)return 20;if(e.size==="small"||e.small)return 18},[e.size]),v=t(l=>{const E=l.target.value;e.onChange&&e.onChange(E)},[]),y=t(()=>{e.label&&b(!0)},[e.label]),D=t(()=>{e.label&&b(!1)},[e.label]),C=t(()=>{e.clearable&&e.onChange&&e.onChange("")},[e.clearable]),_=t(()=>{w(l=>!l)},[e.password,d]),N=t(l=>{l.nativeEvent.isComposing||(l.key==="Enter"||l.key==="")&&e.onKeyDownEnter&&e.onKeyDownEnter(l)},[e.onKeyDownEnter]);return n("div",{className:`k-text-field ${x}`,style:k,children:[n("div",{className:"k-text-field__label__container",children:[e.label&&n("label",{htmlFor:e.id?e.id:s,className:`k-text-field__label__text ${z}`,children:[e.label,e.required&&i("span",{className:"k-text-field__label__text__required",children:"*"})]}),e.rightAction&&(!e.labelDirection&&!e.row||e.labelDirection==="column"&&!e.column||!e.labelDirection&&e.column)&&i("div",{className:"k-text-field__label__right-action",children:e.rightAction})]}),n("div",{className:"k-text-field__input__container",children:[i("input",{id:e.id?e.id:s,ref:c,className:"k-text-field__input",type:e.password&&!d?"password":"input",value:e.value,onChange:v,onFocus:y,onBlur:D,onKeyDown:N,disabled:e.disabled,placeholder:e.placeholder,maxLength:e.maxLength}),e.password&&(d?i(u,{className:"k-text-field__icon",icon:"visibility_off",size:o,clickable:!0,onClick:_,disabled:e.disabled}):i(u,{className:"k-text-field__icon",icon:"visibility",size:o,clickable:!0,onClick:_,disabled:e.disabled})),e.clearable&&e.value&&i(u,{className:"k-text-field__icon",icon:"close",size:g,clickable:!0,onClick:C,disabled:e.disabled})]})]})});f.displayName="KTextField",f.defaultProps={};export default K(f);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KTextField.js","sourceRoot":"","sources":["../../../../../../src/components/input/textfield/KTextField.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"KTextField.js","sourceRoot":"","sources":["../../../../../../src/components/input/textfield/KTextField.tsx"],"names":[],"mappings":"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"}
|
package/lib/styles/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}.k-ripple{position:absolute;opacity:.1;border-radius:50%}@keyframes ripple-effect{0%{transform:scale(.1);opacity:.32}to{transform:scale(1);opacity:.1}}.k-spinner--loading{display:inline-block;border:3px solid #FFF;border-bottom-color:#ff3d00;border-radius:50%;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.k-button{position:relative;display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;background:transparent;border-radius:3px;overflow:hidden;cursor:pointer;user-select:none;transition-duration:.3s;transition-timing-function:ease}.k-button[disabled]{cursor:not-allowed}.k-button .k-button__content{white-space:nowrap}.k-button.k-button--default{color:#333;border-color:#ccc;background:#fff}.k-button.k-button--default:hover{border-color:#7a7a7a;background:#ebebeb}.k-button.k-button--default[disabled]{color:#959595;border-color:#ccc;background:#f5f5f5}.k-button.k-button--default .k-spinner--loading{border:3px solid #e6e6e6;border-bottom-color:#b3b3b3}.k-button.k-button--contained{color:#fff;border-color:#068fff;background:#068fff}.k-button.k-button--contained:hover{border-color:#0084f0;background:#0084f0}.k-button.k-button--contained[disabled]{color:#959595;border-color:#008afb;background:#008afb}.k-button.k-button--contained .k-spinner--loading{border:3px solid #e6e6e6;border-bottom-color:#b3b3b3}.k-button.k-button--outlined{color:#068fff;border-color:#068fff;background:#fff}.k-button.k-button--outlined:hover{border-color:#0084f0;background:#ebebeb}.k-button.k-button--outlined[disabled]{color:#008afb;border-color:#008afb;background:#f5f5f5}.k-button.k-button--outlined .k-spinner--loading{border:3px solid #e6e6e6;border-bottom-color:#068fff}.k-button.k-button--loading{pointer-events:none}.k-button.k-button--loading .k-button__content{opacity:0}.k-button.k-button--loading:focus-within{outline:none}.k-button.k-button--loading .k-button__loading__container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.k-button.k-button--disabled:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000001a}.k-button.k-button--large{height:36px;padding:0 24px}.k-button.k-button--large .k-button__content{font-size:18px;line-height:24px;font-weight:400}.k-button.k-button--large .k-spinner--loading{width:24px;height:24px}.k-button.k-button--medium{height:32px;padding:0 16px}.k-button.k-button--medium .k-button__content{font-size:16px;line-height:22px;font-weight:400}.k-button.k-button--medium .k-spinner--loading{width:18px;height:18px}.k-button.k-button--small{height:28px;padding:0 12px}.k-button.k-button--small .k-button__content{font-size:14px;line-height:20px;font-weight:400}.k-button.k-button--small .k-spinner--loading{width:16px;height:16px}.dark .k-button.k-button--default{color:#fff;border-color:#4d4d4d;background:#212121}.dark .k-button.k-button--default:hover{border-color:#5f5f5f;background:#373737}.dark .k-button.k-button--default[disabled]{color:#666;border-color:#5b5b5b;background:#333}.dark .k-button.k-button--default .k-spinner--loading{border:3px solid #4d4d4d;border-bottom-color:gray}.dark .k-button.k-button--contained[disabled]{color:#959595;border-color:#008afb;background:#008afb}.dark .k-button.k-button--contained .k-spinner--loading{border:3px solid #b3b3b3;border-bottom-color:#4d4d4d}.dark .k-button.k-button--outlined{background:#212121}.dark .k-button.k-button--outlined[disabled]{color:#008afb;background:#333}.dark .k-button.k-button--outlined .k-spinner--loading{border:3px solid #4d4d4d;border-bottom-color:#068fff}.k-text-field{display:flex;gap:6px;min-width:280px;font-size:0;width:300px}.k-text-field .k-text-field__label__container{display:flex;justify-content:space-between;align-items:center;padding:0 2px}.k-text-field .k-text-field__label__container .k-text-field__label__text{display:inline-flex;justify-content:flex-start;align-items:center;gap:2px;white-space:nowrap;color:#333}.k-text-field .k-text-field__label__container .k-text-field__label__text .k-text-field__label__text__required{color:#ed2b2a}.k-text-field .k-text-field__label__container .k-text-field__label__text.k-text-field__label__text--focus{color:#068fff;transition-property:color;transition-duration:.3s;transition-timing-function:ease}.k-text-field.k-text-field--column{flex-direction:column}.k-text-field.k-text-field--row{flex-direction:row;gap:16px}.k-text-field.k-text-field--row .k-text-field__label__container{display:flex;justify-content:flex-start;align-items:center}.k-text-field .k-text-field__input__container{display:inline-flex;justify-content:center;align-items:center;width:100%;border:1px solid #cccccc;border-radius:3px;background:#fff;caret-color:#333;transition-property:border-color;transition-duration:.3s;transition-timing-function:ease}.k-text-field .k-text-field__input__container:hover,.k-text-field .k-text-field__input__container:focus-within{border-color:#0084f0}.k-text-field .k-text-field__input__container .k-text-field__input{width:100%;padding:0;border:none;outline:none;background-color:transparent;color:#333;transition-duration:.3s;transition-timing-function:ease}.k-text-field .k-text-field__input__container .k-text-field__input::placeholder{color:#b3b3b3}.k-text-field .k-text-field__input__container .k-text-field__icon{margin-left:8px}.k-text-field.k-text-field--disabled .k-text-field__input__container{background:#f5f5f5;cursor:not-allowed}.k-text-field.k-text-field--disabled .k-text-field__input__container:hover{border-color:#ccc}.k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input{color:#959595;background:#f5f5f5;cursor:not-allowed}.k-text-field.k-text-field__input--password.k-text-field--large .k-text-field__input__container>.k-text-field__input{letter-spacing:4px}.k-text-field.k-text-field__input--password.k-text-field--medium .k-text-field__input__container>.k-text-field__input{letter-spacing:2px}.k-text-field.k-text-field__input--password.k-text-field--small .k-text-field__input__container>.k-text-field__input{letter-spacing:1px}.k-text-field.k-text-field--large .k-text-field__label__container .k-text-field__label__text{font-size:16px;line-height:22px;font-weight:400}.k-text-field.k-text-field--large .k-text-field__input__container{padding:10px 16px}.k-text-field.k-text-field--large .k-text-field__input__container .k-text-field__input{font-size:18px;line-height:24px;font-weight:400}.k-text-field.k-text-field--medium .k-text-field__label__container .k-text-field__label__text{font-size:14px;line-height:20px;font-weight:400}.k-text-field.k-text-field--medium .k-text-field__input__container{padding:8px 12px}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__input{font-size:16px;line-height:22px;font-weight:400}.k-text-field.k-text-field--small .k-text-field__label__container .k-text-field__label__text{font-size:12px;line-height:18px;font-weight:400}.k-text-field.k-text-field--small .k-text-field__input__container{padding:6px 8px}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__input{font-size:14px;line-height:20px;font-weight:400}.dark .k-text-field.k-text-field--row .k-text-field__label__container .k-text-field__label__text,.dark .k-text-field.k-text-field--column .k-text-field__label__container .k-text-field__label__text{color:#ccc}.dark .k-text-field.k-text-field--row .k-text-field__label__container .k-text-field__label__text.k-text-field__label__text--focus,.dark .k-text-field.k-text-field--column .k-text-field__label__container .k-text-field__label__text.k-text-field__label__text--focus{color:#068fff;transition-property:color;transition-duration:.3s;transition-timing-function:ease}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container{background:#333}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container:hover{border-color:#4d4d4d}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input{color:#666;background:#333}.dark .k-text-field .k-text-field__input__container{border:1px solid #4d4d4d;border-radius:3px;background:#212121;caret-color:#fff;font-size:0}.dark .k-text-field .k-text-field__input__container:hover,.dark .k-text-field .k-text-field__input__container:focus-within{border-color:#0084f0}.dark .k-text-field .k-text-field__input__container .k-text-field__input{color:#ccc}.dark .k-text-field .k-text-field__input__container .k-text-field__input::placeholder{color:#626262}.k-select{position:relative;display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:80px;border:1px solid #cccccc;border-radius:3px;background:#fff;white-space:nowrap;cursor:pointer;user-select:none;transition-property:border-color;transition-duration:.3s;transition-timing-function:ease}.k-select:hover{border-color:#068fff}.k-select.k-select--disabled{color:#959595;background:#f5f5f5;cursor:not-allowed}.k-select.k-select--disabled:hover{border-color:#ccc}.k-select .k-select__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-select .k-select__label-text__placeholder{color:#b3b3b3}.k-select .k-select__current__label__arrow-icon{transition-duration:.3s;transition-timing-function:ease}.k-select.k-select--open .k-select__current__label__arrow-icon{transform:rotate(180deg)}.k-select.k-select--open .k-select__menu-list{height:auto}.k-select .k-select__menu-list{position:absolute;top:calc(100% + 8px);left:0;width:100%;height:0;border:1px solid #cccccc;background-color:#fff;border-radius:3px;overflow:hidden;z-index:10}.k-select .k-select__menu-list .k-select__menu-list__item{width:100%;white-space:nowrap;cursor:pointer;border-bottom:1px solid #e6e6e6}.k-select .k-select__menu-list .k-select__menu-list__item:hover{background:#ebebeb}.k-select .k-select__menu-list .k-select__menu-list__item:last-child{border:none}.k-select .k-select__menu-list .k-select__menu-list__item-no-data{color:#b3b3b3}.k-select.k-select--large,.k-select.k-select--large+.k-select__template{padding:6px 10px 6px 16px;font-size:18px;line-height:24px;font-weight:400}.k-select.k-select--large .k-select__menu-list .k-select__menu-list__item{padding:6px 16px}.k-select.k-select--medium,.k-select.k-select--medium+.k-select__template{padding:6px 8px 6px 14px;font-size:16px;line-height:22px;font-weight:400}.k-select.k-select--medium .k-select__menu-list .k-select__menu-list__item{padding:6px 14px}.k-select.k-select--small,.k-select.k-select--small+.k-select__template{padding:6px 6px 6px 12px;font-size:14px;line-height:20px;font-weight:400}.k-select.k-select--small .k-select__menu-list .k-select__menu-list__item{padding:6px 10px}.dark .k-select{color:#ccc;border:1px solid #4d4d4d;border-radius:3px;background:#212121}.dark .k-select.k-select--disabled{color:#666;background:#333}.dark .k-select.k-select--disabled:hover{border-color:#4d4d4d}.dark .k-select .k-select__menu-list{border-color:#4d4d4d;background-color:#212121}.dark .k-select .k-select__menu-list .k-select__menu-list__item{border-color:#333}.dark .k-select .k-select__menu-list .k-select__menu-list__item:hover{background:#373737}.k-checkbox{display:inline-block;font-size:0;overflow:hidden;user-select:none}.k-checkbox.k-checkbox--disabled .k-checkbox__container{cursor:not-allowed}.k-checkbox.k-checkbox--disabled .k-checkbox__container .k-icon{fill:#959595}.k-checkbox.k-checkbox--disabled .k-checkbox__container .k-checkbox__container__label{color:#959595}.k-checkbox .k-checkbox__container{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.k-checkbox .k-checkbox__container .k-checkbox__container__input{position:absolute;z-index:-9999;top:-9999px;left:-9999px;opacity:0}.k-checkbox .k-checkbox__container .k-icon{color:#333}.k-checkbox .k-checkbox__container .k-checkbox__container__label{position:relative;top:1px;color:#333}.k-checkbox.k-checkbox--large .k-checkbox__container .k-checkbox__container__label{font-size:18px;line-height:24px;font-weight:400}.k-checkbox.k-checkbox--medium .k-checkbox__container .k-checkbox__container__label{font-size:16px;line-height:22px;font-weight:400}.k-checkbox.k-checkbox--small .k-checkbox__container .k-checkbox__container__label{font-size:14px;line-height:20px;font-weight:400}.dark .k-checkbox.k-checkbox--disabled{color:#666}.dark .k-checkbox.k-checkbox--disabled .k-checkbox__container{cursor:not-allowed}.dark .k-checkbox.k-checkbox--disabled .k-checkbox__container .k-icon{fill:#666}.dark .k-checkbox.k-checkbox--disabled .k-checkbox__container .k-checkbox__container__label{color:#666}.dark .k-checkbox .k-checkbox__container{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.dark .k-checkbox .k-checkbox__container .k-checkbox__container__input{position:absolute;z-index:-9999;top:-9999px;left:-9999px;opacity:0}.dark .k-checkbox .k-checkbox__container .k-icon,.dark .k-checkbox .k-checkbox__container .k-checkbox__container__label{color:#ccc}.k-checkbox-group{display:inline-flex;justify-content:space-between;align-items:center;gap:8px}.k-checkbox-group.k-checkbox-group--row{flex-direction:row}.k-checkbox-group.k-checkbox-group--column{flex-direction:column;align-items:flex-start}.k-checkbox-group.k-checkbox-group--small{gap:12px}.k-checkbox-group.k-checkbox-group--medium{gap:14px}.k-checkbox-group.k-checkbox-group--large{gap:16px}.k-radio{display:inline-block;font-size:0;overflow:hidden;user-select:none}.k-radio.k-radio--disabled .k-radio__container{cursor:not-allowed}.k-radio.k-radio--disabled .k-radio__container .k-icon{fill:#959595}.k-radio.k-radio--disabled .k-radio__container .k-radio__container__label{color:#959595}.k-radio .k-radio__container{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.k-radio .k-radio__container .k-radio__container__input{position:absolute;z-index:-9999;top:-9999px;left:-9999px;opacity:0}.k-radio .k-radio__container .k-icon{color:#333}.k-radio .k-radio__container .k-radio__container__label{position:relative;top:1px;color:#333}.k-radio.k-radio--large .k-radio__container .k-radio__container__label{font-size:18px;line-height:24px;font-weight:400}.k-radio.k-radio--medium .k-radio__container .k-radio__container__label{font-size:16px;line-height:22px;font-weight:400}.k-radio.k-radio--small .k-radio__container .k-radio__container__label{font-size:14px;line-height:20px;font-weight:400}.dark .k-radio.k-radio--disabled{color:#666}.dark .k-radio.k-radio--disabled .k-radio__container{cursor:not-allowed}.dark .k-radio.k-radio--disabled .k-radio__container .k-icon{fill:#666}.dark .k-radio.k-radio--disabled .k-radio__container .k-radio__container__label{color:#666}.dark .k-radio .k-radio__container{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.dark .k-radio .k-radio__container .k-radio__container__input{position:absolute;z-index:-9999;top:-9999px;left:-9999px;opacity:0}.dark .k-radio .k-radio__container .k-icon,.dark .k-radio .k-radio__container .k-radio__container__label{color:#ccc}.k-switch{position:relative;border:none;background:#f2f2f2;cursor:pointer;padding:0;transition:background-color .24s ease;overflow:hidden}.k-switch.k-switch--on{background:#068fff}.k-switch.k-switch--disabled{cursor:not-allowed}.k-switch.k-switch--disabled:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.16;z-index:1}.k-switch .k-switch__toggle{position:absolute;font-size:0;background:#fff;border-radius:50%;transition:left .3s ease}.k-switch.k-switch--large{width:62px;height:34px;border-radius:17px}.k-switch.k-switch--large .k-switch__toggle{width:28px;height:28px}.k-switch.k-switch--large.k-switch--on .k-switch__toggle{top:3px;left:calc(100% - 31px)}.k-switch.k-switch--large.k-switch--off .k-switch__toggle{top:3px;left:3px}.k-switch.k-switch--medium{width:54px;height:30px;border-radius:15px}.k-switch.k-switch--medium .k-switch__toggle{width:24px;height:24px}.k-switch.k-switch--medium.k-switch--on .k-switch__toggle{top:3px;left:calc(100% - 27px)}.k-switch.k-switch--medium.k-switch--off .k-switch__toggle{top:3px;left:3px}.k-switch.k-switch--small{width:48px;height:26px;border-radius:13px}.k-switch.k-switch--small .k-switch__toggle{width:20px;height:20px}.k-switch.k-switch--small.k-switch--on .k-switch__toggle{top:3px;left:calc(100% - 23px)}.k-switch.k-switch--small.k-switch--off .k-switch__toggle{top:3px;left:3px}.k-icon{user-select:none;fill:#333}.k-icon.k-icon--clickable{cursor:pointer}.k-icon.k-icon--disabled{cursor:not-allowed}.k-icon svg{width:100%;height:100%}.k-icon.k-icon--large svg{font-size:42px;width:42px;height:42px}.k-icon.k-icon--medium svg{font-size:36px;width:36px;height:36px}.k-icon.k-icon--small svg{font-size:28px;width:28px;height:28px}.dark .k-icon{fill:#ccc}.k-drop-holder{display:inline-block;font-size:0;cursor:pointer}.k-drop-holder__anchor__wrapper .k-drop-holder__anchor__container{padding:12px;border:1px solid #000}.k-chip{position:relative;display:flex;justify-content:space-between;align-items:center;border-width:1px;border-style:solid;cursor:pointer;overflow:hidden;user-select:none}.k-chip.k-chip--disabled{cursor:not-allowed}.k-chip.k-chip--contained{color:#fff;border:none;background-color:#068fff}.k-chip.k-chip--contained .k-icon{fill:#fff}.k-chip.k-chip--contained.k-chip--disabled{color:#959595;background-color:#008afb}.k-chip.k-chip--contained.k-chip--disabled .k-icon{fill:#959595}.k-chip.k-chip--outlined{color:#068fff;border-color:#068fff}.k-chip.k-chip--outlined .k-icon{fill:#068fff}.k-chip.k-chip--outlined.k-chip--disabled{color:#008afb;background-color:#f5f5f5}.k-chip.k-chip--default{color:#999;border-color:#ccc;background-color:#fff}.k-chip.k-chip--default .k-icon{fill:#999}.k-chip.k-chip--default.k-chip--disabled{color:#959595;border-color:#959595;background-color:#f5f5f5}.k-chip.k-chip--default.k-chip--disabled .k-icon{fill:#959595}.k-chip.k-chip--large{gap:4px;height:30px;padding:6px 10px;border-radius:3px}.k-chip.k-chip--large .k-chip__label{font-size:18px}.k-chip.k-chip--large.k-chip--closeable{padding-right:12px}.k-chip.k-chip--large.k-chip--rounded{border-radius:15px}.k-chip.k-chip--medium{gap:2px;height:28px;padding:2px 10px;border-radius:3px}.k-chip.k-chip--medium .k-chip__label{font-size:16px}.k-chip.k-chip--medium.k-chip--closeable{padding-right:8px}.k-chip.k-chip--medium.k-chip--rounded{border-radius:14px}.k-chip.k-chip--small{gap:2px;height:26px;padding:2px 8px;border-radius:3px}.k-chip.k-chip--small .k-chip__label{font-size:14px}.k-chip.k-chip--small.k-chip--closeable{padding-right:8px}.k-chip.k-chip--small.k-chip--rounded{border-radius:13px}
|
|
1
|
+
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}.k-ripple{position:absolute;opacity:.1;border-radius:50%}@keyframes ripple-effect{0%{transform:scale(.1);opacity:.32}to{transform:scale(1);opacity:.1}}.k-spinner--loading{display:inline-block;border:3px solid #FFF;border-bottom-color:#ff3d00;border-radius:50%;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.k-button{position:relative;display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;background:transparent;border-radius:3px;overflow:hidden;cursor:pointer;user-select:none;transition-duration:.3s;transition-timing-function:ease}.k-button[disabled]{cursor:not-allowed}.k-button .k-button__content{white-space:nowrap}.k-button.k-button--default{color:#333;border-color:#ccc;background:#fff}.k-button.k-button--default:hover{border-color:#7a7a7a;background:#ebebeb}.k-button.k-button--default[disabled]{color:#959595;border-color:#ccc;background:#f5f5f5}.k-button.k-button--default .k-spinner--loading{border:3px solid #e6e6e6;border-bottom-color:#b3b3b3}.k-button.k-button--contained{color:#fff;border-color:#068fff;background:#068fff}.k-button.k-button--contained:hover{border-color:#0084f0;background:#0084f0}.k-button.k-button--contained[disabled]{color:#959595;border-color:#008afb;background:#008afb}.k-button.k-button--contained .k-spinner--loading{border:3px solid #e6e6e6;border-bottom-color:#b3b3b3}.k-button.k-button--outlined{color:#068fff;border-color:#068fff;background:#fff}.k-button.k-button--outlined:hover{border-color:#0084f0;background:#ebebeb}.k-button.k-button--outlined[disabled]{color:#008afb;border-color:#008afb;background:#f5f5f5}.k-button.k-button--outlined .k-spinner--loading{border:3px solid #e6e6e6;border-bottom-color:#068fff}.k-button.k-button--loading{pointer-events:none}.k-button.k-button--loading .k-button__content{opacity:0}.k-button.k-button--loading:focus-within{outline:none}.k-button.k-button--loading .k-button__loading__container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.k-button.k-button--disabled:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000001a}.k-button.k-button--large{height:36px;padding:0 24px}.k-button.k-button--large .k-button__content{font-size:18px;line-height:24px;font-weight:400}.k-button.k-button--large .k-spinner--loading{width:24px;height:24px}.k-button.k-button--medium{height:32px;padding:0 16px}.k-button.k-button--medium .k-button__content{font-size:16px;line-height:22px;font-weight:400}.k-button.k-button--medium .k-spinner--loading{width:18px;height:18px}.k-button.k-button--small{height:28px;padding:0 12px}.k-button.k-button--small .k-button__content{font-size:14px;line-height:20px;font-weight:400}.k-button.k-button--small .k-spinner--loading{width:16px;height:16px}.dark .k-button.k-button--default{color:#fff;border-color:#4d4d4d;background:#212121}.dark .k-button.k-button--default:hover{border-color:#5f5f5f;background:#373737}.dark .k-button.k-button--default[disabled]{color:#666;border-color:#5b5b5b;background:#333}.dark .k-button.k-button--default .k-spinner--loading{border:3px solid #4d4d4d;border-bottom-color:gray}.dark .k-button.k-button--contained[disabled]{color:#959595;border-color:#008afb;background:#008afb}.dark .k-button.k-button--contained .k-spinner--loading{border:3px solid #b3b3b3;border-bottom-color:#4d4d4d}.dark .k-button.k-button--outlined{background:#212121}.dark .k-button.k-button--outlined[disabled]{color:#008afb;background:#333}.dark .k-button.k-button--outlined .k-spinner--loading{border:3px solid #4d4d4d;border-bottom-color:#068fff}.k-text-field{display:flex;gap:6px;min-width:280px;font-size:0;width:300px}.k-text-field .k-text-field__label__container{display:flex;justify-content:space-between;align-items:center;padding:0 2px}.k-text-field .k-text-field__label__container .k-text-field__label__text{display:inline-flex;justify-content:flex-start;align-items:center;gap:2px;white-space:nowrap;color:#333}.k-text-field .k-text-field__label__container .k-text-field__label__text .k-text-field__label__text__required{color:#ed2b2a}.k-text-field .k-text-field__label__container .k-text-field__label__text.k-text-field__label__text--focus{color:#068fff;transition-property:color;transition-duration:.3s;transition-timing-function:ease}.k-text-field.k-text-field--column{flex-direction:column}.k-text-field.k-text-field--row{flex-direction:row;gap:16px}.k-text-field.k-text-field--row .k-text-field__label__container{display:flex;justify-content:flex-start;align-items:center}.k-text-field .k-text-field__input__container{display:inline-flex;justify-content:center;align-items:center;width:100%;border:1px solid #cccccc;border-radius:3px;background:#fff;caret-color:#333;transition-property:border-color;transition-duration:.3s;transition-timing-function:ease}.k-text-field .k-text-field__input__container:hover,.k-text-field .k-text-field__input__container:focus-within{border-color:#0084f0}.k-text-field .k-text-field__input__container .k-text-field__input{width:100%;padding:0;border:none;outline:none;background-color:transparent;color:#333;transition-duration:.3s;transition-timing-function:ease}.k-text-field .k-text-field__input__container .k-text-field__input::placeholder{color:#b3b3b3}.k-text-field .k-text-field__input__container .k-text-field__icon{margin-left:8px}.k-text-field.k-text-field--disabled .k-text-field__input__container{background:#f5f5f5;cursor:not-allowed}.k-text-field.k-text-field--disabled .k-text-field__input__container:hover{border-color:#ccc}.k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input{color:#959595;background:#f5f5f5;cursor:not-allowed}.k-text-field.k-text-field__input--password.k-text-field--large .k-text-field__input__container>.k-text-field__input{letter-spacing:4px}.k-text-field.k-text-field__input--password.k-text-field--medium .k-text-field__input__container>.k-text-field__input{letter-spacing:2px}.k-text-field.k-text-field__input--password.k-text-field--small .k-text-field__input__container>.k-text-field__input{letter-spacing:1px}.k-text-field.k-text-field--large .k-text-field__label__container .k-text-field__label__text{font-size:16px;line-height:22px;font-weight:400}.k-text-field.k-text-field--large .k-text-field__input__container{padding:10px 16px}.k-text-field.k-text-field--large .k-text-field__input__container .k-text-field__input{font-size:18px;line-height:24px;font-weight:400}.k-text-field.k-text-field--medium .k-text-field__label__container .k-text-field__label__text{font-size:14px;line-height:20px;font-weight:400}.k-text-field.k-text-field--medium .k-text-field__input__container{padding:8px 12px}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__input{font-size:16px;line-height:22px;font-weight:400}.k-text-field.k-text-field--small .k-text-field__label__container .k-text-field__label__text{font-size:12px;line-height:18px;font-weight:400}.k-text-field.k-text-field--small .k-text-field__input__container{padding:6px 8px}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__input{font-size:14px;line-height:20px;font-weight:400}.dark .k-text-field.k-text-field--row .k-text-field__label__container .k-text-field__label__text,.dark .k-text-field.k-text-field--column .k-text-field__label__container .k-text-field__label__text{color:#ccc}.dark .k-text-field.k-text-field--row .k-text-field__label__container .k-text-field__label__text.k-text-field__label__text--focus,.dark .k-text-field.k-text-field--column .k-text-field__label__container .k-text-field__label__text.k-text-field__label__text--focus{color:#068fff;transition-property:color;transition-duration:.3s;transition-timing-function:ease}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container{background:#333}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container:hover{border-color:#4d4d4d}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input{color:#666;background:#333}.dark .k-text-field .k-text-field__input__container{border:1px solid #4d4d4d;border-radius:3px;background:#212121;caret-color:#fff;font-size:0}.dark .k-text-field .k-text-field__input__container:hover,.dark .k-text-field .k-text-field__input__container:focus-within{border-color:#0084f0}.dark .k-text-field .k-text-field__input__container .k-text-field__input{color:#ccc}.dark .k-text-field .k-text-field__input__container .k-text-field__input::placeholder{color:#626262}.k-select{position:relative;display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:80px;border:1px solid #cccccc;border-radius:3px;background:#fff;white-space:nowrap;cursor:pointer;user-select:none;transition-property:border-color;transition-duration:.3s;transition-timing-function:ease}.k-select:hover{border-color:#068fff}.k-select.k-select--disabled{color:#959595;background:#f5f5f5;cursor:not-allowed}.k-select.k-select--disabled:hover{border-color:#ccc}.k-select .k-select__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-select .k-select__label-text__placeholder{color:#b3b3b3}.k-select .k-select__current__label__arrow-icon{transition-duration:.3s;transition-timing-function:ease}.k-select.k-select--open .k-select__current__label__arrow-icon{transform:rotate(180deg)}.k-select.k-select--open .k-select__menu-list{height:auto}.k-select .k-select__menu-list{position:absolute;top:calc(100% + 8px);left:0;width:100%;height:0;border:1px solid #cccccc;background-color:#fff;border-radius:3px;overflow:hidden;z-index:10}.k-select .k-select__menu-list .k-select__menu-list__item{width:100%;white-space:nowrap;cursor:pointer;border-bottom:1px solid #e6e6e6}.k-select .k-select__menu-list .k-select__menu-list__item:hover{background:#ebebeb}.k-select .k-select__menu-list .k-select__menu-list__item:last-child{border:none}.k-select .k-select__menu-list .k-select__menu-list__item-no-data{color:#b3b3b3}.k-select.k-select--large,.k-select.k-select--large+.k-select__template{padding:6px 10px 6px 16px;font-size:18px;line-height:24px;font-weight:400}.k-select.k-select--large .k-select__menu-list .k-select__menu-list__item{padding:6px 16px}.k-select.k-select--medium,.k-select.k-select--medium+.k-select__template{padding:6px 8px 6px 14px;font-size:16px;line-height:22px;font-weight:400}.k-select.k-select--medium .k-select__menu-list .k-select__menu-list__item{padding:6px 14px}.k-select.k-select--small,.k-select.k-select--small+.k-select__template{padding:6px 6px 6px 12px;font-size:14px;line-height:20px;font-weight:400}.k-select.k-select--small .k-select__menu-list .k-select__menu-list__item{padding:6px 10px}.dark .k-select{color:#ccc;border:1px solid #4d4d4d;border-radius:3px;background:#212121}.dark .k-select.k-select--disabled{color:#666;background:#333}.dark .k-select.k-select--disabled:hover{border-color:#4d4d4d}.dark .k-select .k-select__menu-list{border-color:#4d4d4d;background-color:#212121}.dark .k-select .k-select__menu-list .k-select__menu-list__item{border-color:#333}.dark .k-select .k-select__menu-list .k-select__menu-list__item:hover{background:#373737}.k-checkbox{display:inline-block;font-size:0;overflow:hidden;user-select:none}.k-checkbox.k-checkbox--disabled .k-checkbox__container{cursor:not-allowed}.k-checkbox.k-checkbox--disabled .k-checkbox__container .k-icon{fill:#959595}.k-checkbox.k-checkbox--disabled .k-checkbox__container .k-checkbox__container__label{color:#959595}.k-checkbox .k-checkbox__container{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.k-checkbox .k-checkbox__container .k-checkbox__container__input{position:absolute;z-index:-9999;top:-9999px;left:-9999px;opacity:0}.k-checkbox .k-checkbox__container .k-icon{color:#333}.k-checkbox .k-checkbox__container .k-checkbox__container__label{position:relative;top:1px;color:#333}.k-checkbox.k-checkbox--large .k-checkbox__container .k-checkbox__container__label{font-size:18px;line-height:24px;font-weight:400}.k-checkbox.k-checkbox--medium .k-checkbox__container .k-checkbox__container__label{font-size:16px;line-height:22px;font-weight:400}.k-checkbox.k-checkbox--small .k-checkbox__container .k-checkbox__container__label{font-size:14px;line-height:20px;font-weight:400}.dark .k-checkbox.k-checkbox--disabled{color:#666}.dark .k-checkbox.k-checkbox--disabled .k-checkbox__container{cursor:not-allowed}.dark .k-checkbox.k-checkbox--disabled .k-checkbox__container .k-icon{fill:#666}.dark .k-checkbox.k-checkbox--disabled .k-checkbox__container .k-checkbox__container__label{color:#666}.dark .k-checkbox .k-checkbox__container{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.dark .k-checkbox .k-checkbox__container .k-checkbox__container__input{position:absolute;z-index:-9999;top:-9999px;left:-9999px;opacity:0}.dark .k-checkbox .k-checkbox__container .k-icon,.dark .k-checkbox .k-checkbox__container .k-checkbox__container__label{color:#ccc}.k-checkbox-group{display:inline-flex;justify-content:space-between;align-items:center;gap:8px}.k-checkbox-group.k-checkbox-group--row{flex-direction:row}.k-checkbox-group.k-checkbox-group--column{flex-direction:column;align-items:flex-start}.k-checkbox-group.k-checkbox-group--small{gap:12px}.k-checkbox-group.k-checkbox-group--medium{gap:14px}.k-checkbox-group.k-checkbox-group--large{gap:16px}.k-radio{display:inline-block;font-size:0;overflow:hidden;user-select:none}.k-radio.k-radio--disabled .k-radio__container{cursor:not-allowed}.k-radio.k-radio--disabled .k-radio__container .k-icon{fill:#959595}.k-radio.k-radio--disabled .k-radio__container .k-radio__container__label{color:#959595}.k-radio .k-radio__container{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.k-radio .k-radio__container .k-radio__container__input{position:absolute;z-index:-9999;top:-9999px;left:-9999px;opacity:0}.k-radio .k-radio__container .k-icon{color:#333}.k-radio .k-radio__container .k-radio__container__label{position:relative;top:1px;color:#333}.k-radio.k-radio--large .k-radio__container .k-radio__container__label{font-size:18px;line-height:24px;font-weight:400}.k-radio.k-radio--medium .k-radio__container .k-radio__container__label{font-size:16px;line-height:22px;font-weight:400}.k-radio.k-radio--small .k-radio__container .k-radio__container__label{font-size:14px;line-height:20px;font-weight:400}.dark .k-radio.k-radio--disabled{color:#666}.dark .k-radio.k-radio--disabled .k-radio__container{cursor:not-allowed}.dark .k-radio.k-radio--disabled .k-radio__container .k-icon{fill:#666}.dark .k-radio.k-radio--disabled .k-radio__container .k-radio__container__label{color:#666}.dark .k-radio .k-radio__container{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.dark .k-radio .k-radio__container .k-radio__container__input{position:absolute;z-index:-9999;top:-9999px;left:-9999px;opacity:0}.dark .k-radio .k-radio__container .k-icon,.dark .k-radio .k-radio__container .k-radio__container__label{color:#ccc}.k-switch{position:relative;border:none;cursor:pointer;padding:0;overflow:hidden}.k-switch .k-switch__active-background,.k-switch .k-switch__default-background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .24s ease}.k-switch .k-switch__active-background{background-color:#068fff}.k-switch .k-switch__default-background{background-color:#f2f2f2}.k-switch.k-switch--on>.k-switch__active-background{opacity:1}.k-switch.k-switch--on>.k-switch__default-background{opacity:0}.k-switch.k-switch--disabled{cursor:not-allowed}.k-switch.k-switch--disabled:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.16;z-index:1}.k-switch .k-switch__toggle{position:absolute;font-size:0;background:#fff;border-radius:50%;transition:left .3s ease;z-index:1}.k-switch.k-switch--large{width:62px;height:34px;border-radius:18px}.k-switch.k-switch--large .k-switch__toggle{width:28px;height:28px}.k-switch.k-switch--large.k-switch--on .k-switch__toggle{top:3px;left:calc(100% - 31px)}.k-switch.k-switch--large.k-switch--off .k-switch__toggle{top:3px;left:3px}.k-switch.k-switch--medium{width:54px;height:30px;border-radius:16px}.k-switch.k-switch--medium .k-switch__toggle{width:24px;height:24px}.k-switch.k-switch--medium.k-switch--on .k-switch__toggle{top:3px;left:calc(100% - 27px)}.k-switch.k-switch--medium.k-switch--off .k-switch__toggle{top:3px;left:3px}.k-switch.k-switch--small{width:48px;height:26px;border-radius:14px}.k-switch.k-switch--small .k-switch__toggle{width:20px;height:20px}.k-switch.k-switch--small.k-switch--on .k-switch__toggle{top:3px;left:calc(100% - 23px)}.k-switch.k-switch--small.k-switch--off .k-switch__toggle{top:3px;left:3px}.k-icon{user-select:none;fill:#333}.k-icon.k-icon--clickable{cursor:pointer}.k-icon.k-icon--disabled{cursor:not-allowed}.k-icon svg{width:100%;height:100%}.k-icon.k-icon--large svg{font-size:42px;width:42px;height:42px}.k-icon.k-icon--medium svg{font-size:36px;width:36px;height:36px}.k-icon.k-icon--small svg{font-size:28px;width:28px;height:28px}.dark .k-icon{fill:#ccc}.k-drop-holder{display:inline-block;font-size:0;cursor:pointer}.k-drop-holder__anchor__wrapper .k-drop-holder__anchor__container{padding:12px;border:1px solid #000}.k-chip{position:relative;display:flex;justify-content:space-between;align-items:center;border-width:1px;border-style:solid;cursor:pointer;overflow:hidden;user-select:none}.k-chip.k-chip--disabled{cursor:not-allowed}.k-chip.k-chip--contained{color:#fff;border:none;background-color:#068fff}.k-chip.k-chip--contained .k-icon{fill:#fff}.k-chip.k-chip--contained.k-chip--disabled{color:#959595;background-color:#008afb}.k-chip.k-chip--contained.k-chip--disabled .k-icon{fill:#959595}.k-chip.k-chip--outlined{color:#068fff;border-color:#068fff}.k-chip.k-chip--outlined .k-icon{fill:#068fff}.k-chip.k-chip--outlined.k-chip--disabled{color:#008afb;background-color:#f5f5f5}.k-chip.k-chip--default{color:#999;border-color:#ccc;background-color:#fff}.k-chip.k-chip--default .k-icon{fill:#999}.k-chip.k-chip--default.k-chip--disabled{color:#959595;border-color:#959595;background-color:#f5f5f5}.k-chip.k-chip--default.k-chip--disabled .k-icon{fill:#959595}.k-chip.k-chip--large{gap:4px;height:30px;padding:6px 10px;border-radius:3px}.k-chip.k-chip--large .k-chip__label{font-size:18px}.k-chip.k-chip--large.k-chip--closeable{padding-right:12px}.k-chip.k-chip--large.k-chip--rounded{border-radius:15px}.k-chip.k-chip--medium{gap:2px;height:28px;padding:2px 10px;border-radius:3px}.k-chip.k-chip--medium .k-chip__label{font-size:16px}.k-chip.k-chip--medium.k-chip--closeable{padding-right:8px}.k-chip.k-chip--medium.k-chip--rounded{border-radius:14px}.k-chip.k-chip--small{gap:2px;height:26px;padding:2px 8px;border-radius:3px}.k-chip.k-chip--small .k-chip__label{font-size:14px}.k-chip.k-chip--small.k-chip--closeable{padding-right:8px}.k-chip.k-chip--small.k-chip--rounded{border-radius:13px}.k-card{position:relative;display:inline-flex;flex-direction:column;padding:20px;border:1px solid #cccccc;border-radius:3px;min-width:80px}.k-card .k-card__title{font-size:24px;line-height:26px;font-weight:400}.k-card .k-card__title+.k-card__sub-title{margin-top:16px}.k-card .k-card__sub-title{font-size:16px;line-height:22px;font-weight:400}.k-card.k-card__clickable{cursor:pointer;transition-property:box-shadow;transition-duration:.2s;transition-timing-function:ease}.k-card.k-card__clickable:hover{box-shadow:#00000059 0 5px 15px}.k-card.k-card--outlined{border-color:#068fff;color:#068fff}.k-card.k-card--contained{border-color:#068fff;background:#068fff}
|