@vaebe/ccui 2.0.0-beta.0

package/form/index.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.index={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});function n(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function r(e,t=!1){let r=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>n(r),e:e=>e?n(r,e):``,m:e=>e?n(r,``,e):``,em:(e,t)=>e&&t?n(r,e,t):``,is:e=>`is-${e}`}}var i=Symbol(`ccuiForm`),a=Symbol(`ccuiFormItem`),o=Symbol(`ccuiFormList`),s=Symbol(`ccuiFormProvider`),c={model:{type:Object,default:()=>({})},rules:{type:Object,default:()=>({})},initialValues:{type:Object,default:()=>({})},labelWidth:{type:[String,Number],default:``},labelPosition:{type:String,default:`right`},disabled:{type:Boolean,default:!1},layout:{type:String,default:`horizontal`},colon:{type:Boolean,default:!0},requiredMark:{type:[Boolean,String],default:!0},validateMessages:{type:Object,default:()=>({})},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{type:[Boolean,Object],default:!1},name:{type:String,default:``},preserve:{type:Boolean,default:!0},labelCol:{type:Object,default:void 0},wrapperCol:{type:Object,default:void 0},hasFeedback:{type:Boolean,default:!1}},l={name:{type:[String,Number,Array],default:void 0},label:{type:String,default:``},prop:{type:[String,Number,Array],default:void 0},initialValue:{type:null,default:void 0},required:{type:Boolean,default:!1},rules:{type:[Object,Array,Function],default:void 0},help:{type:String,default:``},validateStatus:{type:String,default:``},extra:{type:String,default:``},htmlFor:{type:String,default:``},colon:{type:Boolean,default:void 0},hidden:{type:Boolean,default:!1},noStyle:{type:Boolean,default:!1},dependencies:{type:Array,default:()=>[]},preserve:{type:Boolean,default:void 0},shouldUpdate:{type:[Boolean,Function],default:void 0},hasFeedback:{type:Boolean,default:void 0},labelCol:{type:Object,default:void 0},wrapperCol:{type:Object,default:void 0},validateDebounce:{type:Number,default:0},normalize:{type:Function,default:void 0}},u={name:{type:[String,Number,Array],required:!0},initialValue:{type:Array,default:void 0}},d={};function f(e){return e==null||e===``?[]:Array.isArray(e)?[...e]:typeof e==`number`?[e]:e.replace(/\[(\w+)\]/g,`.$1`).split(`.`).filter(Boolean)}function p(e){return f(e).join(`.`)}function m(e,t){let n=f(t);if(n.length!==0)return n.reduce((e,t)=>e?.[t],e)}function h(e,t,n){let r=f(t),i=r.pop();if(i===void 0)return;let a=r.reduce((e,t)=>((!e[t]||typeof e[t]!=`object`)&&(e[t]={}),e[t]),e);a[i]=n}function g(e,t){let n=f(t);if(n.length===0)return;let r=n.pop(),i=e;for(let e of n){if(i?.[e]===void 0||i[e]===null)return;i=i[e]}i&&typeof i==`object`&&(Array.isArray(i)&&typeof r==`number`?i.splice(r,1):delete i[r])}function _(e){if(e==null)return e;if(typeof structuredClone==`function`)try{return structuredClone(e)}catch{}return JSON.parse(JSON.stringify(e))}function v(e){return e?Array.isArray(e)?e:[e]:[]}function y(e,t){return t?e.filter(e=>e.trigger?(Array.isArray(e.trigger)?e.trigger:[e.trigger]).includes(t):!0):e}function b(e){return e==null||e===``||Array.isArray(e)&&e.length===0}function x(e,t){return b(t)||!e.type?!0:e.type===`email`?typeof t==`string`&&/^[^\s@]+@[^\s@][^\s.@]*\.[^\s@]+$/.test(t):e.type===`url`?typeof t==`string`&&/^https?:\/\/\S+$/i.test(t):e.type===`array`?Array.isArray(t):e.type===`object`?typeof t==`object`&&!Array.isArray(t):typeof t===e.type}function S(e){if(typeof e==`string`||Array.isArray(e))return e.length;if(typeof e==`number`)return e}var C={default:"${label} is invalid",required:"${label} is required",enum:"${label} must be one of ${enum}",whitespace:"${label} cannot be empty",pattern:"${label} is invalid",types:{string:"${label} is not a valid string",number:"${label} is not a valid number",boolean:"${label} is not a valid boolean",array:"${label} is not a valid array",object:"${label} is not a valid object",email:"${label} is not a valid email",url:"${label} is not a valid url"},string:{len:"${label} must be ${len} characters",min:"${label} must be at least ${min} characters",max:"${label} must be up to ${max} characters",range:"${label} must be between ${min} and ${max} characters"},number:{len:"${label} must equal ${len}",min:"${label} must be at least ${min}",max:"${label} must be up to ${max}",range:"${label} must be between ${min} and ${max}"},array:{len:"${label} must contain ${len} items",min:"${label} must contain at least ${min} items",max:"${label} must contain up to ${max} items",range:"${label} must contain between ${min} and ${max} items"}};function w(e,t){return e.replace(/\$\{(\w+)\}/g,(e,n)=>String(t[n]??``))}function T(e,t,n,r,i,a){if(e.message)return e.message;let o={...C,...r,types:{...C.types,...r.types},string:{...C.string,...r.string},number:{...C.number,...r.number},array:{...C.array,...r.array}};return w((a&&i&&typeof o[i]==`object`?o[i]?.[a]:void 0)||(i===`types`&&e.type?o.types?.[e.type]:void 0)||(i?o[i]:void 0)||o.default||"${label} is invalid",{label:n||t,name:t,field:t,enum:e.enum?.join(`, `),len:e.len,min:e.min,max:e.max})}function E(e,t){return e.type===`array`||Array.isArray(t)?`array`:typeof t==`number`?`number`:`string`}async function ee(e,t,n,r,i=r,a={}){if(e.required&&b(t))return{field:r,message:T(e,r,i,a,`required`)};if(e.whitespace&&typeof t==`string`&&t.trim()===``)return{field:r,message:T(e,r,i,a,`whitespace`)};if(e.enum&&!b(t)&&!e.enum.includes(t))return{field:r,message:T(e,r,i,a,`enum`)};if(!x(e,t))return{field:r,message:T(e,r,i,a,`types`)};let o=S(t);if(o!==void 0){let n=E(e,t);if(e.len!==void 0&&o!==e.len)return{field:r,message:T(e,r,i,a,n,`len`)};if(e.min!==void 0&&e.max!==void 0&&(o<e.min||o>e.max))return{field:r,message:T(e,r,i,a,n,`range`)};if(e.min!==void 0&&o<e.min)return{field:r,message:T(e,r,i,a,n,`min`)};if(e.max!==void 0&&o>e.max)return{field:r,message:T(e,r,i,a,n,`max`)}}if(e.pattern&&!e.pattern.test(String(t)))return{field:r,message:T(e,r,i,a,`pattern`)};if(e.validator){let o=await e.validator(e,t,n);if(o===!1)return{field:r,message:T(e,r,i,a)};if(typeof o==`string`)return{field:r,message:o};if(o instanceof Error)return{field:r,message:o.message}}return null}var D=(0,t.defineComponent)({name:`CForm`,props:c,emits:[`submit`,`validate`,`validate-failed`,`values-change`],setup(e,{emit:n,expose:a,slots:o}){let c=r(`form`),l=(0,t.ref)([]),u=(0,t.inject)(s,null),d=e=>{if(e===void 0)return l.value;if(!Array.isArray(e)){let t=p(e);return l.value.filter(e=>e.field===t)}let t=p(e);if(l.value.some(e=>e.field===t))return l.value.filter(e=>e.field===t);let n=new Set(e.map(e=>p(e)));return l.value.filter(e=>n.has(e.field))},f=e=>{e.field&&!l.value.includes(e)&&l.value.push(e)},m=e=>{l.value=l.value.filter(t=>t!==e)},h=(e,t,r)=>{n(`validate`,e,t,r)},g=(t,r)=>{n(`values-change`,{name:t,value:r},e.model),e.name&&u&&u.triggerFormChange(e.name,[{name:t,value:r}])},_=(0,t.computed)(()=>({[c.b()]:!0,[c.m(`label-${e.labelPosition}`)]:!!e.labelPosition,[c.m(e.layout)]:!!e.layout,[c.m(`disabled`)]:e.disabled})),v=async t=>{let r=[];for(let e of l.value)!await e.validate()&&e.prop&&r.push({field:e.field,message:e.getValidateMessage()});let i=r.length===0;return t?.(i,r),i||(n(`validate-failed`,r),e.scrollToFirstError&&S(r[0].field,e.scrollToFirstError===!0?void 0:e.scrollToFirstError)),i},y=async(e,t)=>{let n=d(e);return(await Promise.all(n.map(e=>e.validate(t)))).every(Boolean)},b=e=>{d(e).forEach(e=>e.resetField())},x=e=>{d(e).forEach(e=>e.clearValidate())},S=(e,t)=>{d(e)[0]?.getElement()?.scrollIntoView(t??{block:`nearest`})},C=()=>e.model,w=async t=>{t.preventDefault();let r=await v();n(`submit`,r,t),r&&e.name&&u&&u.triggerFormFinish(e.name,e.model)};(0,t.watch)(()=>e.rules,()=>{e.validateOnRuleChange&&x()}),(0,t.watch)(()=>e.model,()=>{l.value.forEach(e=>{e.dependencies.length>0&&e.validate()})},{deep:!0});let T={validate:v,validateField:y,resetFields:b,clearValidate:x,scrollToField:S,getFieldsValue:C};return a(T),(0,t.onMounted)(()=>{e.name&&u&&u.registerForm(e.name,T)}),(0,t.onUnmounted)(()=>{e.name&&u&&u.unregisterForm(e.name)}),(0,t.provide)(i,{model:(0,t.toRef)(e,`model`),rules:(0,t.toRef)(e,`rules`),initialValues:(0,t.toRef)(e,`initialValues`),validateMessages:(0,t.toRef)(e,`validateMessages`),disabled:(0,t.toRef)(e,`disabled`),labelWidth:(0,t.toRef)(e,`labelWidth`),labelPosition:(0,t.toRef)(e,`labelPosition`),layout:(0,t.toRef)(e,`layout`),colon:(0,t.toRef)(e,`colon`),requiredMark:(0,t.toRef)(e,`requiredMark`),preserve:(0,t.toRef)(e,`preserve`),labelCol:(0,t.toRef)(e,`labelCol`),wrapperCol:(0,t.toRef)(e,`wrapperCol`),hasFeedback:(0,t.toRef)(e,`hasFeedback`),addField:f,removeField:m,emitValidate:h,validateField:y,notifyFieldChange:g}),()=>(0,t.h)(`form`,{class:_.value,novalidate:!0,onSubmit:w},o.default?.())}}),O=new Set;function te(e,t,n){let r=`${e}.${t}`;O.has(r)||(O.add(r),typeof console<`u`&&console.warn(`[ccui][${e}] ${t} 已 deprecated，请改用 ${n}。`))}function ne(e,t,n){return e?Object.prototype.hasOwnProperty.call(e,t)||Object.prototype.hasOwnProperty.call(e,n):!1}function k(e){if(!e)return{};let t={};return e.flex!==void 0&&(t.flex=typeof e.flex==`number`?`${e.flex} ${e.flex} auto`:e.flex),e.span!==void 0&&(t.width=`${e.span/24*100}%`),e.offset!==void 0&&e.offset>0&&(t.marginInlineStart=`${e.offset/24*100}%`),t}var A=(0,t.defineComponent)({name:`CFormItem`,props:l,setup(e,{expose:n,slots:s}){let c=r(`form-item`),l=(0,t.getCurrentInstance)()?.vnode.props;ne(l,`prop`,`prop`)&&te(`FormItem`,`prop`,`name`);let u=(0,t.inject)(i,null),d=(0,t.inject)(o,null),b=(0,t.ref)(``),x=(0,t.ref)(``),S=(0,t.ref)(!1),C=(0,t.ref)(null),w=(0,t.computed)(()=>e.name??e.prop),T=(0,t.computed)(()=>{let e=w.value;if(!d)return e;let t=d.prefixName.value;return e==null||e===``?t.length?[...t]:void 0:[...t,...f(e)]}),E=(0,t.computed)(()=>p(T.value)),D=(0,t.computed)(()=>e.label||E.value),O=(0,t.ref)(),A=()=>{if(e.initialValue!==void 0)return e.initialValue;let t=u?m(u.initialValues.value,T.value):void 0;return t===void 0?u?m(u.model.value,T.value):void 0:t},j=()=>{let t=e.rules;return typeof t==`function`?t(u?.model.value??{}):t},M=(0,t.computed)(()=>{let t=[...v(u?.rules.value?.[E.value]),...v(j())];return e.required&&!t.some(e=>e.required)&&t.unshift({required:!0}),t}),N=(0,t.computed)(()=>e.required||M.value.some(e=>e.required)),P=(0,t.computed)(()=>e.validateStatus?e.validateStatus:S.value?`warning`:b.value),F=(0,t.computed)(()=>x.value||e.help),I=(0,t.computed)(()=>!N.value&&u?.requiredMark.value===`optional`),L=(0,t.computed)(()=>N.value&&u?.requiredMark.value!==!1),R=(0,t.computed)(()=>e.colon??u?.colon.value??!0),z=(0,t.computed)(()=>e.hasFeedback===void 0?!!u?.hasFeedback.value:e.hasFeedback),B=(0,t.computed)(()=>e.labelCol??u?.labelCol.value),V=(0,t.computed)(()=>e.wrapperCol??u?.wrapperCol.value),H=(0,t.computed)(()=>B.value?k(B.value):!u?.labelWidth.value||u.labelPosition.value===`top`||u.layout.value===`vertical`?{}:{width:typeof u.labelWidth.value==`number`?`${u.labelWidth.value}px`:u.labelWidth.value}),U=(0,t.computed)(()=>k(V.value)),W=(0,t.computed)(()=>({[c.b()]:!0,[c.m(P.value)]:!!P.value,[c.m(`required`)]:L.value,[c.m(`optional`)]:I.value,[c.m(`no-style`)]:e.noStyle,[c.m(`hidden`)]:e.hidden,[c.m(`top`)]:u?.labelPosition.value===`top`||u?.layout.value===`vertical`})),G=()=>{b.value=``,x.value=``,S.value=!1},K=null,q=async e=>{if(!E.value||!u)return!0;let t=y(M.value,e);if(t.length===0)return G(),!0;b.value=`validating`;let n=m(u.model.value,T.value),r=``;for(let e of t){let t=await ee(e,n,u.model.value,E.value,D.value,u.validateMessages.value);if(t){if(e.warningOnly){r=t.message;continue}return b.value=`error`,x.value=t.message,u.emitValidate(E.value,!1,t.message),!1}}return r?(b.value=`success`,x.value=r,S.value=!0,u.emitValidate(E.value,!0,r),!0):(S.value=!1,b.value=`success`,x.value=``,u.emitValidate(E.value,!0,``),!0)},J=async t=>e.validateDebounce>0?(K&&clearTimeout(K),new Promise(n=>{K=setTimeout(()=>{q(t).then(n)},e.validateDebounce)})):q(t),Y=()=>{E.value&&u&&h(u.model.value,T.value,_(O.value)),G()},X={get prop(){return T.value},get field(){return E.value},get dependencies(){return e.dependencies},validate:J,resetField:Y,clearValidate:G,getValidateMessage:()=>x.value,getElement:()=>C.value},Z=t=>{if(e.normalize&&u&&T.value!==void 0){let t=m(u.model.value,T.value),n=_(t),r=e.normalize(t,n,u.model.value);r!==t&&h(u.model.value,T.value,r)}if(J(`change`),u&&T.value!==void 0){let e=m(u.model.value,T.value);u.notifyFieldChange(T.value,e)}},Q=()=>{J(`blur`)};(0,t.onMounted)(()=>{if(O.value=_(A()),T.value&&u&&m(u.model.value,T.value)===void 0){let e=A();e!==void 0&&h(u.model.value,T.value,_(e))}u?.addField(X)}),(0,t.onUnmounted)(()=>{u?.removeField(X);let t=e.preserve,n=u?.preserve.value??!0;!(t===void 0?n:t)&&u&&T.value!==void 0&&g(u.model.value,T.value)}),n({validate:J,resetField:Y,clearValidate:G}),(0,t.provide)(a,{validateStatus:P,isInsideForm:!!u,validate:J});let $;(0,t.watch)(()=>u?.model.value,t=>{if(e.shouldUpdate!==void 0){if(typeof e.shouldUpdate==`function`){if(!e.shouldUpdate($,t)){$=_(t);return}}else if(!e.shouldUpdate){$=_(t);return}}$=_(t),e.dependencies.length>0&&J()},{deep:!0});let re=()=>{if(!e.label&&!s.label)return null;let n=[s.label?.()||e.label,I.value?(0,t.h)(`span`,{class:c.e(`optional`)},` (optional)`):null];return(0,t.h)(`label`,{class:[c.e(`label`),R.value&&c.em(`label`,`colon`)],style:H.value,for:e.htmlFor||void 0},n)},ie=()=>{if(!z.value)return null;let e=P.value;if(!e)return null;let n=e===`success`?`✓`:e===`error`?`✕`:e===`warning`?`!`:e===`validating`?`◌`:``;return n?(0,t.h)(`span`,{class:[c.e(`feedback`),c.em(`feedback`,e)],"aria-hidden":`true`},n):null},ae=()=>(0,t.h)(`div`,{class:c.e(`content`),style:U.value},[(0,t.h)(`div`,{class:[c.e(`control`),z.value&&c.em(`control`,`has-feedback`)]},[s.default?.(),ie()]),F.value?(0,t.h)(`div`,{class:c.e(`message`),role:`alert`},F.value):null,e.extra?(0,t.h)(`div`,{class:c.e(`extra`)},e.extra):null]);return()=>e.noStyle?(0,t.h)(`div`,{ref:C,class:W.value,"data-field":E.value||void 0,onChangeCapture:Z,onFocusoutCapture:Q},s.default?.()):(0,t.h)(`div`,{ref:C,class:W.value,"data-field":E.value||void 0,"aria-invalid":P.value===`error`?`true`:void 0,onChangeCapture:Z,onFocusoutCapture:Q},[re(),ae()])}}),j=(0,t.defineComponent)({name:`CFormList`,props:u,setup(e,{slots:n}){let r=(0,t.inject)(i,null),a=(0,t.computed)(()=>f(e.name)),s=()=>{if(!r)return[];let t=m(r.model.value,e.name);if(Array.isArray(t))return t;let n=e.initialValue??m(r.initialValues.value,e.name),i=Array.isArray(n)?_(n):[];return h(r.model.value,e.name,i),i},c=(0,t.reactive)({keys:[],seed:0}),l=e=>{for(;c.keys.length<e;)c.keys.push(c.seed++);c.keys.length>e&&(c.keys.length=e)};(0,t.onMounted)(()=>{l(s().length)}),(0,t.watch)(()=>r?m(r.model.value,e.name):void 0,e=>{Array.isArray(e)&&e.length!==c.keys.length&&l(e.length)},{deep:!1});let u={add(e,t){if(!r)return;let n=s(),i=_(e),a=t===void 0?n.length:Math.max(0,Math.min(t,n.length));n.splice(a,0,i),c.keys.splice(a,0,c.seed++)},remove(e){if(!r)return;let t=s(),n=(Array.isArray(e)?e:[e]).filter(e=>e>=0&&e<t.length).sort((e,t)=>t-e);for(let e of n)t.splice(e,1),c.keys.splice(e,1)},move(e,t){if(!r)return;let n=s();if(e===t||e<0||t<0||e>=n.length||t>=n.length)return;let[i]=n.splice(e,1);n.splice(t,0,i);let[a]=c.keys.splice(e,1);c.keys.splice(t,0,a)}};return(0,t.provide)(o,{prefixName:a}),()=>{let e=c.keys.map((e,t)=>({key:e,name:t}));return n.default?.(e,u)??null}}}),M=(0,t.defineComponent)({name:`CFormProvider`,props:d,emits:[`form-change`,`form-finish`],setup(e,{emit:n,slots:r}){let i={};return(0,t.provide)(s,{registerForm:(e,t)=>{e&&(i[e]=t)},unregisterForm:e=>{e&&delete i[e]},triggerFormChange:(e,t)=>{e&&n(`form-change`,e,{changedFields:t,forms:i})},triggerFormFinish:(e,t)=>{e&&n(`form-finish`,e,{values:t,forms:i})}}),()=>r.default?.()??null}}),N=D;N.install=function(e){e.component(D.name,D),e.component(A.name,A),e.component(j.name,j),e.component(M.name,M)},e.Form=D,e.FormItem=A,e.FormList=j,e.FormProvider=M,e.default={title:`Form 表单`,category:`数据录入`,status:`95%`,install(e){e.component(D.name,D),e.component(A.name,A),e.component(j.name,j),e.component(M.name,M)}}});

