kku-ui 0.0.469 → 0.0.470
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/lib/esm/src/common/util/lodashUtil.d.ts +1 -1
- package/lib/esm/src/components/card/KCard.d.ts +1 -4
- package/lib/esm/src/components/card/KCard.js +1 -1
- package/lib/esm/src/components/card/KCard.js.map +1 -1
- package/lib/esm/src/components/chip/KChip.interface.d.ts +1 -1
- 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/checkbox-group/KCheckboxGroup.d.ts +1 -7
- package/lib/esm/src/components/input/checkbox-group/KCheckboxGroup.js +1 -1
- package/lib/esm/src/components/input/checkbox-group/KCheckboxGroup.js.map +1 -1
- package/lib/esm/src/components/modal/KModal.d.ts +4 -0
- package/lib/esm/src/components/modal/KModal.interface.d.ts +20 -0
- package/lib/esm/src/components/modal/KModal.interface.js +1 -0
- package/lib/esm/src/components/modal/KModal.interface.js.map +1 -0
- package/lib/esm/src/components/modal/KModal.js +1 -0
- package/lib/esm/src/components/modal/KModal.js.map +1 -0
- package/lib/esm/src/components/modal/index.d.ts +2 -0
- package/lib/esm/src/components/modal/index.js +1 -0
- package/lib/esm/src/components/modal/index.js.map +1 -0
- package/lib/styles/index.css +1 -1
- package/package.json +1 -1
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import { KCardProps } from '../../components/card/KCard.interface';
|
|
2
2
|
declare const _default: import("react").MemoExoticComponent<{
|
|
3
|
-
(
|
|
3
|
+
({ children, id, className, style, title, subTitle, clickable, width, height, color, fontColor, rounded, borderRadius, onClick, variant, contained, outlined }: KCardProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
displayName: string;
|
|
5
|
-
defaultProps: {
|
|
6
|
-
borderRadius: string;
|
|
7
|
-
};
|
|
8
5
|
}>;
|
|
9
6
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{jsx as
|
|
1
|
+
"use strict";import{jsx as x,jsxs as N}from"react/jsx-runtime";import{memo as S,useMemo as a}from"react";import{initVariant as M}from"../../common/util/variation";const C=({children:j,id:h,className:i,style:t,title:l,subTitle:m,clickable:_,width:p,height:d,color:e,fontColor:k,rounded:f,borderRadius:u="8px",onClick:n,variant:s,contained:c,outlined:o})=>{const b=a(()=>{const r=[];return i&&r.push(i),f&&r.push("k-card--rounded"),_&&r.push("k-card__clickable"),M(r,"k-card",s,c,o),r.join(" ")},[i,f,_,s,c,o]),y=a(()=>{const r={...t};return f&&(r.borderRadius=u),p&&(r.width=p),d&&(r.height=d),k&&(r.color=k),(s||c||o)&&((s==="outlined"||o)&&(r.borderColor=e),(s==="contained"||c)&&(r.background=e,r.borderColor="transparent")),r},[t,f,u,p,d,e,k,s,o,c]),z=a(()=>l?x("h2",{className:"k-card__title",children:l}):null,[l]),K=a(()=>m?x("p",{className:"k-card__sub-title",children:m}):null,[m]);return N("div",{id:h,className:`k-card ${b}`,style:y,onClick:n,children:[z,K,j]})};C.displayName="KCard";export default S(C);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KCard.js","sourceRoot":"","sources":["../../../../../src/components/card/KCard.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"KCard.js","sourceRoot":"","sources":["../../../../../src/components/card/KCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGtD,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAC/F,SAAS,EAAE,OAAO,EAAE,YAAY,GAAG,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAc,EAAE,EAAE;IAQjG,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAE7B,MAAM,KAAK,GAAG,EAAE,CAAC;QAEjB,IAAI,SAAS,EAAE,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAAC,CAAC;QACzC,IAAI,OAAO,EAAE,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAAC,CAAC;QAC/C,IAAI,SAAS,EAAE,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAAC,CAAC;QAEnD,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;QAE3D,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAGlE,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAE7B,MAAM,MAAM,GAAkB,EAAE,GAAG,KAAK,EAAE,CAAC;QAE3C,IAAI,OAAO,EAAE,CAAC;YAAC,MAAM,CAAC,YAAY,GAAG,YAAY,CAAC;QAAC,CAAC;QACpD,IAAI,KAAK,EAAE,CAAC;YAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;QAAC,CAAC;QACpC,IAAI,MAAM,EAAE,CAAC;YAAC,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;QAAC,CAAC;QACvC,IAAI,SAAS,EAAE,CAAC;YAAC,MAAM,CAAC,KAAK,GAAG,SAAS,CAAC;QAAC,CAAC;QAE5C,IAAI,OAAO,IAAI,SAAS,IAAI,QAAQ,EAAE,CAAC;YACrC,IAAI,OAAO,KAAK,UAAU,IAAI,QAAQ,EAAE,CAAC;gBACvC,MAAM,CAAC,WAAW,GAAG,KAAK,CAAC;YAC7B,CAAC;YACD,IAAI,OAAO,KAAK,WAAW,IAAI,SAAS,EAAE,CAAC;gBACzC,MAAM,CAAC,UAAU,GAAG,KAAK,CAAC;gBAC1B,MAAM,CAAC,WAAW,GAAG,aAAa,CAAC;YACrC,CAAC;QACH,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;QAC7C,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAQnD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAE9B,KAAK,CAAC,CAAC,CAAC,CAAC,aAAI,SAAS,EAAC,eAAe,YAAE,KAAK,GAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAC5D,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAEjC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CACpE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAKf,OAAO,CAEL,eACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,UAAU,SAAS,EAAE,EAChC,KAAK,EAAE,SAAS,iBACJ,eAAe,EAC3B,OAAO,EAAE,OAAO,aAEf,SAAS,EACT,YAAY,EACZ,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAC5B,eAAe,IAAI,CAAC,KAAK,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { KeyboardEvent, MouseEvent, FocusEvent, ReactNode } from 'react';
|
|
2
2
|
import { KBaseProp, KSizeProp, KVariantProp } from '../../common/base/base.interface';
|
|
3
|
-
export interface KChipProps extends KBaseProp, KSizeProp,
|
|
3
|
+
export interface KChipProps extends KBaseProp, KSizeProp, KVariantProp {
|
|
4
4
|
label?: string;
|
|
5
5
|
children?: ReactNode;
|
|
6
6
|
disabled?: boolean;
|
|
@@ -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";export*from"../components/card";export*from"../components/accordion";
|
|
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";export*from"../components/accordion";export*from"../components/modal";
|
|
@@ -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;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,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;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC"}
|
|
@@ -1,9 +1,3 @@
|
|
|
1
1
|
import { KCheckboxGroupProps } from '../../../components/input/checkbox-group/KCheckboxGroup.interface';
|
|
2
|
-
declare const _default: import("react").MemoExoticComponent<{
|
|
3
|
-
(props: KCheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
defaultProps: {
|
|
5
|
-
item: never[];
|
|
6
|
-
direction: string;
|
|
7
|
-
};
|
|
8
|
-
}>;
|
|
2
|
+
declare const _default: import("react").MemoExoticComponent<({ id, className, style, items, value, color, direction, gap, onChange, size, large, medium, small }: KCheckboxGroupProps) => import("react/jsx-runtime").JSX.Element>;
|
|
9
3
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{jsx as
|
|
1
|
+
"use strict";import{jsx as p}from"react/jsx-runtime";import{memo as j,useCallback as w,useMemo as t}from"react";import{KCheckbox as S}from"../../../components";import{initSize as v}from"../../../common/util/variation";const K=({id:a,className:l,style:u,items:f=[],value:e,color:x,direction:s="row",gap:n,onChange:i,size:h,large:k,medium:d,small:b})=>{const m=t(()=>{const o={...u};return n&&(o.gap=n),u},[u,n]),r=t(()=>{const o=[];return v(o,"k-checkbox-group",h,k,d,b),l&&o.push(l),s==="row"&&o.push("k-checkbox-group--row"),s==="column"&&o.push("k-checkbox-group--column"),o.join(" ")},[l,s,k,d,b,h]),C=w((o,c)=>{i(o?[...e,c]:e.filter(z=>z!==c))},[e,f,i]),g=t(()=>{if(r.includes("small"))return"small";if(r.includes("medium"))return"medium";if(r.includes("large"))return"large"},[r]);return p("div",{id:a,style:m,className:`k-checkbox-group ${r}`,children:f?.map(o=>p(S,{label:o.label,value:e?.includes(o.value),onChange:c=>{C(c,o.value)},size:g,color:x,disabled:o.disabled,defaultCheck:o.defaultCheck},o.value))})};export default j(K);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KCheckboxGroup.js","sourceRoot":"","sources":["../../../../../../src/components/input/checkbox-group/KCheckboxGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"KCheckboxGroup.js","sourceRoot":"","sources":["../../../../../../src/components/input/checkbox-group/KCheckboxGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { KModalProps } from '../../components/modal/KModal.interface';
|
|
2
|
+
declare function KModal({ id, style, isOpen, onClose, title, content, footer, size, large, medium, small, className, isOverlay, overlayOpacity, overlayClosable, rounded, borderRadius, headerClass, contentClass, footerClass, animation, }: KModalProps): import("react/jsx-runtime").JSX.Element | null;
|
|
3
|
+
declare const _default: import("react").MemoExoticComponent<typeof KModal>;
|
|
4
|
+
export default _default;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { KBaseProp, KSizeProp } from '../../common/base/base.interface';
|
|
3
|
+
type KModalAnimation = 'updown' | 'scale';
|
|
4
|
+
export interface KModalProps extends KBaseProp, KSizeProp {
|
|
5
|
+
isOpen: boolean;
|
|
6
|
+
onClose: () => void;
|
|
7
|
+
title: string;
|
|
8
|
+
content: ReactNode;
|
|
9
|
+
footer?: ReactNode;
|
|
10
|
+
isOverlay?: boolean;
|
|
11
|
+
overlayOpacity?: number;
|
|
12
|
+
overlayClosable?: boolean;
|
|
13
|
+
rounded?: boolean;
|
|
14
|
+
borderRadius?: string;
|
|
15
|
+
headerClass?: string;
|
|
16
|
+
contentClass?: string;
|
|
17
|
+
footerClass?: string;
|
|
18
|
+
animation?: KModalAnimation;
|
|
19
|
+
}
|
|
20
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";export{};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KModal.interface.js","sourceRoot":"","sources":["../../../../../src/components/modal/KModal.interface.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";import{jsx as e,jsxs as c}from"react/jsx-runtime";import{memo as L,useCallback as o,useEffect as W,useMemo as a,useRef as q,useState as D}from"react";import{initSize as G}from"../../common/util/variation";const H="k-modal-test-id",J="k-modal__header-test-id",O="k-modal__container-test-id",P="k-modal__close-button-test-id";function Q({id:N,style:w,isOpen:i,onClose:s,title:$,content:j,footer:n,size:_,large:I,medium:S,small:T,className:m,isOverlay:u=!0,overlayOpacity:l,overlayClosable:p,rounded:k,borderRadius:f="8px",headerClass:b,contentClass:C,footerClass:h,animation:r="updown"}){const v=q(null),[z,y]=D(!1),R=a(()=>{const t=[];return G(t,"k-modal__container",_,I,S,T),m&&t.push(m),r&&t.push(`k-modal__container--${r}`),t.join(" ")},[_,r]),g=a(()=>u?"k-modal-wrapper__overlay--active":"k-modal-wrapper__overlay--transparent",[u]),A=a(()=>{const t={};return k&&(t.borderRadius=f),t},[k,f]),B=a(()=>{const t={};return l&&(t.opacity=l.toString()),t},[l]),x=o(()=>{v.current?.classList.add("k-modal__wrapper--close")},[]),d=o(()=>{x(),setTimeout(()=>{s(),y(!1)},300)},[x]),E=o(()=>{y(!0)},[]),M=o(()=>{d()},[s,d]),F=o(()=>{p&&d()},[s,p]),K=a(()=>n&&e("div",{className:`k-modal__container__footer ${h}`,children:n}),[n,h]);return W(()=>{i?E():M()},[i]),z?c("div",{ref:v,id:N,className:"k-modal__wrapper","data-testid":H,style:w,children:[c("div",{className:`k-modal__container ${R}`,style:A,"data-testid":O,children:[c("div",{className:`k-modal__container__header ${b}`,"data-testid":J,children:[e("p",{className:"k-modal__container__header__text",children:$}),e("button",{type:"button",onClick:M,className:"k-modal__container__header__close-button","data-testid":P})]}),e("div",{className:`k-modal__container__content ${C}`,children:j}),K]}),e("div",{style:B,className:`k-modal-wrapper__overlay ${g}`,onClick:F})]}):null}export default L(Q);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KModal.js","sourceRoot":"","sources":["../../../../../src/components/modal/KModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";export{default as KModal}from"./KModal";export*from"./KModal.interface";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,UAAU,CAAC;AAC3C,cAAc,oBAAoB,CAAC"}
|
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;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif;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;width:300px;font-size:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif}.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:24px;font-weight:400}.k-text-field.k-text-field--large .k-text-field__input__container{padding:10px 12px}.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:22px;font-weight:400}.k-text-field.k-text-field--medium .k-text-field__input__container{padding:8px 10px}.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:20px;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;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 10px}.k-select.k-select--medium,.k-select.k-select--medium+.k-select__template{padding:6px 8px 6px 10px;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 8px}.k-select.k-select--small,.k-select.k-select--small+.k-select__template{padding:6px 8px 6px 10px;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 8px}.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;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif;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,.k-checkbox .k-checkbox__container .k-checkbox__container__label{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;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif;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,.k-radio .k-radio__container .k-radio__container__label{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{display:inline-flex;justify-content:center;align-items:center;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;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif;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;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif}.k-card .k-card__title{font-size:32px;line-height:40px;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:24px;font-weight:400}.k-card.k-card__clickable{cursor:pointer;transition-property:box-shadow,transform;transition-duration:.2s;transition-timing-function:ease}.k-card.k-card__clickable:hover{box-shadow:#00000059 0 5px 15px;transform:translateY(-4px)}.k-card.k-card--outlined{border-color:#068fff;color:#068fff}.k-card.k-card--contained{border-color:#068fff;background:#068fff}.k-accordion{border:1px solid #cccccc;border-radius:4px;overflow:hidden}.k-accordion .k-accordion__summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .3s ease;background:#f2f2f2;user-select:none;list-style-type:none}.k-accordion .k-accordion__summary:hover{background:#e6e6e6}.k-accordion .k-accordion__summary::-webkit-details-marker{display:none}.k-accordion .k-accordion__summary .k-accordion__summary__container{display:flex;align-items:center;justify-content:flex-start}.k-accordion .k-accordion__summary .k-accordion__summary__icon{transition-duration:.2s;transition-timing-function:ease}.k-accordion .k-accordion__summary .k-accordion__summary__icon--close{transform:rotate(180deg)}.k-accordion.k-accordion--large{font-size:18px;line-height:24px;font-weight:400}.k-accordion.k-accordion--large .k-accordion__summary,.k-accordion.k-accordion--large .k-accordion__content{padding:16px}.k-accordion.k-accordion--large .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:12px}.k-accordion.k-accordion--medium{font-size:18px;line-height:24px;font-weight:400}.k-accordion.k-accordion--medium .k-accordion__summary,.k-accordion.k-accordion--medium .k-accordion__content{padding:12px 14px}.k-accordion.k-accordion--medium .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:10px}.k-accordion.k-accordion--small{font-size:16px;line-height:22px;font-weight:400}.k-accordion.k-accordion--small .k-accordion__summary,.k-accordion.k-accordion--small .k-accordion__content{padding:8px 12px}.k-accordion.k-accordion--small .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:8px}
|
|
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)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.k-button{position:relative;display:inline-flex;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif;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;width:300px;font-size:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif}.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:24px;font-weight:400}.k-text-field.k-text-field--large .k-text-field__input__container{padding:10px 12px}.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:22px;font-weight:400}.k-text-field.k-text-field--medium .k-text-field__input__container{padding:8px 10px}.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:20px;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;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 10px}.k-select.k-select--medium,.k-select.k-select--medium+.k-select__template{padding:6px 8px 6px 10px;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 8px}.k-select.k-select--small,.k-select.k-select--small+.k-select__template{padding:6px 8px 6px 10px;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 8px}.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;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif;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,.k-checkbox .k-checkbox__container .k-checkbox__container__label{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;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif;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,.k-radio .k-radio__container .k-radio__container__label{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{display:inline-flex;justify-content:center;align-items:center;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;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif;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;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif}.k-card .k-card__title{font-size:32px;line-height:40px;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:24px;font-weight:400}.k-card.k-card__clickable{cursor:pointer;transition-property:box-shadow,transform;transition-duration:.2s;transition-timing-function:ease}.k-card.k-card__clickable:hover{box-shadow:#00000059 0 5px 15px;transform:translateY(-4px)}.k-card.k-card--outlined{border-color:#068fff;color:#068fff}.k-card.k-card--contained{border-color:#068fff;background:#068fff}.k-accordion{border:1px solid #cccccc;border-radius:4px;overflow:hidden}.k-accordion .k-accordion__summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .3s ease;background:#f2f2f2;user-select:none;list-style-type:none}.k-accordion .k-accordion__summary:hover{background:#e6e6e6}.k-accordion .k-accordion__summary::-webkit-details-marker{display:none}.k-accordion .k-accordion__summary .k-accordion__summary__container{display:flex;align-items:center;justify-content:flex-start}.k-accordion .k-accordion__summary .k-accordion__summary__icon{transition-duration:.2s;transition-timing-function:ease}.k-accordion .k-accordion__summary .k-accordion__summary__icon--close{transform:rotate(180deg)}.k-accordion.k-accordion--large{font-size:18px;line-height:24px;font-weight:400}.k-accordion.k-accordion--large .k-accordion__summary,.k-accordion.k-accordion--large .k-accordion__content{padding:16px}.k-accordion.k-accordion--large .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:12px}.k-accordion.k-accordion--medium{font-size:18px;line-height:24px;font-weight:400}.k-accordion.k-accordion--medium .k-accordion__summary,.k-accordion.k-accordion--medium .k-accordion__content{padding:12px 14px}.k-accordion.k-accordion--medium .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:10px}.k-accordion.k-accordion--small{font-size:16px;line-height:22px;font-weight:400}.k-accordion.k-accordion--small .k-accordion__summary,.k-accordion.k-accordion--small .k-accordion__content{padding:8px 12px}.k-accordion.k-accordion--small .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:8px}@keyframes modalUp{0%{transform:translateY(0)}to{transform:translateY(-16px)}}@keyframes modalDown{0%{transform:translateY(-16px)}to{transform:translateY(0)}}@keyframes modalScaleUp{0%{transform:scale(1)}to{transform:scale(1.032)}}@keyframes modalScaleDown{0%{transform:scale(1.032)}to{transform:scale(1)}}.k-modal__wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .24s forwards}.k-modal__wrapper.k-modal__wrapper--close{animation:fadeOut .24s forwards}.k-modal__wrapper.k-modal__wrapper--close .k-modal__container.k-modal__container--updown{animation:modalUp .24s ease-in forwards}.k-modal__wrapper.k-modal__wrapper--close .k-modal__container.k-modal__container--scale{animation:modalScaleUp .24s ease-in forwards}.k-modal__wrapper .k-modal__container{z-index:1002;border-radius:3px;background-color:#fff;box-shadow:#00000059 0 5px 15px;overflow:hidden}.k-modal__wrapper .k-modal__container.k-modal__container--updown{animation:modalDown .24s ease-out forwards}.k-modal__wrapper .k-modal__container.k-modal__container--scale{animation:modalScaleDown .24s ease-out forwards}.k-modal__wrapper .k-modal__container .k-modal__container__header{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid #e6e6e6}.k-modal__wrapper .k-modal__container .k-modal__container__header .k-modal__container__header__text{font-size:20px;line-height:24px;font-weight:700}.k-modal__wrapper .k-modal__container .k-modal__container__header .k-modal__container__header__close-button{position:relative;width:24px;height:24px;background:none;border:none;cursor:pointer}.k-modal__wrapper .k-modal__container .k-modal__container__header .k-modal__container__header__close-button:after,.k-modal__wrapper .k-modal__container .k-modal__container__header .k-modal__container__header__close-button:before{content:"";position:absolute;top:50%;left:50%;width:2px;height:80%;border-radius:1px;transform:translate(-50%,-50%);background-color:#000}.k-modal__wrapper .k-modal__container .k-modal__container__header .k-modal__container__header__close-button:after{transform:translate(-50%,-50%) rotate(45deg)}.k-modal__wrapper .k-modal__container .k-modal__container__header .k-modal__container__header__close-button:before{transform:translate(-50%,-50%) rotate(-45deg)}.k-modal__wrapper .k-modal__container .k-modal__container__content{padding:20px 16px}.k-modal__wrapper .k-modal__container .k-modal__container__footer{display:flex;justify-content:center;align-items:center;gap:8px;padding:0 16px 16px}.k-modal__wrapper .k-modal__container.k-modal__container--large{max-width:1440px;width:100%}.k-modal__wrapper .k-modal__container.k-modal__container--medium{max-width:840px;width:100%}.k-modal__wrapper .k-modal__container.k-modal__container--small{max-width:720px;width:100%}.k-modal__wrapper .k-modal-wrapper__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1001}.k-modal__wrapper .k-modal-wrapper__overlay.k-modal-wrapper__overlay--active{background-color:#000;opacity:.16}.k-modal__wrapper .k-modal-wrapper__overlay.k-modal-wrapper__overlay--transparent{background-color:transparent;opacity:0}@media screen and (max-width: 1440px){.k-modal__wrapper .k-modal__container.k-modal__container--large{max-width:calc(100% - 64px)}}@media screen and (max-width: 840px){.k-modal__wrapper .k-modal__container.k-modal__container--medium{max-width:calc(100% - 48px)}}@media screen and (max-width: 720px){.k-modal__wrapper .k-modal__container.k-modal__container--small{max-width:calc(100% - 32px)}}
|