kku-ui 0.0.510 → 0.0.511
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/base/base.interface.d.ts +0 -8
- package/lib/esm/src/common/base/base.interface.js +1 -1
- package/lib/esm/src/common/base/base.interface.js.map +1 -1
- package/lib/esm/src/common/util/variation.d.ts +0 -3
- package/lib/esm/src/common/util/variation.js +1 -1
- package/lib/esm/src/common/util/variation.js.map +1 -1
- package/lib/esm/src/components/button/KButton.interface.d.ts +2 -3
- package/lib/esm/src/components/button/KButton.js +1 -1
- package/lib/esm/src/components/button/KButton.js.map +1 -1
- package/lib/esm/src/components/card/KCard.d.ts +1 -1
- package/lib/esm/src/components/card/KCard.interface.d.ts +2 -2
- 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/index.js.map +1 -1
- package/lib/esm/src/components/input/textfield/KTextField.interface.d.ts +0 -1
- 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
|
@@ -12,11 +12,3 @@ export type SizeType = (typeof sizes)[keyof typeof sizes];
|
|
|
12
12
|
export interface KSizeProp {
|
|
13
13
|
size?: SizeType;
|
|
14
14
|
}
|
|
15
|
-
export declare const variants: {
|
|
16
|
-
readonly outlined: "outlined";
|
|
17
|
-
readonly contained: "contained";
|
|
18
|
-
};
|
|
19
|
-
export type VariantType = (typeof variants)[keyof typeof variants];
|
|
20
|
-
export interface KVariantProp {
|
|
21
|
-
variant?: VariantType;
|
|
22
|
-
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";export const sizes={medium:"medium",small:"small"}
|
|
1
|
+
"use strict";export const sizes={medium:"medium",small:"small"};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.interface.js","sourceRoot":"","sources":["../../../../../src/common/base/base.interface.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,KAAK,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAW,CAAC
|
|
1
|
+
{"version":3,"file":"base.interface.js","sourceRoot":"","sources":["../../../../../src/common/base/base.interface.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,KAAK,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAW,CAAC"}
|
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
import { VariantType } from '../../common/base/base.interface';
|
|
2
1
|
type GetSizesType = (clazz: string[], identity: string, size?: 'small' | 'medium' | 'large') => void;
|
|
3
2
|
export declare const initSize: GetSizesType;
|
|
4
|
-
type GetVariantType = (clazz: string[], identity: string, variant?: VariantType) => void;
|
|
5
|
-
export declare const initVariant: GetVariantType;
|
|
6
3
|
export declare const initDisabled: (clazz: string[], identity: string, disabled?: boolean) => void;
|
|
7
4
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";export const initSize=(s,e
|
|
1
|
+
"use strict";export const initSize=(i,s,e)=>{e?i.push(`${s}--${e}`):i.push(`${s}--medium`)},initDisabled=(i,s,e)=>{e&&i.push(`${s}--disabled`)};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variation.js","sourceRoot":"","sources":["../../../../../src/common/util/variation.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"variation.js","sourceRoot":"","sources":["../../../../../src/common/util/variation.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,QAAQ,GAAiB,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE;IAE9D,IAAI,IAAI,EAAE,CAAC;QACT,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,KAAK,IAAI,EAAE,CAAC,CAAC;IACrC,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,UAAU,CAAC,CAAC;IACpC,CAAC;AACH,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAe,EAAE,QAAgB,EAAE,QAAkB,EAAE,EAAE;IACpF,IAAI,QAAQ,EAAE,CAAC;QACb,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,YAAY,CAAC,CAAC;IACtC,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { KBaseProp, KSizeProp
|
|
1
|
+
import { MouseEvent, ReactNode } from 'react';
|
|
2
|
+
import { KBaseProp, KSizeProp } from '../../common/base/base.interface';
|
|
3
3
|
export interface KButtonProps extends KBaseProp, KSizeProp {
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
label?: string;
|
|
6
6
|
disabled?: boolean;
|
|
7
|
-
variant?: VariantType;
|
|
8
7
|
onClick?: (e?: MouseEvent<HTMLButtonElement>) => void;
|
|
9
8
|
color?: string;
|
|
10
9
|
fontColor?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{jsx as
|
|
1
|
+
"use strict";import{jsx as p}from"react/jsx-runtime";import{forwardRef as D,useImperativeHandle as E,useRef as N,useMemo as b,useCallback as s}from"react";import U from"../../common/hook/useRipple";import{initSize as g}from"../../common/util/variation";const m=D(({...y},k)=>{const{children:c,id:h,className:u,style:f,onClick:n,label:a,disabled:t,size:d,color:r,fontColor:i}={...y};if(a&&c)throw Error("Error: label and children attributes cannot be duplicated.");const l=N(null),e=U(l);E(k,()=>({focus(){l.current?.focus()},click(){t||n?.()}}));const v=b(()=>{const o=[];return u&&o.push(u),r&&o.push("k-button--color"),t&&o.push("k-button--disabled"),g(o,"k-button",d),o.join(" ")},[u,t,d,r]),w=b(()=>{const o={...f};return r&&(o.borderColor=r,o.backgroundColor=r,i||(o.color="#fff")),i&&(o.color=i),o},[f,r,i]),M=s(o=>{t||e?.register(o)},[e]),C=s(o=>{e.remove(),t||n?.(o)},[e,t,n]),K=s(()=>{if(!l?.current)throw Error("Invalid rootRef.");e.remove()},[e]),R=s(o=>{e?.register(o)},[e]),z=s(o=>{(o.key==="Enter"||o.key===" ")&&(e.remove(),n?.())},[e,n]);return p("button",{ref:l,id:h,className:`k-button ${v}`,style:w,type:"button",disabled:t,onMouseDown:M,onMouseLeave:K,onMouseUp:C,onKeyDown:R,onKeyUp:z,children:(c||a)&&p("span",{className:"k-button__content",children:c||a})})});m.displayName="KButton";export default m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KButton.js","sourceRoot":"","sources":["../../../../../src/components/button/KButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGL,UAAU,EACV,mBAAmB,EACnB,MAAM,EAAE,OAAO,EAAE,WAAW,GAC7B,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"KButton.js","sourceRoot":"","sources":["../../../../../src/components/button/KButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { KeyboardEvent, MouseEvent, ReactNode } from 'react';
|
|
2
|
-
import { KBaseProp
|
|
3
|
-
export interface KCardProps extends KBaseProp
|
|
2
|
+
import { KBaseProp } from '../../common/base/base.interface';
|
|
3
|
+
export interface KCardProps extends KBaseProp {
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
title?: string;
|
|
6
6
|
subTitle?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{jsx as
|
|
1
|
+
"use strict";import{jsx as h,jsxs as N}from"react/jsx-runtime";import{memo as g,useMemo as l}from"react";const u=({...m})=>{const{children:f,id:p,className:t,style:d,title:i,subTitle:e,clickable:n,width:o,height:r,color:k,padding:c,fontColor:a,borderRadius:C="8px",onClick:_}={...m},b=l(()=>{const s=[];return t&&s.push(t),n&&s.push("k-card__clickable"),s.join(" ")},[t,n]),x=l(()=>{const s={...d};return o&&(s.width=o),r&&(s.height=r),a&&(s.color=a),c&&(s.padding=c),s},[d,C,o,r,c,k,a]),j=l(()=>i?h("h2",{className:"k-card__title",children:i}):null,[i]),y=l(()=>e?h("p",{className:"k-card__sub-title",children:e}):null,[e]);return N("div",{id:p,className:`k-card ${b}`,style:x,onClick:_,children:[j,y,f]})};u.displayName="KCard";export default g(u);
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;AAIrD,MAAM,KAAK,GAAG,CAAC,EAAE,GAAG,SAAS,EAAc,EAAE,EAAE;IAI7C,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAC/F,SAAS,EAAE,YAAY,GAAG,KAAK,EAAE,OAAO,EAAE,GAAe,EAAE,GAAG,SAAS,EAAE,CAAC;IAO5E,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAE7B,MAAM,KAAK,GAAG,EAAE,CAAC;QAEjB,IAAI,SAAS,EAAE,CAAC;YACd,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACxB,CAAC;QACD,IAAI,SAAS,EAAE,CAAC;YACd,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAClC,CAAC;QAGD,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAG3B,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAE7B,MAAM,MAAM,GAAkB,EAAE,GAAG,KAAK,EAAE,CAAC;QAE3C,IAAI,KAAK,EAAE,CAAC;YACV,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;QACvB,CAAC;QACD,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;QACzB,CAAC;QACD,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,CAAC,KAAK,GAAG,SAAS,CAAC;QAC3B,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;QAC3B,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAQpE,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,eAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,iBAAc,eAAe,EACvF,OAAO,EAAE,OAAO,aAClB,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 +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;
|
|
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,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{jsx as
|
|
1
|
+
"use strict";import{jsx as i,jsxs as r}from"react/jsx-runtime";import{forwardRef as E,memo as q,useCallback as a,useId as L,useImperativeHandle as P,useMemo as l,useRef as R,useState as _}from"react";import{initDisabled as W,initSize as $}from"../../../common/util/variation";import{KIcon as b}from"../../../components";const h=E(({...p},m)=>{const e={...p},s=R(null),n=`k-text-field-input-${L()}`,[o,x]=_(!1),[w,c]=_(!1);P(m,()=>({focus:()=>{s.current?.focus()},blur:()=>{s.current?.blur()},value:e.value}));const k=l(()=>{const t=[];return e.className&&t.push(e.className),$(t,"k-text-field",e.size),W(t,"k-text-field",e.disabled),e.password&&t.push("k-text-field__input--password"),e.clearable&&t.push("k-text-field__input--clearable"),e.fullWidth&&t.push("k-text-field__input--full-width"),t.join(" ")},[e.className,e.password,e.clearable,e.disabled,e.size,e.fullWidth]),g=l(()=>{const t=e.style||{};return e.width&&(t.width=e.width),t},[e.width,e.fullWidth,e.style]),C=l(()=>e.width?{width:"100%",minWidth:"100%"}:{},[e.width]),d=l(()=>{const t=[];return e.label?(w&&t.push("k-text-field__label__text--focus"),t.join(" ")):""},[e.label]),y=l(()=>e.align?{textAlign:e.align}:{textAlign:"left"},[e.align]),v=a(t=>{const D=t.target.value;e.onChange&&e.onChange(D)},[e.onChange]),N=a(()=>{e.label&&c(!0)},[e.label]),A=a(()=>{e.label&&c(!1)},[e.label]),u=a(()=>{e.clearable&&e.onChange?.("")},[e.clearable,e.onChange]),f=a(()=>{x(t=>!t)},[]),z=a(t=>{t.nativeEvent.isComposing||(t.key==="Enter"||t.key==="")&&e.onKeyDownEnter?.(t)},[e.onKeyDownEnter]),S=l(()=>e.label&&i("div",{className:"k-text-field__label__container",children:r("label",{htmlFor:e.id?e.id:n,className:`k-text-field__label__text ${d}`,children:[e.label,e.required&&i("span",{className:"k-text-field__label__text__required",children:"*"})]})}),[e.label,e.id,n,d,e.required]),F=l(()=>e.leftAction&&i("div",{className:"k-text-field__label__left-action",children:e.leftAction}),[e.leftAction]),I=l(()=>e.rightAction&&i("div",{className:"k-text-field__label__right-action",children:e.rightAction}),[e.rightAction]),K=l(()=>e.password&&i(b,{className:"k-text-field__icon",icon:o?"visibility":"visibility_off",clickable:!0,onClick:f,disabled:e.disabled}),[e.password,o,f,e.disabled]),j=l(()=>e.clearable&&e.value&&i(b,{className:"k-text-field__icon k-text-field__clearable-icon",icon:"close",clickable:!0,onClick:u,disabled:e.disabled}),[e.clearable,e.value,e.disabled,u]);return r("div",{className:`k-text-field ${k}`,style:g,children:[S,r("div",{className:"k-text-field__input__container",style:C,children:[F,i("input",{id:e.id||n,ref:s,className:"k-text-field__input",style:y,type:e.password&&!o?"password":"input",value:e.value,onChange:v,onFocus:N,onBlur:A,onKeyDown:z,disabled:e.disabled,placeholder:e.placeholder,maxLength:e.maxLength,autoComplete:e.autoComplete,autoCorrect:e.autoCorrect,autoCapitalize:e.autoCapitalize}),K,j,I]})]})});h.displayName="KTextField";export default q(h);
|
|
@@ -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)}}@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;margin:0;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-ripple{background-color:#d9d9d9}.k-button.k-button--outlined{color:#333;border-color:#b3b3b3;background:#fff}.k-button.k-button--outlined:hover{border-color:#0a0a0a;background:#f5f5f5}.k-button.k-button--outlined[disabled]{color:#999;border-color:#4d4d4d;background-color:#999}.k-button.k-button--contained{color:#fff;border-color:#999;background:#999}.k-button.k-button--contained:hover{border-color:#8f8f8f;background:#8f8f8f}.k-button.k-button--contained[disabled]{color:#999;border-color:#fff;background:#fff}.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--medium{height:32px;padding:0 16px}.k-button.k-button--medium .k-button__content{font-size:16px;line-height:22px;font-weight:400}.dark .k-button .k-ripple{background-color:#d9d9d9}.dark .k-button.k-button--outlined{color:#fff;border-color:gray;background-color:#000}.dark .k-button.k-button--outlined:hover{border-color:#e0e0e0;background:#1f1f1f}.dark .k-button.k-button--outlined[disabled]{color:#fff;border-color:#434343;background-color:#3d3d3d}.dark .k-button.k-button--contained{color:#fff;border:none;background:#000}.dark .k-button.k-button--contained:hover{background:#1f1f1f}.dark .k-button.k-button--contained[disabled]{color:#fff;background-color:#3d3d3d}.k-text-field{position:relative;display:flex;width:auto;font-size:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif}.k-text-field:hover .k-text-field__label__container>.k-text-field__label__text,.k-text-field:focus-within .k-text-field__label__container>.k-text-field__label__text{color:#333}.k-text-field:hover .k-text-field__input__container,.k-text-field:focus-within .k-text-field__input__container{border-color:#333}.k-text-field .k-text-field__label__container{position:absolute;display:flex;justify-content:space-between;align-items:center;padding:0 2px;overflow:hidden}.k-text-field .k-text-field__label__container:before{content:"";top:49%;left:0;transform:translateY(-50%);height:2px;width:100%;position:absolute;background-color:#fff;z-index:1}.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;color:#b3b3b3;white-space:nowrap;border-radius:4px;z-index:2;overflow:hidden;transition-duration:.3s;transition-timing-function:ease}.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:#000;transition-property:color;transition-duration:.3s;transition-timing-function:ease}.k-text-field.k-text-field__input--full-width.k-text-field--small>.k-text-field__input__container,.k-text-field.k-text-field__input--full-width.k-text-field--medium>.k-text-field__input__container{min-width:100%;width:100%}.k-text-field .k-text-field__input__container{display:inline-flex;justify-content:space-between;align-items:center;border:1px solid #b3b3b3;border-radius:3px;background:#fff;caret-color:#333;font-size:0;transition-property:border-color;transition-duration:.3s;transition-timing-function:ease}.k-text-field .k-text-field__input__container .k-text-field__label__left-action,.k-text-field .k-text-field__input__container .k-text-field__label__right-action{display:flex;justify-content:center;align-items:center;height:100%;background-color:transparent}.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-right:8px;width:100%}.k-text-field.k-text-field--disabled,.k-text-field.k-text-field--disabled .k-text-field__label__container .k-text-field__label__text{color:#999}.k-text-field.k-text-field--disabled .k-text-field__input__container{border-color:#999;cursor:not-allowed}.k-text-field.k-text-field--disabled .k-text-field__input__container:hover{border-color:#999}.k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input{color:#999;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--medium .k-text-field__label__container{top:-6px;left:8px}.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;line-height:1}.k-text-field.k-text-field--medium .k-text-field__input__container{min-width:300px;width:300px}.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;min-height:40px;padding:0 12px}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__label__left-action{padding-left:12px}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__label__right-action{padding-right:12px}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__label__left-action,.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__label__right-action{font-size:14px;line-height:22px;font-weight:400}.k-text-field.k-text-field--small .k-text-field__label__container{top:-5px;left:8px}.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;line-height:1}.k-text-field.k-text-field--small .k-text-field__input__container{min-width:260px;width:260px}.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;min-height:36px;padding:0 8px}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__label__left-action{padding-left:8px}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__label__right-action{padding-right:8px}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__label__left-action,.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__label__right-action{font-size:14px;line-height:20px;font-weight:400}.dark .k-text-field{color:#fff}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container:hover{border-color:gray}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input{color:#fff}.dark .k-text-field:hover .k-text-field__label__container>.k-text-field__label__text,.dark .k-text-field:focus-within .k-text-field__label__container>.k-text-field__label__text{color:#fff}.dark .k-text-field:hover .k-text-field__input__container,.dark .k-text-field:focus-within .k-text-field__input__container{border-color:#fff}.dark .k-text-field .k-text-field__label__container{background-color:#000}.dark .k-text-field .k-text-field__label__container .k-text-field__label__text{color:gray}.dark .k-text-field .k-text-field__label__container:before{background-color:#000}.dark .k-text-field .k-text-field__input__container{border:1px solid #808080;border-radius:3px;background:#000;caret-color:#fff}.dark .k-text-field .k-text-field__input__container .k-text-field__input{color:#fff}.dark .k-text-field .k-text-field__input__container .k-text-field__input::placeholder{color:#858585}.k-select{position:relative;display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:80px;border:1px solid #b3b3b3;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:#0a0a0a}.k-select.k-select--disabled{color:#999;background:#999;cursor:not-allowed}.k-select.k-select--disabled:hover{border-color:#b3b3b3}.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 #b3b3b3;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:#f5f5f5}.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--medium{width:240px}.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{width:200px}.k-select.k-select--small,.k-select.k-select--small+.k-select__template{padding:4px 8px 4px 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:4px 8px}.dark .k-select{color:#fff;border:1px solid #808080;border-radius:3px;background:#000}.dark .k-select:hover{border-color:#e0e0e0}.dark .k-select.k-select--disabled{color:#fff;background:#3d3d3d}.dark .k-select.k-select--disabled:hover{border-color:gray}.dark .k-select .k-select__menu-list{border-color:gray;background-color:#000}.dark .k-select .k-select__menu-list .k-select__menu-list__item{border-color:gray}.dark .k-select .k-select__menu-list .k-select__menu-list__item:hover{background:#1f1f1f}.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:#999}.k-checkbox.k-checkbox--disabled .k-checkbox__container .k-checkbox__container__label{color:#999}.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:#fff}.dark .k-checkbox.k-checkbox--disabled .k-checkbox__container{cursor:not-allowed}.dark .k-checkbox.k-checkbox--disabled .k-checkbox__container .k-icon{fill:#fff}.dark .k-checkbox.k-checkbox--disabled .k-checkbox__container .k-checkbox__container__label{color:#fff}.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:#fff}.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:#999}.k-radio.k-radio--disabled .k-radio__container .k-radio__container__label{color:#999}.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:#fff}.dark .k-radio.k-radio--disabled .k-radio__container{cursor:not-allowed}.dark .k-radio.k-radio--disabled .k-radio__container .k-icon{fill:#fff}.dark .k-radio.k-radio--disabled .k-radio__container .k-radio__container__label{color:#fff}.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:#fff}.k-switch{position:relative;border:none;cursor:pointer;margin:0;padding:0;background-color:#f2f2f2;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:#e6e6e6}.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--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}.dark .k-switch{background-color:#4d4d4d}.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;cursor:pointer}.k-drop-holder__popup__wrapper{padding:12px;border:1px solid #000}.k-chip{position:relative;display:flex;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif;border-width:1px;border-style:solid;overflow:hidden;user-select:none}.k-chip.k-chip--disabled{cursor:not-allowed}.k-chip.k-chip--clickable{cursor:pointer}.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:#999;background-color:#008afb}.k-chip.k-chip--contained.k-chip--disabled .k-icon{fill:#999}.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:#999}.k-chip.k-chip--default{color:#999;border-color:#b3b3b3;background-color:#fff}.k-chip.k-chip--default .k-icon{fill:#999}.k-chip.k-chip--default.k-chip--disabled{color:#999;border-color:#999;background-color:#999}.k-chip.k-chip--default.k-chip--disabled .k-icon{fill:#999}.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:8px;border:1px solid #b3b3b3;border-radius:3px;min-width:80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif}.k-card .k-card__title{font-size:24px;line-height:32px;font-weight:400}.k-card .k-card__title+.k-card__sub-title{margin-top:8px}.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:#b3b3b3;color:#333}.k-card.k-card--contained{color:#fff;border-color:#068fff;background:#068fff}.dark .k-card{border-color:gray;color:#fff}.k-accordion{border:1px solid #b3b3b3;border-radius:3px;overflow:hidden}.k-accordion.k-accordion--open .k-accordion__summary__icon__wrapper .k-accordion__summary__icon{transform:rotate(180deg)}.k-accordion .k-accordion__summary{display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease;background:#f2f2f2;list-style-type:none;user-select:none;cursor:pointer}.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;color:#333}.k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper{display:flex;justify-content:center;align-items:center}.k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper .k-accordion__summary__icon{transition-duration:.2s;transition-timing-function:ease;cursor:pointer}.k-accordion .k-accordion__content{max-height:0;height:auto;background-color:#fff;overflow:hidden;transition:max-height .3s ease}.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__wrapper{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__wrapper{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:18px;line-height:24px;font-weight:400}.k-accordion.k-accordion--small .k-accordion__summary,.k-accordion.k-accordion--small .k-accordion__content__wrapper{padding:8px 12px}.k-accordion.k-accordion--small .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:8px}.dark .k-accordion{border-color:gray}.dark .k-accordion .k-accordion__summary{background:#191919}.dark .k-accordion .k-accordion__summary .k-accordion__summary__container{color:#fff}.dark .k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper .k-accordion__summary__icon>svg{fill:#fff}.dark .k-accordion .k-accordion__content{color:#e8e8e8;background-color:#333}@keyframes modalScaleUp{0%{transform:scale(1)}to{transform:scale(1.016)}}@keyframes modalScaleDown{0%{transform:scale(1.016)}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{animation:modalScaleUp .16s 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;animation:modalScaleDown .16s ease-out forwards}.k-modal__wrapper .k-modal__container .k-modal__container__header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #e6e6e6}.k-modal__wrapper .k-modal__container .k-modal__container__header .k-modal__container__header__text{font-size:18px;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;color:transparent;cursor:pointer;overflow:hidden}.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 12px 12px}.k-modal__wrapper .k-modal__container.k-modal__container--medium{max-width:824px;width:100%}.k-modal__wrapper .k-modal__container.k-modal__container--small{max-width:640px;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: 1040px){.k-modal__wrapper .k-modal__container.k-modal__container--large{max-width:calc(100% - 64px)}}@media screen and (max-width: 824px){.k-modal__wrapper .k-modal__container.k-modal__container--medium{max-width:calc(100% - 48px)}}@media screen and (max-width: 640px){.k-modal__wrapper .k-modal__container.k-modal__container--small{max-width:calc(100% - 32px)}}
|
|
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;font-family:var(--font-family)}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}}:root{--white-color: #ffffff;--black-color: #000000;--error-color: #ED2B2A;--success-color: #7DCE13;--warning-color: #FFFA4D;--eanble-color: #0079FF;--gray-color-50: #f8f9fa;--gray-color-100: #eceeef;--gray-color-200: #dee2e6;--gray-color-300: #ced4da;--gray-color-400: #adb5bd;--gray-color-500: #868e96;--gray-color-600: #495057;--gray-color-700: #343a40;--gray-color-800: #212529;--gray-color-900: #121416;--default-font-color: var(--gray-color-700);--default-disabled-font-color: var(--gray-color-500);--default-placeholder-font-color: #b3b3b3;--dark-font-color: var(--gray-color-100);--dark-disabled-font-color: var(--gray-color-500);--dark-placeholder-font-color: #b3b3b3;--default-border-color: var(--gray-color-500);--default-hover-border-color: var(--gray-color-800);--default-disabled-border-color: var(--gray-color-500);--dark-border-color: var(--gray-color-500);--dark-hover-border-color: var(--gray-color-200);--dark-disabled-border-color: var(--gray-color-600);--default-background-color: var(--white-color);--default-hover-background-color: var(--gray-color-50);--default-disabled-background-color: var(--gray-color-50);--dark-default-background-color: var(--black-color);--dark-hover-background-color: var(--gray-color-900);--dark-disabled-background-color: var(--gray-color-900);--default-ripple-color: var(--gray-color-300);--dark-ripple-color: var(--gray-color-400);--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-10: 10px;--spacing-12: 12px;--spacing-14: 14px;--spacing-16: 16px;--spacing-18: 18px;--spacing-20: 20px;--spacing-22: 22px;--spacing-24: 24px;--spacing-26: 26px;--spacing-28: 28px;--spacing-30: 30px;--spacing-32: 32px;--spacing-34: 34px;--spacing-36: 36px;--spacing-38: 38px;--spacing-40: 40px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;--font-size-title-1: 48px;--font-size-title-2: 32px;--font-size-title-3: 28px;--font-size-sub-title-1: 24px;--font-size-sub-title-2: 20px;--font-size-sub-title-3: 16px;--font-size-sub-1: 22px;--font-size-sub-2: 20px;--font-size-sub-3: 18px;--font-size-label-1: 16px;--font-size-label-2: 14px;--font-size-label-3: 12px;--line-height-title-1: 56px;--line-height-title-2: 40px;--line-height-title-3: 36px;--line-height-sub-title-1: 32px;--line-height-sub-title-2: 28px;--line-height-sub-title-3: 24px;--line-height-label-1: 24px;--line-height-label-2: 22px;--line-height-label-3: 20px;--line-height-sub-1: 30px;--line-height-sub-2: 28px;--line-height-sub-3: 26px;--font-weight-title: 600;--font-weight-body: 400;--font-weight-sub: 500;--font-size-body-1: 18px;--font-size-body-2: 16px;--font-size-body-3: 14px;--line-height-body-1: 24px;--line-height-body-2: 22px;--line-height-body-3: 20px;--font-weight-body-1: 400;--font-weight-body-2: 400;--font-weight-body-3: 400;--default-border-radius: 3px;--default-box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px;--dark-box-shadow: rgba(255, 255, 255, .35) 0px 5px 15px;--default-transition-timing-function: ease;--select-z-index: 10}.k-button{position:relative;display:inline-flex;justify-content:center;align-items:center;margin:0;border:1px solid var(--default-border-color);border-radius:var(--default-border-radius);background:var(--default-background-color);font-family:var(--font-family);color:var(--default-font-color);cursor:pointer;overflow:hidden;user-select:none;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.k-button .k-ripple{background-color:var(--default-ripple-color)}.k-button:hover{border-color:var(--default-hover-border-color);background:var(--default-hover-background-color)}.k-button[disabled]{color:var(--default-disabled-font-color);border-color:var(--default-disabled-border-color);background-color:var(--default-disabled-background-color)}.k-button[disabled]{cursor:not-allowed}.k-button[disabled].k-button--color:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000029}.k-button .k-button__content{white-space:nowrap}.k-button.k-button--small{height:28px;padding:0 var(--spacing-12)}.k-button.k-button--small .k-button__content{font-size:var(--font-size-body-3);line-height:var(--line-height-body-3);font-weight:var(--font-weight-body)-3}.k-button.k-button--medium{height:32px;padding:0 var(--spacing-16)}.k-button.k-button--medium .k-button__content{font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-body)-2}.dark .k-button{color:var(--dark-font-color);border-color:var(--dark-border-color);background-color:var(--dark-default-background-color)}.dark .k-button .k-ripple{background-color:var(--dark-ripple-color)}.dark .k-button:hover{border-color:var(--dark-hover-border-color);background:var(--dark-hover-background-color)}.dark .k-button[disabled]{color:var(--default-disabled-font-color);border-color:var(--dark-disabled-border-color);background-color:var(--dark-disabled-background-color)}.k-text-field{position:relative;display:flex;width:auto;font-size:0;font-family:var(--font-family)}.k-text-field .k-text-field__label__container{position:absolute;top:-4px;left:6px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-2);color:var(--default-border-color);overflow:hidden}.k-text-field .k-text-field__label__container:before{content:"";top:49%;left:0;transform:translateY(-50%);height:2px;width:100%;position:absolute;background-color:var(--default-background-color);z-index:1}.k-text-field .k-text-field__label__container .k-text-field__label__text{display:inline-flex;justify-content:flex-start;align-items:center;gap:var(--spacing-2);font-size:10px;line-height:1;white-space:nowrap;overflow:hidden;z-index:2;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.k-text-field .k-text-field__label__container .k-text-field__label__text .k-text-field__label__text__required{color:var(--error-color)}.k-text-field .k-text-field__label__container .k-text-field__label__text.k-text-field__label__text--focus{color:var(--black-color);transition-property:color;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.k-text-field .k-text-field__input__container{display:inline-flex;justify-content:space-between;align-items:center;height:100%;border:1px solid var(--default-border-color);border-radius:var(--default-border-radius);background:var(--white-color);caret-color:var(--default-font-color);transition-property:border-color;font-size:0}.k-text-field .k-text-field__input__container .k-text-field__label__left-action,.k-text-field .k-text-field__input__container .k-text-field__label__right-action{display:inline-flex;justify-content:center;align-items:center;width:auto;height:100%;font-size:inherit;line-height:inherit;background-color:transparent}.k-text-field .k-text-field__input__container .k-text-field__input{width:100%;height:100%;padding:0;border:none;outline:none;background-color:transparent;color:var(--default-font-color);font-size:inherit;line-height:inherit;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.k-text-field .k-text-field__input__container .k-text-field__input::placeholder{color:var(--default-placeholder-font-color)}.k-text-field .k-text-field__input__container .k-text-field__icon{margin-right:var(--spacing-8);width:100%}.k-text-field:hover .k-text-field__label__container,.k-text-field:focus-within .k-text-field__label__container{color:var(--default-font-color)}.k-text-field:hover .k-text-field__input__container,.k-text-field:focus-within .k-text-field__input__container{border-color:var(--default-font-color)}.k-text-field.k-text-field__input--full-width.k-text-field--small .k-text-field__input__container,.k-text-field.k-text-field__input--full-width.k-text-field--medium .k-text-field__input__container{min-width:100%;width:100%}.k-text-field.k-text-field--disabled{color:var(--default-disabled-font-color);cursor:not-allowed}.k-text-field.k-text-field--disabled .k-text-field__label__container{color:var(--default-disabled-font-color)}.k-text-field.k-text-field--disabled .k-text-field__input__container{border-color:var(--default-disabled-font-color);background-color:var(--default-disabled-background-color)}.k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input{color:var(--default-disabled-font-color)}.k-text-field.k-text-field--disabled .k-text-field__input__container:hover{border-color:var(--default-disabled-font-color)}.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--medium{height:36px}.k-text-field.k-text-field--medium .k-text-field__input__container{min-width:300px;width:300px;font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-body)-2}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__input{padding:0 var(--spacing-8)}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__label__left-action{padding-left:var(--spacing-12)}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__label__right-action{padding-right:var(--spacing-12)}.k-text-field.k-text-field--small{height:32px}.k-text-field.k-text-field--small .k-text-field__input__container{min-width:260px;width:260px;font-size:var(--font-size-body-3);line-height:var(--line-height-body-3);font-weight:var(--font-weight-body)-3}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__input{padding:0 var(--spacing-6)}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__label__right-action{padding-right:var(--spacing-8)}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__label__left-action{padding-left:var(--spacing-8)}.dark .k-text-field{color:var(--dark-font-color)}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container:hover{border-color:var(--dark-hover-border-color)}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input{color:var(--dark-disabled-font-color)}.dark .k-text-field:hover .k-text-field__label__container>.k-text-field__label__text,.dark .k-text-field:focus-within .k-text-field__label__container>.k-text-field__label__text{color:var(--dark-font-color)}.dark .k-text-field:hover .k-text-field__input__container,.dark .k-text-field:focus-within .k-text-field__input__container{border-color:var(--white-color)}.dark .k-text-field .k-text-field__label__container{background-color:var(--dark-default-background-color)}.dark .k-text-field .k-text-field__label__container .k-text-field__label__text{color:var(--dark-border-color)}.dark .k-text-field .k-text-field__label__container:before{background-color:var(--dark-default-background-color)}.dark .k-text-field .k-text-field__input__container{border:1px solid var(--dark-border-color);border-radius:var(--default-border-radius);background:var(--dark-default-background-color);caret-color:var(--white-color)}.dark .k-text-field .k-text-field__input__container .k-text-field__input{color:var(--dark-font-color)}.dark .k-text-field .k-text-field__input__container .k-text-field__input::placeholder{color:var(--dark-placeholder-font-color)}.k-select{position:relative;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-6);min-width:80px;border:1px solid var(--default-border-color);border-radius:var(--default-border-radius);background:var(--default-background-color);white-space:nowrap;cursor:pointer;user-select:none;transition-property:border-color;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.k-select:hover{border-color:var(--default-hover-border-color)}.k-select:hover .k-select__current__label__arrow-icon{color:var(--default-hover-border-color)}.k-select.k-select--disabled{color:var(--default-disabled-font-color);background:var(--default-disabled-background-color);cursor:not-allowed}.k-select.k-select--disabled:hover{border-color:var(--default-border-color)}.k-select .k-select__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-select .k-select__label-text__placeholder{color:var(--default-placeholder-font-color)}.k-select .k-select__current__label__arrow-icon{color:var(--default-border-color);transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.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% + var(--spacing-8));left:0;width:100%;height:0;border:1px solid var(--default-border-color);background-color:var(--white-color);border-radius:var(--default-border-radius);overflow:hidden;z-index:var(--select-z-index)}.k-select .k-select__menu-list .k-select__menu-list__item{display:flex;justify-content:flex-start;align-items:center;width:100%;white-space:nowrap;cursor:pointer;border-bottom:1px solid var(--gray-color-100)}.k-select .k-select__menu-list .k-select__menu-list__item:hover{background:var(--default-hover-background-color)}.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:var(--default-placeholder-font-color)}.k-select.k-select--medium{width:240px;height:36px}.k-select.k-select--medium,.k-select.k-select--medium+.k-select__template{height:36px;padding:0 var(--spacing-8);font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-body)-2}.k-select.k-select--medium .k-select__menu-list .k-select__menu-list__item{height:36px;padding:0 var(--spacing-8)}.k-select.k-select--small{width:200px;height:32px}.k-select.k-select--small,.k-select.k-select--small+.k-select__template{height:32px;padding:0 var(--spacing-8);font-size:var(--font-size-body-3);line-height:var(--line-height-body-3);font-weight:var(--font-weight-body)-3}.k-select.k-select--small .k-select__menu-list .k-select__menu-list__item{height:32px;padding:0 var(--spacing-8)}.dark .k-select{color:var(--dark-font-color);border:1px solid var(--dark-border-color);border-radius:var(--default-border-radius);background:var(--dark-default-background-color)}.dark .k-select .k-select__current__label__arrow-icon{color:var(--dark-border-color)}.dark .k-select:hover{border-color:var(--dark-hover-border-color)}.dark .k-select:hover .k-select__current__label__arrow-icon{color:var(--dark-hover-border-color)}.dark .k-select.k-select--disabled{color:var(--dark-disabled-font-color);background:var(--dark-disabled-background-color)}.dark .k-select.k-select--disabled:hover{border-color:var(--dark-disabled-border-color)}.dark .k-select .k-select__menu-list{border-color:var(--dark-border-color);background-color:var(--dark-default-background-color)}.dark .k-select .k-select__menu-list .k-select__menu-list__item{border-color:var(--dark-border-color)}.dark .k-select .k-select__menu-list .k-select__menu-list__item:hover{background:var(--dark-hover-background-color)}.k-switch{position:relative;border:none;cursor:pointer;margin:0;padding:0;background-color:var(--gray-color-50);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:var(--gray-color-100)}.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:var(--black-color);opacity:.16;z-index:1}.k-switch .k-switch__toggle{position:absolute;font-size:0;background:var(--white-color);border-radius:50%;transition:left .3s ease;z-index:1}.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}.dark .k-switch{background-color:var(--gray-color-700)}.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}.k-drop-holder{display:inline-block;cursor:pointer}.k-drop-holder__popup__wrapper{padding:var(--spacing-12);border:1px solid #000}.k-card{position:relative;display:inline-flex;flex-direction:column;padding:var(--spacing-8);border:1px solid var(--default-border-color);border-radius:var(--default-border-radius);min-width:80px;font-family:var(--font-family);color:var(--default-font-color)}.k-card .k-card__title{font-size:var(--font-size-sub-title-1);line-height:var(--line-height-sub-title-1);font-weight:var(--font-weight-body)}.k-card .k-card__title+.k-card__sub-title{margin-top:var(--spacing-8)}.k-card .k-card__sub-title{font-size:var(--font-size-label-1);line-height:var(--line-height-label-1);font-weight:var(--font-weight-body)}.k-card.k-card__clickable{cursor:pointer;transition-property:box-shadow,transform;transition-duration:.2s;transition-timing-function:var(--default-transition-timing-function)}.k-card.k-card__clickable:hover{box-shadow:var(--default-box-shadow);transform:translateY(-2px)}.k-card.k-card--outlined{border-color:var(--default-border-color);color:var(--default-font-color)}.dark .k-card{border-color:var(--dark-border-color);color:var(--dark-font-color)}.dark .k-card.k-card__clickable{cursor:pointer;transition-property:box-shadow,transform;transition-duration:.2s;transition-timing-function:var(--default-transition-timing-function)}.dark .k-card.k-card__clickable:hover{box-shadow:var(--dark-box-shadow);transform:translateY(-2px)}.k-accordion{border:1px solid var(--gray-color-300);border-radius:var(--default-border-radius);overflow:hidden}.k-accordion.k-accordion--open .k-accordion__summary__icon__wrapper .k-accordion__summary__icon{transform:rotate(180deg)}.k-accordion .k-accordion__summary{display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease;background:var(--gray-color-50);list-style-type:none;user-select:none;cursor:pointer}.k-accordion .k-accordion__summary:hover{background:var(--gray-color-100)}.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;color:var(--default-font-color)}.k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper{display:flex;justify-content:center;align-items:center}.k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper .k-accordion__summary__icon{transition-duration:.2s;transition-timing-function:var(--default-transition-timing-function);cursor:pointer}.k-accordion .k-accordion__content{max-height:0;height:auto;background-color:var(--white-color);overflow:hidden;transition:max-height .3s ease}.k-accordion.k-accordion--large{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body)-1}.k-accordion.k-accordion--large .k-accordion__summary,.k-accordion.k-accordion--large .k-accordion__content__wrapper{padding:var(--spacing-16)}.k-accordion.k-accordion--large .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:var(--spacing-12)}.k-accordion.k-accordion--medium{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body)-1}.k-accordion.k-accordion--medium .k-accordion__summary,.k-accordion.k-accordion--medium .k-accordion__content__wrapper{padding:var(--spacing-12) var(--spacing-14)}.k-accordion.k-accordion--medium .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:var(--spacing-10)}.k-accordion.k-accordion--small{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body)-1}.k-accordion.k-accordion--small .k-accordion__summary,.k-accordion.k-accordion--small .k-accordion__content__wrapper{padding:var(--spacing-8) var(--spacing-12)}.k-accordion.k-accordion--small .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:var(--spacing-8)}.dark .k-accordion{border-color:var(--dark-default-background-color)}.dark .k-accordion .k-accordion__summary{background:var(--gray-color-800)}.dark .k-accordion .k-accordion__summary .k-accordion__summary__container{color:var(--dark-font-color)}.dark .k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper .k-accordion__summary__icon>svg{fill:var(--white-color)}.dark .k-accordion .k-accordion__content{color:var(--dark-font-color);background-color:var(--gray-color-700)}@keyframes modalScaleUp{0%{transform:scale(1)}to{transform:scale(1.016)}}@keyframes modalScaleDown{0%{transform:scale(1.016)}to{transform:scale(1)}}.k-modal__wrapper{position:fixed;top:0;left:0;width:100%;height:100%;color:var(--default-font-color);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{animation:modalScaleUp .16s ease-in forwards}.k-modal__wrapper .k-modal__container{z-index:1002;border-radius:var(--default-border-radius);background-color:var(--white-color);box-shadow:var(--default-box-shadow);overflow:hidden;animation:modalScaleDown .16s ease-out forwards}.k-modal__wrapper .k-modal__container .k-modal__container__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-8) var(--spacing-12);border-bottom:1px solid var(--gray-color-100)}.k-modal__wrapper .k-modal__container .k-modal__container__header .k-modal__container__header__text{font-size:18px;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;color:inherit;cursor:pointer;overflow:hidden}.k-modal__wrapper .k-modal__container .k-modal__container__content{padding:var(--spacing-20) var(--spacing-16)}.k-modal__wrapper .k-modal__container .k-modal__container__footer{display:flex;justify-content:center;align-items:center;gap:8px;padding:0 var(--spacing-12) var(--spacing-12) var(--spacing-12)}.k-modal__wrapper .k-modal__container.k-modal__container--medium{max-width:824px;width:100%}.k-modal__wrapper .k-modal__container.k-modal__container--small{max-width:640px;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:var(--black-color);opacity:.16}.k-modal__wrapper .k-modal-wrapper__overlay.k-modal-wrapper__overlay--transparent{background-color:transparent;opacity:0}@media screen and (max-width: 1040px){.k-modal__wrapper .k-modal__container.k-modal__container--large{max-width:calc(100% - var(--spacing-32) * 2)}}@media screen and (max-width: 824px){.k-modal__wrapper .k-modal__container.k-modal__container--medium{max-width:calc(100% - var(--spacing-24) * 2)}}@media screen and (max-width: 640px){.k-modal__wrapper .k-modal__container.k-modal__container--small{max-width:calc(100% - var(--spacing-16) * 2)}}.dark .k-modal__wrapper{color:var(--dark-font-color)}.dark .k-modal__wrapper .k-modal__container{background-color:var(--gray-color-800)}.dark .k-modal__wrapper .k-modal-wrapper__overlay.k-modal-wrapper__overlay--active{background-color:var(--white-color);opacity:.16}
|