package/grid/ccui-cli.css

@@ -0,0 +1,2 @@
+:root{--ccui-global-bg:#f5f5f5;--ccui-global-bg-normal:#fff;--ccui-base-bg:#fff;--ccui-base-bg-dark:#000000d9;--ccui-brand:#1677ff;--ccui-brand-foil:#e6f4ff;--ccui-brand-hover:#4096ff;--ccui-brand-active:#0958d9;--ccui-brand-active-focus:#003eb3;--ccui-contrast:#ff4d4f;--ccui-text:#000000e0;--ccui-text-weak:#000000a6;--ccui-aide-text:#00000073;--ccui-aide-text-stress:#000000a6;--ccui-placeholder:#00000040;--ccui-light-text:#fff;--ccui-dark-text:#000000e0;--ccui-link:#1677ff;--ccui-link-active:#0958d9;--ccui-link-light:#4096ff;--ccui-link-light-active:#69b1ff;--ccui-line:#d9d9d9;--ccui-dividing-line:#f0f0f0;--ccui-block:#fff;--ccui-area:#fafafa;--ccui-danger:#ff4d4f;--ccui-warning:#faad14;--ccui-waiting:#00000073;--ccui-success:#52c41a;--ccui-info:#1677ff;--ccui-initial:#e6f4ff;--ccui-unavailable:#f5f5f5;--ccui-shadow:#00000026;--ccui-light-shadow:#0000000f;--ccui-icon-text:#000000e0;--ccui-icon-bg:#fff;--ccui-icon-fill:#00000073;--ccui-icon-fill-hover:#000000a6;--ccui-icon-fill-active:#1677ff;--ccui-icon-fill-active-hover:#4096ff;--ccui-form-control-line:#d9d9d9;--ccui-form-control-line-hover:#4096ff;--ccui-form-control-line-active:#1677ff;--ccui-form-control-line-active-hover:#0958d9;--ccui-list-item-active-bg:#1677ff;--ccui-list-item-active-text:#fff;--ccui-list-item-active-hover-bg:#4096ff;--ccui-list-item-hover-bg:#0000000a;--ccui-list-item-hover-text:#1677ff;--ccui-list-item-selected-bg:#e6f4ff;--ccui-list-item-strip-bg:#fafafa;--ccui-disabled-bg:#0000000a;--ccui-disabled-line:#d9d9d9;--ccui-disabled-text:#00000040;--ccui-primary-disabled:#91caff;--ccui-icon-fill-active-disabled:#91caff;--ccui-label-bg:#fafafa;--ccui-connected-overlay-bg:#fff;--ccui-connected-overlay-line:#1677ff;--ccui-fullscreen-overlay-bg:#fff;--ccui-feedback-overlay-bg:#000000d9;--ccui-feedback-overlay-text:#fff;--ccui-embed-search-bg:#fafafa;--ccui-embed-search-bg-hover:#f0f0f0;--ccui-float-block-shadow:#1677ff29;--ccui-highlight-overlay:#fffc;--ccui-range-item-hover-bg:#e6f4ff;--ccui-primary:#1677ff;--ccui-primary-hover:#4096ff;--ccui-primary-active:#0958d9;--ccui-contrast-hover:#ff7875;--ccui-contrast-active:#d9363e;--ccui-secondary:#000000a6;--ccui-danger-line:#ffccc7;--ccui-danger-bg:#fff2f0;--ccui-warning-line:#ffe58f;--ccui-warning-bg:#fffbe6;--ccui-info-line:#91caff;--ccui-info-bg:#e6f4ff;--ccui-success-line:#b7eb8f;--ccui-success-bg:#f6ffed;--ccui-primary-line:#91caff;--ccui-primary-bg:#e6f4ff;--ccui-default-line:#d9d9d9;--ccui-default-bg:#fff;--ccui-font-size:14px;--ccui-font-size-card-title:16px;--ccui-font-size-page-title:20px;--ccui-font-size-modal-title:16px;--ccui-font-size-price:24px;--ccui-font-size-data-overview:30px;--ccui-font-size-icon:16px;--ccui-font-size-sm:12px;--ccui-font-size-md:14px;--ccui-font-size-lg:16px;--ccui-font-title-weight:600;--ccui-font-content-weight:400;--ccui-line-height-base:1.57143;--ccui-border-radius:6px;--ccui-border-radius-feedback:8px;--ccui-border-radius-card:8px;--ccui-shadow-length-base:0 1px 2px 0;--ccui-shadow-length-slide-left:-6px 0 16px 0;--ccui-shadow-length-slide-right:6px 0 16px 0;--ccui-shadow-length-connected-overlay:0 6px 16px 0;--ccui-shadow-length-hover:0 6px 16px 0;--ccui-shadow-length-feedback-overlay:0 6px 16px 0;--ccui-shadow-fullscreen-overlay:0 6px 16px 0;--ccui-animation-duration-slow:.3s;--ccui-animation-duration-base:.2s;--ccui-animation-duration-fast:.1s;--ccui-animation-ease-in:cubic-bezier(.7, 0, .84, 0);--ccui-animation-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-animation-ease-in-out:cubic-bezier(.78, .14, .15, .86);--ccui-animation-ease-in-smooth:cubic-bezier(.645, .045, .355, 1);--ccui-animation-linear:cubic-bezier(0, 0, 1, 1);--ccui-z-index-full-page-overlay:1080;--ccui-z-index-pop-up:1060;--ccui-z-index-dropdown:1052;--ccui-z-index-modal:1050;--ccui-z-index-drawer:1040;--ccui-z-index-framework:1000;--ccui-size-sm:24px;--ccui-size-md:32px;--ccui-size-lg:40px;--ccui-color-primary:#1677ff;--ccui-color-primary-hover:#4096ff;--ccui-color-primary-active:#0958d9;--ccui-color-primary-bg:#e6f4ff;--ccui-color-primary-bg-hover:#bae0ff;--ccui-color-primary-border:#91caff;--ccui-color-primary-border-hover:#69b1ff;--ccui-color-success:#52c41a;--ccui-color-success-hover:#73d13d;--ccui-color-success-active:#389e0d;--ccui-color-success-bg:#f6ffed;--ccui-color-success-border:#b7eb8f;--ccui-color-warning:#faad14;--ccui-color-warning-hover:#ffc53d;--ccui-color-warning-active:#d48806;--ccui-color-warning-bg:#fffbe6;--ccui-color-warning-border:#ffe58f;--ccui-color-error:#ff4d4f;--ccui-color-error-hover:#ff7875;--ccui-color-error-active:#d9363e;--ccui-color-error-bg:#fff2f0;--ccui-color-error-border:#ffccc7;--ccui-color-info:#1677ff;--ccui-color-info-hover:#4096ff;--ccui-color-info-bg:#e6f4ff;--ccui-color-info-border:#91caff;--ccui-color-text:#000000e0;--ccui-color-text-secondary:#000000a6;--ccui-color-text-tertiary:#00000073;--ccui-color-text-quaternary:#00000040;--ccui-color-text-disabled:#00000040;--ccui-color-text-placeholder:#00000040;--ccui-color-text-heading:#000000e0;--ccui-color-text-light-solid:#fff;--ccui-color-bg-base:#fff;--ccui-color-bg-container:#fff;--ccui-color-bg-elevated:#fff;--ccui-color-bg-layout:#f5f5f5;--ccui-color-bg-spotlight:#000000d9;--ccui-color-bg-mask:#00000073;--ccui-color-bg-text-hover:#0000000f;--ccui-color-bg-text-active:#00000026;--ccui-color-border:#d9d9d9;--ccui-color-border-secondary:#f0f0f0;--ccui-color-border-disabled:#0000000a;--ccui-color-split:#0505050f;--ccui-color-fill:#00000026;--ccui-color-fill-secondary:#0000000f;--ccui-color-fill-tertiary:#0000000a;--ccui-color-fill-quaternary:#00000005;--ccui-control-outline:#0591ff1a;--ccui-control-outline-error:#ff26050f;--ccui-control-outline-warning:#ffd7051a;--ccui-red-1:#fff1f0;--ccui-red-2:#ffccc7;--ccui-red-3:#ffa39e;--ccui-red-4:#ff7875;--ccui-red-5:#ff4d4f;--ccui-red-6:#f5222d;--ccui-red-7:#cf1322;--ccui-red-8:#a8071a;--ccui-red-9:#820014;--ccui-red-10:#5c0011;--ccui-volcano-1:#fff2e8;--ccui-volcano-2:#ffd8bf;--ccui-volcano-3:#ffbb96;--ccui-volcano-4:#ff9c6e;--ccui-volcano-5:#ff7a45;--ccui-volcano-6:#fa541c;--ccui-volcano-7:#d4380d;--ccui-volcano-8:#ad2102;--ccui-volcano-9:#871400;--ccui-volcano-10:#610b00;--ccui-orange-1:#fff7e6;--ccui-orange-2:#ffe7ba;--ccui-orange-3:#ffd591;--ccui-orange-4:#ffc069;--ccui-orange-5:#ffa940;--ccui-orange-6:#fa8c16;--ccui-orange-7:#d46b08;--ccui-orange-8:#ad4e00;--ccui-orange-9:#873800;--ccui-orange-10:#612500;--ccui-gold-1:#fffbe6;--ccui-gold-2:#fff1b8;--ccui-gold-3:#ffe58f;--ccui-gold-4:#ffd666;--ccui-gold-5:#ffc53d;--ccui-gold-6:#faad14;--ccui-gold-7:#d48806;--ccui-gold-8:#ad6800;--ccui-gold-9:#874d00;--ccui-gold-10:#613400;--ccui-yellow-1:#feffe6;--ccui-yellow-2:#ffffb8;--ccui-yellow-3:#fffb8f;--ccui-yellow-4:#fff566;--ccui-yellow-5:#ffec3d;--ccui-yellow-6:#fadb14;--ccui-yellow-7:#d4b106;--ccui-yellow-8:#ad8b00;--ccui-yellow-9:#876800;--ccui-yellow-10:#614700;--ccui-lime-1:#fcffe6;--ccui-lime-2:#f4ffb8;--ccui-lime-3:#eaff8f;--ccui-lime-4:#d3f261;--ccui-lime-5:#bae637;--ccui-lime-6:#a0d911;--ccui-lime-7:#7cb305;--ccui-lime-8:#5b8c00;--ccui-lime-9:#3f6600;--ccui-lime-10:#254000;--ccui-green-1:#f6ffed;--ccui-green-2:#d9f7be;--ccui-green-3:#b7eb8f;--ccui-green-4:#95de64;--ccui-green-5:#73d13d;--ccui-green-6:#52c41a;--ccui-green-7:#389e0d;--ccui-green-8:#237804;--ccui-green-9:#135200;--ccui-green-10:#092b00;--ccui-cyan-1:#e6fffb;--ccui-cyan-2:#b5f5ec;--ccui-cyan-3:#87e8de;--ccui-cyan-4:#5cdbd3;--ccui-cyan-5:#36cfc9;--ccui-cyan-6:#13c2c2;--ccui-cyan-7:#08979c;--ccui-cyan-8:#006d75;--ccui-cyan-9:#00474f;--ccui-cyan-10:#002329;--ccui-blue-1:#e6f4ff;--ccui-blue-2:#bae0ff;--ccui-blue-3:#91caff;--ccui-blue-4:#69b1ff;--ccui-blue-5:#4096ff;--ccui-blue-6:#1677ff;--ccui-blue-7:#0958d9;--ccui-blue-8:#003eb3;--ccui-blue-9:#002c8c;--ccui-blue-10:#001d66;--ccui-geekblue-1:#f0f5ff;--ccui-geekblue-2:#d6e4ff;--ccui-geekblue-3:#adc6ff;--ccui-geekblue-4:#85a5ff;--ccui-geekblue-5:#597ef7;--ccui-geekblue-6:#2f54eb;--ccui-geekblue-7:#1d39c4;--ccui-geekblue-8:#10239e;--ccui-geekblue-9:#061178;--ccui-geekblue-10:#030852;--ccui-purple-1:#f9f0ff;--ccui-purple-2:#efdbff;--ccui-purple-3:#d3adf7;--ccui-purple-4:#b37feb;--ccui-purple-5:#9254de;--ccui-purple-6:#722ed1;--ccui-purple-7:#531dab;--ccui-purple-8:#391085;--ccui-purple-9:#22075e;--ccui-purple-10:#120338;--ccui-magenta-1:#fff0f6;--ccui-magenta-2:#ffd6e7;--ccui-magenta-3:#ffadd2;--ccui-magenta-4:#ff85c0;--ccui-magenta-5:#f759ab;--ccui-magenta-6:#eb2f96;--ccui-magenta-7:#c41d7f;--ccui-magenta-8:#9e1068;--ccui-magenta-9:#780650;--ccui-magenta-10:#520339;--ccui-pink-1:#fff0f6;--ccui-pink-6:#eb2f96;--ccui-border-radius-lg:8px;--ccui-border-radius-sm:4px;--ccui-border-radius-xs:2px;--ccui-border-radius-outer:4px;--ccui-font-size-xl:20px;--ccui-font-size-heading-1:38px;--ccui-font-size-heading-2:30px;--ccui-font-size-heading-3:24px;--ccui-font-size-heading-4:20px;--ccui-font-size-heading-5:16px;--ccui-line-height-lg:1.5;--ccui-line-height-sm:1.66;--ccui-line-height-heading-1:1.21052;--ccui-line-height-heading-2:1.26666;--ccui-line-height-heading-3:1.33333;--ccui-line-height-heading-4:1.4;--ccui-line-height-heading-5:1.5;--ccui-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ccui-font-family-code:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--ccui-control-height:32px;--ccui-control-height-sm:24px;--ccui-control-height-lg:40px;--ccui-control-height-xs:16px;--ccui-box-shadow:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-secondary:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-tertiary:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--ccui-motion-duration-slow:.3s;--ccui-motion-duration-mid:.2s;--ccui-motion-duration-fast:.1s;--ccui-motion-ease-in-out:cubic-bezier(.645, .045, .355, 1);--ccui-motion-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-motion-ease-in:cubic-bezier(.55, .055, .675, .19);--ccui-motion-ease-out-back:cubic-bezier(.12, .4, .29, 1.46);--ccui-motion-ease-in-back:cubic-bezier(.71, -.46, .88, .6);--ccui-motion-ease-out-circ:cubic-bezier(.08, .82, .17, 1);--ccui-motion-ease-in-out-circ:cubic-bezier(.78, .14, .15, .86);--ccui-padding-xxs:4px;--ccui-padding-xs:8px;--ccui-padding-sm:12px;--ccui-padding:16px;--ccui-padding-md:20px;--ccui-padding-lg:24px;--ccui-padding-xl:32px;--ccui-margin-xxs:4px;--ccui-margin-xs:8px;--ccui-margin-sm:12px;--ccui-margin:16px;--ccui-margin-md:20px;--ccui-margin-lg:24px;--ccui-margin-xl:32px}.ccui-row{flex-flow:wrap;min-width:0;display:flex}.ccui-row--justify-start{justify-content:flex-start}.ccui-row--justify-end{justify-content:flex-end}.ccui-row--justify-center{justify-content:center}.ccui-row--justify-space-around{justify-content:space-around}.ccui-row--justify-space-between{justify-content:space-between}.ccui-row--justify-space-evenly{justify-content:space-evenly}.ccui-row--align-top{align-items:flex-start}.ccui-row--align-middle{align-items:center}.ccui-row--align-bottom{align-items:flex-end}.ccui-row--align-stretch{align-items:stretch}.ccui-row--no-wrap{flex-wrap:nowrap}.ccui-col{box-sizing:border-box;max-width:100%;min-height:1px;position:relative}.ccui-col--span-0{display:none}.ccui-col--offset-0{margin-inline-start:0%}.ccui-col--push-0{inset-inline-start:0%}.ccui-col--pull-0{inset-inline-end:0%}.ccui-col--order-0{order:0}.ccui-col--span-1{flex:0 0 4.16667%;max-width:4.16667%}.ccui-col--offset-1{margin-inline-start:4.16667%}.ccui-col--push-1{inset-inline-start:4.16667%}.ccui-col--pull-1{inset-inline-end:4.16667%}.ccui-col--order-1{order:1}.ccui-col--span-2{flex:0 0 8.33333%;max-width:8.33333%}.ccui-col--offset-2{margin-inline-start:8.33333%}.ccui-col--push-2{inset-inline-start:8.33333%}.ccui-col--pull-2{inset-inline-end:8.33333%}.ccui-col--order-2{order:2}.ccui-col--span-3{flex:0 0 12.5%;max-width:12.5%}.ccui-col--offset-3{margin-inline-start:12.5%}.ccui-col--push-3{inset-inline-start:12.5%}.ccui-col--pull-3{inset-inline-end:12.5%}.ccui-col--order-3{order:3}.ccui-col--span-4{flex:0 0 16.6667%;max-width:16.6667%}.ccui-col--offset-4{margin-inline-start:16.6667%}.ccui-col--push-4{inset-inline-start:16.6667%}.ccui-col--pull-4{inset-inline-end:16.6667%}.ccui-col--order-4{order:4}.ccui-col--span-5{flex:0 0 20.8333%;max-width:20.8333%}.ccui-col--offset-5{margin-inline-start:20.8333%}.ccui-col--push-5{inset-inline-start:20.8333%}.ccui-col--pull-5{inset-inline-end:20.8333%}.ccui-col--order-5{order:5}.ccui-col--span-6{flex:0 0 25%;max-width:25%}.ccui-col--offset-6{margin-inline-start:25%}.ccui-col--push-6{inset-inline-start:25%}.ccui-col--pull-6{inset-inline-end:25%}.ccui-col--order-6{order:6}.ccui-col--span-7{flex:0 0 29.1667%;max-width:29.1667%}.ccui-col--offset-7{margin-inline-start:29.1667%}.ccui-col--push-7{inset-inline-start:29.1667%}.ccui-col--pull-7{inset-inline-end:29.1667%}.ccui-col--order-7{order:7}.ccui-col--span-8{flex:0 0 33.3333%;max-width:33.3333%}.ccui-col--offset-8{margin-inline-start:33.3333%}.ccui-col--push-8{inset-inline-start:33.3333%}.ccui-col--pull-8{inset-inline-end:33.3333%}.ccui-col--order-8{order:8}.ccui-col--span-9{flex:0 0 37.5%;max-width:37.5%}.ccui-col--offset-9{margin-inline-start:37.5%}.ccui-col--push-9{inset-inline-start:37.5%}.ccui-col--pull-9{inset-inline-end:37.5%}.ccui-col--order-9{order:9}.ccui-col--span-10{flex:0 0 41.6667%;max-width:41.6667%}.ccui-col--offset-10{margin-inline-start:41.6667%}.ccui-col--push-10{inset-inline-start:41.6667%}.ccui-col--pull-10{inset-inline-end:41.6667%}.ccui-col--order-10{order:10}.ccui-col--span-11{flex:0 0 45.8333%;max-width:45.8333%}.ccui-col--offset-11{margin-inline-start:45.8333%}.ccui-col--push-11{inset-inline-start:45.8333%}.ccui-col--pull-11{inset-inline-end:45.8333%}.ccui-col--order-11{order:11}.ccui-col--span-12{flex:0 0 50%;max-width:50%}.ccui-col--offset-12{margin-inline-start:50%}.ccui-col--push-12{inset-inline-start:50%}.ccui-col--pull-12{inset-inline-end:50%}.ccui-col--order-12{order:12}.ccui-col--span-13{flex:0 0 54.1667%;max-width:54.1667%}.ccui-col--offset-13{margin-inline-start:54.1667%}.ccui-col--push-13{inset-inline-start:54.1667%}.ccui-col--pull-13{inset-inline-end:54.1667%}.ccui-col--order-13{order:13}.ccui-col--span-14{flex:0 0 58.3333%;max-width:58.3333%}.ccui-col--offset-14{margin-inline-start:58.3333%}.ccui-col--push-14{inset-inline-start:58.3333%}.ccui-col--pull-14{inset-inline-end:58.3333%}.ccui-col--order-14{order:14}.ccui-col--span-15{flex:0 0 62.5%;max-width:62.5%}.ccui-col--offset-15{margin-inline-start:62.5%}.ccui-col--push-15{inset-inline-start:62.5%}.ccui-col--pull-15{inset-inline-end:62.5%}.ccui-col--order-15{order:15}.ccui-col--span-16{flex:0 0 66.6667%;max-width:66.6667%}.ccui-col--offset-16{margin-inline-start:66.6667%}.ccui-col--push-16{inset-inline-start:66.6667%}.ccui-col--pull-16{inset-inline-end:66.6667%}.ccui-col--order-16{order:16}.ccui-col--span-17{flex:0 0 70.8333%;max-width:70.8333%}.ccui-col--offset-17{margin-inline-start:70.8333%}.ccui-col--push-17{inset-inline-start:70.8333%}.ccui-col--pull-17{inset-inline-end:70.8333%}.ccui-col--order-17{order:17}.ccui-col--span-18{flex:0 0 75%;max-width:75%}.ccui-col--offset-18{margin-inline-start:75%}.ccui-col--push-18{inset-inline-start:75%}.ccui-col--pull-18{inset-inline-end:75%}.ccui-col--order-18{order:18}.ccui-col--span-19{flex:0 0 79.1667%;max-width:79.1667%}.ccui-col--offset-19{margin-inline-start:79.1667%}.ccui-col--push-19{inset-inline-start:79.1667%}.ccui-col--pull-19{inset-inline-end:79.1667%}.ccui-col--order-19{order:19}.ccui-col--span-20{flex:0 0 83.3333%;max-width:83.3333%}.ccui-col--offset-20{margin-inline-start:83.3333%}.ccui-col--push-20{inset-inline-start:83.3333%}.ccui-col--pull-20{inset-inline-end:83.3333%}.ccui-col--order-20{order:20}.ccui-col--span-21{flex:0 0 87.5%;max-width:87.5%}.ccui-col--offset-21{margin-inline-start:87.5%}.ccui-col--push-21{inset-inline-start:87.5%}.ccui-col--pull-21{inset-inline-end:87.5%}.ccui-col--order-21{order:21}.ccui-col--span-22{flex:0 0 91.6667%;max-width:91.6667%}.ccui-col--offset-22{margin-inline-start:91.6667%}.ccui-col--push-22{inset-inline-start:91.6667%}.ccui-col--pull-22{inset-inline-end:91.6667%}.ccui-col--order-22{order:22}.ccui-col--span-23{flex:0 0 95.8333%;max-width:95.8333%}.ccui-col--offset-23{margin-inline-start:95.8333%}.ccui-col--push-23{inset-inline-start:95.8333%}.ccui-col--pull-23{inset-inline-end:95.8333%}.ccui-col--order-23{order:23}.ccui-col--span-24{flex:0 0 100%;max-width:100%}.ccui-col--offset-24{margin-inline-start:100%}.ccui-col--push-24{inset-inline-start:100%}.ccui-col--pull-24{inset-inline-end:100%}.ccui-col--order-24{order:24}@media (width>=576px){.ccui-col--sm-0{display:none}.ccui-col--sm-offset-0{margin-inline-start:0%}.ccui-col--sm-push-0{inset-inline-start:0%}.ccui-col--sm-pull-0{inset-inline-end:0%}.ccui-col--sm-order-0{order:0}.ccui-col--sm-1{flex:0 0 4.16667%;max-width:4.16667%}.ccui-col--sm-offset-1{margin-inline-start:4.16667%}.ccui-col--sm-push-1{inset-inline-start:4.16667%}.ccui-col--sm-pull-1{inset-inline-end:4.16667%}.ccui-col--sm-order-1{order:1}.ccui-col--sm-2{flex:0 0 8.33333%;max-width:8.33333%}.ccui-col--sm-offset-2{margin-inline-start:8.33333%}.ccui-col--sm-push-2{inset-inline-start:8.33333%}.ccui-col--sm-pull-2{inset-inline-end:8.33333%}.ccui-col--sm-order-2{order:2}.ccui-col--sm-3{flex:0 0 12.5%;max-width:12.5%}.ccui-col--sm-offset-3{margin-inline-start:12.5%}.ccui-col--sm-push-3{inset-inline-start:12.5%}.ccui-col--sm-pull-3{inset-inline-end:12.5%}.ccui-col--sm-order-3{order:3}.ccui-col--sm-4{flex:0 0 16.6667%;max-width:16.6667%}.ccui-col--sm-offset-4{margin-inline-start:16.6667%}.ccui-col--sm-push-4{inset-inline-start:16.6667%}.ccui-col--sm-pull-4{inset-inline-end:16.6667%}.ccui-col--sm-order-4{order:4}.ccui-col--sm-5{flex:0 0 20.8333%;max-width:20.8333%}.ccui-col--sm-offset-5{margin-inline-start:20.8333%}.ccui-col--sm-push-5{inset-inline-start:20.8333%}.ccui-col--sm-pull-5{inset-inline-end:20.8333%}.ccui-col--sm-order-5{order:5}.ccui-col--sm-6{flex:0 0 25%;max-width:25%}.ccui-col--sm-offset-6{margin-inline-start:25%}.ccui-col--sm-push-6{inset-inline-start:25%}.ccui-col--sm-pull-6{inset-inline-end:25%}.ccui-col--sm-order-6{order:6}.ccui-col--sm-7{flex:0 0 29.1667%;max-width:29.1667%}.ccui-col--sm-offset-7{margin-inline-start:29.1667%}.ccui-col--sm-push-7{inset-inline-start:29.1667%}.ccui-col--sm-pull-7{inset-inline-end:29.1667%}.ccui-col--sm-order-7{order:7}.ccui-col--sm-8{flex:0 0 33.3333%;max-width:33.3333%}.ccui-col--sm-offset-8{margin-inline-start:33.3333%}.ccui-col--sm-push-8{inset-inline-start:33.3333%}.ccui-col--sm-pull-8{inset-inline-end:33.3333%}.ccui-col--sm-order-8{order:8}.ccui-col--sm-9{flex:0 0 37.5%;max-width:37.5%}.ccui-col--sm-offset-9{margin-inline-start:37.5%}.ccui-col--sm-push-9{inset-inline-start:37.5%}.ccui-col--sm-pull-9{inset-inline-end:37.5%}.ccui-col--sm-order-9{order:9}.ccui-col--sm-10{flex:0 0 41.6667%;max-width:41.6667%}.ccui-col--sm-offset-10{margin-inline-start:41.6667%}.ccui-col--sm-push-10{inset-inline-start:41.6667%}.ccui-col--sm-pull-10{inset-inline-end:41.6667%}.ccui-col--sm-order-10{order:10}.ccui-col--sm-11{flex:0 0 45.8333%;max-width:45.8333%}.ccui-col--sm-offset-11{margin-inline-start:45.8333%}.ccui-col--sm-push-11{inset-inline-start:45.8333%}.ccui-col--sm-pull-11{inset-inline-end:45.8333%}.ccui-col--sm-order-11{order:11}.ccui-col--sm-12{flex:0 0 50%;max-width:50%}.ccui-col--sm-offset-12{margin-inline-start:50%}.ccui-col--sm-push-12{inset-inline-start:50%}.ccui-col--sm-pull-12{inset-inline-end:50%}.ccui-col--sm-order-12{order:12}.ccui-col--sm-13{flex:0 0 54.1667%;max-width:54.1667%}.ccui-col--sm-offset-13{margin-inline-start:54.1667%}.ccui-col--sm-push-13{inset-inline-start:54.1667%}.ccui-col--sm-pull-13{inset-inline-end:54.1667%}.ccui-col--sm-order-13{order:13}.ccui-col--sm-14{flex:0 0 58.3333%;max-width:58.3333%}.ccui-col--sm-offset-14{margin-inline-start:58.3333%}.ccui-col--sm-push-14{inset-inline-start:58.3333%}.ccui-col--sm-pull-14{inset-inline-end:58.3333%}.ccui-col--sm-order-14{order:14}.ccui-col--sm-15{flex:0 0 62.5%;max-width:62.5%}.ccui-col--sm-offset-15{margin-inline-start:62.5%}.ccui-col--sm-push-15{inset-inline-start:62.5%}.ccui-col--sm-pull-15{inset-inline-end:62.5%}.ccui-col--sm-order-15{order:15}.ccui-col--sm-16{flex:0 0 66.6667%;max-width:66.6667%}.ccui-col--sm-offset-16{margin-inline-start:66.6667%}.ccui-col--sm-push-16{inset-inline-start:66.6667%}.ccui-col--sm-pull-16{inset-inline-end:66.6667%}.ccui-col--sm-order-16{order:16}.ccui-col--sm-17{flex:0 0 70.8333%;max-width:70.8333%}.ccui-col--sm-offset-17{margin-inline-start:70.8333%}.ccui-col--sm-push-17{inset-inline-start:70.8333%}.ccui-col--sm-pull-17{inset-inline-end:70.8333%}.ccui-col--sm-order-17{order:17}.ccui-col--sm-18{flex:0 0 75%;max-width:75%}.ccui-col--sm-offset-18{margin-inline-start:75%}.ccui-col--sm-push-18{inset-inline-start:75%}.ccui-col--sm-pull-18{inset-inline-end:75%}.ccui-col--sm-order-18{order:18}.ccui-col--sm-19{flex:0 0 79.1667%;max-width:79.1667%}.ccui-col--sm-offset-19{margin-inline-start:79.1667%}.ccui-col--sm-push-19{inset-inline-start:79.1667%}.ccui-col--sm-pull-19{inset-inline-end:79.1667%}.ccui-col--sm-order-19{order:19}.ccui-col--sm-20{flex:0 0 83.3333%;max-width:83.3333%}.ccui-col--sm-offset-20{margin-inline-start:83.3333%}.ccui-col--sm-push-20{inset-inline-start:83.3333%}.ccui-col--sm-pull-20{inset-inline-end:83.3333%}.ccui-col--sm-order-20{order:20}.ccui-col--sm-21{flex:0 0 87.5%;max-width:87.5%}.ccui-col--sm-offset-21{margin-inline-start:87.5%}.ccui-col--sm-push-21{inset-inline-start:87.5%}.ccui-col--sm-pull-21{inset-inline-end:87.5%}.ccui-col--sm-order-21{order:21}.ccui-col--sm-22{flex:0 0 91.6667%;max-width:91.6667%}.ccui-col--sm-offset-22{margin-inline-start:91.6667%}.ccui-col--sm-push-22{inset-inline-start:91.6667%}.ccui-col--sm-pull-22{inset-inline-end:91.6667%}.ccui-col--sm-order-22{order:22}.ccui-col--sm-23{flex:0 0 95.8333%;max-width:95.8333%}.ccui-col--sm-offset-23{margin-inline-start:95.8333%}.ccui-col--sm-push-23{inset-inline-start:95.8333%}.ccui-col--sm-pull-23{inset-inline-end:95.8333%}.ccui-col--sm-order-23{order:23}.ccui-col--sm-24{flex:0 0 100%;max-width:100%}.ccui-col--sm-offset-24{margin-inline-start:100%}.ccui-col--sm-push-24{inset-inline-start:100%}.ccui-col--sm-pull-24{inset-inline-end:100%}.ccui-col--sm-order-24{order:24}}@media (width>=768px){.ccui-col--md-0{display:none}.ccui-col--md-offset-0{margin-inline-start:0%}.ccui-col--md-push-0{inset-inline-start:0%}.ccui-col--md-pull-0{inset-inline-end:0%}.ccui-col--md-order-0{order:0}.ccui-col--md-1{flex:0 0 4.16667%;max-width:4.16667%}.ccui-col--md-offset-1{margin-inline-start:4.16667%}.ccui-col--md-push-1{inset-inline-start:4.16667%}.ccui-col--md-pull-1{inset-inline-end:4.16667%}.ccui-col--md-order-1{order:1}.ccui-col--md-2{flex:0 0 8.33333%;max-width:8.33333%}.ccui-col--md-offset-2{margin-inline-start:8.33333%}.ccui-col--md-push-2{inset-inline-start:8.33333%}.ccui-col--md-pull-2{inset-inline-end:8.33333%}.ccui-col--md-order-2{order:2}.ccui-col--md-3{flex:0 0 12.5%;max-width:12.5%}.ccui-col--md-offset-3{margin-inline-start:12.5%}.ccui-col--md-push-3{inset-inline-start:12.5%}.ccui-col--md-pull-3{inset-inline-end:12.5%}.ccui-col--md-order-3{order:3}.ccui-col--md-4{flex:0 0 16.6667%;max-width:16.6667%}.ccui-col--md-offset-4{margin-inline-start:16.6667%}.ccui-col--md-push-4{inset-inline-start:16.6667%}.ccui-col--md-pull-4{inset-inline-end:16.6667%}.ccui-col--md-order-4{order:4}.ccui-col--md-5{flex:0 0 20.8333%;max-width:20.8333%}.ccui-col--md-offset-5{margin-inline-start:20.8333%}.ccui-col--md-push-5{inset-inline-start:20.8333%}.ccui-col--md-pull-5{inset-inline-end:20.8333%}.ccui-col--md-order-5{order:5}.ccui-col--md-6{flex:0 0 25%;max-width:25%}.ccui-col--md-offset-6{margin-inline-start:25%}.ccui-col--md-push-6{inset-inline-start:25%}.ccui-col--md-pull-6{inset-inline-end:25%}.ccui-col--md-order-6{order:6}.ccui-col--md-7{flex:0 0 29.1667%;max-width:29.1667%}.ccui-col--md-offset-7{margin-inline-start:29.1667%}.ccui-col--md-push-7{inset-inline-start:29.1667%}.ccui-col--md-pull-7{inset-inline-end:29.1667%}.ccui-col--md-order-7{order:7}.ccui-col--md-8{flex:0 0 33.3333%;max-width:33.3333%}.ccui-col--md-offset-8{margin-inline-start:33.3333%}.ccui-col--md-push-8{inset-inline-start:33.3333%}.ccui-col--md-pull-8{inset-inline-end:33.3333%}.ccui-col--md-order-8{order:8}.ccui-col--md-9{flex:0 0 37.5%;max-width:37.5%}.ccui-col--md-offset-9{margin-inline-start:37.5%}.ccui-col--md-push-9{inset-inline-start:37.5%}.ccui-col--md-pull-9{inset-inline-end:37.5%}.ccui-col--md-order-9{order:9}.ccui-col--md-10{flex:0 0 41.6667%;max-width:41.6667%}.ccui-col--md-offset-10{margin-inline-start:41.6667%}.ccui-col--md-push-10{inset-inline-start:41.6667%}.ccui-col--md-pull-10{inset-inline-end:41.6667%}.ccui-col--md-order-10{order:10}.ccui-col--md-11{flex:0 0 45.8333%;max-width:45.8333%}.ccui-col--md-offset-11{margin-inline-start:45.8333%}.ccui-col--md-push-11{inset-inline-start:45.8333%}.ccui-col--md-pull-11{inset-inline-end:45.8333%}.ccui-col--md-order-11{order:11}.ccui-col--md-12{flex:0 0 50%;max-width:50%}.ccui-col--md-offset-12{margin-inline-start:50%}.ccui-col--md-push-12{inset-inline-start:50%}.ccui-col--md-pull-12{inset-inline-end:50%}.ccui-col--md-order-12{order:12}.ccui-col--md-13{flex:0 0 54.1667%;max-width:54.1667%}.ccui-col--md-offset-13{margin-inline-start:54.1667%}.ccui-col--md-push-13{inset-inline-start:54.1667%}.ccui-col--md-pull-13{inset-inline-end:54.1667%}.ccui-col--md-order-13{order:13}.ccui-col--md-14{flex:0 0 58.3333%;max-width:58.3333%}.ccui-col--md-offset-14{margin-inline-start:58.3333%}.ccui-col--md-push-14{inset-inline-start:58.3333%}.ccui-col--md-pull-14{inset-inline-end:58.3333%}.ccui-col--md-order-14{order:14}.ccui-col--md-15{flex:0 0 62.5%;max-width:62.5%}.ccui-col--md-offset-15{margin-inline-start:62.5%}.ccui-col--md-push-15{inset-inline-start:62.5%}.ccui-col--md-pull-15{inset-inline-end:62.5%}.ccui-col--md-order-15{order:15}.ccui-col--md-16{flex:0 0 66.6667%;max-width:66.6667%}.ccui-col--md-offset-16{margin-inline-start:66.6667%}.ccui-col--md-push-16{inset-inline-start:66.6667%}.ccui-col--md-pull-16{inset-inline-end:66.6667%}.ccui-col--md-order-16{order:16}.ccui-col--md-17{flex:0 0 70.8333%;max-width:70.8333%}.ccui-col--md-offset-17{margin-inline-start:70.8333%}.ccui-col--md-push-17{inset-inline-start:70.8333%}.ccui-col--md-pull-17{inset-inline-end:70.8333%}.ccui-col--md-order-17{order:17}.ccui-col--md-18{flex:0 0 75%;max-width:75%}.ccui-col--md-offset-18{margin-inline-start:75%}.ccui-col--md-push-18{inset-inline-start:75%}.ccui-col--md-pull-18{inset-inline-end:75%}.ccui-col--md-order-18{order:18}.ccui-col--md-19{flex:0 0 79.1667%;max-width:79.1667%}.ccui-col--md-offset-19{margin-inline-start:79.1667%}.ccui-col--md-push-19{inset-inline-start:79.1667%}.ccui-col--md-pull-19{inset-inline-end:79.1667%}.ccui-col--md-order-19{order:19}.ccui-col--md-20{flex:0 0 83.3333%;max-width:83.3333%}.ccui-col--md-offset-20{margin-inline-start:83.3333%}.ccui-col--md-push-20{inset-inline-start:83.3333%}.ccui-col--md-pull-20{inset-inline-end:83.3333%}.ccui-col--md-order-20{order:20}.ccui-col--md-21{flex:0 0 87.5%;max-width:87.5%}.ccui-col--md-offset-21{margin-inline-start:87.5%}.ccui-col--md-push-21{inset-inline-start:87.5%}.ccui-col--md-pull-21{inset-inline-end:87.5%}.ccui-col--md-order-21{order:21}.ccui-col--md-22{flex:0 0 91.6667%;max-width:91.6667%}.ccui-col--md-offset-22{margin-inline-start:91.6667%}.ccui-col--md-push-22{inset-inline-start:91.6667%}.ccui-col--md-pull-22{inset-inline-end:91.6667%}.ccui-col--md-order-22{order:22}.ccui-col--md-23{flex:0 0 95.8333%;max-width:95.8333%}.ccui-col--md-offset-23{margin-inline-start:95.8333%}.ccui-col--md-push-23{inset-inline-start:95.8333%}.ccui-col--md-pull-23{inset-inline-end:95.8333%}.ccui-col--md-order-23{order:23}.ccui-col--md-24{flex:0 0 100%;max-width:100%}.ccui-col--md-offset-24{margin-inline-start:100%}.ccui-col--md-push-24{inset-inline-start:100%}.ccui-col--md-pull-24{inset-inline-end:100%}.ccui-col--md-order-24{order:24}}@media (width>=992px){.ccui-col--lg-0{display:none}.ccui-col--lg-offset-0{margin-inline-start:0%}.ccui-col--lg-push-0{inset-inline-start:0%}.ccui-col--lg-pull-0{inset-inline-end:0%}.ccui-col--lg-order-0{order:0}.ccui-col--lg-1{flex:0 0 4.16667%;max-width:4.16667%}.ccui-col--lg-offset-1{margin-inline-start:4.16667%}.ccui-col--lg-push-1{inset-inline-start:4.16667%}.ccui-col--lg-pull-1{inset-inline-end:4.16667%}.ccui-col--lg-order-1{order:1}.ccui-col--lg-2{flex:0 0 8.33333%;max-width:8.33333%}.ccui-col--lg-offset-2{margin-inline-start:8.33333%}.ccui-col--lg-push-2{inset-inline-start:8.33333%}.ccui-col--lg-pull-2{inset-inline-end:8.33333%}.ccui-col--lg-order-2{order:2}.ccui-col--lg-3{flex:0 0 12.5%;max-width:12.5%}.ccui-col--lg-offset-3{margin-inline-start:12.5%}.ccui-col--lg-push-3{inset-inline-start:12.5%}.ccui-col--lg-pull-3{inset-inline-end:12.5%}.ccui-col--lg-order-3{order:3}.ccui-col--lg-4{flex:0 0 16.6667%;max-width:16.6667%}.ccui-col--lg-offset-4{margin-inline-start:16.6667%}.ccui-col--lg-push-4{inset-inline-start:16.6667%}.ccui-col--lg-pull-4{inset-inline-end:16.6667%}.ccui-col--lg-order-4{order:4}.ccui-col--lg-5{flex:0 0 20.8333%;max-width:20.8333%}.ccui-col--lg-offset-5{margin-inline-start:20.8333%}.ccui-col--lg-push-5{inset-inline-start:20.8333%}.ccui-col--lg-pull-5{inset-inline-end:20.8333%}.ccui-col--lg-order-5{order:5}.ccui-col--lg-6{flex:0 0 25%;max-width:25%}.ccui-col--lg-offset-6{margin-inline-start:25%}.ccui-col--lg-push-6{inset-inline-start:25%}.ccui-col--lg-pull-6{inset-inline-end:25%}.ccui-col--lg-order-6{order:6}.ccui-col--lg-7{flex:0 0 29.1667%;max-width:29.1667%}.ccui-col--lg-offset-7{margin-inline-start:29.1667%}.ccui-col--lg-push-7{inset-inline-start:29.1667%}.ccui-col--lg-pull-7{inset-inline-end:29.1667%}.ccui-col--lg-order-7{order:7}.ccui-col--lg-8{flex:0 0 33.3333%;max-width:33.3333%}.ccui-col--lg-offset-8{margin-inline-start:33.3333%}.ccui-col--lg-push-8{inset-inline-start:33.3333%}.ccui-col--lg-pull-8{inset-inline-end:33.3333%}.ccui-col--lg-order-8{order:8}.ccui-col--lg-9{flex:0 0 37.5%;max-width:37.5%}.ccui-col--lg-offset-9{margin-inline-start:37.5%}.ccui-col--lg-push-9{inset-inline-start:37.5%}.ccui-col--lg-pull-9{inset-inline-end:37.5%}.ccui-col--lg-order-9{order:9}.ccui-col--lg-10{flex:0 0 41.6667%;max-width:41.6667%}.ccui-col--lg-offset-10{margin-inline-start:41.6667%}.ccui-col--lg-push-10{inset-inline-start:41.6667%}.ccui-col--lg-pull-10{inset-inline-end:41.6667%}.ccui-col--lg-order-10{order:10}.ccui-col--lg-11{flex:0 0 45.8333%;max-width:45.8333%}.ccui-col--lg-offset-11{margin-inline-start:45.8333%}.ccui-col--lg-push-11{inset-inline-start:45.8333%}.ccui-col--lg-pull-11{inset-inline-end:45.8333%}.ccui-col--lg-order-11{order:11}.ccui-col--lg-12{flex:0 0 50%;max-width:50%}.ccui-col--lg-offset-12{margin-inline-start:50%}.ccui-col--lg-push-12{inset-inline-start:50%}.ccui-col--lg-pull-12{inset-inline-end:50%}.ccui-col--lg-order-12{order:12}.ccui-col--lg-13{flex:0 0 54.1667%;max-width:54.1667%}.ccui-col--lg-offset-13{margin-inline-start:54.1667%}.ccui-col--lg-push-13{inset-inline-start:54.1667%}.ccui-col--lg-pull-13{inset-inline-end:54.1667%}.ccui-col--lg-order-13{order:13}.ccui-col--lg-14{flex:0 0 58.3333%;max-width:58.3333%}.ccui-col--lg-offset-14{margin-inline-start:58.3333%}.ccui-col--lg-push-14{inset-inline-start:58.3333%}.ccui-col--lg-pull-14{inset-inline-end:58.3333%}.ccui-col--lg-order-14{order:14}.ccui-col--lg-15{flex:0 0 62.5%;max-width:62.5%}.ccui-col--lg-offset-15{margin-inline-start:62.5%}.ccui-col--lg-push-15{inset-inline-start:62.5%}.ccui-col--lg-pull-15{inset-inline-end:62.5%}.ccui-col--lg-order-15{order:15}.ccui-col--lg-16{flex:0 0 66.6667%;max-width:66.6667%}.ccui-col--lg-offset-16{margin-inline-start:66.6667%}.ccui-col--lg-push-16{inset-inline-start:66.6667%}.ccui-col--lg-pull-16{inset-inline-end:66.6667%}.ccui-col--lg-order-16{order:16}.ccui-col--lg-17{flex:0 0 70.8333%;max-width:70.8333%}.ccui-col--lg-offset-17{margin-inline-start:70.8333%}.ccui-col--lg-push-17{inset-inline-start:70.8333%}.ccui-col--lg-pull-17{inset-inline-end:70.8333%}.ccui-col--lg-order-17{order:17}.ccui-col--lg-18{flex:0 0 75%;max-width:75%}.ccui-col--lg-offset-18{margin-inline-start:75%}.ccui-col--lg-push-18{inset-inline-start:75%}.ccui-col--lg-pull-18{inset-inline-end:75%}.ccui-col--lg-order-18{order:18}.ccui-col--lg-19{flex:0 0 79.1667%;max-width:79.1667%}.ccui-col--lg-offset-19{margin-inline-start:79.1667%}.ccui-col--lg-push-19{inset-inline-start:79.1667%}.ccui-col--lg-pull-19{inset-inline-end:79.1667%}.ccui-col--lg-order-19{order:19}.ccui-col--lg-20{flex:0 0 83.3333%;max-width:83.3333%}.ccui-col--lg-offset-20{margin-inline-start:83.3333%}.ccui-col--lg-push-20{inset-inline-start:83.3333%}.ccui-col--lg-pull-20{inset-inline-end:83.3333%}.ccui-col--lg-order-20{order:20}.ccui-col--lg-21{flex:0 0 87.5%;max-width:87.5%}.ccui-col--lg-offset-21{margin-inline-start:87.5%}.ccui-col--lg-push-21{inset-inline-start:87.5%}.ccui-col--lg-pull-21{inset-inline-end:87.5%}.ccui-col--lg-order-21{order:21}.ccui-col--lg-22{flex:0 0 91.6667%;max-width:91.6667%}.ccui-col--lg-offset-22{margin-inline-start:91.6667%}.ccui-col--lg-push-22{inset-inline-start:91.6667%}.ccui-col--lg-pull-22{inset-inline-end:91.6667%}.ccui-col--lg-order-22{order:22}.ccui-col--lg-23{flex:0 0 95.8333%;max-width:95.8333%}.ccui-col--lg-offset-23{margin-inline-start:95.8333%}.ccui-col--lg-push-23{inset-inline-start:95.8333%}.ccui-col--lg-pull-23{inset-inline-end:95.8333%}.ccui-col--lg-order-23{order:23}.ccui-col--lg-24{flex:0 0 100%;max-width:100%}.ccui-col--lg-offset-24{margin-inline-start:100%}.ccui-col--lg-push-24{inset-inline-start:100%}.ccui-col--lg-pull-24{inset-inline-end:100%}.ccui-col--lg-order-24{order:24}}@media (width>=1200px){.ccui-col--xl-0{display:none}.ccui-col--xl-offset-0{margin-inline-start:0%}.ccui-col--xl-push-0{inset-inline-start:0%}.ccui-col--xl-pull-0{inset-inline-end:0%}.ccui-col--xl-order-0{order:0}.ccui-col--xl-1{flex:0 0 4.16667%;max-width:4.16667%}.ccui-col--xl-offset-1{margin-inline-start:4.16667%}.ccui-col--xl-push-1{inset-inline-start:4.16667%}.ccui-col--xl-pull-1{inset-inline-end:4.16667%}.ccui-col--xl-order-1{order:1}.ccui-col--xl-2{flex:0 0 8.33333%;max-width:8.33333%}.ccui-col--xl-offset-2{margin-inline-start:8.33333%}.ccui-col--xl-push-2{inset-inline-start:8.33333%}.ccui-col--xl-pull-2{inset-inline-end:8.33333%}.ccui-col--xl-order-2{order:2}.ccui-col--xl-3{flex:0 0 12.5%;max-width:12.5%}.ccui-col--xl-offset-3{margin-inline-start:12.5%}.ccui-col--xl-push-3{inset-inline-start:12.5%}.ccui-col--xl-pull-3{inset-inline-end:12.5%}.ccui-col--xl-order-3{order:3}.ccui-col--xl-4{flex:0 0 16.6667%;max-width:16.6667%}.ccui-col--xl-offset-4{margin-inline-start:16.6667%}.ccui-col--xl-push-4{inset-inline-start:16.6667%}.ccui-col--xl-pull-4{inset-inline-end:16.6667%}.ccui-col--xl-order-4{order:4}.ccui-col--xl-5{flex:0 0 20.8333%;max-width:20.8333%}.ccui-col--xl-offset-5{margin-inline-start:20.8333%}.ccui-col--xl-push-5{inset-inline-start:20.8333%}.ccui-col--xl-pull-5{inset-inline-end:20.8333%}.ccui-col--xl-order-5{order:5}.ccui-col--xl-6{flex:0 0 25%;max-width:25%}.ccui-col--xl-offset-6{margin-inline-start:25%}.ccui-col--xl-push-6{inset-inline-start:25%}.ccui-col--xl-pull-6{inset-inline-end:25%}.ccui-col--xl-order-6{order:6}.ccui-col--xl-7{flex:0 0 29.1667%;max-width:29.1667%}.ccui-col--xl-offset-7{margin-inline-start:29.1667%}.ccui-col--xl-push-7{inset-inline-start:29.1667%}.ccui-col--xl-pull-7{inset-inline-end:29.1667%}.ccui-col--xl-order-7{order:7}.ccui-col--xl-8{flex:0 0 33.3333%;max-width:33.3333%}.ccui-col--xl-offset-8{margin-inline-start:33.3333%}.ccui-col--xl-push-8{inset-inline-start:33.3333%}.ccui-col--xl-pull-8{inset-inline-end:33.3333%}.ccui-col--xl-order-8{order:8}.ccui-col--xl-9{flex:0 0 37.5%;max-width:37.5%}.ccui-col--xl-offset-9{margin-inline-start:37.5%}.ccui-col--xl-push-9{inset-inline-start:37.5%}.ccui-col--xl-pull-9{inset-inline-end:37.5%}.ccui-col--xl-order-9{order:9}.ccui-col--xl-10{flex:0 0 41.6667%;max-width:41.6667%}.ccui-col--xl-offset-10{margin-inline-start:41.6667%}.ccui-col--xl-push-10{inset-inline-start:41.6667%}.ccui-col--xl-pull-10{inset-inline-end:41.6667%}.ccui-col--xl-order-10{order:10}.ccui-col--xl-11{flex:0 0 45.8333%;max-width:45.8333%}.ccui-col--xl-offset-11{margin-inline-start:45.8333%}.ccui-col--xl-push-11{inset-inline-start:45.8333%}.ccui-col--xl-pull-11{inset-inline-end:45.8333%}.ccui-col--xl-order-11{order:11}.ccui-col--xl-12{flex:0 0 50%;max-width:50%}.ccui-col--xl-offset-12{margin-inline-start:50%}.ccui-col--xl-push-12{inset-inline-start:50%}.ccui-col--xl-pull-12{inset-inline-end:50%}.ccui-col--xl-order-12{order:12}.ccui-col--xl-13{flex:0 0 54.1667%;max-width:54.1667%}.ccui-col--xl-offset-13{margin-inline-start:54.1667%}.ccui-col--xl-push-13{inset-inline-start:54.1667%}.ccui-col--xl-pull-13{inset-inline-end:54.1667%}.ccui-col--xl-order-13{order:13}.ccui-col--xl-14{flex:0 0 58.3333%;max-width:58.3333%}.ccui-col--xl-offset-14{margin-inline-start:58.3333%}.ccui-col--xl-push-14{inset-inline-start:58.3333%}.ccui-col--xl-pull-14{inset-inline-end:58.3333%}.ccui-col--xl-order-14{order:14}.ccui-col--xl-15{flex:0 0 62.5%;max-width:62.5%}.ccui-col--xl-offset-15{margin-inline-start:62.5%}.ccui-col--xl-push-15{inset-inline-start:62.5%}.ccui-col--xl-pull-15{inset-inline-end:62.5%}.ccui-col--xl-order-15{order:15}.ccui-col--xl-16{flex:0 0 66.6667%;max-width:66.6667%}.ccui-col--xl-offset-16{margin-inline-start:66.6667%}.ccui-col--xl-push-16{inset-inline-start:66.6667%}.ccui-col--xl-pull-16{inset-inline-end:66.6667%}.ccui-col--xl-order-16{order:16}.ccui-col--xl-17{flex:0 0 70.8333%;max-width:70.8333%}.ccui-col--xl-offset-17{margin-inline-start:70.8333%}.ccui-col--xl-push-17{inset-inline-start:70.8333%}.ccui-col--xl-pull-17{inset-inline-end:70.8333%}.ccui-col--xl-order-17{order:17}.ccui-col--xl-18{flex:0 0 75%;max-width:75%}.ccui-col--xl-offset-18{margin-inline-start:75%}.ccui-col--xl-push-18{inset-inline-start:75%}.ccui-col--xl-pull-18{inset-inline-end:75%}.ccui-col--xl-order-18{order:18}.ccui-col--xl-19{flex:0 0 79.1667%;max-width:79.1667%}.ccui-col--xl-offset-19{margin-inline-start:79.1667%}.ccui-col--xl-push-19{inset-inline-start:79.1667%}.ccui-col--xl-pull-19{inset-inline-end:79.1667%}.ccui-col--xl-order-19{order:19}.ccui-col--xl-20{flex:0 0 83.3333%;max-width:83.3333%}.ccui-col--xl-offset-20{margin-inline-start:83.3333%}.ccui-col--xl-push-20{inset-inline-start:83.3333%}.ccui-col--xl-pull-20{inset-inline-end:83.3333%}.ccui-col--xl-order-20{order:20}.ccui-col--xl-21{flex:0 0 87.5%;max-width:87.5%}.ccui-col--xl-offset-21{margin-inline-start:87.5%}.ccui-col--xl-push-21{inset-inline-start:87.5%}.ccui-col--xl-pull-21{inset-inline-end:87.5%}.ccui-col--xl-order-21{order:21}.ccui-col--xl-22{flex:0 0 91.6667%;max-width:91.6667%}.ccui-col--xl-offset-22{margin-inline-start:91.6667%}.ccui-col--xl-push-22{inset-inline-start:91.6667%}.ccui-col--xl-pull-22{inset-inline-end:91.6667%}.ccui-col--xl-order-22{order:22}.ccui-col--xl-23{flex:0 0 95.8333%;max-width:95.8333%}.ccui-col--xl-offset-23{margin-inline-start:95.8333%}.ccui-col--xl-push-23{inset-inline-start:95.8333%}.ccui-col--xl-pull-23{inset-inline-end:95.8333%}.ccui-col--xl-order-23{order:23}.ccui-col--xl-24{flex:0 0 100%;max-width:100%}.ccui-col--xl-offset-24{margin-inline-start:100%}.ccui-col--xl-push-24{inset-inline-start:100%}.ccui-col--xl-pull-24{inset-inline-end:100%}.ccui-col--xl-order-24{order:24}}@media (width>=1600px){.ccui-col--xxl-0{display:none}.ccui-col--xxl-offset-0{margin-inline-start:0%}.ccui-col--xxl-push-0{inset-inline-start:0%}.ccui-col--xxl-pull-0{inset-inline-end:0%}.ccui-col--xxl-order-0{order:0}.ccui-col--xxl-1{flex:0 0 4.16667%;max-width:4.16667%}.ccui-col--xxl-offset-1{margin-inline-start:4.16667%}.ccui-col--xxl-push-1{inset-inline-start:4.16667%}.ccui-col--xxl-pull-1{inset-inline-end:4.16667%}.ccui-col--xxl-order-1{order:1}.ccui-col--xxl-2{flex:0 0 8.33333%;max-width:8.33333%}.ccui-col--xxl-offset-2{margin-inline-start:8.33333%}.ccui-col--xxl-push-2{inset-inline-start:8.33333%}.ccui-col--xxl-pull-2{inset-inline-end:8.33333%}.ccui-col--xxl-order-2{order:2}.ccui-col--xxl-3{flex:0 0 12.5%;max-width:12.5%}.ccui-col--xxl-offset-3{margin-inline-start:12.5%}.ccui-col--xxl-push-3{inset-inline-start:12.5%}.ccui-col--xxl-pull-3{inset-inline-end:12.5%}.ccui-col--xxl-order-3{order:3}.ccui-col--xxl-4{flex:0 0 16.6667%;max-width:16.6667%}.ccui-col--xxl-offset-4{margin-inline-start:16.6667%}.ccui-col--xxl-push-4{inset-inline-start:16.6667%}.ccui-col--xxl-pull-4{inset-inline-end:16.6667%}.ccui-col--xxl-order-4{order:4}.ccui-col--xxl-5{flex:0 0 20.8333%;max-width:20.8333%}.ccui-col--xxl-offset-5{margin-inline-start:20.8333%}.ccui-col--xxl-push-5{inset-inline-start:20.8333%}.ccui-col--xxl-pull-5{inset-inline-end:20.8333%}.ccui-col--xxl-order-5{order:5}.ccui-col--xxl-6{flex:0 0 25%;max-width:25%}.ccui-col--xxl-offset-6{margin-inline-start:25%}.ccui-col--xxl-push-6{inset-inline-start:25%}.ccui-col--xxl-pull-6{inset-inline-end:25%}.ccui-col--xxl-order-6{order:6}.ccui-col--xxl-7{flex:0 0 29.1667%;max-width:29.1667%}.ccui-col--xxl-offset-7{margin-inline-start:29.1667%}.ccui-col--xxl-push-7{inset-inline-start:29.1667%}.ccui-col--xxl-pull-7{inset-inline-end:29.1667%}.ccui-col--xxl-order-7{order:7}.ccui-col--xxl-8{flex:0 0 33.3333%;max-width:33.3333%}.ccui-col--xxl-offset-8{margin-inline-start:33.3333%}.ccui-col--xxl-push-8{inset-inline-start:33.3333%}.ccui-col--xxl-pull-8{inset-inline-end:33.3333%}.ccui-col--xxl-order-8{order:8}.ccui-col--xxl-9{flex:0 0 37.5%;max-width:37.5%}.ccui-col--xxl-offset-9{margin-inline-start:37.5%}.ccui-col--xxl-push-9{inset-inline-start:37.5%}.ccui-col--xxl-pull-9{inset-inline-end:37.5%}.ccui-col--xxl-order-9{order:9}.ccui-col--xxl-10{flex:0 0 41.6667%;max-width:41.6667%}.ccui-col--xxl-offset-10{margin-inline-start:41.6667%}.ccui-col--xxl-push-10{inset-inline-start:41.6667%}.ccui-col--xxl-pull-10{inset-inline-end:41.6667%}.ccui-col--xxl-order-10{order:10}.ccui-col--xxl-11{flex:0 0 45.8333%;max-width:45.8333%}.ccui-col--xxl-offset-11{margin-inline-start:45.8333%}.ccui-col--xxl-push-11{inset-inline-start:45.8333%}.ccui-col--xxl-pull-11{inset-inline-end:45.8333%}.ccui-col--xxl-order-11{order:11}.ccui-col--xxl-12{flex:0 0 50%;max-width:50%}.ccui-col--xxl-offset-12{margin-inline-start:50%}.ccui-col--xxl-push-12{inset-inline-start:50%}.ccui-col--xxl-pull-12{inset-inline-end:50%}.ccui-col--xxl-order-12{order:12}.ccui-col--xxl-13{flex:0 0 54.1667%;max-width:54.1667%}.ccui-col--xxl-offset-13{margin-inline-start:54.1667%}.ccui-col--xxl-push-13{inset-inline-start:54.1667%}.ccui-col--xxl-pull-13{inset-inline-end:54.1667%}.ccui-col--xxl-order-13{order:13}.ccui-col--xxl-14{flex:0 0 58.3333%;max-width:58.3333%}.ccui-col--xxl-offset-14{margin-inline-start:58.3333%}.ccui-col--xxl-push-14{inset-inline-start:58.3333%}.ccui-col--xxl-pull-14{inset-inline-end:58.3333%}.ccui-col--xxl-order-14{order:14}.ccui-col--xxl-15{flex:0 0 62.5%;max-width:62.5%}.ccui-col--xxl-offset-15{margin-inline-start:62.5%}.ccui-col--xxl-push-15{inset-inline-start:62.5%}.ccui-col--xxl-pull-15{inset-inline-end:62.5%}.ccui-col--xxl-order-15{order:15}.ccui-col--xxl-16{flex:0 0 66.6667%;max-width:66.6667%}.ccui-col--xxl-offset-16{margin-inline-start:66.6667%}.ccui-col--xxl-push-16{inset-inline-start:66.6667%}.ccui-col--xxl-pull-16{inset-inline-end:66.6667%}.ccui-col--xxl-order-16{order:16}.ccui-col--xxl-17{flex:0 0 70.8333%;max-width:70.8333%}.ccui-col--xxl-offset-17{margin-inline-start:70.8333%}.ccui-col--xxl-push-17{inset-inline-start:70.8333%}.ccui-col--xxl-pull-17{inset-inline-end:70.8333%}.ccui-col--xxl-order-17{order:17}.ccui-col--xxl-18{flex:0 0 75%;max-width:75%}.ccui-col--xxl-offset-18{margin-inline-start:75%}.ccui-col--xxl-push-18{inset-inline-start:75%}.ccui-col--xxl-pull-18{inset-inline-end:75%}.ccui-col--xxl-order-18{order:18}.ccui-col--xxl-19{flex:0 0 79.1667%;max-width:79.1667%}.ccui-col--xxl-offset-19{margin-inline-start:79.1667%}.ccui-col--xxl-push-19{inset-inline-start:79.1667%}.ccui-col--xxl-pull-19{inset-inline-end:79.1667%}.ccui-col--xxl-order-19{order:19}.ccui-col--xxl-20{flex:0 0 83.3333%;max-width:83.3333%}.ccui-col--xxl-offset-20{margin-inline-start:83.3333%}.ccui-col--xxl-push-20{inset-inline-start:83.3333%}.ccui-col--xxl-pull-20{inset-inline-end:83.3333%}.ccui-col--xxl-order-20{order:20}.ccui-col--xxl-21{flex:0 0 87.5%;max-width:87.5%}.ccui-col--xxl-offset-21{margin-inline-start:87.5%}.ccui-col--xxl-push-21{inset-inline-start:87.5%}.ccui-col--xxl-pull-21{inset-inline-end:87.5%}.ccui-col--xxl-order-21{order:21}.ccui-col--xxl-22{flex:0 0 91.6667%;max-width:91.6667%}.ccui-col--xxl-offset-22{margin-inline-start:91.6667%}.ccui-col--xxl-push-22{inset-inline-start:91.6667%}.ccui-col--xxl-pull-22{inset-inline-end:91.6667%}.ccui-col--xxl-order-22{order:22}.ccui-col--xxl-23{flex:0 0 95.8333%;max-width:95.8333%}.ccui-col--xxl-offset-23{margin-inline-start:95.8333%}.ccui-col--xxl-push-23{inset-inline-start:95.8333%}.ccui-col--xxl-pull-23{inset-inline-end:95.8333%}.ccui-col--xxl-order-23{order:23}.ccui-col--xxl-24{flex:0 0 100%;max-width:100%}.ccui-col--xxl-offset-24{margin-inline-start:100%}.ccui-col--xxl-push-24{inset-inline-start:100%}.ccui-col--xxl-pull-24{inset-inline-end:100%}.ccui-col--xxl-order-24{order:24}}
+/*$vite$:1*/

package/grid/index.es.js

@@ -0,0 +1,207 @@
+import { computed as e, createVNode as t, defineComponent as n, inject as r, onBeforeUnmount as i, onMounted as a, provide as o, ref as s } from "vue";
+//#region ../ccui/ui/shared/hooks/use-namespace.ts
+function c(e, t, n) {
+	let r = e;
+	return t && (r += `__${t}`), n && (r += `--${n}`), r;
+}
+function l(e, t = !1) {
+	let n = t ? `.ccui-${e}` : `ccui-${e}`;
+	return {
+		b: () => c(n),
+		e: (e) => e ? c(n, e) : "",
+		m: (e) => e ? c(n, "", e) : "",
+		em: (e, t) => e && t ? c(n, e, t) : "",
+		is: (e) => `is-${e}`
+	};
+}
+//#endregion
+//#region ../ccui/ui/grid/src/grid-types.ts
+var u = {
+	justify: {
+		type: String,
+		default: "start"
+	},
+	align: {
+		type: String,
+		default: "top"
+	},
+	gutter: {
+		type: [
+			Number,
+			Array,
+			Object
+		],
+		default: 0
+	},
+	wrap: {
+		type: Boolean,
+		default: !0
+	}
+}, d = {
+	span: {
+		type: [Number, String],
+		default: void 0
+	},
+	order: {
+		type: [Number, String],
+		default: void 0
+	},
+	offset: {
+		type: [Number, String],
+		default: void 0
+	},
+	push: {
+		type: [Number, String],
+		default: void 0
+	},
+	pull: {
+		type: [Number, String],
+		default: void 0
+	},
+	flex: {
+		type: [Number, String],
+		default: void 0
+	},
+	xs: {
+		type: [Number, Object],
+		default: void 0
+	},
+	sm: {
+		type: [Number, Object],
+		default: void 0
+	},
+	md: {
+		type: [Number, Object],
+		default: void 0
+	},
+	lg: {
+		type: [Number, Object],
+		default: void 0
+	},
+	xl: {
+		type: [Number, Object],
+		default: void 0
+	},
+	xxl: {
+		type: [Number, Object],
+		default: void 0
+	}
+}, f = {
+	xs: 0,
+	sm: 576,
+	md: 768,
+	lg: 992,
+	xl: 1200,
+	xxl: 1600
+}, p = [
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl",
+	"xxl"
+], m = Symbol("ccui-row");
+//#endregion
+//#region ../ccui/ui/grid/src/grid.tsx
+function h() {
+	let e = s({
+		xs: !0,
+		sm: !1,
+		md: !1,
+		lg: !1,
+		xl: !1,
+		xxl: !1
+	}), t = () => {
+		if (typeof window > "u") return;
+		let t = window.innerWidth;
+		p.forEach((n) => {
+			e.value[n] = t >= f[n];
+		});
+	};
+	return a(() => {
+		t(), window.addEventListener("resize", t);
+	}), i(() => {
+		typeof window < "u" && window.removeEventListener("resize", t);
+	}), e;
+}
+function g(e, t) {
+	if (typeof e == "number") return [e, 0];
+	if (Array.isArray(e)) return [e[0] ?? 0, e[1] ?? 0];
+	if (typeof e == "object" && e) {
+		let n;
+		for (let r of p) t[r] && e[r] !== void 0 && (n = e[r]);
+		if (typeof n == "number") return [n, 0];
+		if (Array.isArray(n)) return [n[0] ?? 0, n[1] ?? 0];
+	}
+	return [0, 0];
+}
+var _ = /* @__PURE__ */ n({
+	name: "CRow",
+	props: u,
+	setup(n, { slots: r }) {
+		let i = l("row"), a = h(), s = e(() => g(n.gutter, a.value));
+		o(m, { get gutter() {
+			return s.value;
+		} });
+		let c = e(() => ({
+			[i.b()]: !0,
+			[i.m(`justify-${n.justify}`)]: !0,
+			[i.m(`align-${n.align}`)]: !0,
+			[i.m("no-wrap")]: !n.wrap
+		})), u = e(() => {
+			let [e, t] = s.value;
+			return {
+				marginInlineStart: e > 0 ? `${-e / 2}px` : void 0,
+				marginInlineEnd: e > 0 ? `${-e / 2}px` : void 0,
+				rowGap: t > 0 ? `${t}px` : void 0
+			};
+		});
+		return () => t("div", {
+			class: c.value,
+			style: u.value
+		}, [r.default?.()]);
+	}
+});
+function v(e) {
+	return e == null ? {} : typeof e == "number" || typeof e == "string" ? { span: Number(e) } : e;
+}
+var y = /* @__PURE__ */ n({
+	name: "CCol",
+	props: d,
+	setup(n, { slots: i }) {
+		let a = l("col"), o = r(m, null), s = e(() => {
+			let e = {};
+			return p.forEach((t) => {
+				let r = n[t];
+				r !== void 0 && (e[t] = v(r));
+			}), e;
+		}), c = e(() => {
+			let e = { [a.b()]: !0 }, t = n.span === void 0 ? void 0 : Number(n.span);
+			return t !== void 0 && (e[a.m(`span-${t}`)] = !0), n.order !== void 0 && (e[a.m(`order-${n.order}`)] = !0), n.offset !== void 0 && (e[a.m(`offset-${n.offset}`)] = !0), n.push !== void 0 && (e[a.m(`push-${n.push}`)] = !0), n.pull !== void 0 && (e[a.m(`pull-${n.pull}`)] = !0), Object.entries(s.value).forEach(([t, n]) => {
+				n.span !== void 0 && (e[a.m(`${t}-${n.span}`)] = !0), n.offset !== void 0 && (e[a.m(`${t}-offset-${n.offset}`)] = !0), n.order !== void 0 && (e[a.m(`${t}-order-${n.order}`)] = !0), n.push !== void 0 && (e[a.m(`${t}-push-${n.push}`)] = !0), n.pull !== void 0 && (e[a.m(`${t}-pull-${n.pull}`)] = !0);
+			}), e;
+		}), u = e(() => {
+			let e = {}, [t] = o?.gutter ?? [0, 0];
+			return t > 0 && (e.paddingInlineStart = `${t / 2}px`, e.paddingInlineEnd = `${t / 2}px`), n.flex !== void 0 && (e.flex = typeof n.flex == "number" ? `${n.flex} ${n.flex} auto` : String(n.flex)), e;
+		});
+		return () => t("div", {
+			class: c.value,
+			style: u.value
+		}, [i.default?.()]);
+	}
+});
+//#endregion
+//#region ../ccui/ui/grid/index.ts
+_.install = function(e) {
+	e.component(_.name, _), e.component(y.name, y);
+};
+var b = {
+	title: "Grid 栅格",
+	category: "布局",
+	status: "100%",
+	install(e) {
+		e.component(_.name, _), e.component(y.name, y);
+	}
+};
+//#endregion
+export { y as Col, _ as Row, b as default };

package/grid/index.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.index={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});function n(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function r(e,t=!1){let r=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>n(r),e:e=>e?n(r,e):``,m:e=>e?n(r,``,e):``,em:(e,t)=>e&&t?n(r,e,t):``,is:e=>`is-${e}`}}var i={justify:{type:String,default:`start`},align:{type:String,default:`top`},gutter:{type:[Number,Array,Object],default:0},wrap:{type:Boolean,default:!0}},a={span:{type:[Number,String],default:void 0},order:{type:[Number,String],default:void 0},offset:{type:[Number,String],default:void 0},push:{type:[Number,String],default:void 0},pull:{type:[Number,String],default:void 0},flex:{type:[Number,String],default:void 0},xs:{type:[Number,Object],default:void 0},sm:{type:[Number,Object],default:void 0},md:{type:[Number,Object],default:void 0},lg:{type:[Number,Object],default:void 0},xl:{type:[Number,Object],default:void 0},xxl:{type:[Number,Object],default:void 0}},o={xs:0,sm:576,md:768,lg:992,xl:1200,xxl:1600},s=[`xs`,`sm`,`md`,`lg`,`xl`,`xxl`],c=Symbol(`ccui-row`);function l(){let e=(0,t.ref)({xs:!0,sm:!1,md:!1,lg:!1,xl:!1,xxl:!1}),n=()=>{if(typeof window>`u`)return;let t=window.innerWidth;s.forEach(n=>{e.value[n]=t>=o[n]})};return(0,t.onMounted)(()=>{n(),window.addEventListener(`resize`,n)}),(0,t.onBeforeUnmount)(()=>{typeof window<`u`&&window.removeEventListener(`resize`,n)}),e}function u(e,t){if(typeof e==`number`)return[e,0];if(Array.isArray(e))return[e[0]??0,e[1]??0];if(typeof e==`object`&&e){let n;for(let r of s)t[r]&&e[r]!==void 0&&(n=e[r]);if(typeof n==`number`)return[n,0];if(Array.isArray(n))return[n[0]??0,n[1]??0]}return[0,0]}var d=(0,t.defineComponent)({name:`CRow`,props:i,setup(e,{slots:n}){let i=r(`row`),a=l(),o=(0,t.computed)(()=>u(e.gutter,a.value));(0,t.provide)(c,{get gutter(){return o.value}});let s=(0,t.computed)(()=>({[i.b()]:!0,[i.m(`justify-${e.justify}`)]:!0,[i.m(`align-${e.align}`)]:!0,[i.m(`no-wrap`)]:!e.wrap})),d=(0,t.computed)(()=>{let[e,t]=o.value;return{marginInlineStart:e>0?`${-e/2}px`:void 0,marginInlineEnd:e>0?`${-e/2}px`:void 0,rowGap:t>0?`${t}px`:void 0}});return()=>(0,t.createVNode)(`div`,{class:s.value,style:d.value},[n.default?.()])}});function f(e){return e==null?{}:typeof e==`number`||typeof e==`string`?{span:Number(e)}:e}var p=(0,t.defineComponent)({name:`CCol`,props:a,setup(e,{slots:n}){let i=r(`col`),a=(0,t.inject)(c,null),o=(0,t.computed)(()=>{let t={};return s.forEach(n=>{let r=e[n];r!==void 0&&(t[n]=f(r))}),t}),l=(0,t.computed)(()=>{let t={[i.b()]:!0},n=e.span===void 0?void 0:Number(e.span);return n!==void 0&&(t[i.m(`span-${n}`)]=!0),e.order!==void 0&&(t[i.m(`order-${e.order}`)]=!0),e.offset!==void 0&&(t[i.m(`offset-${e.offset}`)]=!0),e.push!==void 0&&(t[i.m(`push-${e.push}`)]=!0),e.pull!==void 0&&(t[i.m(`pull-${e.pull}`)]=!0),Object.entries(o.value).forEach(([e,n])=>{n.span!==void 0&&(t[i.m(`${e}-${n.span}`)]=!0),n.offset!==void 0&&(t[i.m(`${e}-offset-${n.offset}`)]=!0),n.order!==void 0&&(t[i.m(`${e}-order-${n.order}`)]=!0),n.push!==void 0&&(t[i.m(`${e}-push-${n.push}`)]=!0),n.pull!==void 0&&(t[i.m(`${e}-pull-${n.pull}`)]=!0)}),t}),u=(0,t.computed)(()=>{let t={},[n]=a?.gutter??[0,0];return n>0&&(t.paddingInlineStart=`${n/2}px`,t.paddingInlineEnd=`${n/2}px`),e.flex!==void 0&&(t.flex=typeof e.flex==`number`?`${e.flex} ${e.flex} auto`:String(e.flex)),t});return()=>(0,t.createVNode)(`div`,{class:l.value,style:u.value},[n.default?.()])}});d.install=function(e){e.component(d.name,d),e.component(p.name,p)},e.Col=p,e.Row=d,e.default={title:`Grid 栅格`,category:`布局`,status:`100%`,install(e){e.component(d.name,d),e.component(p.name,p)}}});

