kku-ui 0.0.473 → 0.0.474
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";import{Fragment as
|
|
1
|
+
"use strict";import{jsx as u,Fragment as S,jsxs as D}from"react/jsx-runtime";import{forwardRef as E,memo as I,useCallback as r,useEffect as N,useImperativeHandle as O,useMemo as b,useRef as k,useState as g}from"react";import Y from"../../common/hook/useClickOutside";function F({style:c,children:a,close:t}){const s=k(null);return Y(s,()=>{t()}),u("div",{ref:s,className:"k-drop-holder__popup__wrapper",style:c,children:a})}const L=I(F),v=E((c,a)=>{const{position:t="bottom-center",offset:s="4px",style:m,id:w,className:p,content:R,children:_}=c,x=k(null),[i,f]=g(!1),[C,K]=g({});O(a,()=>({open:()=>{h()},close:()=>{d()}}));const X=b(()=>{const o=[];return p&&o.push(p),t&&o.push(`k-drop-holder--${t}`),o.join(" ")},[p,t]),j=b(()=>m||{},[m]),h=r(()=>{f(!0)},[]),d=r(()=>{f(!1)},[]),$=r(()=>{const{top:o,left:P,width:l,height:n}=x.current?.getBoundingClientRect()||{top:0,left:0,width:0,height:0},e={position:"fixed",zIndex:"9999"};t?.includes("bottom")&&(e.top=`calc(${o+n}px + ${s})`),t?.includes("top")&&(e.top=`calc(${o+n}px - ${s})`),e.left=`${P}px`,t==="top-left"&&(e.transform=`translateY(calc(-100% - ${n}px)) translateX(0)`),t==="top-center"&&(e.transform=`translateY(calc(-100% - ${n}px)) translateX(calc(-50% + ${l/2}px))`),t==="top-right"&&(e.transform=`translateY(calc(-100% - ${n}px)) translateX(calc(-100% + ${l}px)`),t==="bottom-left"&&(e.transform="translateX(0)"),(!t||t==="bottom-center")&&(e.transform=`translateX(calc(-50% + ${l/2}px))`),t==="bottom-right"&&(e.transform=`translateX(calc(-100% + ${l}px)`),K(e),h()},[t,s]),y=r(()=>{d()},[]),z=r(()=>{$()},[$]),H=r(o=>{(o.key===" "||o.key==="Enter")&&f(!0)},[]);return N(()=>{i?window.addEventListener("scroll",y,{passive:!0}):window.removeEventListener("scroll",y)},[i]),D(S,{children:[u("div",{ref:x,id:w,className:`k-drop-holder ${X}`,tabIndex:0,role:"button",onClick:z,onKeyUp:H,style:j,children:_}),i&&u(L,{style:C,close:d,children:R})]})});v.displayName="KDropHolder";export default v;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KDropHolder.js","sourceRoot":"","sources":["../../../../../src/components/drop-holder/KDropHolder.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"KDropHolder.js","sourceRoot":"","sources":["../../../../../src/components/drop-holder/KDropHolder.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;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.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}.k-button[disabled]{cursor:not-allowed}.k-button .k-button__content{white-space:nowrap}.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: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:#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;transition:background-color .3s ease;background:#f2f2f2;list-style-type:none;user-select: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__wrapper{display:flex;justify-content:center;align-items:center;cursor:pointer}.k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper .k-accordion__summary__icon{transition-duration:.2s;transition-timing-function:ease}.k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper .k-accordion__summary__icon--close{transform:rotate(180deg)}.k-accordion .k-accordion__content{max-height:0;height:auto;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}@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;color:transparent;cursor:pointer;overflow:hidden}.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:1040px;width:100%}.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}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.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}.k-button[disabled]{cursor:not-allowed}.k-button .k-button__content{white-space:nowrap}.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__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:#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;transition:background-color .3s ease;background:#f2f2f2;list-style-type:none;user-select: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__wrapper{display:flex;justify-content:center;align-items:center;cursor:pointer}.k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper .k-accordion__summary__icon{transition-duration:.2s;transition-timing-function:ease}.k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper .k-accordion__summary__icon--close{transform:rotate(180deg)}.k-accordion .k-accordion__content{max-height:0;height:auto;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}@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;color:transparent;cursor:pointer;overflow:hidden}.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:1040px;width:100%}.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)}}
|