package/icon/ccui-cli.css

@@ -0,0 +1,2 @@
+:root{--ccui-global-bg:#f5f5f5;--ccui-global-bg-normal:#fff;--ccui-base-bg:#fff;--ccui-base-bg-dark:#000000d9;--ccui-brand:#1677ff;--ccui-brand-foil:#e6f4ff;--ccui-brand-hover:#4096ff;--ccui-brand-active:#0958d9;--ccui-brand-active-focus:#003eb3;--ccui-contrast:#ff4d4f;--ccui-text:#000000e0;--ccui-text-weak:#000000a6;--ccui-aide-text:#00000073;--ccui-aide-text-stress:#000000a6;--ccui-placeholder:#00000040;--ccui-light-text:#fff;--ccui-dark-text:#000000e0;--ccui-link:#1677ff;--ccui-link-active:#0958d9;--ccui-link-light:#4096ff;--ccui-link-light-active:#69b1ff;--ccui-line:#d9d9d9;--ccui-dividing-line:#f0f0f0;--ccui-block:#fff;--ccui-area:#fafafa;--ccui-danger:#ff4d4f;--ccui-warning:#faad14;--ccui-waiting:#00000073;--ccui-success:#52c41a;--ccui-info:#1677ff;--ccui-initial:#e6f4ff;--ccui-unavailable:#f5f5f5;--ccui-shadow:#00000026;--ccui-light-shadow:#0000000f;--ccui-icon-text:#000000e0;--ccui-icon-bg:#fff;--ccui-icon-fill:#00000073;--ccui-icon-fill-hover:#000000a6;--ccui-icon-fill-active:#1677ff;--ccui-icon-fill-active-hover:#4096ff;--ccui-form-control-line:#d9d9d9;--ccui-form-control-line-hover:#4096ff;--ccui-form-control-line-active:#1677ff;--ccui-form-control-line-active-hover:#0958d9;--ccui-list-item-active-bg:#1677ff;--ccui-list-item-active-text:#fff;--ccui-list-item-active-hover-bg:#4096ff;--ccui-list-item-hover-bg:#0000000a;--ccui-list-item-hover-text:#1677ff;--ccui-list-item-selected-bg:#e6f4ff;--ccui-list-item-strip-bg:#fafafa;--ccui-disabled-bg:#0000000a;--ccui-disabled-line:#d9d9d9;--ccui-disabled-text:#00000040;--ccui-primary-disabled:#91caff;--ccui-icon-fill-active-disabled:#91caff;--ccui-label-bg:#fafafa;--ccui-connected-overlay-bg:#fff;--ccui-connected-overlay-line:#1677ff;--ccui-fullscreen-overlay-bg:#fff;--ccui-feedback-overlay-bg:#000000d9;--ccui-feedback-overlay-text:#fff;--ccui-embed-search-bg:#fafafa;--ccui-embed-search-bg-hover:#f0f0f0;--ccui-float-block-shadow:#1677ff29;--ccui-highlight-overlay:#fffc;--ccui-range-item-hover-bg:#e6f4ff;--ccui-primary:#1677ff;--ccui-primary-hover:#4096ff;--ccui-primary-active:#0958d9;--ccui-contrast-hover:#ff7875;--ccui-contrast-active:#d9363e;--ccui-secondary:#000000a6;--ccui-danger-line:#ffccc7;--ccui-danger-bg:#fff2f0;--ccui-warning-line:#ffe58f;--ccui-warning-bg:#fffbe6;--ccui-info-line:#91caff;--ccui-info-bg:#e6f4ff;--ccui-success-line:#b7eb8f;--ccui-success-bg:#f6ffed;--ccui-primary-line:#91caff;--ccui-primary-bg:#e6f4ff;--ccui-default-line:#d9d9d9;--ccui-default-bg:#fff;--ccui-font-size:14px;--ccui-font-size-card-title:16px;--ccui-font-size-page-title:20px;--ccui-font-size-modal-title:16px;--ccui-font-size-price:24px;--ccui-font-size-data-overview:30px;--ccui-font-size-icon:16px;--ccui-font-size-sm:12px;--ccui-font-size-md:14px;--ccui-font-size-lg:16px;--ccui-font-title-weight:600;--ccui-font-content-weight:400;--ccui-line-height-base:1.57143;--ccui-border-radius:6px;--ccui-border-radius-feedback:8px;--ccui-border-radius-card:8px;--ccui-shadow-length-base:0 1px 2px 0;--ccui-shadow-length-slide-left:-6px 0 16px 0;--ccui-shadow-length-slide-right:6px 0 16px 0;--ccui-shadow-length-connected-overlay:0 6px 16px 0;--ccui-shadow-length-hover:0 6px 16px 0;--ccui-shadow-length-feedback-overlay:0 6px 16px 0;--ccui-shadow-fullscreen-overlay:0 6px 16px 0;--ccui-animation-duration-slow:.3s;--ccui-animation-duration-base:.2s;--ccui-animation-duration-fast:.1s;--ccui-animation-ease-in:cubic-bezier(.7, 0, .84, 0);--ccui-animation-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-animation-ease-in-out:cubic-bezier(.78, .14, .15, .86);--ccui-animation-ease-in-smooth:cubic-bezier(.645, .045, .355, 1);--ccui-animation-linear:cubic-bezier(0, 0, 1, 1);--ccui-z-index-full-page-overlay:1080;--ccui-z-index-pop-up:1060;--ccui-z-index-dropdown:1052;--ccui-z-index-modal:1050;--ccui-z-index-drawer:1040;--ccui-z-index-framework:1000;--ccui-size-sm:24px;--ccui-size-md:32px;--ccui-size-lg:40px;--ccui-color-primary:#1677ff;--ccui-color-primary-hover:#4096ff;--ccui-color-primary-active:#0958d9;--ccui-color-primary-bg:#e6f4ff;--ccui-color-primary-bg-hover:#bae0ff;--ccui-color-primary-border:#91caff;--ccui-color-primary-border-hover:#69b1ff;--ccui-color-success:#52c41a;--ccui-color-success-hover:#73d13d;--ccui-color-success-active:#389e0d;--ccui-color-success-bg:#f6ffed;--ccui-color-success-border:#b7eb8f;--ccui-color-warning:#faad14;--ccui-color-warning-hover:#ffc53d;--ccui-color-warning-active:#d48806;--ccui-color-warning-bg:#fffbe6;--ccui-color-warning-border:#ffe58f;--ccui-color-error:#ff4d4f;--ccui-color-error-hover:#ff7875;--ccui-color-error-active:#d9363e;--ccui-color-error-bg:#fff2f0;--ccui-color-error-border:#ffccc7;--ccui-color-info:#1677ff;--ccui-color-info-hover:#4096ff;--ccui-color-info-bg:#e6f4ff;--ccui-color-info-border:#91caff;--ccui-color-text:#000000e0;--ccui-color-text-secondary:#000000a6;--ccui-color-text-tertiary:#00000073;--ccui-color-text-quaternary:#00000040;--ccui-color-text-disabled:#00000040;--ccui-color-text-placeholder:#00000040;--ccui-color-text-heading:#000000e0;--ccui-color-text-light-solid:#fff;--ccui-color-bg-base:#fff;--ccui-color-bg-container:#fff;--ccui-color-bg-elevated:#fff;--ccui-color-bg-layout:#f5f5f5;--ccui-color-bg-spotlight:#000000d9;--ccui-color-bg-mask:#00000073;--ccui-color-bg-text-hover:#0000000f;--ccui-color-bg-text-active:#00000026;--ccui-color-border:#d9d9d9;--ccui-color-border-secondary:#f0f0f0;--ccui-color-border-disabled:#0000000a;--ccui-color-split:#0505050f;--ccui-color-fill:#00000026;--ccui-color-fill-secondary:#0000000f;--ccui-color-fill-tertiary:#0000000a;--ccui-color-fill-quaternary:#00000005;--ccui-control-outline:#0591ff1a;--ccui-control-outline-error:#ff26050f;--ccui-control-outline-warning:#ffd7051a;--ccui-red-1:#fff1f0;--ccui-red-2:#ffccc7;--ccui-red-3:#ffa39e;--ccui-red-4:#ff7875;--ccui-red-5:#ff4d4f;--ccui-red-6:#f5222d;--ccui-red-7:#cf1322;--ccui-red-8:#a8071a;--ccui-red-9:#820014;--ccui-red-10:#5c0011;--ccui-volcano-1:#fff2e8;--ccui-volcano-2:#ffd8bf;--ccui-volcano-3:#ffbb96;--ccui-volcano-4:#ff9c6e;--ccui-volcano-5:#ff7a45;--ccui-volcano-6:#fa541c;--ccui-volcano-7:#d4380d;--ccui-volcano-8:#ad2102;--ccui-volcano-9:#871400;--ccui-volcano-10:#610b00;--ccui-orange-1:#fff7e6;--ccui-orange-2:#ffe7ba;--ccui-orange-3:#ffd591;--ccui-orange-4:#ffc069;--ccui-orange-5:#ffa940;--ccui-orange-6:#fa8c16;--ccui-orange-7:#d46b08;--ccui-orange-8:#ad4e00;--ccui-orange-9:#873800;--ccui-orange-10:#612500;--ccui-gold-1:#fffbe6;--ccui-gold-2:#fff1b8;--ccui-gold-3:#ffe58f;--ccui-gold-4:#ffd666;--ccui-gold-5:#ffc53d;--ccui-gold-6:#faad14;--ccui-gold-7:#d48806;--ccui-gold-8:#ad6800;--ccui-gold-9:#874d00;--ccui-gold-10:#613400;--ccui-yellow-1:#feffe6;--ccui-yellow-2:#ffffb8;--ccui-yellow-3:#fffb8f;--ccui-yellow-4:#fff566;--ccui-yellow-5:#ffec3d;--ccui-yellow-6:#fadb14;--ccui-yellow-7:#d4b106;--ccui-yellow-8:#ad8b00;--ccui-yellow-9:#876800;--ccui-yellow-10:#614700;--ccui-lime-1:#fcffe6;--ccui-lime-2:#f4ffb8;--ccui-lime-3:#eaff8f;--ccui-lime-4:#d3f261;--ccui-lime-5:#bae637;--ccui-lime-6:#a0d911;--ccui-lime-7:#7cb305;--ccui-lime-8:#5b8c00;--ccui-lime-9:#3f6600;--ccui-lime-10:#254000;--ccui-green-1:#f6ffed;--ccui-green-2:#d9f7be;--ccui-green-3:#b7eb8f;--ccui-green-4:#95de64;--ccui-green-5:#73d13d;--ccui-green-6:#52c41a;--ccui-green-7:#389e0d;--ccui-green-8:#237804;--ccui-green-9:#135200;--ccui-green-10:#092b00;--ccui-cyan-1:#e6fffb;--ccui-cyan-2:#b5f5ec;--ccui-cyan-3:#87e8de;--ccui-cyan-4:#5cdbd3;--ccui-cyan-5:#36cfc9;--ccui-cyan-6:#13c2c2;--ccui-cyan-7:#08979c;--ccui-cyan-8:#006d75;--ccui-cyan-9:#00474f;--ccui-cyan-10:#002329;--ccui-blue-1:#e6f4ff;--ccui-blue-2:#bae0ff;--ccui-blue-3:#91caff;--ccui-blue-4:#69b1ff;--ccui-blue-5:#4096ff;--ccui-blue-6:#1677ff;--ccui-blue-7:#0958d9;--ccui-blue-8:#003eb3;--ccui-blue-9:#002c8c;--ccui-blue-10:#001d66;--ccui-geekblue-1:#f0f5ff;--ccui-geekblue-2:#d6e4ff;--ccui-geekblue-3:#adc6ff;--ccui-geekblue-4:#85a5ff;--ccui-geekblue-5:#597ef7;--ccui-geekblue-6:#2f54eb;--ccui-geekblue-7:#1d39c4;--ccui-geekblue-8:#10239e;--ccui-geekblue-9:#061178;--ccui-geekblue-10:#030852;--ccui-purple-1:#f9f0ff;--ccui-purple-2:#efdbff;--ccui-purple-3:#d3adf7;--ccui-purple-4:#b37feb;--ccui-purple-5:#9254de;--ccui-purple-6:#722ed1;--ccui-purple-7:#531dab;--ccui-purple-8:#391085;--ccui-purple-9:#22075e;--ccui-purple-10:#120338;--ccui-magenta-1:#fff0f6;--ccui-magenta-2:#ffd6e7;--ccui-magenta-3:#ffadd2;--ccui-magenta-4:#ff85c0;--ccui-magenta-5:#f759ab;--ccui-magenta-6:#eb2f96;--ccui-magenta-7:#c41d7f;--ccui-magenta-8:#9e1068;--ccui-magenta-9:#780650;--ccui-magenta-10:#520339;--ccui-pink-1:#fff0f6;--ccui-pink-6:#eb2f96;--ccui-border-radius-lg:8px;--ccui-border-radius-sm:4px;--ccui-border-radius-xs:2px;--ccui-border-radius-outer:4px;--ccui-font-size-xl:20px;--ccui-font-size-heading-1:38px;--ccui-font-size-heading-2:30px;--ccui-font-size-heading-3:24px;--ccui-font-size-heading-4:20px;--ccui-font-size-heading-5:16px;--ccui-line-height-lg:1.5;--ccui-line-height-sm:1.66;--ccui-line-height-heading-1:1.21052;--ccui-line-height-heading-2:1.26666;--ccui-line-height-heading-3:1.33333;--ccui-line-height-heading-4:1.4;--ccui-line-height-heading-5:1.5;--ccui-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ccui-font-family-code:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--ccui-control-height:32px;--ccui-control-height-sm:24px;--ccui-control-height-lg:40px;--ccui-control-height-xs:16px;--ccui-box-shadow:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-secondary:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-tertiary:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--ccui-motion-duration-slow:.3s;--ccui-motion-duration-mid:.2s;--ccui-motion-duration-fast:.1s;--ccui-motion-ease-in-out:cubic-bezier(.645, .045, .355, 1);--ccui-motion-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-motion-ease-in:cubic-bezier(.55, .055, .675, .19);--ccui-motion-ease-out-back:cubic-bezier(.12, .4, .29, 1.46);--ccui-motion-ease-in-back:cubic-bezier(.71, -.46, .88, .6);--ccui-motion-ease-out-circ:cubic-bezier(.08, .82, .17, 1);--ccui-motion-ease-in-out-circ:cubic-bezier(.78, .14, .15, .86);--ccui-padding-xxs:4px;--ccui-padding-xs:8px;--ccui-padding-sm:12px;--ccui-padding:16px;--ccui-padding-md:20px;--ccui-padding-lg:24px;--ccui-padding-xl:32px;--ccui-margin-xxs:4px;--ccui-margin-xs:8px;--ccui-margin-sm:12px;--ccui-margin:16px;--ccui-margin-md:20px;--ccui-margin-lg:24px;--ccui-margin-xl:32px}.ccui-icon{color:inherit;fill:currentColor;transform:rotate(var(--ccui-icon-rotate,0deg));transform-origin:50%;vertical-align:-.125em;justify-content:center;align-items:center;line-height:0;display:inline-flex}.ccui-icon svg,.ccui-icon i{fill:currentColor;stroke:currentColor;flex:none;width:1em;height:1em;display:block}.ccui-icon--spin{animation:1s linear infinite ccui-icon-spin}.ccui-icon--spin-ccw{animation-direction:reverse}.ccui-icon--clickable{cursor:pointer;transition:opacity .2s}.ccui-icon--clickable:hover{opacity:.7}.ccui-icon--clickable:focus-visible{outline:2px solid var(--ccui-primary,#1677ff);outline-offset:2px}.ccui-icon--disabled{cursor:not-allowed;color:var(--ccui-color-text-disabled,#00000040);opacity:.5}.ccui-icon--loading{color:var(--ccui-color-text-tertiary,#00000073)}.ccui-icon__loading-spinner{width:1em;height:1em;display:block}.ccui-icon--two-tone{color:var(--ccui-icon-two-tone-color,var(--ccui-color-primary,#1677ff))}@keyframes ccui-icon-spin{0%{transform:rotate(var(--ccui-icon-rotate,0deg))}to{transform:rotate(calc(var(--ccui-icon-rotate,0deg) + 1turn))}}
+/*$vite$:1*/